Difference between revisions of "Team:NortheasternU-Boston/styles"

Line 1: Line 1:
−
@charset "UTF-8";
 
 
/* line 1, css/source/global.scss */
 
/* line 1, css/source/global.scss */
 
body {
 
body {
Line 497: Line 496:
 
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 
/* Clear the default wiki settings */
 
/* Clear the default wiki settings */
−
/* line 23, css/source/main.scss */
+
/* line 6, css/source/igem_default.scss */
−
body {
+
#home_logo, #sideMenu {
−
  background-color: #EEE; }
+
   display: none; }
−
 
+
−
/**************************************************************** MENU ***************************************************************/
+
−
/* Wrapper for the menu */
+
−
/* styling for the menu button when it is the current page */
+
−
/* line 35, css/source/main.scss */
+
−
.current_page {
+
−
  background-color: #7fc1f7  !important;
+
−
  color: #5e5f5f !important; }
+
−
 
+
−
/***************************************************** CONTENT OF THE PAGE ****************************************************/
+
−
/* Wrapper for the content */
+
−
/* line 43, css/source/main.scss */
+
−
.igem_2017_content_wrapper {
+
−
   width: auto !important;
+
−
  margin: 0 !important;
+
−
  float: none !important;
+
−
  line-height: normal !important;
+
−
  background-color: #EEE; }
+
−
 
+
−
/* special class that the system uses to make sure the team wants a page to be evaluated */
+
−
/* line 57, css/source/main.scss */
+
−
.judges-will-not-evaluate {
+
−
  width: 96.6%;
+
−
  margin: 5px 15px;
+
−
  display: block;
+
−
  border: 4px solid #3399ff;
+
−
  font-weight: bold; }
+
−
 
+
−
/* line 65, css/source/main.scss */
+
−
p {
+
−
  margin: 0; }
+
−
 
+
−
/* line 69, css/source/main.scss */
+
−
.row {
+
−
  display: -webkit-box;
+
−
  display: -ms-flexbox;
+
−
  display: flex;
+
−
  -webkit-box-orient: horizontal;
+
−
  -webkit-box-direction: normal;
+
−
      -ms-flex-direction: row;
+
−
          flex-direction: row; }
+
−
 
+
−
/* line 74, css/source/main.scss */
+
−
.row > [class*='col-'] {
+
−
  display: -webkit-box;
+
−
  display: -ms-flexbox;
+
−
  display: flex;
+
−
  -webkit-box-orient: vertical;
+
−
  -webkit-box-direction: normal;
+
−
      -ms-flex-direction: column;
+
−
          flex-direction: column; }
+
  
−
/********************************* DEFAULT WIKI SETTINGS  ********************************/
+
/* line 7, css/source/igem_default.scss */
−
/* line 87, css/source/main.scss */
+
#sideMenu, #top_title, .patrollink {
−
#sideMenu, #top_title {
+
 
   display: none; }
 
   display: none; }
  
−
/* line 88, css/source/main.scss */
+
/* line 8, css/source/igem_default.scss */
 
#content {
 
#content {
 +
  width: 100%;
 
   padding: 0px;
 
   padding: 0px;
−
   width: 100%; }
+
   margin-top: -7px;
 +
  margin-left: 0px; }
  
−
/* line 89, css/source/main.scss */
+
/**************************************************************** MENU ***************************************************************/
−
body {
+
−
  width: 100%; }
+
−
 
+
−
/* line 90, css/source/main.scss */
+
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
+
−
  margin-bottom: 0px; }
+
−
 
+
−
/* line 91, css/source/main.scss */
+
−
#bodyContent {
+
−
  padding-right: 0px; }
+
−
 
+
−
/* line 96, css/source/main.scss */
+
−
#globalWrapper {
+
−
  font-size: 100%;
+
−
  padding: 0px;
+
−
  margin: -10px -20px -20px -20px; }
+
−
 
+
−
/* line 102, css/source/main.scss */
+
−
.navbar-collapse {
+
−
  padding-left: 0px; }
+
−
 
+
−
/* line 106, css/source/main.scss */
+
−
#banner {
+
−
  margin-top: 50px; }
+
−
 
+
−
/* line 110, css/source/main.scss */
+
−
#sideMenu {
+
−
  margin-top: 10px; }
+
−
 
+
−
/********************************* MENU ********************************/
+
 
/* Wrapper for the menu */
 
/* Wrapper for the menu */
−
/* line 116, css/source/main.scss */
+
/* line 17, css/source/igem_default.scss */
−
.menu_wrapper {
+
.igem_2017_menu_wrapper {
−
   width: 150px;
+
   width: 15%;
 
   height: 100vh;
 
   height: 100vh;
 
   position: fixed;
 
   position: fixed;
 +
  right: 0%;
 
   padding: 0px;
 
   padding: 0px;
−
   float: left;
+
   float: right;
−
   background-color: #f2f2f2;
+
  border-left: 1px solid #d3d3d3;
−
   text-align: left; }
+
   background-color: #dddddd;
 +
   text-align: left;
 +
  font-family: Tahoma, Geneva, sans-serif;
 +
  overflow-y: auto;
 +
  overflow-x: hidden;
 +
  display: none; }
  
−
/* styling for the menu items */
+
/* this hides the scrollbar to keep view consistency */
−
/* line 127, css/source/main.scss */
+
/* line 34, css/source/igem_default.scss */
−
.menu_item {
+
.igem_2017_menu_wrappe::-webkit-scrollbar {
−
  width: 100%;
+
   display: none; }
−
  margin: -2px 0px 0px -20px;
+
−
  padding: 10px 10px;
+
−
  border-bottom: 1px solid #d3d3d3;
+
−
  font-weight: bold;
+
−
  color: #000000;
+
−
   cursor: pointer; }
+
  
−
/* when hovering on a menu item */
+
/* styling for links in the menu, removes the line under text */
−
/* line 138, css/source/main.scss */
+
/* line 40, css/source/igem_default.scss */
−
.menu_item:hover {
+
.igem_2017_menu_wrapper a {
−
   color: #000000;
+
   text-decoration: none; }
−
  background-color: #72c9b6; }
+
  
−
/* decoration icon for the menu buttons*/
+
/* styling for the images in the menu */
−
/* line 144, css/source/main.scss */
+
/* line 46, css/source/igem_default.scss */
−
.icon {
+
.igem_2017_menu_wrapper img {
−
   float: right;
+
   width: 100%; }
−
  font-size: 16px;
+
−
  font-weight: bold; }
+
  
−
/* this is the icon for when the content is collapsed */
+
/* styling for the menu buttons */
−
/* line 151, css/source/main.scss */
+
/* line 51, css/source/igem_default.scss */
−
.plus::before {
+
.igem_2017_menu_wrapper .menu_button {
−
  content: "+"; }
+
−
 
+
−
/* this is the icon for when the content is expanded */
+
−
/* line 155, css/source/main.scss */
+
−
.less::before {
+
−
  content: "–"; }
+
−
 
+
−
/* styling for the ul that creates the buttons */
+
−
/* line 160, css/source/main.scss */
+
−
ul.menu_items {
+
 
   width: 100%;
 
   width: 100%;
−
  margin-left: 0px;
+
   padding: 10px 0px 10px 15px;
−
   padding: 0px;
+
   float: left;
−
  list-style: none; }
+
−
 
+
−
/* styling for the li that are the menu items */
+
−
/* line 168, css/source/main.scss */
+
−
.menu_items li {
+
−
  width: 90%;
+
−
  margin-top: -2px;
+
−
  padding: 15px 0px 15px 15px;
+
−
   display: block;
+
 
   border-bottom: 1px solid #d3d3d3;
 
   border-bottom: 1px solid #d3d3d3;
−
   text-align: left;
+
   font-size: 12px;
 
   font-weight: bold;
 
   font-weight: bold;
−
  text-decoration: none;
+
   color: #5e5f5f;
−
   color: #000000;
+
   cursor: pointer; }
−
  list-style-type: none;
+
−
   cursor: pointer;
+
−
  -webkit-transition: all 0.4s ease;
+
−
  transition: all 0.4s ease; }
+
  
−
/* line 186, css/source/main.scss */
+
/* line 63, css/source/igem_default.scss */
−
.menu_item a {
+
.igem_2017_menu_wrapper .menu_bottom_padding {
 
   width: 100%;
 
   width: 100%;
−
   margin-left: -20px;
+
   height: 30px;
−
   padding: 11px 90px 12px 20px;
+
   float: left; }
−
  text-decoration: none;
+
−
  color: black; }
+
  
−
/* When hovering on a menu item */
+
/* line 69, css/source/igem_default.scss */
−
/* line 195, css/source/main.scss */
+
.menu_button.direct_to_page {
−
.menu_items li:hover {
+
   padding-left: 36px; }
−
   background-color: #72c9b6;
+
−
  color: #000000; }
+
  
−
/* styling for the submenus */
+
/* line 74, css/source/igem_default.scss */
−
/* line 201, css/source/main.scss */
+
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
−
.submenu {
+
   width: 10%;
−
   width: 100%;
+
   float: left; }
−
   display: none;
+
−
  font-weight: bold;
+
−
  cursor: pointer; }
+
  
−
/* moving the margin for the submenu ul list */
+
/* line 79, css/source/igem_default.scss */
−
/* line 210, css/source/main.scss */
+
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
−
ul.submenu {
+
   content: "+"; }
−
  width: 100%;
+
−
  margin: 10px 0px -11px 0px;
+
−
   list-style: none; }
+
  
−
/*styling for the submenu buttons */
+
/* line 83, css/source/igem_default.scss */
−
/* line 217, css/source/main.scss */
+
.open::before {
−
.submenu li {
+
   content: "-" !important; }
−
   width: 100%;
+
−
  margin-left: 10px;
+
−
  margin-bottom: 0px; }
+
  
−
/* hover state for the submenu buttons */
+
/* styling for the menu buttons on hover */
−
/* line 225, css/source/main.scss */
+
/* line 90, css/source/igem_default.scss */
−
.submenu li a {
+
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover, .submenu_button.current_page:hover {
−
  width: 100%;
+
   background-color: #3399ff;
−
  padding: 5px 10px;
+
−
  display: inline-block;
+
−
  border-bottom: 1px solid #d3d3d3;
+
−
   background-color: white;
+
 
   text-decoration: none;
 
   text-decoration: none;
−
   color: #000000; }
+
   color: #ffffff; }
  
−
/* line 237, css/source/main.scss */
+
/* styling for the menu button when it is the current page */
−
.submenu li a:hover {
+
/* line 97, css/source/igem_default.scss */
−
   background-color: #000000;
+
.current_page {
−
   color: #72c9b6; }
+
   background-color: #7fc1f7  !important;
 +
   color: #5e5f5f !important; }
  
−
/* When the screen is smaller than 680px, the menu has the option to hide/show - this button controls that */
+
/* styling for the submenu buttons */
−
/* line 244, css/source/main.scss */
+
/* line 104, css/source/igem_default.scss */
−
.collapsable_menu_control {
+
.igem_2017_menu_wrapper .submenu_button {
 
   width: 100%;
 
   width: 100%;
−
   padding: 15px 0px;
+
   padding: 10px 0px 10px 34px;
−
  display: none;
+
−
  background-color: #000000;
+
−
  text-align: center;
+
−
  font-weight: bold;
+
−
  color: #72c9b6;
+
−
  cursor: pointer;
+
−
  -webkit-transition: all 0.4s ease;
+
−
  transition: all 0.4s ease; }
+
−
 
+
−
/* when hovering on that button */
+
−
/* line 261, css/source/main.scss */
+
−
.collapsable_menu_control:hover {
+
−
  background-color: #72c9b6;
+
−
  color: #000000; }
+
−
 
+
−
/********************************* CONTENT OF THE PAGE ********************************/
+
−
/* Wrapper for the content */
+
−
/* line 269, css/source/main.scss */
+
−
.content_wrapper {
+
−
  width: 85%;
+
−
  margin-left: 150px;
+
−
  padding: 0px;
+
 
   float: left;
 
   float: left;
−
   background-color: white; }
+
   background-color: #f2f2f2;
 +
  border-bottom: 1px solid #d3d3d3;
 +
  font-size: 12px;
 +
  color: #5e5f5f;
 +
  cursor: pointer; }
  
−
/*LAYOUT */
+
/* wrapper for the submenu items, they are hidden by default*/
−
/* line 278, css/source/main.scss */
+
/* line 116, css/source/igem_default.scss */
−
.column {
+
.igem_2017_menu_wrapper .submenu_wrapper {
−
   padding: 10px 0px;
+
   display: none; }
−
  float: left;
+
−
  background-color: white; }
+
  
−
/* line 284, css/source/main.scss */
+
/* when the page size is bigger than 800px, this show/hide control is hidden by default */
−
.full_size {
+
/* line 121, css/source/igem_default.scss */
−
   width: 100%; }
+
.igem_2017_menu_wrapper #display_menu_control {
 +
   display: none;
 +
  text-align: center; }
  
−
/* line 288, css/source/main.scss */
+
/***************************************************** CONTENT OF THE PAGE ****************************************************/
−
.full_size img {
+
/* Wrapper for the content */
−
  padding: 10px 15px;
+
/* line 130, css/source/igem_default.scss */
−
  width: 96.5%; }
+
.igem_2017_content_wrapper {
−
 
+
   width: 81%;
−
/* line 293, css/source/main.scss */
+
   margin: 2%;
−
.half_size {
+
−
  width: 50%; }
+
−
 
+
−
/* line 296, css/source/main.scss */
+
−
.half_size img {
+
−
  padding: 10px 15px;
+
−
  width: 93%; }
+
−
 
+
−
/* line 302, css/source/main.scss */
+
−
.clear {
+
−
  clear: both; }
+
−
 
+
−
/* line 306, css/source/main.scss */
+
−
.highlight {
+
−
   width: 90%;
+
−
   margin: auto;
+
−
  padding: 15px 5px;
+
−
  background-color: #f2f2f2; }
+
−
 
+
−
/* line 313, css/source/main.scss */
+
−
.judges-will-not-evaluate {
+
−
  border: 4px solid #72c9b6;
+
 
   display: block;
 
   display: block;
−
   margin: 5px 15px;
+
   float: left;
−
   width: 95%;
+
   background-color: white;
−
   font-weight: bold; }
+
   font-family: Tahoma, Geneva, sans-serif; }
  
−
/*STYLING */
+
/********************************* HTML STYLING *********************************/
−
/* styling for the titles */
+
/* styling for the titles h1 h2 */
−
/* line 325, css/source/main.scss */
+
/* line 143, css/source/igem_default.scss */
−
.content_wrapper h1, .content_wrapper h2 {
+
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
 
   padding: 5px 15px;
 
   padding: 5px 15px;
 
   border-bottom: 0px;
 
   border-bottom: 0px;
−
   color: #72c9b6; }
+
   color: #3399ff; }
  
−
/* line 331, css/source/main.scss */
+
/* styling for the titles  h3 h4 h5 h6*/
−
.content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {
+
/* line 151, css/source/igem_default.scss */
 +
.igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
 
   padding: 5px 15px;
 
   padding: 5px 15px;
 
   border-bottom: 0px;
 
   border-bottom: 0px;
Line 804: Line 642:
  
 
/* font and text */
 
/* font and text */
−
/* line 339, css/source/main.scss */
+
/* line 159, css/source/igem_default.scss */
−
.content_wrapper p {
+
.igem_2017_content_wrapper p {
 
   padding: 0px 15px;
 
   padding: 0px 15px;
−
   font-size: 13px;
+
   font-size: 13px; }
−
  font-family: Tahoma, Geneva, sans-serif; }
+
  
 
/* Links */
 
/* Links */
−
/* line 346, css/source/main.scss */
+
/* line 165, css/source/igem_default.scss */
−
.content_wrapper a {
+
.igem_2017_content_wrapper a {
 
   font-weight: bold;
 
   font-weight: bold;
 
   text-decoration: underline;
 
   text-decoration: underline;
−
   -webkit-text-decoration-color: #72c9b6;
+
   -webkit-text-decoration-color: #3399ff;
−
           text-decoration-color: #72c9b6;
+
           text-decoration-color: #3399ff;
−
   color: #72c9b6;
+
   color: #3399ff;
 
   -webkit-transition: all 0.4s ease;
 
   -webkit-transition: all 0.4s ease;
 
   transition: all 0.4s ease; }
 
   transition: all 0.4s ease; }
  
 
/* hover for the links */
 
/* hover for the links */
−
/* line 359, css/source/main.scss */
+
/* line 178, css/source/igem_default.scss */
−
.content_wrapper a:hover {
+
.igem_2017_content_wrapper a:hover {
 
   text-decoration: none;
 
   text-decoration: none;
 
   color: #000000; }
 
   color: #000000; }
  
 
/* non numbered lists */
 
/* non numbered lists */
−
/* line 365, css/source/main.scss */
+
/* line 184, css/source/igem_default.scss */
−
.content_wrapper ul {
+
.igem_2017_content_wrapper ul {
 
   padding: 0px 20px;
 
   padding: 0px 20px;
 
   font-size: 13px;
 
   font-size: 13px;
Line 835: Line 672:
  
 
/* numbered lists */
 
/* numbered lists */
−
/* line 372, css/source/main.scss */
+
/* line 191, css/source/igem_default.scss */
−
.content_wrapper ol {
+
.igem_2017_content_wrapper ol {
 
   padding: 0px;
 
   padding: 0px;
 
   font-size: 13px;
 
   font-size: 13px;
Line 842: Line 679:
  
 
/* Table */
 
/* Table */
−
/* line 379, css/source/main.scss */
+
/* line 198, css/source/igem_default.scss */
−
.content_wrapper table {
+
.igem_2017_content_wrapper table {
 
   width: 97%;
 
   width: 97%;
 
   margin: 15px 10px;
 
   margin: 15px 10px;
Line 850: Line 687:
  
 
/* table cells */
 
/* table cells */
−
/* line 387, css/source/main.scss */
+
/* line 206, css/source/igem_default.scss */
−
.content_wrapper td {
+
.igem_2017_content_wrapper td {
 
   padding: 10px;
 
   padding: 10px;
 
   vertical-align: text-top;
 
   vertical-align: text-top;
Line 858: Line 695:
  
 
/* table headers */
 
/* table headers */
−
/* line 395, css/source/main.scss */
+
/* line 214, css/source/igem_default.scss */
−
.content_wrapper th {
+
.igem_2017_content_wrapper th {
 
   padding: 10px;
 
   padding: 10px;
 
   vertical-align: text-top;
 
   vertical-align: text-top;
Line 866: Line 703:
 
   background-color: #f2f2f2; }
 
   background-color: #f2f2f2; }
  
−
/* Button class */
+
/**********************************LAYOUT CLASSES **********************************/
−
/* line 404, css/source/main.scss */
+
/* general class for column divs */
−
.button_click {
+
/* line 226, css/source/igem_default.scss */
−
   margin: 10px auto;
+
.igem_2017_content_wrapper .column {
−
   padding: 15px;
+
   padding: 10px 0px;
−
   width: 12%;
+
  float: left; }
 +
 
 +
/* class for a full width column */
 +
/* line 232, css/source/igem_default.scss */
 +
.column .full_size {
 +
  width: 100%; }
 +
 
 +
/* styling for images in a full width column*/
 +
/* line 237, css/source/igem_default.scss */
 +
.column.full_size img {
 +
  width: 97%;
 +
   padding: 10px 15px; }
 +
 
 +
/* class for a half width column */
 +
/* line 243, css/source/igem_default.scss */
 +
.column.half_size {
 +
   width: 50%; }
 +
 
 +
/* styling for images in a half width column*/
 +
/* line 247, css/source/igem_default.scss */
 +
.column.half_size img {
 +
  width: 94.5%;
 +
  padding: 10px 15px; }
 +
 
 +
/********************************* SUPPORT CLASSES ********************************/
 +
/* class that clears content below*/
 +
/* line 258, css/source/igem_default.scss */
 +
.igem_2017_content_wrapper .clear {
 +
  clear: both; }
 +
 
 +
/* adds extra spacing when clearing content */
 +
/* line 264, css/source/igem_default.scss */
 +
.igem_2017_content_wrapper .clear.extra_space {
 +
  height: 30px; }
 +
 
 +
/* highlight class, makes content slightly smaller */
 +
/* line 270, css/source/igem_default.scss */
 +
.igem_2017_content_wrapper .highlight {
 +
  margin: 0px 15px;
 +
  padding: 15px 0px; }
 +
 
 +
/* highlight class, adds a gray background */
 +
/* line 277, css/source/igem_default.scss */
 +
.igem_2017_content_wrapper .highlight.gray {
 +
  background-color: #f2f2f2; }
 +
 
 +
/* highlight with decoration blue line on top */
 +
/* line 282, css/source/igem_default.scss */
 +
.igem_2017_content_wrapper .highlight.blue_top {
 +
  border-top: 4px solid #3399ff; }
 +
 
 +
/* highlight with a full blue border decoration */
 +
/* line 287, css/source/igem_default.scss */
 +
.igem_2017_content_wrapper .highlight.blue_border {
 +
  border: 4px solid  #3399ff; }
 +
 
 +
/* button class */
 +
/* line 293, css/source/igem_default.scss */
 +
.igem_2017_content_wrapper .button {
 +
  max-width: 35%;
 +
  margin: 30px auto;
 +
  padding: 12px 10px;
 +
  background-color: #3399ff;
 
   text-align: center;
 
   text-align: center;
−
   font-weight: bold;
+
   color: #ffffff;
−
  background-color: #72c9b6;
+
−
  cursor: pointer;
+
 
   -webkit-transition: all 0.4s ease;
 
   -webkit-transition: all 0.4s ease;
 
   transition: all 0.4s ease; }
 
   transition: all 0.4s ease; }
  
−
/* button class on hover */
+
/* styling for button on hover */
−
/* line 419, css/source/main.scss */
+
/* line 307, css/source/igem_default.scss */
−
.button_click:hover {
+
.igem_2017_content_wrapper .button:hover {
−
   background-color: #000000;
+
   background-color: #3399ff;
−
   color: #72c9b6; }
+
   color: #000000; }
  
−
/********************************* RESPONSIVE STYLING ********************************/
+
/***************************************************** RESPONSIVE STYLING ****************************************************/
−
/* IF THE SCREEN IS LESS THAN 1000PX */
+
/* IF THE SCREEN IS LESS THAN 1200PX */
−
@media only screen and (max-width: 1000px) {
+
@media only screen and (max-width: 1200px) {
−
   /* line 430, css/source/main.scss */
+
   /* line 320, css/source/igem_default.scss */
 
   #content {
 
   #content {
 
     width: 100%; }
 
     width: 100%; }
−
   /* line 431, css/source/main.scss */
+
   /* line 321, css/source/igem_default.scss */
−
   .menu_wrapper {
+
   .igem_2017_menu_wrapper {
−
     width: 15%; }
+
     width: 15%;
−
  /* line 432, css/source/main.scss */
+
     right: 0; }
−
  .content_wrapper {
+
   /* line 322, css/source/igem_default.scss */
−
    margin-left: 15%; }
+
−
  /* line 433, css/source/main.scss */
+
−
  .menu_item {
+
−
    display: block; }
+
−
  /* line 434, css/source/main.scss */
+
−
  .icon {
+
−
     display: none; }
+
−
   /* line 435, css/source/main.scss */
+
 
   .highlight {
 
   .highlight {
−
     padding: 10px 0px; } }
+
     padding: 10px 0px; }
−
 
+
   /* line 323, css/source/igem_default.scss */
−
/* IF THE SCREEN IS LESS THAN 680PX */
+
   .igem_2017_menu_wrapper #display_menu_control {
−
@media only screen and (max-width: 680px) {
+
−
  /* line 442, css/source/main.scss */
+
−
  .collapsable_menu_control {
+
−
    display: block; }
+
−
   /* line 443, css/source/main.scss */
+
−
   .menu_item {
+
 
     display: none; }
 
     display: none; }
−
   /* line 444, css/source/main.scss */
+
   /* line 324, css/source/igem_default.scss */
−
   .menu_wrapper {
+
  #menu_content {
 +
    display: block; }
 +
  /* line 325, css/source/igem_default.scss */
 +
  .menu_button.direct_to_page {
 +
    padding-left: 17px; } }
 +
 
 +
/* IF THE SCREEN IS LESS THAN 800PX */
 +
@media only screen and (max-width: 800px) {
 +
  /* line 332, css/source/igem_default.scss */
 +
   .igem_2017_menu_wrapper {
 
     width: 100%;
 
     width: 100%;
 
     height: 15%;
 
     height: 15%;
−
     position: relative; }
+
     position: relative;
−
   /* line 445, css/source/main.scss */
+
    left: 0%; }
−
   .content_wrapper {
+
   /* line 333, css/source/igem_default.scss */
 +
   .igem_2017_content_wrapper {
 
     width: 100%;
 
     width: 100%;
 
     margin-left: 0px; }
 
     margin-left: 0px; }
−
   /* line 446, css/source/main.scss */
+
   /* line 334, css/source/igem_default.scss */
 
   .column.half_size {
 
   .column.half_size {
 
     width: 100%; }
 
     width: 100%; }
−
   /* line 447, css/source/main.scss */
+
   /* line 335, css/source/igem_default.scss */
−
   .column img {
+
   .column.full_size img, .column.half_size img {
 
     width: 100%;
 
     width: 100%;
−
     padding: 5px 0px; }
+
     padding: 10px 0px; }
−
   /* line 448, css/source/main.scss */
+
   /* line 336, css/source/igem_default.scss */
−
   .icon {
+
  .highlight {
 +
    padding: 15px 5px; }
 +
  /* line 337, css/source/igem_default.scss */
 +
   .igem_2017_menu_wrapper #display_menu_control {
 
     display: block; }
 
     display: block; }
−
   /* line 449, css/source/main.scss */
+
   /* line 338, css/source/igem_default.scss */
−
   .highlight {
+
   #menu_content {
−
     padding: 15px 5px; } }
+
    display: none; }
 +
  /* line 339, css/source/igem_default.scss */
 +
  .igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
 +
    width: 5%; }
 +
  /* line 340, css/source/igem_default.scss */
 +
  .menu_bottom_padding {
 +
    display: none; }
 +
  /* line 341, css/source/igem_default.scss */
 +
  .menu_button.direct_to_page {
 +
     padding-left: 36px; } }
 +
 
 +
/* special class that the system uses to make sure the team wants a page to be evaluated */
 +
/* line 348, css/source/igem_default.scss */
 +
.judges-will-not-evaluate {
 +
  width: 96.6%;
 +
  margin: 5px 15px;
 +
  display: block;
 +
  border: 4px solid #3399ff;
 +
  font-weight: bold; }
 +
 
 +
/**************************************************************** MENU ***************************************************************/
 +
/* Wrapper for the menu */
 +
/* styling for the menu button when it is the current page */
 +
/* line 24, css/source/main.scss */
 +
.current_page {
 +
  background-color: #7fc1f7  !important;
 +
  color: #5e5f5f !important; }
 +
 
 +
/***************************************************** CONTENT OF THE PAGE ****************************************************/
 +
/* Wrapper for the content */
 +
/* line 32, css/source/main.scss */
 +
.igem_2017_content_wrapper {
 +
  width: auto !important;
 +
  margin: 0 !important;
 +
  float: none !important;
 +
  line-height: normal !important;
 +
  background-color: #EEE; }
 +
 
 +
/* special class that the system uses to make sure the team wants a page to be evaluated */
 +
/* line 46, css/source/main.scss */
 +
.judges-will-not-evaluate {
 +
  width: 96.6%;
 +
  margin: 5px 15px;
 +
  display: block;
 +
  border: 4px solid #3399ff;
 +
  font-weight: bold; }
 +
 
 +
/* line 54, css/source/main.scss */
 +
p {
 +
  margin: 0; }
 +
 
 +
/* line 58, css/source/main.scss */
 +
.row {
 +
  display: -webkit-box;
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -webkit-box-orient: horizontal;
 +
  -webkit-box-direction: normal;
 +
      -ms-flex-direction: row;
 +
          flex-direction: row; }
 +
 
 +
/* line 63, css/source/main.scss */
 +
.row > [class*='col-'] {
 +
  display: -webkit-box;
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -webkit-box-orient: vertical;
 +
  -webkit-box-direction: normal;
 +
      -ms-flex-direction: column;
 +
          flex-direction: column; }

Revision as of 17:14, 1 November 2017

/* line 1, css/source/global.scss */ body { 

 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 1em;
 line-height: 1.42857143;
 color: #333;
 padding: 0px;
 margin: 0px;
 min-height: 100vh;
 background-color: #EEE; }

/* line 1, css/source/global.scss */ body { 

 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 1em;
 line-height: 1.42857143;
 color: #333;
 padding: 0px;
 margin: 0px;
 min-height: 100vh;
 background-color: #EEE; }

/* line 9, css/source/home.scss */ div.neu-wrapper { 

 margin-left: 0;
 margin-right: 0;
 width: 100%; }
 /* line 15, css/source/home.scss */
 div.neu-wrapper .row.jumbo {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap; }
 /* line 26, css/source/home.scss */
 div.neu-wrapper .home-abstract {
   height: 100%; }
   /* line 28, css/source/home.scss */
   div.neu-wrapper .home-abstract .abstract-img-container {
     width: 100%;
     height: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center; }
     /* line 33, css/source/home.scss */
     div.neu-wrapper .home-abstract .abstract-img-container img {
       height: 100%; }

/* line 1, css/source/global.scss */ body { 

 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 1em;
 line-height: 1.42857143;
 color: #333;
 padding: 0px;
 margin: 0px;
 min-height: 100vh;
 background-color: #EEE; }

/* line 4, css/source/sidebar.scss */ .home-sidebar { 

 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-align: stretch;
     -ms-flex-align: stretch;
         align-items: stretch;
 -webkit-box-pack: start;
     -ms-flex-pack: start;
         justify-content: flex-start;
 background-color: #225378;
 min-height: 100%;
 -webkit-box-shadow: 10px 0px 20px rgba(0, 0, 0, 0.25);
         box-shadow: 10px 0px 20px rgba(0, 0, 0, 0.25); }
 /* line 14, css/source/sidebar.scss */
 .home-sidebar .neu-logo-row {
   padding: 0px;
   background-color: #FFF;
   padding-top: 5px; }
   /* line 18, css/source/sidebar.scss */
   .home-sidebar .neu-logo-row .neu-logo-link-container {
     padding: 15px 15px; }
     /* line 20, css/source/sidebar.scss */
     .home-sidebar .neu-logo-row .neu-logo-link-container a.neu-logo-link {
       position: relative;
       width: 100%; }
       /* line 23, css/source/sidebar.scss */
       .home-sidebar .neu-logo-row .neu-logo-link-container a.neu-logo-link img.neu-logo-img {
         max-width: 100%; }
 /* line 30, css/source/sidebar.scss */
 .home-sidebar .banner-row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   padding: 10px 15px; }
   /* line 36, css/source/sidebar.scss */
   .home-sidebar .banner-row span.banner-title {
     color: #FFF;
     font-size: 1.5em; }
   /* line 40, css/source/sidebar.scss */
   .home-sidebar .banner-row span.banner-subtitle {
     color: #FFF;
     font-size: 1em; }
 /* line 46, css/source/sidebar.scss */
 .home-sidebar .sidebar-links {
   padding: 0px; }
   /* line 48, css/source/sidebar.scss */
   .home-sidebar .sidebar-links .panel-group {
     margin-bottom: 10px;
     border-top: 1px dashed #2d6ea0; }
     /* line 51, css/source/sidebar.scss */
     .home-sidebar .sidebar-links .panel-group .panel, .home-sidebar .sidebar-links .panel-group .panel-default {
       border-radius: 0px;
       background-color: transparent;
       -webkit-box-shadow: none;
               box-shadow: none;
       border: none;
       border-bottom: 1px dashed #2d6ea0;
       margin-top: 0px; }
       /* line 60, css/source/sidebar.scss */
       .home-sidebar .sidebar-links .panel-group .panel .panel-collapse.collapse.in, .home-sidebar .sidebar-links .panel-group .panel .panel-collapse.collapsing, .home-sidebar .sidebar-links .panel-group .panel-default .panel-collapse.collapse.in, .home-sidebar .sidebar-links .panel-group .panel-default .panel-collapse.collapsing {
         background-color: rgba(255, 255, 255, 0.1); }
       /* line 64, css/source/sidebar.scss */
       .home-sidebar .sidebar-links .panel-group .panel .panel-heading, .home-sidebar .sidebar-links .panel-group .panel-default .panel-heading {
         padding: 0;
         background-color: transparent;
         border: none; }
         /* line 68, css/source/sidebar.scss */
         .home-sidebar .sidebar-links .panel-group .panel .panel-heading h4.panel-title, .home-sidebar .sidebar-links .panel-group .panel-default .panel-heading h4.panel-title {
           display: -webkit-box;
           display: -ms-flexbox;
           display: flex;
           -webkit-box-orient: horizontal;
           -webkit-box-direction: normal;
               -ms-flex-direction: row;
                   flex-direction: row;
           -webkit-box-align: center;
               -ms-flex-align: center;
                   align-items: center;
           -webkit-box-pack: start;
               -ms-flex-pack: start;
                   justify-content: flex-start;
           padding: 0px;
           font-size: inherit !important; }
           /* line 75, css/source/sidebar.scss */
           .home-sidebar .sidebar-links .panel-group .panel .panel-heading h4.panel-title a, .home-sidebar .sidebar-links .panel-group .panel-default .panel-heading h4.panel-title a {
             width: 100%;
             padding: 10px 15px;
             color: #EEE; }
             /* line 79, css/source/sidebar.scss */
             .home-sidebar .sidebar-links .panel-group .panel .panel-heading h4.panel-title a:hover, .home-sidebar .sidebar-links .panel-group .panel .panel-heading h4.panel-title a:active, .home-sidebar .sidebar-links .panel-group .panel-default .panel-heading h4.panel-title a:hover, .home-sidebar .sidebar-links .panel-group .panel-default .panel-heading h4.panel-title a:active {
               background-color: #FFF;
               color: #225378; }
       /* line 86, css/source/sidebar.scss */
       .home-sidebar .sidebar-links .panel-group .panel ul.panel-body, .home-sidebar .sidebar-links .panel-group .panel-default ul.panel-body {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
         -webkit-box-align: stretch;
             -ms-flex-align: stretch;
                 align-items: stretch;
         list-style: none;
         padding: 0px 0px;
         border-top: 1px solid rgba(255, 255, 255, 0.1);
         margin: 0; }
         /* line 94, css/source/sidebar.scss */
         .home-sidebar .sidebar-links .panel-group .panel ul.panel-body li, .home-sidebar .sidebar-links .panel-group .panel-default ul.panel-body li {
           display: -webkit-box;
           display: -ms-flexbox;
           display: flex;
           -webkit-box-orient: horizontal;
           -webkit-box-direction: normal;
               -ms-flex-direction: row;
                   flex-direction: row;
           -webkit-box-align: center;
               -ms-flex-align: center;
                   align-items: center;
           border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
           /* line 99, css/source/sidebar.scss */
           .home-sidebar .sidebar-links .panel-group .panel ul.panel-body li :last-child, .home-sidebar .sidebar-links .panel-group .panel-default ul.panel-body li :last-child {
             border: none; }
           /* line 102, css/source/sidebar.scss */
           .home-sidebar .sidebar-links .panel-group .panel ul.panel-body li a, .home-sidebar .sidebar-links .panel-group .panel-default ul.panel-body li a {
             width: 100%;
             padding: 5px 20px;
             color: #EEE; }
             /* line 106, css/source/sidebar.scss */
             .home-sidebar .sidebar-links .panel-group .panel ul.panel-body li a:hover, .home-sidebar .sidebar-links .panel-group .panel ul.panel-body li a:focus, .home-sidebar .sidebar-links .panel-group .panel-default ul.panel-body li a:hover, .home-sidebar .sidebar-links .panel-group .panel-default ul.panel-body li a:focus {
               background-color: #EEE;
               color: #225378; }
 /* line 119, css/source/sidebar.scss */
 .home-sidebar .spacer {
   -webkit-box-flex: 1;
       -ms-flex: 1;
           flex: 1; }
 /* line 123, css/source/sidebar.scss */
 .home-sidebar .sidebar-footer {
   padding: 10px 15px;
   color: #EEE; }

/* line 1, css/source/global.scss */ body { 

 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 1em;
 line-height: 1.42857143;
 color: #333;
 padding: 0px;
 margin: 0px;
 min-height: 100vh;
 background-color: #EEE; }

/* line 3, css/source/footer.scss */ .neu-igem-footer { 

 background-color: #333; }
 /* line 6, css/source/footer.scss */
 .neu-igem-footer .neusponsor-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   margin: 15px 30px; }
   /* line 11, css/source/footer.scss */
   .neu-igem-footer .neusponsor-container .neusponsor-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center; }
     /* line 16, css/source/footer.scss */
     .neu-igem-footer .neusponsor-container .neusponsor-header span.neusponsor-title {
       color: #FFF;
       font-size: 1.5em; }
   /* line 21, css/source/footer.scss */
   .neu-igem-footer .neusponsor-container hr {
     margin-top: 10px;
     margin-bottom: 10px;
     border-color: rgba(255, 255, 255, 0.25);
     border-style: dashed;
     width: 100%; }
   /* line 28, css/source/footer.scss */
   .neu-igem-footer .neusponsor-container ul.neusponsor-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -ms-flex-flow: wrap;
         flex-flow: wrap;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     list-style: none; }
     /* line 35, css/source/footer.scss */
     .neu-igem-footer .neusponsor-container ul.neusponsor-list li.neusponsor-item {
       margin: 5px 10px; }
       /* line 37, css/source/footer.scss */
       .neu-igem-footer .neusponsor-container ul.neusponsor-list li.neusponsor-item .neusponsor-item-link {
         padding: 10px; }
         /* line 39, css/source/footer.scss */
         .neu-igem-footer .neusponsor-container ul.neusponsor-list li.neusponsor-item .neusponsor-item-link:hover, .neu-igem-footer .neusponsor-container ul.neusponsor-list li.neusponsor-item .neusponsor-item-link:active {
           background-color: #4d4d4d; }
         /* line 42, css/source/footer.scss */
         .neu-igem-footer .neusponsor-container ul.neusponsor-list li.neusponsor-item .neusponsor-item-link img.neusponsor-img {
           max-width: 200px; }

/* line 3, css/source/abstract.scss */ svg { 

 max-height: 95vh;
 min-width: 200px;
 margin: auto;
 background-color: #FFF; }
 /* line 9, css/source/abstract.scss */
 svg a:hover {
   stroke-opacity: 0.5;
   fill-opacity: 0.5;
   -webkit-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out; }

/* line 1, css/source/global.scss */ body { 

 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 1em;
 line-height: 1.42857143;
 color: #333;
 padding: 0px;
 margin: 0px;
 min-height: 100vh;
 background-color: #EEE; }

/* line 4, css/source/team.scss */ .team-page .team-header { 

 padding: 20px;
 margin: 0;
 margin-top: 10px;
 text-align: center; }
 /* line 11, css/source/team.scss */
 .team-page .team-header h2.team-title {
   color: #000;
   margin: 0; }

/* line 17, css/source/team.scss */ .team-page ul.team-list { 

 margin: 0;
 padding: 10px 15px;
 font-size: 0.75em; }
 /* line 21, css/source/team.scss */
 .team-page ul.team-list li.member-item {
   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
           box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
   padding: 10px;
   margin-bottom: 15px;
   background-color: #FFF; }
   /* line 28, css/source/team.scss */
   .team-page ul.team-list li.member-item .member-image-container img.member-image {
     width: 100%; }
   /* line 33, css/source/team.scss */
   .team-page ul.team-list li.member-item .member-desc-col h4.member-name {
     margin: 0;
     margin-bottom: 5px;
     padding-bottom: 5px;
     border-bottom: 1px dashed #AAA;
     font-size: 1.5em; }
   /* line 41, css/source/team.scss */
   .team-page ul.team-list li.member-item .member-desc-col .desc-key span {
     font-weight: bold; }

/* line 1, css/source/global.scss */ body { 

 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 1em;
 line-height: 1.42857143;
 color: #333;
 padding: 0px;
 margin: 0px;
 min-height: 100vh;
 background-color: #EEE; }

/* line 4, css/source/collaborations.scss */ .collaborations-page .header { 

 padding: 20px;
 margin: 0;
 margin-top: 10px;
 text-align: center; }
 /* line 11, css/source/collaborations.scss */
 .collaborations-page .header h2 {
   color: #000;
   margin: 0; }

/* line 17, css/source/collaborations.scss */ .collaborations-page .collaborations-panel { 

 background-color: #FFF;
 padding: 10px 20px;
 margin: 10px;
 -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
         box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
 /* line 22, css/source/collaborations.scss */
 .collaborations-page .collaborations-panel h3 {
   margin: auto 0; }
 /* line 25, css/source/collaborations.scss */
 .collaborations-page .collaborations-panel p {
   border-top: 1px dashed #AAA;
   padding-top: 10px;
   margin-top: 10px;
   margin-bottom: 20px; }
 /* line 31, css/source/collaborations.scss */
 .collaborations-page .collaborations-panel .collab-section-header {
   margin-bottom: 10px;
   padding-bottom: 10px; }
   /* line 35, css/source/collaborations.scss */
   .collaborations-page .collaborations-panel .collab-section-header img {
     width: 100%; }

/* line 5, css/source/notebook.scss */ .notebook-page p { 

 margin-bottom: 10px; }

/* line 2, css/source/parts.scss */ .parts-page table.parts-table { 

 background-color: #FFF;
 margin-bottom: 20px; }
 /* line 7, css/source/parts.scss */
 .parts-page table.parts-table tr.header th {
   background-color: #666;
   color: #FFF;
   padding: 10px; }
 /* line 15, css/source/parts.scss */
 .parts-page table.parts-table tr td {
   padding: 10px; }
 /* line 19, css/source/parts.scss */
 .parts-page table.parts-table tr td.name a {
   font-style: italic;
   font-weight: bold; }
 /* line 25, css/source/parts.scss */
 .parts-page table.parts-table tr.assay-amp {
   background-color: #ffe6e6; }

/* line 1, css/source/global.scss */ body { 

 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 1em;
 line-height: 1.42857143;
 color: #333;
 padding: 0px;
 margin: 0px;
 min-height: 100vh;
 background-color: #EEE; }

/* line 4, css/source/results.scss */ .results-page figure { 

 padding: 20px 10px; }
 /* line 6, css/source/results.scss */
 .results-page figure img {
   width: 100%; }
 /* line 9, css/source/results.scss */
 .results-page figure figcaption {
   padding: 5px 10px; }

/* line 1, css/source/global.scss */ body { 

 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 1em;
 line-height: 1.42857143;
 color: #333;
 padding: 0px;
 margin: 0px;
 min-height: 100vh;
 background-color: #EEE; }

/* line 4, css/source/basic.scss */ .basic-page .header, .basic-page .content-header { 

 margin: 0px;
 padding: 0px;
 margin-bottom: 10px; }
 /* line 8, css/source/basic.scss */
 .basic-page .header h1, .basic-page .content-header h1 {
   margin-top: 0px;
   padding-top: 10px; }

/* line 13, css/source/basic.scss */ .basic-page .content-text { 

 background-color: #FFF;
 padding: 10px;
 border-radius: 3px;
 -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
         box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
 margin-bottom: 10px; }
 /* line 19, css/source/basic.scss */
 .basic-page .content-text h3 {
   margin-top: 5px;
   padding-top: 3px; }
 /* line 23, css/source/basic.scss */
 .basic-page .content-text p {
   margin: 5px;
   margin-bottom: 10px; }

/***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ /* Clear the default wiki settings */ /* line 6, css/source/igem_default.scss */

  1. home_logo, #sideMenu {
 display: none; }

/* line 7, css/source/igem_default.scss */

  1. sideMenu, #top_title, .patrollink {
 display: none; }

/* line 8, css/source/igem_default.scss */

  1. content {
 width: 100%;
 padding: 0px;
 margin-top: -7px;
 margin-left: 0px; }

/**************************************************************** MENU ***************************************************************/ /* Wrapper for the menu */ /* line 17, css/source/igem_default.scss */ .igem_2017_menu_wrapper { 

 width: 15%;
 height: 100vh;
 position: fixed;
 right: 0%;
 padding: 0px;
 float: right;
 border-left: 1px solid #d3d3d3;
 background-color: #dddddd;
 text-align: left;
 font-family: Tahoma, Geneva, sans-serif;
 overflow-y: auto;
 overflow-x: hidden;
 display: none; }

/* this hides the scrollbar to keep view consistency */ /* line 34, css/source/igem_default.scss */ .igem_2017_menu_wrappe::-webkit-scrollbar { 

 display: none; }

/* styling for links in the menu, removes the line under text */ /* line 40, css/source/igem_default.scss */ .igem_2017_menu_wrapper a { 

 text-decoration: none; }

/* styling for the images in the menu */ /* line 46, css/source/igem_default.scss */ .igem_2017_menu_wrapper img { 

 width: 100%; }

/* styling for the menu buttons */ /* line 51, css/source/igem_default.scss */ .igem_2017_menu_wrapper .menu_button { 

 width: 100%;
 padding: 10px 0px 10px 15px;
 float: left;
 border-bottom: 1px solid #d3d3d3;
 font-size: 12px;
 font-weight: bold;
 color: #5e5f5f;
 cursor: pointer; }

/* line 63, css/source/igem_default.scss */ .igem_2017_menu_wrapper .menu_bottom_padding { 

 width: 100%;
 height: 30px;
 float: left; }

/* line 69, css/source/igem_default.scss */ .menu_button.direct_to_page { 

 padding-left: 36px; }

/* line 74, css/source/igem_default.scss */ .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { 

 width: 10%;
 float: left; }

/* line 79, css/source/igem_default.scss */ .igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before { 

 content: "+"; }

/* line 83, css/source/igem_default.scss */ .open::before { 

 content: "-" !important; }

/* styling for the menu buttons on hover */ /* line 90, css/source/igem_default.scss */ .igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover, .submenu_button.current_page:hover { 

 background-color: #3399ff;
 text-decoration: none;
 color: #ffffff; }

/* styling for the menu button when it is the current page */ /* line 97, css/source/igem_default.scss */ .current_page { 

 background-color: #7fc1f7  !important;
 color: #5e5f5f !important; }

/* styling for the submenu buttons */ /* line 104, css/source/igem_default.scss */ .igem_2017_menu_wrapper .submenu_button { 

 width: 100%;
 padding: 10px 0px 10px 34px;
 float: left;
 background-color: #f2f2f2;
 border-bottom: 1px solid #d3d3d3;
 font-size: 12px;
 color: #5e5f5f;
 cursor: pointer; }

/* wrapper for the submenu items, they are hidden by default*/ /* line 116, css/source/igem_default.scss */ .igem_2017_menu_wrapper .submenu_wrapper { 

 display: none; }

/* when the page size is bigger than 800px, this show/hide control is hidden by default */ /* line 121, css/source/igem_default.scss */ .igem_2017_menu_wrapper #display_menu_control { 

 display: none;
 text-align: center; }

/***************************************************** CONTENT OF THE PAGE ****************************************************/ /* Wrapper for the content */ /* line 130, css/source/igem_default.scss */ .igem_2017_content_wrapper { 

 width: 81%;
 margin: 2%;
 display: block;
 float: left;
 background-color: white;
 font-family: Tahoma, Geneva, sans-serif; }

/********************************* HTML STYLING *********************************/ /* styling for the titles h1 h2 */ /* line 143, css/source/igem_default.scss */ .igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 { 

 padding: 5px 15px;
 border-bottom: 0px;
 color: #3399ff; }

/* styling for the titles h3 h4 h5 h6*/ /* line 151, css/source/igem_default.scss */ .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 { 

 padding: 5px 15px;
 border-bottom: 0px;
 color: #000000; }

/* font and text */ /* line 159, css/source/igem_default.scss */ .igem_2017_content_wrapper p { 

 padding: 0px 15px;
 font-size: 13px; }

/* Links */ /* line 165, css/source/igem_default.scss */ .igem_2017_content_wrapper a { 

 font-weight: bold;
 text-decoration: underline;
 -webkit-text-decoration-color: #3399ff;
         text-decoration-color: #3399ff;
 color: #3399ff;
 -webkit-transition: all 0.4s ease;
 transition: all 0.4s ease; }

/* hover for the links */ /* line 178, css/source/igem_default.scss */ .igem_2017_content_wrapper a:hover { 

 text-decoration: none;
 color: #000000; }

/* non numbered lists */ /* line 184, css/source/igem_default.scss */ .igem_2017_content_wrapper ul { 

 padding: 0px 20px;
 font-size: 13px;
 font-family: Tahoma, Geneva, sans-serif; }

/* numbered lists */ /* line 191, css/source/igem_default.scss */ .igem_2017_content_wrapper ol { 

 padding: 0px;
 font-size: 13px;
 font-family: Tahoma, Geneva, sans-serif; }

/* Table */ /* line 198, css/source/igem_default.scss */ .igem_2017_content_wrapper table { 

 width: 97%;
 margin: 15px 10px;
 border: 1px solid #d3d3d3;
 border-collapse: collapse; }

/* table cells */ /* line 206, css/source/igem_default.scss */ .igem_2017_content_wrapper td { 

 padding: 10px;
 vertical-align: text-top;
 border: 1px solid #d3d3d3;
 border-collapse: collapse; }

/* table headers */ /* line 214, css/source/igem_default.scss */ .igem_2017_content_wrapper th { 

 padding: 10px;
 vertical-align: text-top;
 border: 1px solid #d3d3d3;
 border-collapse: collapse;
 background-color: #f2f2f2; }

/**********************************LAYOUT CLASSES **********************************/ /* general class for column divs */ /* line 226, css/source/igem_default.scss */ .igem_2017_content_wrapper .column { 

 padding: 10px 0px;
 float: left; }

/* class for a full width column */ /* line 232, css/source/igem_default.scss */ .column .full_size { 

 width: 100%; }

/* styling for images in a full width column*/ /* line 237, css/source/igem_default.scss */ .column.full_size img { 

 width: 97%;
 padding: 10px 15px; }

/* class for a half width column */ /* line 243, css/source/igem_default.scss */ .column.half_size { 

 width: 50%; }

/* styling for images in a half width column*/ /* line 247, css/source/igem_default.scss */ .column.half_size img { 

 width: 94.5%;
 padding: 10px 15px; }

/********************************* SUPPORT CLASSES ********************************/ /* class that clears content below*/ /* line 258, css/source/igem_default.scss */ .igem_2017_content_wrapper .clear { 

 clear: both; }

/* adds extra spacing when clearing content */ /* line 264, css/source/igem_default.scss */ .igem_2017_content_wrapper .clear.extra_space { 

 height: 30px; }

/* highlight class, makes content slightly smaller */ /* line 270, css/source/igem_default.scss */ .igem_2017_content_wrapper .highlight { 

 margin: 0px 15px;
 padding: 15px 0px; }

/* highlight class, adds a gray background */ /* line 277, css/source/igem_default.scss */ .igem_2017_content_wrapper .highlight.gray { 

 background-color: #f2f2f2; }

/* highlight with decoration blue line on top */ /* line 282, css/source/igem_default.scss */ .igem_2017_content_wrapper .highlight.blue_top { 

 border-top: 4px solid #3399ff; }

/* highlight with a full blue border decoration */ /* line 287, css/source/igem_default.scss */ .igem_2017_content_wrapper .highlight.blue_border { 

 border: 4px solid  #3399ff; }

/* button class */ /* line 293, css/source/igem_default.scss */ .igem_2017_content_wrapper .button { 

 max-width: 35%;
 margin: 30px auto;
 padding: 12px 10px;
 background-color: #3399ff;
 text-align: center;
 color: #ffffff;
 -webkit-transition: all 0.4s ease;
 transition: all 0.4s ease; }

/* styling for button on hover */ /* line 307, css/source/igem_default.scss */ .igem_2017_content_wrapper .button:hover { 

 background-color: #3399ff;
 color: #000000; }

/***************************************************** RESPONSIVE STYLING ****************************************************/ /* IF THE SCREEN IS LESS THAN 1200PX */ @media only screen and (max-width: 1200px) { 

 /* line 320, css/source/igem_default.scss */
 #content {
   width: 100%; }
 /* line 321, css/source/igem_default.scss */
 .igem_2017_menu_wrapper {
   width: 15%;
   right: 0; }
 /* line 322, css/source/igem_default.scss */
 .highlight {
   padding: 10px 0px; }
 /* line 323, css/source/igem_default.scss */
 .igem_2017_menu_wrapper #display_menu_control {
   display: none; }
 /* line 324, css/source/igem_default.scss */
 #menu_content {
   display: block; }
 /* line 325, css/source/igem_default.scss */
 .menu_button.direct_to_page {
   padding-left: 17px; } }

/* IF THE SCREEN IS LESS THAN 800PX */ @media only screen and (max-width: 800px) { 

 /* line 332, css/source/igem_default.scss */
 .igem_2017_menu_wrapper {
   width: 100%;
   height: 15%;
   position: relative;
   left: 0%; }
 /* line 333, css/source/igem_default.scss */
 .igem_2017_content_wrapper {
   width: 100%;
   margin-left: 0px; }
 /* line 334, css/source/igem_default.scss */
 .column.half_size {
   width: 100%; }
 /* line 335, css/source/igem_default.scss */
 .column.full_size img, .column.half_size img {
   width: 100%;
   padding: 10px 0px; }
 /* line 336, css/source/igem_default.scss */
 .highlight {
   padding: 15px 5px; }
 /* line 337, css/source/igem_default.scss */
 .igem_2017_menu_wrapper #display_menu_control {
   display: block; }
 /* line 338, css/source/igem_default.scss */
 #menu_content {
   display: none; }
 /* line 339, css/source/igem_default.scss */
 .igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
   width: 5%; }
 /* line 340, css/source/igem_default.scss */
 .menu_bottom_padding {
   display: none; }
 /* line 341, css/source/igem_default.scss */
 .menu_button.direct_to_page {
   padding-left: 36px; } }

/* special class that the system uses to make sure the team wants a page to be evaluated */ /* line 348, css/source/igem_default.scss */ .judges-will-not-evaluate { 

 width: 96.6%;
 margin: 5px 15px;
 display: block;
 border: 4px solid #3399ff;
 font-weight: bold; }

/**************************************************************** MENU ***************************************************************/ /* Wrapper for the menu */ /* styling for the menu button when it is the current page */ /* line 24, css/source/main.scss */ .current_page { 

 background-color: #7fc1f7  !important;
 color: #5e5f5f !important; }

/***************************************************** CONTENT OF THE PAGE ****************************************************/ /* Wrapper for the content */ /* line 32, css/source/main.scss */ .igem_2017_content_wrapper { 

 width: auto !important;
 margin: 0 !important;
 float: none !important;
 line-height: normal !important;
 background-color: #EEE; }

/* special class that the system uses to make sure the team wants a page to be evaluated */ /* line 46, css/source/main.scss */ .judges-will-not-evaluate { 

 width: 96.6%;
 margin: 5px 15px;
 display: block;
 border: 4px solid #3399ff;
 font-weight: bold; }

/* line 54, css/source/main.scss */ p { 

 margin: 0; }

/* line 58, css/source/main.scss */ .row { 

 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row; }

/* line 63, css/source/main.scss */ .row > [class*='col-'] { 

 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column; }