Line 1: | Line 1: | ||
+ | @charset "UTF-8"; | ||
/* line 1, css/source/global.scss */ | /* line 1, css/source/global.scss */ | ||
body { | body { | ||
Line 418: | Line 419: | ||
.parts-page table.parts-table { | .parts-page table.parts-table { | ||
background-color: #FFF; | background-color: #FFF; | ||
− | |||
margin-bottom: 20px; } | margin-bottom: 20px; } | ||
/* line 7, css/source/parts.scss */ | /* line 7, css/source/parts.scss */ | ||
Line 497: | Line 497: | ||
/***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ | /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ | ||
/* Clear the default wiki settings */ | /* Clear the default wiki settings */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* line 23, css/source/main.scss */ | /* line 23, css/source/main.scss */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
body { | body { | ||
background-color: #EEE; } | background-color: #EEE; } | ||
− | |||
− | |||
− | |||
− | |||
/**************************************************************** MENU ***************************************************************/ | /**************************************************************** MENU ***************************************************************/ | ||
/* Wrapper for the menu */ | /* Wrapper for the menu */ | ||
− | |||
− | |||
− | |||
− | |||
/* styling for the menu button when it is the current page */ | /* styling for the menu button when it is the current page */ | ||
− | /* line | + | /* line 35, css/source/main.scss */ |
.current_page { | .current_page { | ||
background-color: #7fc1f7 !important; | background-color: #7fc1f7 !important; | ||
Line 534: | Line 511: | ||
/***************************************************** CONTENT OF THE PAGE ****************************************************/ | /***************************************************** CONTENT OF THE PAGE ****************************************************/ | ||
/* Wrapper for the content */ | /* Wrapper for the content */ | ||
− | /* line | + | /* line 43, css/source/main.scss */ |
.igem_2017_content_wrapper { | .igem_2017_content_wrapper { | ||
width: auto !important; | width: auto !important; | ||
Line 543: | Line 520: | ||
/* special class that the system uses to make sure the team wants a page to be evaluated */ | /* special class that the system uses to make sure the team wants a page to be evaluated */ | ||
− | /* line | + | /* line 57, css/source/main.scss */ |
.judges-will-not-evaluate { | .judges-will-not-evaluate { | ||
width: 96.6%; | width: 96.6%; | ||
Line 551: | Line 528: | ||
font-weight: bold; } | font-weight: bold; } | ||
− | /* line | + | /* line 65, css/source/main.scss */ |
p { | p { | ||
margin: 0; } | margin: 0; } | ||
− | /* line | + | /* line 69, css/source/main.scss */ |
.row { | .row { | ||
display: -webkit-box; | display: -webkit-box; | ||
Line 565: | Line 542: | ||
flex-direction: row; } | flex-direction: row; } | ||
− | /* line | + | /* line 74, css/source/main.scss */ |
.row > [class*='col-'] { | .row > [class*='col-'] { | ||
display: -webkit-box; | display: -webkit-box; | ||
Line 574: | Line 551: | ||
-ms-flex-direction: column; | -ms-flex-direction: column; | ||
flex-direction: column; } | flex-direction: column; } | ||
+ | |||
+ | /********************************* DEFAULT WIKI SETTINGS ********************************/ | ||
+ | /* line 87, css/source/main.scss */ | ||
+ | #sideMenu, #top_title { | ||
+ | display: none; } | ||
+ | |||
+ | /* line 88, css/source/main.scss */ | ||
+ | #content { | ||
+ | padding: 0px; | ||
+ | width: 100%; } | ||
+ | |||
+ | /* line 89, css/source/main.scss */ | ||
+ | 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 */ | ||
+ | /* line 116, css/source/main.scss */ | ||
+ | .menu_wrapper { | ||
+ | width: 150px; | ||
+ | height: 100vh; | ||
+ | position: fixed; | ||
+ | padding: 0px; | ||
+ | float: left; | ||
+ | background-color: #f2f2f2; | ||
+ | text-align: left; } | ||
+ | |||
+ | /* styling for the menu items */ | ||
+ | /* line 127, css/source/main.scss */ | ||
+ | .menu_item { | ||
+ | width: 100%; | ||
+ | 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 */ | ||
+ | /* line 138, css/source/main.scss */ | ||
+ | .menu_item:hover { | ||
+ | color: #000000; | ||
+ | background-color: #72c9b6; } | ||
+ | |||
+ | /* decoration icon for the menu buttons*/ | ||
+ | /* line 144, css/source/main.scss */ | ||
+ | .icon { | ||
+ | float: right; | ||
+ | font-size: 16px; | ||
+ | font-weight: bold; } | ||
+ | |||
+ | /* this is the icon for when the content is collapsed */ | ||
+ | /* line 151, css/source/main.scss */ | ||
+ | .plus::before { | ||
+ | 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%; | ||
+ | margin-left: 0px; | ||
+ | padding: 0px; | ||
+ | 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; | ||
+ | text-align: left; | ||
+ | font-weight: bold; | ||
+ | text-decoration: none; | ||
+ | color: #000000; | ||
+ | list-style-type: none; | ||
+ | cursor: pointer; | ||
+ | -webkit-transition: all 0.4s ease; | ||
+ | transition: all 0.4s ease; } | ||
+ | |||
+ | /* line 186, css/source/main.scss */ | ||
+ | .menu_item a { | ||
+ | width: 100%; | ||
+ | margin-left: -20px; | ||
+ | padding: 11px 90px 12px 20px; | ||
+ | text-decoration: none; | ||
+ | color: black; } | ||
+ | |||
+ | /* When hovering on a menu item */ | ||
+ | /* line 195, css/source/main.scss */ | ||
+ | .menu_items li:hover { | ||
+ | background-color: #72c9b6; | ||
+ | color: #000000; } | ||
+ | |||
+ | /* styling for the submenus */ | ||
+ | /* line 201, css/source/main.scss */ | ||
+ | .submenu { | ||
+ | width: 100%; | ||
+ | display: none; | ||
+ | font-weight: bold; | ||
+ | cursor: pointer; } | ||
+ | |||
+ | /* moving the margin for the submenu ul list */ | ||
+ | /* line 210, css/source/main.scss */ | ||
+ | ul.submenu { | ||
+ | width: 100%; | ||
+ | margin: 10px 0px -11px 0px; | ||
+ | list-style: none; } | ||
+ | |||
+ | /*styling for the submenu buttons */ | ||
+ | /* line 217, css/source/main.scss */ | ||
+ | .submenu li { | ||
+ | width: 100%; | ||
+ | margin-left: 10px; | ||
+ | margin-bottom: 0px; } | ||
+ | |||
+ | /* hover state for the submenu buttons */ | ||
+ | /* line 225, css/source/main.scss */ | ||
+ | .submenu li a { | ||
+ | width: 100%; | ||
+ | padding: 5px 10px; | ||
+ | display: inline-block; | ||
+ | border-bottom: 1px solid #d3d3d3; | ||
+ | background-color: white; | ||
+ | text-decoration: none; | ||
+ | color: #000000; } | ||
+ | |||
+ | /* line 237, css/source/main.scss */ | ||
+ | .submenu li a:hover { | ||
+ | background-color: #000000; | ||
+ | color: #72c9b6; } | ||
+ | |||
+ | /* When the screen is smaller than 680px, the menu has the option to hide/show - this button controls that */ | ||
+ | /* line 244, css/source/main.scss */ | ||
+ | .collapsable_menu_control { | ||
+ | width: 100%; | ||
+ | padding: 15px 0px; | ||
+ | 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; | ||
+ | background-color: white; } | ||
+ | |||
+ | /*LAYOUT */ | ||
+ | /* line 278, css/source/main.scss */ | ||
+ | .column { | ||
+ | padding: 10px 0px; | ||
+ | float: left; | ||
+ | background-color: white; } | ||
+ | |||
+ | /* line 284, css/source/main.scss */ | ||
+ | .full_size { | ||
+ | width: 100%; } | ||
+ | |||
+ | /* line 288, css/source/main.scss */ | ||
+ | .full_size img { | ||
+ | padding: 10px 15px; | ||
+ | width: 96.5%; } | ||
+ | |||
+ | /* line 293, css/source/main.scss */ | ||
+ | .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; | ||
+ | margin: 5px 15px; | ||
+ | width: 95%; | ||
+ | font-weight: bold; } | ||
+ | |||
+ | /*STYLING */ | ||
+ | /* styling for the titles */ | ||
+ | /* line 325, css/source/main.scss */ | ||
+ | .content_wrapper h1, .content_wrapper h2 { | ||
+ | padding: 5px 15px; | ||
+ | border-bottom: 0px; | ||
+ | color: #72c9b6; } | ||
+ | |||
+ | /* line 331, css/source/main.scss */ | ||
+ | .content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 { | ||
+ | padding: 5px 15px; | ||
+ | border-bottom: 0px; | ||
+ | color: #000000; } | ||
+ | |||
+ | /* font and text */ | ||
+ | /* line 339, css/source/main.scss */ | ||
+ | .content_wrapper p { | ||
+ | padding: 0px 15px; | ||
+ | font-size: 13px; | ||
+ | font-family: Tahoma, Geneva, sans-serif; } | ||
+ | |||
+ | /* Links */ | ||
+ | /* line 346, css/source/main.scss */ | ||
+ | .content_wrapper a { | ||
+ | font-weight: bold; | ||
+ | text-decoration: underline; | ||
+ | -webkit-text-decoration-color: #72c9b6; | ||
+ | text-decoration-color: #72c9b6; | ||
+ | color: #72c9b6; | ||
+ | -webkit-transition: all 0.4s ease; | ||
+ | transition: all 0.4s ease; } | ||
+ | |||
+ | /* hover for the links */ | ||
+ | /* line 359, css/source/main.scss */ | ||
+ | .content_wrapper a:hover { | ||
+ | text-decoration: none; | ||
+ | color: #000000; } | ||
+ | |||
+ | /* non numbered lists */ | ||
+ | /* line 365, css/source/main.scss */ | ||
+ | .content_wrapper ul { | ||
+ | padding: 0px 20px; | ||
+ | font-size: 13px; | ||
+ | font-family: Tahoma, Geneva, sans-serif; } | ||
+ | |||
+ | /* numbered lists */ | ||
+ | /* line 372, css/source/main.scss */ | ||
+ | .content_wrapper ol { | ||
+ | padding: 0px; | ||
+ | font-size: 13px; | ||
+ | font-family: Tahoma, Geneva, sans-serif; } | ||
+ | |||
+ | /* Table */ | ||
+ | /* line 379, css/source/main.scss */ | ||
+ | .content_wrapper table { | ||
+ | width: 97%; | ||
+ | margin: 15px 10px; | ||
+ | border: 1px solid #d3d3d3; | ||
+ | border-collapse: collapse; } | ||
+ | |||
+ | /* table cells */ | ||
+ | /* line 387, css/source/main.scss */ | ||
+ | .content_wrapper td { | ||
+ | padding: 10px; | ||
+ | vertical-align: text-top; | ||
+ | border: 1px solid #d3d3d3; | ||
+ | border-collapse: collapse; } | ||
+ | |||
+ | /* table headers */ | ||
+ | /* line 395, css/source/main.scss */ | ||
+ | .content_wrapper th { | ||
+ | padding: 10px; | ||
+ | vertical-align: text-top; | ||
+ | border: 1px solid #d3d3d3; | ||
+ | border-collapse: collapse; | ||
+ | background-color: #f2f2f2; } | ||
+ | |||
+ | /* Button class */ | ||
+ | /* line 404, css/source/main.scss */ | ||
+ | .button_click { | ||
+ | margin: 10px auto; | ||
+ | padding: 15px; | ||
+ | width: 12%; | ||
+ | text-align: center; | ||
+ | font-weight: bold; | ||
+ | background-color: #72c9b6; | ||
+ | cursor: pointer; | ||
+ | -webkit-transition: all 0.4s ease; | ||
+ | transition: all 0.4s ease; } | ||
+ | |||
+ | /* button class on hover */ | ||
+ | /* line 419, css/source/main.scss */ | ||
+ | .button_click:hover { | ||
+ | background-color: #000000; | ||
+ | color: #72c9b6; } | ||
+ | |||
+ | /********************************* RESPONSIVE STYLING ********************************/ | ||
+ | /* IF THE SCREEN IS LESS THAN 1000PX */ | ||
+ | @media only screen and (max-width: 1000px) { | ||
+ | /* line 430, css/source/main.scss */ | ||
+ | #content { | ||
+ | width: 100%; } | ||
+ | /* line 431, css/source/main.scss */ | ||
+ | .menu_wrapper { | ||
+ | width: 15%; } | ||
+ | /* line 432, css/source/main.scss */ | ||
+ | .content_wrapper { | ||
+ | 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 { | ||
+ | padding: 10px 0px; } } | ||
+ | |||
+ | /* IF THE SCREEN IS LESS THAN 680PX */ | ||
+ | @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; } | ||
+ | /* line 444, css/source/main.scss */ | ||
+ | .menu_wrapper { | ||
+ | width: 100%; | ||
+ | height: 15%; | ||
+ | position: relative; } | ||
+ | /* line 445, css/source/main.scss */ | ||
+ | .content_wrapper { | ||
+ | width: 100%; | ||
+ | margin-left: 0px; } | ||
+ | /* line 446, css/source/main.scss */ | ||
+ | .column.half_size { | ||
+ | width: 100%; } | ||
+ | /* line 447, css/source/main.scss */ | ||
+ | .column img { | ||
+ | width: 100%; | ||
+ | padding: 5px 0px; } | ||
+ | /* line 448, css/source/main.scss */ | ||
+ | .icon { | ||
+ | display: block; } | ||
+ | /* line 449, css/source/main.scss */ | ||
+ | .highlight { | ||
+ | padding: 15px 5px; } } |
Revision as of 17:11, 1 November 2017
@charset "UTF-8"; /* 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 23, css/source/main.scss */ body {
background-color: #EEE; }
/**************************************************************** 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 87, css/source/main.scss */
- sideMenu, #top_title {
display: none; }
/* line 88, css/source/main.scss */
- content {
padding: 0px; width: 100%; }
/* line 89, css/source/main.scss */ 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 */ /* line 116, css/source/main.scss */ .menu_wrapper {
width: 150px; height: 100vh; position: fixed; padding: 0px; float: left; background-color: #f2f2f2; text-align: left; }
/* styling for the menu items */ /* line 127, css/source/main.scss */ .menu_item {
width: 100%; 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 */ /* line 138, css/source/main.scss */ .menu_item:hover {
color: #000000; background-color: #72c9b6; }
/* decoration icon for the menu buttons*/ /* line 144, css/source/main.scss */ .icon {
float: right; font-size: 16px; font-weight: bold; }
/* this is the icon for when the content is collapsed */ /* line 151, css/source/main.scss */ .plus::before {
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%; margin-left: 0px; padding: 0px; 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; text-align: left; font-weight: bold; text-decoration: none; color: #000000; list-style-type: none; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
/* line 186, css/source/main.scss */ .menu_item a {
width: 100%; margin-left: -20px; padding: 11px 90px 12px 20px; text-decoration: none; color: black; }
/* When hovering on a menu item */ /* line 195, css/source/main.scss */ .menu_items li:hover {
background-color: #72c9b6; color: #000000; }
/* styling for the submenus */ /* line 201, css/source/main.scss */ .submenu {
width: 100%; display: none; font-weight: bold; cursor: pointer; }
/* moving the margin for the submenu ul list */ /* line 210, css/source/main.scss */ ul.submenu {
width: 100%; margin: 10px 0px -11px 0px; list-style: none; }
/*styling for the submenu buttons */ /* line 217, css/source/main.scss */ .submenu li {
width: 100%; margin-left: 10px; margin-bottom: 0px; }
/* hover state for the submenu buttons */ /* line 225, css/source/main.scss */ .submenu li a {
width: 100%; padding: 5px 10px; display: inline-block; border-bottom: 1px solid #d3d3d3; background-color: white; text-decoration: none; color: #000000; }
/* line 237, css/source/main.scss */ .submenu li a:hover {
background-color: #000000; color: #72c9b6; }
/* When the screen is smaller than 680px, the menu has the option to hide/show - this button controls that */ /* line 244, css/source/main.scss */ .collapsable_menu_control {
width: 100%; padding: 15px 0px; 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; background-color: white; }
/*LAYOUT */ /* line 278, css/source/main.scss */ .column {
padding: 10px 0px; float: left; background-color: white; }
/* line 284, css/source/main.scss */ .full_size {
width: 100%; }
/* line 288, css/source/main.scss */ .full_size img {
padding: 10px 15px; width: 96.5%; }
/* line 293, css/source/main.scss */ .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; margin: 5px 15px; width: 95%; font-weight: bold; }
/*STYLING */ /* styling for the titles */ /* line 325, css/source/main.scss */ .content_wrapper h1, .content_wrapper h2 {
padding: 5px 15px; border-bottom: 0px; color: #72c9b6; }
/* line 331, css/source/main.scss */ .content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {
padding: 5px 15px; border-bottom: 0px; color: #000000; }
/* font and text */ /* line 339, css/source/main.scss */ .content_wrapper p {
padding: 0px 15px; font-size: 13px; font-family: Tahoma, Geneva, sans-serif; }
/* Links */ /* line 346, css/source/main.scss */ .content_wrapper a {
font-weight: bold; text-decoration: underline; -webkit-text-decoration-color: #72c9b6; text-decoration-color: #72c9b6; color: #72c9b6; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
/* hover for the links */ /* line 359, css/source/main.scss */ .content_wrapper a:hover {
text-decoration: none; color: #000000; }
/* non numbered lists */ /* line 365, css/source/main.scss */ .content_wrapper ul {
padding: 0px 20px; font-size: 13px; font-family: Tahoma, Geneva, sans-serif; }
/* numbered lists */ /* line 372, css/source/main.scss */ .content_wrapper ol {
padding: 0px; font-size: 13px; font-family: Tahoma, Geneva, sans-serif; }
/* Table */ /* line 379, css/source/main.scss */ .content_wrapper table {
width: 97%; margin: 15px 10px; border: 1px solid #d3d3d3; border-collapse: collapse; }
/* table cells */ /* line 387, css/source/main.scss */ .content_wrapper td {
padding: 10px; vertical-align: text-top; border: 1px solid #d3d3d3; border-collapse: collapse; }
/* table headers */ /* line 395, css/source/main.scss */ .content_wrapper th {
padding: 10px; vertical-align: text-top; border: 1px solid #d3d3d3; border-collapse: collapse; background-color: #f2f2f2; }
/* Button class */ /* line 404, css/source/main.scss */ .button_click {
margin: 10px auto; padding: 15px; width: 12%; text-align: center; font-weight: bold; background-color: #72c9b6; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
/* button class on hover */ /* line 419, css/source/main.scss */ .button_click:hover {
background-color: #000000; color: #72c9b6; }
/********************************* RESPONSIVE STYLING ********************************/ /* IF THE SCREEN IS LESS THAN 1000PX */ @media only screen and (max-width: 1000px) {
/* line 430, css/source/main.scss */ #content { width: 100%; } /* line 431, css/source/main.scss */ .menu_wrapper { width: 15%; } /* line 432, css/source/main.scss */ .content_wrapper { 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 { padding: 10px 0px; } }
/* IF THE SCREEN IS LESS THAN 680PX */ @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; } /* line 444, css/source/main.scss */ .menu_wrapper { width: 100%; height: 15%; position: relative; } /* line 445, css/source/main.scss */ .content_wrapper { width: 100%; margin-left: 0px; } /* line 446, css/source/main.scss */ .column.half_size { width: 100%; } /* line 447, css/source/main.scss */ .column img { width: 100%; padding: 5px 0px; } /* line 448, css/source/main.scss */ .icon { display: block; } /* line 449, css/source/main.scss */ .highlight { padding: 15px 5px; } }