|
|
| (100 intermediate revisions by 4 users not shown) |
| Line 1: |
Line 1: |
| | <html> | | <html> |
| − | <script> | + | <head> |
| − | ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| + | <meta charset="utf-8"> |
| | + | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
| | | | |
| − | $(document).ready(function() {
| + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | | | |
| − | $("#HQ_page").attr('id','');
| + | <!-- icons --> |
| − |
| + | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> |
| | | | |
| − | //highlight current page on the menu
| + | <!--Fonts--> |
| − | highlight_current_page_menu();
| + | <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet"> |
| − |
| + | |
| − | //accessing submenus
| + | |
| − | $(".menu_item").click(function(){
| + | |
| − | $(".submenu_control_icon", this).toggleClass("open");
| + | |
| − | $(this).next(".submenu").fadeToggle(400);
| + | |
| − | });
| + | |
| − |
| + | |
| − | //mobile menu access
| + | |
| − | $(".igem_2018_team_mobile_bar").click(function(){
| + | |
| − | $(this).next().toggleClass("displaying_menu");
| + | |
| − | });
| + | |
| − |
| + | |
| − | });
| + | |
| | | | |
| | | | |
| − | function highlight_current_page_menu() {
| + | <!--W3 School Stylesheet --> |
| − |
| + | <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> |
| − | var page_url="https://2018.igem.org/";
| + | |
| − | page_url = page_url + wgPageName;
| + | |
| − | $("a[href$='"+ page_url +"']").children().addClass("current_page");
| + | |
| − |
| + | |
| − | //if the page is in a submenu, open the submenu and make the appropiate changes
| + | |
| − | if( $( ".current_page" ).hasClass( "submenu_item" )){
| + | |
| − |
| + | |
| − | $(".current_page").parent().parent().fadeToggle(400);
| + | |
| − | $(".current_page").parent().parent().prev().addClass("current_page");
| + | |
| − | $(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
| + | |
| − |
| + | |
| − | }
| + | |
| − | }
| + | |
| | | | |
| | + | <!--Bootstrap--> |
| | + | <!-- Latest compiled and minified CSS --> |
| | + | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> |
| | | | |
| − | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | + | <!-- Optional theme --> |
| | + | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> |
| | + | |
| | + | <!-- Latest compiled and minified JavaScript --> |
| | + | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> |
| | + | |
| | + | <!--Mathjax--> |
| | + | <script type="text/javascript" async |
| | + | src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML"> |
| | </script> | | </script> |
| | | | |
| | + | <!--jquery--> |
| | + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> |
| | | | |
| | <style> | | <style> |
| − | /**************************************************************************************************************************************************************************************************/ | + | /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ |
| − | | + | |
| − | | + | /* Clear the default wiki settings */ |
| − | | + | |
| − | /**************************************************************************************************************************************************************************************************/ | + | |
| − | /* DEFAULT WIKI SETTINGS */
| + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − | | + | |
| | #home_logo, #sideMenu { display:none; } | | #home_logo, #sideMenu { display:none; } |
| | #sideMenu, #top_title, .patrollink {display:none;} | | #sideMenu, #top_title, .patrollink {display:none;} |
| − | #content { margin: auto; padding:0px; width:100%;} /*-left: 50px; margin-top:-7px; margin-right: 0px*/ | + | #content { width:100%; padding:0px; margin-top:50px; margin-left:0px;} |
| − | body {background-color:white; } | + | body {background-color:#ffffff; } |
| | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } |
| | | | |
| − | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
| |
| | | | |
| | + | /********************************* DEFAULT WIKI SETTINGS ********************************/ |
| | + | body { |
| | + | background-color: #ffffff; |
| | + | width: 100%; |
| | + | } |
| | | | |
| − | /**************************************************************************************************************************************************************************************************/
| + | #bodyContent h1, |
| − | /* MENU */
| + | #bodyContent h2, |
| − | /**************************************************************************************************************************************************************************************************/ | + | #bodyContent h3, |
| | + | #bodyContent h4, |
| | + | #bodyContent h5 { |
| | + | margin-bottom: 0px; |
| | + | } |
| | + | </style> |
| | | | |
| − | /*this wraps the whole of the menu*/
| + | <style> |
| − | .igem_2018_team_menu {
| + | .description{ |
| − | background-color:#c4baba;
| + | color: #7C7D7D !important; |
| − | border-left: 1px solid #c4baba;
| + | font-family: 'Josefin Sans', sans-serif; |
| − | display:block;
| + | padding-left: 10%; |
| − | float:left;
| + | padding-right: 10%; |
| − | height:100vh;
| + | margin: 0 auto; |
| − | max-width: 270px;
| + | position: relative; |
| − | overflow-y: auto;
| + | max-width: 100em; |
| − | overflow-x: hidden;
| + | } |
| − | padding:0px;
| + | |
| − | position:fixed;
| + | |
| − | left:0%;
| + | |
| − | text-align:left;
| + | |
| − | width: 15%;
| + | |
| − | }
| + | |
| | | | |
| | + | </style> |
| | + | <style> |
| | + | img { |
| | + | max-width: 100%; |
| | + | height: auto; |
| | + | width: auto\9; /* ie8 */ |
| | + | } |
| | + | </style> |
| | + | <style> |
| | + | @charset "UTF-8"; |
| | + | .navigation { |
| | + | height: 61px; |
| | + | margin-top:10px; |
| | + | padding:0; |
| | + | font-size: 80%; |
| | + | background:white; |
| | | | |
| − | .igem_2018_team_menu.displaying_menu{
| + | } |
| − | display:block;
| + | |
| − | }
| + | |
| | | | |
| − | .igem_2018_team_menu a {
| + | .brand { |
| − | color: #e7dfdd;
| + | position: absolute; |
| − | text-decoration:none;
| + | float: left; |
| − | }
| + | padding-left:2%; |
| | + | line-height: 70px; |
| | + | text-transform: uppercase; |
| | + | font-size: 1.4em; |
| | + | } |
| | | | |
| − | .igem_2018_team_menu img {
| + | .brand a, |
| − | width:100%;
| + | .brand a:visited{ |
| − | }
| + | color: #8B8D8E; |
| | + | text-decoration: none; |
| | + | font-family: 'Josefin Sans', sans-serif; |
| | + | font-size: 100%; |
| | + | } |
| | | | |
| | + | .nav-container { |
| | + | max-width: 1500px; |
| | + | margin: 0 auto; |
| | + | } |
| | | | |
| − | .igem_2018_team_menu .menu_item {
| + | nav { |
| − | background-color: #a239ca;
| + | float: right; |
| − | border-bottom: 1px solid #928b8b;
| + | background: none; |
| − | clear: both;
| + | } |
| − | color: #d4d4d4;
| + | |
| − | cursor: pointer;
| + | |
| − | float: left;
| + | |
| − | font-size: 120%;
| + | |
| − | font-weight: bold;
| + | |
| − | padding: 15px 0px 15px 5%;
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| | | | |
| − | .igem_2018_team_menu .menu_item.direct_link {
| + | /* spacing between box in small window */ |
| − | color: #d4d4d4;
| + | nav ul { |
| − | padding-left: 15%;
| + | list-style: none; |
| − | }
| + | margin: 0; |
| − | .igem_2018_team_menu .menu_item:hover {
| + | padding: 0; |
| − | background-color: #4717f6;
| + | background: #FFFFFF; |
| − | }
| + | |
| | + | } |
| | + | nav ul li { |
| | + | float: left; |
| | + | position: relative; |
| | + | |
| | + | } |
| | | | |
| | + | /* text inside navbar before */ |
| | + | nav ul li a, |
| | + | nav ul li a:visited { |
| | + | display: block; |
| | + | height: 56px; |
| | + | padding: 0 20px; |
| | + | background: #FFFFFF; |
| | + | line-height: 60px; |
| | + | color: #8B8D8E; |
| | + | text-decoration: none; |
| | + | font-family: 'Josefin Sans', sans-serif; |
| | + | font-size: 120%; |
| | + | } |
| | + | nav ul li a:hover, |
| | + | nav ul li a:visited:hover { |
| | + | background: #B3D8F5; |
| | + | color: #FFFFFF; |
| | + | text-decoration: none; |
| | + | } |
| | + | nav ul li a:not(:only-child):after, |
| | + | nav ul li a:visited:not(:only-child):after { |
| | + | padding-left: 4px; |
| | + | content: '▾'; |
| | + | text-decoration: none; |
| | + | } |
| | | | |
| − | .igem_2018_team_menu .menu_item .submenu_control_icon {
| + | nav ul li ul { |
| − | color: #d4d4d4;
| + | height: 5px; |
| − | float: left;
| + | } |
| − | width: 10%;
| + | |
| − | }
| + | |
| | | | |
| − | /* submenu icon "+" "-"*/
| |
| − | .igem_2018_team_menu .menu_item .submenu_control_icon::before {
| |
| − | content: "+";
| |
| − | }
| |
| | | | |
| − | /* submenu icon "+" "-"*/
| + | nav ul li ul li { |
| − | .igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
| + | min-width: 150px; |
| − | content: "-";
| + | height: 40px; |
| − | }
| + | width: 100%; |
| | + | //text-align: center; |
| | + | |
| | | | |
| − | /*submenu wrapper*/
| + | /* make dropdown stick to top */ |
| − | .igem_2018_team_menu .submenu{
| + | top: -13px; |
| − | background-color: #e4dede;
| + | } |
| − | clear:both;
| + | nav ul li ul li a { |
| − | display:none;
| + | padding: 15px; |
| − | float: left;
| + | line-height: 50%; |
| − | width:100%;
| + | margin: 0px; |
| − | }
| + | text-decoration: none; |
| | + | |
| | + | } |
| | | | |
| − | /*styling for a submenu item*/
| + | .nav-dropdown { |
| − | .igem_2018_team_menu .submenu .submenu_item {
| + | position: absolute; |
| − | border-bottom: 1px solid #c4baba;
| + | display: none; |
| − | color: #635d5d;
| + | left: -23px; |
| − | height: 30px;
| + | top: 65px; |
| − | float: left;
| + | z-index: 1; |
| − | font-size: 110%;
| + | box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); |
| − | font-weight: bold;
| + | height: 100%; |
| − | padding: 12px 0px 0px 15%;
| + | } |
| − | width: 100%;
| + | |
| − | }
| + | |
| | | | |
| − | .igem_2018_team_menu .submenu .submenu_item:hover {
| + | /* Mobile navigation */ |
| − | background-color: #4717f6;
| + | .nav-mobile { |
| − | }
| + | float:right; |
| | + | display: none; |
| | + | position: absolute; |
| | + | top: 0; |
| | + | right: 0; |
| | + | height: 20px; |
| | + | width: 70px; |
| | + | background: #FFFFFF; |
| | | | |
| | + | } |
| | | | |
| − | .igem_2018_team_menu .submenu .submenu_item.current_page,
| + | @media only screen and (max-width: 950px) { |
| − | .igem_2018_team_menu .menu_item.current_page,
| + | .nav-mobile { |
| − | .igem_2018_team_menu .menu_item.direct_link.current_page {
| + | display: block; |
| − | background-color:#7acbd8;
| + | } |
| − | }
| + | |
| | | | |
| | + | nav { |
| | + | width: 100%; |
| | + | padding: 0 0 0; |
| | + | } |
| | | | |
| | + | /* background of mobile dropdown */ |
| | + | nav ul { |
| | + | display: none; |
| | | | |
| − | /*mobile menu bar styling*/ | + | /* width of dropdown */ |
| − | /**************************************************************************************************************************************************************************************************/
| + | position: fixed; |
| | + | width: 180px; |
| | + | height: auto; |
| | + | |
| | + | top: 65px; |
| | + | right: 0px; |
| | + | box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); |
| | | | |
| | + | } |
| | + | nav ul li { |
| | + | float: none; |
| | + | text-align: center; |
| | + | } |
| | + | nav ul li a { |
| | + | padding: 15px; |
| | + | line-height: 20px; |
| | + | |
| | + | } |
| | + | nav ul li ul{ |
| | + | float: right; |
| | + | |
| | + | } |
| | | | |
| − | .igem_2018_team_mobile_bar {
| + | /* second toggle dropdown */ |
| − | background-color:#e4dede;
| + | .nav-dropdown { |
| − | border-bottom: 1px solid #c4baba;
| + | position:absolute; |
| − | cursor:pointer;
| + | |
| − | display:none;
| + | top: 9px; |
| − | float:left;
| + | left: -212px; |
| − | margin-top: 0;
| + | width: 190px; |
| − | padding: 5px 0;
| + | height: auto; |
| − | position:fixed;
| + | |
| − | width:100%;
| + | } |
| − | }
| + | |
| | | | |
| − | .igem_logo_mobile img {
| |
| − | width:70px;
| |
| − | }
| |
| | | | |
| − | .igem_logo_mobile {
| + | .brand{ |
| − | float:left;
| + | padding-left: 15px; |
| − | padding-left: 5%;
| + | font-size: 120%; |
| − | width: 30%;
| + | } |
| − | }
| + | } |
| | | | |
| − | .igem_menu_control_mobile img {
| |
| − | width:25px;
| |
| − | }
| |
| | | | |
| − | .igem_menu_control_mobile {
| + | /* background of toggle (mobile) */ |
| − | float:left;
| + | #nav-toggle { |
| − | padding-left:5%;
| + | position: absolute; |
| − | padding-top:5px;
| + | left: 5px; |
| − | text-align:left;
| + | top: 22px; |
| − | width: 30%;
| + | cursor: pointer; |
| − | }
| + | padding: 10px 35px 16px 0px; |
| − | | + | background: #FFFFFF; |
| − | | + | |
| − | | + | |
| − | /**************************************************************************************************************************************************************************************************/ | + | |
| − | /* CONTENT OF THE PAGE */
| + | |
| − | | + | |
| − | /*SLIDESHOW*/
| + | |
| − | | + | |
| − | * {box-sizing: border-box}
| + | |
| − | body {font-family: Verdana, sans-serif; margin:0}
| + | |
| − | .mySlides {display: none}
| + | |
| − | img {vertical-align: middle;}
| + | |
| − | | + | |
| − | /* Slideshow container */
| + | |
| − | .slideshow-container {
| + | |
| − | max-width: 1000px; | + | |
| − | position: relative; | + | |
| − | left: 120px; | + | |
| − | margin: auto; | + | |
| | } | | } |
| | | | |
| − | /* Next & previous buttons */ | + | /* toggle button (mobile) */ |
| − | .prev, .next {
| + | #nav-toggle span, |
| | + | #nav-toggle span:before, |
| | + | #nav-toggle span:after { |
| | cursor: pointer; | | cursor: pointer; |
| | + | border-radius: 1px; |
| | + | height: 5px; |
| | + | width: 35px; |
| | + | background: #8B8D8E; |
| | position: absolute; | | position: absolute; |
| − | top: 50%; | + | display: block; |
| − | width: auto; | + | content: ''; |
| − | padding: 16px;
| + | transition: all 300ms ease-in-out; |
| − | margin-top: -22px;
| + | |
| − | color: white;
| + | |
| − | font-weight: bold;
| + | |
| − | font-size: 18px;
| + | |
| − | transition: 0.6s ease; | + | |
| − | border-radius: 0 3px 3px 0;
| + | |
| | } | | } |
| − | | + | #nav-toggle span:before { |
| − | /* Position the "next button" to the right */
| + | top: -10px; |
| − | .next {
| + | |
| − | right: 0; | + | |
| − | border-radius: 3px 0 0 3px;
| + | |
| | } | | } |
| − | | + | #nav-toggle span:after { |
| − | /* On hover, add a black background color with a little bit see-through */
| + | bottom: -10px; |
| − | .prev:hover, .next:hover {
| + | |
| − | background-color: rgba(0,0,0,0.8); | + | |
| | } | | } |
| − | | + | #nav-toggle.active span { |
| − | /* Caption text */
| + | background-color: transparent; |
| − | .text { | + | |
| − | color: #f2f2f2; | + | |
| − | font-size: 15px;
| + | |
| − | padding: 8px 12px;
| + | |
| − | position: absolute;
| + | |
| − | bottom: 8px;
| + | |
| − | width: 100%;
| + | |
| − | text-align: center;
| + | |
| | } | | } |
| − | | + | #nav-toggle.active span:before, #nav-toggle.active span:after { |
| − | /* Number text (1/3 etc) */
| + | |
| − | .numbertext { | + | |
| − | color: #f2f2f2;
| + | |
| − | font-size: 12px;
| + | |
| − | padding: 8px 12px;
| + | |
| − | position: absolute;
| + | |
| | top: 0; | | top: 0; |
| | + | } |
| | + | #nav-toggle.active span:before { |
| | + | transform: rotate(45deg); |
| | + | } |
| | + | #nav-toggle.active span:after { |
| | + | transform: rotate(-45deg); |
| | } | | } |
| | | | |
| − | /* The dots/bullets/indicators */
| + | h1 { |
| − | .dot {
| + | text-align: center; |
| − | cursor: pointer;
| + | font-family: 'Josefin Sans', sans-serif !important; |
| − | height: 15px;
| + | color: #7C7D7D; |
| − | width: 15px;
| + | |
| − | margin:auto;
| + | |
| − | background-color: #bbb;
| + | |
| − | border-radius: 50%;
| + | |
| − | display: inline-block;
| + | |
| − | transition: background-color 0.6s ease;
| + | |
| | } | | } |
| | | | |
| − | .active, .dot:hover { | + | .panel-body { |
| − | background-color: #717171;
| + | font-family: 'Arial'; |
| | + | font-size: small; |
| | } | | } |
| | | | |
| − | /* Fading animation */
| + | ul { |
| − | .fade {
| + | list-style-type: disc; |
| − | -webkit-animation-name: fade;
| + | |
| − | -webkit-animation-duration: 1.5s;
| + | |
| − | animation-name: fade;
| + | |
| − | animation-duration: 1.5s;
| + | |
| | } | | } |
| | | | |
| − | @-webkit-keyframes fade {
| + | .centerImage |
| − | from {opacity: .4}
| + | { |
| − | to {opacity: 1}
| + | text-align:center; |
| | + | display:block; |
| | + | margin: auto; |
| | + | width: 80%; |
| | } | | } |
| | | | |
| − | @keyframes fade {
| + | </style> |
| − | from {opacity: .4}
| + | <style> |
| − | to {opacity: 1}
| + | .gallery { |
| | + | margin: 5px; |
| | + | border: 1px solid #ccc; |
| | + | float: left; |
| | + | width: 180px; |
| | + | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); |
| | } | | } |
| | | | |
| − | /* On smaller screens, decrease text size */
| + | .gallery:hover { |
| − | @media only screen and (max-width: 300px) {
| + | border: 1px solid #777; |
| − | .prev, .next,.text {font-size: 11px}
| + | |
| | } | | } |
| | | | |
| | + | .gallery img { |
| | + | width: 100%; |
| | + | height: auto; |
| | | | |
| − | /**************************************************************************************************************************************************************************************************/
| + | } |
| | | | |
| − | /* general wrapper for the content */
| + | .imagegallery{ |
| − | .igem_2018_team_content {
| + | overflow: hidden |
| − | background-color:white;
| + | } |
| − | display:block;
| + | |
| − | width: 87%;
| + | |
| − | }
| + | |
| | | | |
| − | /* subwrapper to center content */
| + | .desc { |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper {
| + | padding: 15px; |
| − | margin:auto;
| + | text-align: center; |
| − | max-width: 1400px;
| + | } |
| − | width:90%;
| + | |
| − | }
| + | |
| | | | |
| | + | #HomeImage1{ |
| | + | max-width: 100%; |
| | + | margin-bottom: 0px; |
| | + | margin-left: 0px; |
| | + | z-index: 0; |
| | | | |
| | + | #HomeImage{ |
| | + | max-width: 100%; |
| | + | margin-bottom: 0px; |
| | + | margin-left: 0px; |
| | + | z-index: 0; |
| | + | position: fixed; |
| | + | bottom: 0; |
| | + | } |
| | | | |
| − | /*general styling*/ | + | </style> |
| − | /**************************************************************************************************************************************************************************************************/
| + | <style> |
| | | | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 210%;}
| + | div.polaroid { |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 190%;}
| + | width: 80%; |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 170%;}
| + | background-color: #d7dfed; |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 150%;}
| + | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 140%;}
| + | margin-bottom: 25px; |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 130%;}
| + | display: inline-block; |
| | + | } |
| | | | |
| − | | + | div.pocontainer { |
| − | /* styling for the titles h1, h2*/
| + | text-align: center; |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h1, .igem_2018_team_content .igem_2018_team_column_wrapper h2 {
| + | padding: 10px 20px; |
| − | border-bottom:0px;
| + | |
| − | color: #635d5d;
| + | |
| − | font-family: "Arial Black", Gadget, sans-serif;
| + | |
| − | padding: 10px 0px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* styling for the titles h3, h3, h5, h6 */
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h3,
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h4,
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h5,
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h6 {
| + | |
| − | border-bottom:0px;
| + | |
| − | color: #928b8b;
| + | |
| − | font-family: "Arial Black", Gadget, sans-serif;
| + | |
| − | padding: 5px 0px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* text */
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper p {
| + | |
| − | font-size: 130%;
| + | |
| − | font-family: Arial, Helvetica, sans-serif;
| + | |
| − | padding: 5px 0px;
| + | |
| − | text-align: left;
| + | |
| − | color: #484848;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Links */
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper a {
| + | |
| − | color: #5bc7d8;
| + | |
| − | font-weight: bold;
| + | |
| − | text-decoration: underline;
| + | |
| − | text-decoration-color:#5bc7d8;
| + | |
| − | transition: all 0.4s ease;
| + | |
| − | -webkit-transition: all 0.4s ease;
| + | |
| − | -moz-transition: all 0.4s ease;
| + | |
| − | -ms-transition: all 0.4s ease;
| + | |
| − | -o-transition: all 0.4s ease;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* hover for the links */
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper a:hover {
| + | |
| − | color: #f8b732;
| + | |
| − | text-decoration:none;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* Table */
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper table {
| + | |
| − | border: 1px solid #928b8b;
| + | |
| − | border-collapse: collapse;
| + | |
| − | font-size: 130%;
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* table cells */
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper td {
| + | |
| − | border: 1px solid #c4baba;
| + | |
| − | border-collapse: collapse;
| + | |
| − | font-size: 105%;
| + | |
| − | padding: 10px;
| + | |
| − | vertical-align: text-top;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* table headers */
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper th {
| + | |
| − | background-color:#c4baba;
| + | |
| − | border: 1px solid #928b8b;
| + | |
| − | border-collapse: collapse;
| + | |
| − | font-size: 110%;
| + | |
| − | padding: 10px;
| + | |
| − | vertical-align: text-top;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /* non numbered lists */
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol {
| + | |
| − | font-size: 130%;
| + | |
| − | font-family: Arial, Helvetica, sans-serif;
| + | |
| − | padding:0px 20px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ul li,
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper ul ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ol li,
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ul li,
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li,
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li,
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /*layout classes*/
| + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − | /*main layout class */
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .column {
| + | |
| − | float:right;
| + | |
| − | clear:left;
| + | |
| − | position:relative;
| + | |
| − | left: 100px;
| + | |
| − | margin: 1% 2%;
| + | |
| − | padding: 0px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* 100% */
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; }
| + | |
| − | | + | |
| − | /* 66% */
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; }
| + | |
| − | | + | |
| − | /* 33% */
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /*styling for all images*/
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img,
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img,
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img {
| + | |
| − | margin-bottom: 15px;
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* page break */
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .clear {
| + | |
| − | clear:both;
| + | |
| − | }
| + | |
| − | /*add extra space to page break with clear class*/
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space {
| + | |
| − | height: 30px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* horizontal line to divide the page*/
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .line_divider {
| + | |
| − | border-top: 1px solid #c4baba;
| + | |
| − | margin: auto;
| + | |
| − | width: 98%;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − |
| + | |
| − | /*support classes*/
| + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − | | + | |
| − | /*Button */
| + | |
| − | /************************************************/
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link {
| + | |
| − | font-size: 130%;
| + | |
| − | margin: 30px auto;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | | + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link a {
| + | |
| − | background-color: #5bc7d8;
| + | |
| − | color: #635d5d !important;
| + | |
| − | font-weight: bold;
| + | |
| − | margin: auto;
| + | |
| − | text-decoration: none !important;
| + | |
| − | padding: 10px 15px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover {
| + | |
| − | background-color: #f8b732 !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight {
| + | |
| − | padding: 15px 20px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight p,
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h1,
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h2,
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h3,
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h4,
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h5,
| + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h6 {
| + | |
| − | padding: 5px 15px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background {
| + | |
| − | background-color: #e4dede;
| + | |
| − | }
| + | |
| − | | + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top {
| + | |
| − | border-top: 4px solid #5bc7d8;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full {
| + | |
| − | border: 4px solid #5bc7d8;
| + | |
| − | }
| + | |
| − | | + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top {
| + | |
| − | border-top: 4px solid #f8b732
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full {
| + | |
| − | border: 4px solid #f8b732;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /*mobile*/
| + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − | | + | |
| − | /* 1800px */
| + | |
| − | /************************************************/
| + | |
| − | @media only screen and (max-width: 1800px) {
| + | |
| − | .igem_2018_team_content { width: 85%;}
| + | |
| − | .igem_2018_team_menu {display:block;}
| + | |
| | } | | } |
| − |
| |
| − | /* 1400px */
| |
| − | /************************************************/
| |
| − | @media only screen and (max-width: 1400px) {
| |
| − | .igem_2018_team_menu .menu_item { font-size:100%;}
| |
| − | .igem_2018_team_menu .submenu .submenu_item { font-size:90%;}
| |
| − | .igem_2018_team_menu {display:block;}
| |
| − | }
| |
| − |
| |
| − | @media only screen and (max-width: 1001px) {
| |
| − | .igem_2018_team_menu {display:block;}
| |
| − | }
| |
| − |
| |
| − | /* 1000px */
| |
| − | /************************************************/
| |
| − | @media only screen and (max-width: 1000px) {
| |
| − | .igem_2018_team_content {width:100%; margin-left:0px;}
| |
| − | .igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;}
| |
| − | .igem_2018_team_mobile_bar {display:block;}
| |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; }
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − | @media only screen and (max-width: 500px) {
| |
| − | .igem_2018_team_menu {min-width:100%; width:100%; }
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /**************************************************************************************************************************************************************************************************/
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| | </style> | | </style> |
| | | | |
| | + | <section class="navigation navbar-fixed-top"> |
| | + | <div class="nav-container"> |
| | + | <div class="brand"> |
| | + | <a rel="nofollow" rel="noreferrer" href="https://2018.igem.org/Team:East_Chapel_Hill">East Chapel Hill</a> |
| | + | </div> |
| | + | <nav> |
| | + | <div class="nav-mobile"><a rel="nofollow" rel="noreferrer"id="nav-toggle" href="#!"><span></span></a></div> |
| | + | <ul class="nav-list"> |
| | + | |
| | + | <li> |
| | + | <a rel="nofollow" rel="noreferrer"href="#!">Team</a> |
| | + | <ul class="nav-dropdown"> |
| | + | <li><a href="https://2018.igem.org/Team:East_Chapel_Hill/Team">Team</a></li> |
| | + | <li><a href="https://2018.igem.org/Team:East_Chapel_Hill/Collaborations">Collaborations</a></li> |
| | + | <li><a href="https://2018.igem.org/Team:East_Chapel_Hill/Attributions">Attributions</a></li> |
| | + | |
| | + | </ul> |
| | + | </li> |
| | + | <li> |
| | + | <a rel="nofollow" rel="noreferrer"href="#!">Project</a> |
| | + | <ul class="nav-dropdown"> |
| | + | <li><a href="https://2018.igem.org/Team:East_Chapel_Hill/Description">Description</a></li> |
| | + | <li><a href="https://2018.igem.org/Team:East_Chapel_Hill/Results">Results</a></li> |
| | + | <li><a href="https://2018.igem.org/Team:East_Chapel_Hill/Measurement">Measurement</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | <li> |
| | + | <a rel="nofollow" rel="noreferrer"href="#!">Lab</a> |
| | + | <ul class="nav-dropdown"> |
| | + | <li><a href="https://2018.igem.org/Team:East_Chapel_Hill/Experiments">Experiments</a></li> |
| | + | <li><a href="https://2018.igem.org/Team:East_Chapel_Hill/Safety">Safety</a></li> |
| | + | <li><a href="https://2018.igem.org/Team:East_Chapel_Hill/Notebook">Notebook</a></li> |
| | + | |
| | + | </ul> |
| | + | </li> |
| | + | <li> |
| | + | <a rel="nofollow" rel="noreferrer"href="https://2018.igem.org/Team:East_Chapel_Hill/Parts">Parts</a> |
| | + | <!-- <ul class="nav-dropdown"> |
| | + | <li><a href="https://2018.igem.org/Team:East_Chapel_Hill/Parts">Parts</a></li> |
| | + | </ul>--> |
| | + | </li> |
| | + | <li> |
| | + | <a rel="nofollow" rel="noreferrer"href="#!">Human Practices</a> |
| | + | <ul class="nav-dropdown"> |
| | + | <li><a href="https://2018.igem.org/Team:East_Chapel_Hill/Human_Practices">Human Practices</a></li> |
| | + | |
| | + | <li><a href="https://2018.igem.org/Team:East_Chapel_Hill/Public_Engagement">Public Engagement</a></li> |
| | + | </ul> |
| | + | </li> |
| | | | |
| − | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| |
| − | <!--- THIS IS WHERE THE HTML BEGINS --->
| |
| − | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| |
| | | | |
| − | <head> | + | </ul> |
| | + | </nav> |
| | + | </div> |
| | + | </section> |
| | | | |
| − | <!-- This tells the browser that your page is responsive -->
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
| | | | |
| | + | <script> |
| | + | (function($) { // Begin jQuery |
| | + | $(function() { // DOM ready |
| | + | // If a link has a dropdown, add sub menu toggle. |
| | + | $('nav ul li a:not(:only-child)').click(function(e) { |
| | + | $(this).siblings('.nav-dropdown').toggle(); |
| | + | // Close one dropdown when selecting another |
| | + | $('.nav-dropdown').not($(this).siblings()).hide(); |
| | + | e.stopPropagation(); |
| | + | }); |
| | + | // Clicking away from dropdown will remove the dropdown class |
| | + | $('html').click(function() { |
| | + | $('.nav-dropdown').hide(); |
| | + | }); |
| | + | // Toggle open and close nav styles on click |
| | + | $('#nav-toggle').click(function() { |
| | + | $('nav ul').slideToggle(); |
| | + | }); |
| | + | // Hamburger to X toggle |
| | + | $('#nav-toggle').on('click', function() { |
| | + | this.classList.toggle('active'); |
| | + | }); |
| | + | }); // end DOM ready |
| | + | })(jQuery); // end jQuery |
| | + | </script> |
| | </head> | | </head> |
| − | | + | </html> |
| − | | + | |
| − | | + | |
| − | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| + | |
| − | <!--- Menu --->
| + | |
| − | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <div class="igem_2018_team_mobile_bar">
| + | |
| − |
| + | |
| − | <div class="igem_logo_mobile">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2018/4/4f/2018_igem_mobile_menu_logo.svg">
| + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | <div class="igem_menu_control_mobile">
| + | |
| − | <img id="menu_control_image" src="https://static.igem.org/mediawiki/igem.org/3/3b/Menu_icon.svg">
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <div class="igem_2018_team_menu displaying_menu">
| + | |
| − | | + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill">
| + | |
| − | <img src="http://placehold.it/350x150/e4dede/c4baba">
| + | |
| − | </a>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill">
| + | |
| − | <div class="menu_item direct_link">
| + | |
| − | HOME
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <!-- Team -->
| + | |
| − | <div class="menu_item">
| + | |
| − | <div class="submenu_control_icon"> </div>
| + | |
| − | TEAM
| + | |
| − | </div>
| + | |
| − | <div class="submenu">
| + | |
| − |
| + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Team">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Team Members
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Collaborations">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Collaborations
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | <!-- Project -->
| + | |
| − | <div class="menu_item">
| + | |
| − | <div class="submenu_control_icon"> </div>
| + | |
| − | PROJECT
| + | |
| − | </div>
| + | |
| − | <div class="submenu">
| + | |
| − |
| + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Description">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Description
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Design">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Design
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Experiments">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Experiments
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Notebook">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Notebook
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/InterLab">
| + | |
| − | <div class="submenu_item">
| + | |
| − | InterLab
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Model">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Model
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Results">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Results
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Demonstrate">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Demonstrate
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Improve">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Improve
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Attributions">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Attributions
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | <div class="menu_item">
| + | |
| − | <div class="submenu_control_icon"> </div>
| + | |
| − | PARTS
| + | |
| − | </div>
| + | |
| − | <div class="submenu">
| + | |
| − |
| + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Parts">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Parts Overview
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Basic_Part">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Basic Parts
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Composite_Part">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Composite Parts
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Part_Collection">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Part Collection
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | | + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Safety">
| + | |
| − | <div class="menu_item direct_link">
| + | |
| − | SAFETY
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <div class="menu_item">
| + | |
| − | <div class="submenu_control_icon"> </div>
| + | |
| − | HUMAN PRACTICES
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="submenu">
| + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Human_Practices">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Human Practices
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Public_Engagement">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Education & Engagement
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <div class="menu_item">
| + | |
| − | <div class="submenu_control_icon"> </div>
| + | |
| − | AWARDS
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="submenu">
| + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Applied_Design">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Applied Design
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Entrepreneurship">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Entrepreneurship
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Hardware">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Hardware
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Measurement">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Measurement
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Model">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Model
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Plant">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Plant
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | | + | |
| − | <a href="https://2018.igem.org/Team:East_Chapel_Hill/Software">
| + | |
| − | <div class="submenu_item">
| + | |
| − | Software
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <a href="https://igem.org/2018_Judging_Form?team=East_Chapel_Hill">
| + | |
| − | <div class="menu_item direct_link">
| + | |
| − | JUDGING FORM ⇗
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| + | |
| − | <!--- Content of the page --->
| + | |
| − | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| + | |
| − | | + | |
| − | | + | |
| − | <div class="igem_2018_team_content">
| + | |
| − | <div class="igem_2018_team_column_wrapper">
| + | |
| − | <div class="clear extra_space"></div>
| + | |
| − | <div class="clear extra_space"></div>
| + | |
