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

Line 1: Line 1:
 
/* line 1, css/source/global.scss */
 
/* line 1, css/source/global.scss */
 
body {
 
body {
−
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+
   font-family: "Helvetica Neue",Arial,sans-serif;
 
   font-size: 1em;
 
   font-size: 1em;
 
   line-height: 1.42857143;
 
   line-height: 1.42857143;
Line 12: Line 12:
 
/* line 1, css/source/global.scss */
 
/* line 1, css/source/global.scss */
 
body {
 
body {
−
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+
   font-family: "Helvetica Neue",Arial,sans-serif;
 
   font-size: 1em;
 
   font-size: 1em;
 
   line-height: 1.42857143;
 
   line-height: 1.42857143;
Line 52: Line 52:
 
/* line 1, css/source/global.scss */
 
/* line 1, css/source/global.scss */
 
body {
 
body {
−
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+
   font-family: "Helvetica Neue",Arial,sans-serif;
 
   font-size: 1em;
 
   font-size: 1em;
 
   line-height: 1.42857143;
 
   line-height: 1.42857143;
Line 222: Line 222:
 
/* line 1, css/source/global.scss */
 
/* line 1, css/source/global.scss */
 
body {
 
body {
−
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+
   font-family: "Helvetica Neue",Arial,sans-serif;
 
   font-size: 1em;
 
   font-size: 1em;
 
   line-height: 1.42857143;
 
   line-height: 1.42857143;
Line 319: Line 319:
 
/* line 1, css/source/global.scss */
 
/* line 1, css/source/global.scss */
 
body {
 
body {
−
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+
   font-family: "Helvetica Neue",Arial,sans-serif;
 
   font-size: 1em;
 
   font-size: 1em;
 
   line-height: 1.42857143;
 
   line-height: 1.42857143;
Line 367: Line 367:
 
/* line 1, css/source/global.scss */
 
/* line 1, css/source/global.scss */
 
body {
 
body {
−
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+
   font-family: "Helvetica Neue",Arial,sans-serif;
 
   font-size: 1em;
 
   font-size: 1em;
 
   line-height: 1.42857143;
 
   line-height: 1.42857143;
Line 437: Line 437:
 
/* line 1, css/source/global.scss */
 
/* line 1, css/source/global.scss */
 
body {
 
body {
−
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+
   font-family: "Helvetica Neue",Arial,sans-serif;
 
   font-size: 1em;
 
   font-size: 1em;
 
   line-height: 1.42857143;
 
   line-height: 1.42857143;
Line 458: Line 458:
 
/* line 1, css/source/global.scss */
 
/* line 1, css/source/global.scss */
 
body {
 
body {
−
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+
   font-family: "Helvetica Neue",Arial,sans-serif;
 
   font-size: 1em;
 
   font-size: 1em;
 
   line-height: 1.42857143;
 
   line-height: 1.42857143;
Line 493: Line 493:
 
     margin: 5px;
 
     margin: 5px;
 
     margin-bottom: 10px; }
 
     margin-bottom: 10px; }
−
 
−
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 
−
/* Clear the default wiki settings */
 
−
/* line 6, css/source/igem_default.scss */
 
−
#home_logo, #sideMenu {
 
−
  display: none; }
 
−
 
−
/* line 7, css/source/igem_default.scss */
 
−
#sideMenu, #top_title, .patrollink {
 
−
  display: none; }
 
−
 
−
/* line 8, css/source/igem_default.scss */
 
−
#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 ***************************************************************/
 
/**************************************************************** MENU ***************************************************************/

Revision as of 17:18, 1 November 2017

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

 font-family: "Helvetica Neue",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",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",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",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",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",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",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",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; }

/**************************************************************** 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; }