|
|
(34 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
− | <style> | + | <head> |
− | @import url('https://fonts.googleapis.com/css?family=Open+Sans');
| + | <html> |
− | | + | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css"> |
− | </style>
| + | <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"> |
− | <!-- 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> | + | |
| <script> | | <script> |
− | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | + | |
| + | // This is the jquery part of your template. |
| + | // Try not modify any of this code too much since it makes your menu work. |
| | | |
| $(document).ready(function() { | | $(document).ready(function() { |
| | | |
| $("#HQ_page").attr('id',''); | | $("#HQ_page").attr('id',''); |
− |
| |
| | | |
− | //highlight current page on the menu | + | // call the functions that control the menu |
− | highlight_current_page_menu(); | + | menu_functionality(); |
− |
| + | hide_show_menu(); |
− | //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() { | + | |
| + | //this function controls the expand and collapse buttons of the menu and changes the +/- symbols |
| + | function menu_functionality() { |
| + | |
| + | //when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu |
| + | $(".menu_button").click(function(){ |
| + | |
| + | // add or remove the class "open" , this class holds the "-" |
| + | $(this).children().toggleClass("open"); |
| + | // show or hide the submenu |
| + | $(this).next('.submenu_wrapper').fadeToggle(400); |
| + | }); |
| + | |
| + | // when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu |
| + | $("#display_menu_control").click(function(){ |
| + | $('#menu_content').fadeToggle(400); |
| + | }); |
| + | |
| + | // call the current page highlight function |
| + | highlight_current_page(); |
| + | } |
| + | |
| + | |
| + | // call the highlight current page function to show it on the menu with a different background color |
| + | function highlight_current_page() { |
| + | |
| + | // select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color |
| + | $("#"+ wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page"); |
| + | |
| + | // now that the current_page class has been added to a menu item, make the submenu fade in |
| + | $(".current_page").parents(".submenu_wrapper").fadeIn(400); |
| + | // change the +/- symbol of the corresponding menu button |
| + | $(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open"); |
| | | |
− | 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 | + | // allow button on the black menu bar to show/hide the side menu |
− | if( $( ".current_page" ).hasClass( "submenu_item" )){ | + | function hide_show_menu() { |
− |
| + | |
− | $(".current_page").parent().parent().fadeToggle(400); | + | // in case you preview mode is selected, the menu is hidden for better visibility |
− | $(".current_page").parent().parent().prev().addClass("current_page"); | + | if (window.location.href.indexOf("submit") >= 0) { |
− | $(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
| + | $(".igem_2017_menu_wrapper").hide(); |
− | | + | } |
| + | |
| + | // if the black menu bar has been loaded |
| + | if (document.getElementById('bars_item')) { |
| + | |
| + | // when the "bars_item" has been clicked |
| + | $("#bars_item").click(function() { |
| + | $("#sideMenu").hide(); |
| + | |
| + | // show/hide the menu wrapper |
| + | $(".igem_2017_menu_wrapper").fadeToggle("100"); |
| + | }); |
| + | } |
| + | |
| + | // because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet |
| + | else { |
| + | setTimeout(hide_show_menu, 15); |
| } | | } |
| } | | } |
| | | |
| | | |
− | ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| + | }); |
| + | |
| + | |
| </script> | | </script> |
| | | |
| | | |
− | <style>
| |
− | /**************************************************************************************************************************************************************************************************/
| |
| | | |
| | | |
| | | |
− | /**************************************************************************************************************************************************************************************************/
| + | <style> |
− | /* DEFAULT WIKI SETTINGS */
| + | |
− | /**************************************************************************************************************************************************************************************************/
| + | |
| | | |
| | | |
| + | |
| + | /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ |
| + | |
| + | /* Clear the 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-left:0px; margin-top:-7px; padding:0px; width:100%;} | + | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} |
| body {background-color:white; } | | body {background-color:white; } |
| #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;} | + | |
− | | + | |
− | | + | |
− | /**************************************************************************************************************************************************************************************************/ | + | /**************************************************************** MENU ***************************************************************/ |
− | /* MENU */
| + | /* Wrapper for the menu */ |
− | /**************************************************************************************************************************************************************************************************/
| + | .igem_2017_menu_wrapper { |
− | | + | width: 15%; |
− | /*this wraps the whole of the menu*/ | + | height:100vh; |
− | .igem_2018_team_menu { | + | position:fixed; |
− | background-color:#000; | + | right:0%; |
− | border-left: 1px solid #c4baba; | + | padding:0px; |
− | display:block; | + | |
| float:right; | | float:right; |
− | height:100vh; | + | border-left: 1px solid #d3d3d3; |
− | max-width: 270px; | + | background-color:#dddddd; |
| + | text-align:left; |
| + | font-family:Tahoma, Geneva, sans-serif; |
| overflow-y: auto; | | overflow-y: auto; |
| overflow-x: hidden; | | overflow-x: hidden; |
− | padding:0px;
| |
− | position:fixed;
| |
− | right:0%;
| |
− | text-align:left;
| |
− | width: 15%;
| |
| } | | } |
| | | |
− | | + | /* this hides the scrollbar to keep view consistency */ |
− | .igem_2018_team_menu.displaying_menu{ | + | .igem_2017_menu_wrappe::-webkit-scrollbar { |
− | display:block; | + | display: none; |
| } | | } |
− | | + | |
− | .igem_2018_team_menu a { | + | |
− | color: #484848;
| + | /* styling for links in the menu, removes the line under text */ |
− | text-decoration:none; | + | .igem_2017_menu_wrapper a { |
| + | text-decoration: none; |
| } | | } |
| | | |
− | .igem_2018_team_menu img {
| |
− | width:100%;
| |
− | }
| |
| | | |
− | | + | /* styling for the images in the menu */ |
− | .igem_2018_team_menu .menu_item { | + | .igem_2017_menu_wrapper img { |
− | background-color: #000;
| + | width: 100%; |
− | border-bottom: 1px solid #928b8b;
| + | |
− | clear: both;
| + | |
− | color: #fff; | + | |
− | 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 { | + | /* styling for the menu buttons */ |
− | color: #484848; | + | .igem_2017_menu_wrapper .menu_button { |
− | padding-left: 15%; | + | width: 100%; |
− | }
| + | padding: 10px 0px 10px 15px; |
− | .igem_2018_team_menu .menu_item:hover {
| + | float:left; |
− | background-color: #ecb656; | + | border-bottom: 1px solid #d3d3d3; |
| + | font-size: 12px; |
| + | font-weight: bold; |
| + | color: #5e5f5f; |
| + | cursor: pointer; |
| } | | } |
| | | |
| | | |
− | .igem_2018_team_menu .menu_item .submenu_control_icon { | + | .igem_2017_menu_wrapper .menu_bottom_padding { |
− | color: #484848; | + | width: 100%; |
− | float: left; | + | height: 30px; |
− | width: 10%; | + | float:left; |
| } | | } |
| | | |
− | /* submenu icon "+" "-"*/
| + | .menu_button.direct_to_page { |
− | .igem_2018_team_menu .menu_item .submenu_control_icon::before { | + | padding-left: 36px; |
− | content: "+"; | + | |
| } | | } |
| | | |
− | /* submenu icon "+" "-"*/
| |
− | .igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
| |
− | content: "-";
| |
− | }
| |
| | | |
− | /*submenu wrapper*/
| + | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { |
− | .igem_2018_team_menu .submenu{ | + | width:10%; |
− | background-color: #e4dede; | + | float:left; |
− | clear:both;
| + | |
− | display:none;
| + | |
− | float: left; | + | |
− | width:100%;
| + | |
| } | | } |
| | | |
− | /*styling for a submenu item*/
| + | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before { |
− | .igem_2018_team_menu .submenu .submenu_item { | + | content: "+"; |
− | border-bottom: 1px solid #c4baba;
| + | |
− | color: #635d5d;
| + | |
− | height: 30px;
| + | |
− | float: left;
| + | |
− | font-size: 110%;
| + | |
− | font-weight: bold; | + | |
− | padding: 12px 0px 0px 15%;
| + | |
− | width: 100%;
| + | |
| } | | } |
− | | + | |
− | .igem_2018_team_menu .submenu .submenu_item:hover { | + | .open::before { |
− | background-color: #f3bd5d; | + | content: "-" !important; |
| + | } |
| + | |
| + | |
| + | |
| + | /* styling for the menu buttons on hover */ |
| + | .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 */ |
− | .igem_2018_team_menu .submenu .submenu_item.current_page, | + | .current_page { |
− | .igem_2018_team_menu .menu_item.current_page,
| + | background-color:#7fc1f7 !important; |
− | .igem_2018_team_menu .menu_item.direct_link.current_page {
| + | color:#5e5f5f !important; |
− | background-color:#7acbd8; | + | |
| } | | } |
| | | |
| | | |
− | | + | /* styling for the submenu buttons */ |
− | /*mobile menu bar styling*/ | + | .igem_2017_menu_wrapper .submenu_button { |
− | /**************************************************************************************************************************************************************************************************/
| + | width: 100%; |
− | | + | padding: 10px 0px 10px 34px; |
− | | + | |
− | .igem_2018_team_mobile_bar { | + | |
− | background-color:#e4dede; | + | |
− | border-bottom: 1px solid #c4baba;
| + | |
− | cursor:pointer;
| + | |
− | display:none; | + | |
| float:left; | | float:left; |
− | margin-top: 0; | + | background-color:#f2f2f2; |
− | padding: 5px 0; | + | border-bottom: 1px solid #d3d3d3; |
− | position:fixed; | + | font-size: 12px; |
− | width:100%; | + | color: #5e5f5f; |
| + | cursor: pointer; |
| } | | } |
| | | |
− | .igem_logo_mobile img { | + | /* wrapper for the submenu items, they are hidden by default*/ |
− | width:70px; | + | .igem_2017_menu_wrapper .submenu_wrapper { |
| + | display:none; |
| } | | } |
| | | |
− | .igem_logo_mobile { | + | /* when the page size is bigger than 800px, this show/hide control is hidden by default */ |
− | float:left; | + | .igem_2017_menu_wrapper #display_menu_control { |
− | padding-left: 5%; | + | display:none; |
− | width: 30%;
| + | text-align:center; |
| } | | } |
| + | |
| | | |
− | .igem_menu_control_mobile img {
| + | /***************************************************** CONTENT OF THE PAGE ****************************************************/ |
− | width:25px;
| + | |
− | }
| + | |
| | | |
− | .igem_menu_control_mobile { | + | /* Wrapper for the content */ |
− | float:right; | + | .igem_2017_content_wrapper { |
− | padding-right:5%; | + | width: 81%; |
− | padding-top:5px; | + | margin: 2%; |
− | text-align:right; | + | display:block; |
− | width: 30%; | + | float:left; |
| + | background-color:white; |
| + | font-family:Tahoma, Geneva, sans-serif; |
| } | | } |
| | | |
| | | |
| + | /********************************* HTML STYLING *********************************/ |
| | | |
− | /**************************************************************************************************************************************************************************************************/
| + | /* styling for the titles h1 h2 */ |
− | /* CONTENT OF THE PAGE */
| + | .igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 { |
− | /**************************************************************************************************************************************************************************************************/
| + | padding:5px 15px; |
− | | + | border-bottom: 0px; |
− | /* general wrapper for the content */ | + | color: #3399ff; |
− | .igem_2018_team_content { | + | |
− | background: #222222 ; | + | |
− | color: white; | + | |
− | display:block; | + | |
− | width: 100%;
| + | |
| } | | } |
− |
| |
− | /* subwrapper to center content */
| |
− | .igem_2018_team_content .igem_2018_team_column_wrapper {
| |
− | margin:auto;
| |
− | max-width: 1400px;
| |
− | width:90%;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | /*general styling*/
| |
− | /**************************************************************************************************************************************************************************************************/
| |
− |
| |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 210%;}
| |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 190%;}
| |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 170%;}
| |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 150%;}
| |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 140%;}
| |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 130%;}
| |
| | | |
| | | |
− | /* styling for the titles h1, h2*/ | + | /* styling for the titles h3 h4 h5 h6*/ |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h1, .igem_2018_team_content .igem_2018_team_column_wrapper h2 { | + | .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; | | border-bottom:0px; |
− | color: #635d5d; | + | color: #000000; |
− | 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 */ | + | /* font and text */ |
− | .igem_2018_team_content .igem_2018_team_column_wrapper p { | + | .igem_2017_content_wrapper p { |
− | font-size: 130%;
| + | padding: 0px 15px; |
− | font-family: Arial, Helvetica, sans-serif;
| + | font-size: 13px; |
− | padding: 5px 0px; | + | |
− | text-align: left; | + | |
− | color: #484848;
| + | |
| } | | } |
| | | |
| /* Links */ | | /* Links */ |
− | .igem_2018_team_content .igem_2018_team_column_wrapper a { | + | .igem_2017_content_wrapper a { |
− | color: #5bc7d8;
| + | |
| font-weight: bold; | | font-weight: bold; |
| text-decoration: underline; | | text-decoration: underline; |
− | text-decoration-color:#5bc7d8; | + | text-decoration-color: #3399ff; |
− | transition: all 0.4s ease; | + | color: #3399ff; |
| -webkit-transition: all 0.4s ease; | | -webkit-transition: all 0.4s ease; |
− | -moz-transition: all 0.4s ease;
| + | -moz-transition: all 0.4s ease; |
| -ms-transition: all 0.4s ease; | | -ms-transition: all 0.4s ease; |
| -o-transition: all 0.4s ease; | | -o-transition: all 0.4s ease; |
| + | transition: all 0.4s ease; |
| } | | } |
| | | |
| /* hover for the links */ | | /* hover for the links */ |
− | .igem_2018_team_content .igem_2018_team_column_wrapper a:hover { | + | .igem_2017_content_wrapper a:hover { |
− | color: #f8b732;
| + | |
| text-decoration:none; | | text-decoration:none; |
| + | color:#000000; |
| } | | } |
| | | |
| + | /* non numbered lists */ |
| + | .igem_2017_content_wrapper ul { |
| + | padding:0px 20px; |
| + | font-size: 13px; |
| + | font-family:Tahoma, Geneva, sans-serif; |
| + | } |
| + | |
| + | /* numbered lists */ |
| + | .igem_2017_content_wrapper ol { |
| + | padding:0px; |
| + | font-size: 13px; |
| + | font-family:Tahoma, Geneva, sans-serif; |
| + | } |
| | | |
| /* Table */ | | /* Table */ |
− | .igem_2018_team_content .igem_2018_team_column_wrapper table { | + | .igem_2017_content_wrapper table { |
− | border: 1px solid #928b8b; | + | width: 97%; |
| + | margin:15px 10px; |
| + | border: 1px solid #d3d3d3; |
| border-collapse: collapse; | | border-collapse: collapse; |
− | font-size: 130%;
| |
− | width: 100%;
| |
| } | | } |
| | | |
| /* table cells */ | | /* table cells */ |
− | .igem_2018_team_content .igem_2018_team_column_wrapper td { | + | .igem_2017_content_wrapper td { |
− | border: 1px solid #c4baba;
| + | |
− | border-collapse: collapse;
| + | |
− | font-size: 105%;
| + | |
| padding: 10px; | | padding: 10px; |
| vertical-align: text-top; | | vertical-align: text-top; |
| + | border: 1px solid #d3d3d3; |
| + | border-collapse: collapse; |
| } | | } |
| | | |
| /* table headers */ | | /* table headers */ |
− | .igem_2018_team_content .igem_2018_team_column_wrapper th { | + | .igem_2017_content_wrapper th { |
− | background-color:#c4baba;
| + | |
− | border: 1px solid #928b8b;
| + | |
− | border-collapse: collapse;
| + | |
− | font-size: 110%;
| + | |
| padding: 10px; | | padding: 10px; |
| vertical-align: text-top; | | vertical-align: text-top; |
| + | border: 1px solid #d3d3d3; |
| + | border-collapse: collapse; |
| + | background-color:#f2f2f2; |
| } | | } |
| | | |
| | | |
| + | /**********************************LAYOUT CLASSES **********************************/ |
| | | |
− | /* non numbered lists */ | + | /* general class for column divs */ |
− | .igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol { | + | .igem_2017_content_wrapper .column { |
− | font-size: 130%; | + | padding: 10px 0px; |
− | font-family: Arial, Helvetica, sans-serif; | + | float:left; |
− | padding:0px 20px;
| + | |
| } | | } |
| | | |
| + | /* class for a full width column */ |
| + | .column .full_size { |
| + | width:100%; |
| + | } |
| | | |
− | .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, | + | /* styling for images in a full width column*/ |
− | .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, | + | .column.full_size img { |
− | .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,
| + | width:97%; |
− | .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,
| + | padding: 10px 15px; |
− | .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%; }
| + | |
| | | |
− | | + | /* class for a half width column */ |
− | | + | .column.half_size { |
− | /*layout classes*/ | + | width: 50%; |
− | /**************************************************************************************************************************************************************************************************/
| + | } |
− | | + | /* styling for images in a half width column*/ |
− | /*main layout class */ | + | .column.half_size img { |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .column { | + | width: 94.5%; |
− | float:left; | + | padding: 10px 15px; |
− | 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%; }
| |
| | | |
| + | /********************************* SUPPORT CLASSES ********************************/ |
| | | |
− | | + | /* class that clears content below*/ |
− | | + | .igem_2017_content_wrapper .clear { |
− | /*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; | | clear:both; |
| } | | } |
− | /*add extra space to page break with clear class*/ | + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space { | + | |
| + | /* adds extra spacing when clearing content */ |
| + | .igem_2017_content_wrapper .clear.extra_space { |
| height: 30px; | | 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 */ | + | /* highlight class, makes content slightly smaller */ |
− | /************************************************/
| + | .igem_2017_content_wrapper .highlight { |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link { | + | margin: 0px 15px; |
− | font-size: 130%;
| + | padding: 15px 0px; |
− | 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 { | + | /* highlight class, adds a gray background */ |
− | background-color: #f8b732 !important; | + | .igem_2017_content_wrapper .highlight.gray { |
| + | background-color: #f2f2f2; |
| } | | } |
| | | |
− | | + | /* highlight with decoration blue line on top */ |
− | | + | .igem_2017_content_wrapper .highlight.blue_top { |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight { | + | border-top: 4px solid #3399ff; |
− | padding: 15px 20px;
| + | |
| } | | } |
| | | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight p, | + | /* highlight with a full blue border decoration */ |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h1, | + | .igem_2017_content_wrapper .highlight.blue_border { |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h2,
| + | border: 4px solid #3399ff; |
− | .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 { | + | /* button class */ |
− | border-top: 4px solid #5bc7d8; | + | .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; |
| + | -moz-transition: all 0.4s ease; |
| + | -ms-transition: all 0.4s ease; |
| + | -o-transition: all 0.4s ease; transition: all 0.4s ease; |
| } | | } |
| | | |
− | | + | /* styling for button on hover */ |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full { | + | .igem_2017_content_wrapper .button:hover{ |
− | border: 4px solid #5bc7d8; | + | background-color: #3399ff; |
| + | color: #000000; |
| } | | } |
| | | |
− | .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;
| |
− | }
| |
| | | |
| + | /***************************************************** RESPONSIVE STYLING ****************************************************/ |
| | | |
| + | /* IF THE SCREEN IS LESS THAN 1200PX */ |
| + | @media only screen and (max-width: 1200px) { |
| | | |
− | | + | #content {width:100%; } |
− | /*mobile*/
| + | .igem_2017_menu_wrapper {width:15%; right:0;} |
− | /**************************************************************************************************************************************************************************************************/
| + | .highlight {padding:10px 0px;} |
− | | + | .igem_2017_menu_wrapper #display_menu_control { display:none; } |
− | | + | #menu_content { display:block;} |
− | /* 1800px */
| + | .menu_button.direct_to_page {padding-left: 17px;} |
− | /************************************************/
| + | |
− | @media only screen and (max-width: 1800px) {
| + | |
− | .igem_2018_team_content { width: 100%;} | + | |
− | .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) {
| + | /* IF THE SCREEN IS LESS THAN 800PX */ |
− | .igem_2018_team_menu {display:block;}
| + | @media only screen and (max-width: 800px) { |
− | }
| + | |
− | | + | |
− | /* 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%; }
| + | |
| | | |
| + | .igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;} |
| + | .igem_2017_content_wrapper {width:100%; margin-left:0px;} |
| + | .column.half_size {width:100%; } |
| + | .column.full_size img, .column.half_size img { width: 100%; padding: 10px 0px;} |
| + | .highlight {padding:15px 5px;} |
| + | .igem_2017_menu_wrapper #display_menu_control { display:block; } |
| + | #menu_content { display:none;} |
| + | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; } |
| + | .menu_bottom_padding {display:none;} |
| + | .menu_button.direct_to_page { padding-left: 36px; } |
| } | | } |
| | | |
| | | |
− | @media only screen and (max-width: 500px) { | + | |
− | .igem_2018_team_menu {min-width:100%; width:100%; }
| + | |
| + | /* special class that the system uses to make sure the team wants a page to be evaluated */ |
| + | .judges-will-not-evaluate { |
| + | width: 96.6%; |
| + | margin: 5px 15px; |
| + | display: block; |
| + | border: 4px solid #3399ff; |
| + | font-weight: bold; |
| + | } |
| + | #content H1{ |
| + | font-weight: 200!important; |
| } | | } |
− |
| |
− |
| |
− | /**************************************************************************************************************************************************************************************************/
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
| </style> | | </style> |
| | | |
| + | <!-- Mobile Specific Meta --> |
| + | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
| + | <meta charset="UTF-8"> |
| + | <!-- Site Title --> |
| + | <title>Bioremediation of Sour Crude Oil Waste using Cyanobacteria</title> |
| | | |
− | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | + | <link href="https://fonts.googleapis.com/css?family=Poppins:100,300,500" rel="stylesheet"> |
− | <!--- THIS IS WHERE THE HTML BEGINS ---> | + | <!-- |
− | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | + | CSS |
− | | + | ============================================= --> |
− | <head> | + | <link rel="stylesheet" href="http://highline.codal.kz/css/owl.carousel.css"> |
| + | <link rel="stylesheet" href="http://highline.codal.kz/css/linearicons.css"> |
| + | <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> |
| + | <link rel="stylesheet" href="http://highline.codal.kz/css/nice-select.css"> |
| + | <link rel="stylesheet" href="http://highline.codal.kz/css/magnific-popup.css"> |
| + | <link rel="stylesheet" href="http://highline.codal.kz/css/bootstrap.css"> |
| + | <link rel="stylesheet" href="http://highline.codal.kz/css/main.css"> |
| <style> | | <style> |
− | body{
| + | p{ |
− | font-family: 'Open Sans', sans-serif; | + | font-size: 1em!important; |
− | color: #888;
| + | |
| } | | } |
− | a{
| + | .default-header{ |
− | color: #888;
| + | background: #fff; |
− | font-family: 'Open Sans', sans-serif;
| + | |
| } | | } |
− | li{
| + | </style> |
− | color: #888;
| + | |
− | }</style>
| + | |
| | | |
− | <!-- This tells the browser that your page is responsive --> | + | </head> |
− | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | <body> |
− | | + | <div class="oz-body-wrap"> |
− | </head> | + | <!-- Start Header Area --> |
− | | + | <header class="default-header"> |
− | | + | <div class="container-fluid"> |
− | | + | <div class="header-wrap"> |
− | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | + | <div class="header-top d-flex justify-content-between align-items-center"> |
− | <!--- Menu --->
| + | <div class="logo"> |
− | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| + | <a href="https://2018.igem.org/Team:NU_Kazakhstan"><img src="http://highline.codal.kz/logo.png" style="max-width: 100px"></a> |
− | <div class="container"> | + | </div> |
− | <nav class="navbar">
| + | <div class="main-menubar d-flex align-items-center"> |
− | <div class="container-fluid">
| + | |
− | <!-- Brand and toggle get grouped for better mobile display -->
| + | <nav class="nav navbar"> |
− | <div class="navbar-header">
| + | <a href="https://2018.igem.org/Team:NU_Kazakhstan">Homepage</a> |
− | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
| + | <li class="dropdown"> |
− | <span class="sr-only">Toggle navigation</span>
| + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a> |
− | <span class="icon-bar"></span>
| + | <ul class="dropdown-menu"> |
− | <span class="icon-bar"></span>
| + | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Description">Overview & Background</a></li> |
− | <span class="icon-bar"></span>
| + | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Design">Design</a></li> |
− | </button>
| + | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Parts">Parts</a></li> |
− |
| + | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Model">Modeling</a></li> |
− | </div>
| + | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Results">Results</a></li> |
− | | + | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Future_Plans">Future Plans</a></li> |
− | <!-- Collect the nav links, forms, and other content for toggling -->
| + | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/InterLab">Interlab</a></li> |
− | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
| + | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Safety">Safety</a></li> |
− | <ul class="nav navbar-nav">
| + | </ul> |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan">HOME</a></li>
| + | </li> |
− | <li class="dropdown">
| + | <li class="dropdown"> |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">TEAM<span class="caret"></span></a>
| + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team <span class="caret"></span></a> |
− | <ul class="dropdown-menu">
| + | <ul class="dropdown-menu"> |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Team">Team Members</a></li>
| + | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Team">About us</a></li> |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Collaborations">Collaborations</a></li>
| + | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Collaborations">Collaborations</a></li> |
− | </ul>
| + | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Attributions">Attributions</a></li> |
− | </li>
| + | </ul> |
− | <li class="dropdown">
| + | </li> |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PROJECT<span class="caret"></span></a>
| + | <li class="dropdown"> |
− | <ul class="dropdown-menu">
| + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook <span class="caret"></span></a> |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Description">Description</a></li>
| + | <ul class="dropdown-menu"> |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Experiments">Experiments</a></li>
| + | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Protocols">Protocols</a></li> |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Notebook">Notebook</a></li>
| + | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Project_Timeline">Project Timeline</a></li> |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/InterLab">InterLab</a></li>
| + | </ul> |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Model">Model</a></li>
| + | </li> |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Results">Results</a></li>
| + | <li class="dropdown"> |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Demonstrate">Demonstrate</a></li>
| + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices <span class="caret"></span></a> |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Improve">Improve</a></li>
| + | <ul class="dropdown-menu"> |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Attributions">Attributions</a></li>
| + | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Public_Engagement">Public engagement and Education</a></li> |
− | </ul>
| + | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Human_Practices">Integrated human practices</a></li> |
− | </li>
| + | </ul> |
− | <li class="dropdown">
| + | </li> |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PARTS<span class="caret"></span></a>
| + | <a href="https://2018.igem.org/Team:NU_Kazakhstan/Judging_form">Judging form</a> |
− | <ul class="dropdown-menu">
| + | </nav> |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Parts">Parts Overview</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Basic_Part">Basic Parts</a></li>
| + | </div> |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Composite_Part">Composite Part</a></li>
| + | </div> |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Part_Collection">Part Collection</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Safety">SAFETY</a></li>
| + | |
− | <li class="dropdown">
| + | |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">HUMAN PRACTICES<span class="caret"></span></a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Human_Practices">Human Practices</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Public_Engagement">Public Engagement</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="dropdown">
| + | |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">AWARDS<span class="caret"></span></a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Applied_Design">Applied Design</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Entrepreneurship">Entrepreneurship</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Hardware">Hardware</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Measurement">Measurement</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Model">Model</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Plant">Plant</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:NU_Kazakhstan/Software">Software</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | | + | |
− | </ul>
| + | |
− | </div><!-- /.navbar-collapse -->
| + | |
− | </div><!-- /.container-fluid -->
| + | |
− | </nav> | + | |
− | | + | |
− | <!--
| + | |
− | <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:NU_Kazakhstan">
| + | |
− | <img src="http://www.pngall.com/wp-content/uploads/2017/11/Bacteria-PNG-File.png">
| + | |
− | </a>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan">
| + | |
− | <div class="menu_item direct_link">
| + | |
− | HOME
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <div class="menu_item">
| + | |
− | <div class="submenu_control_icon"> </div>
| + | |
− | TEAM
| + | |
− | </div>
| + | |
− | <div class="submenu">
| + | |
− |
| + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/Team">
| + | |
− | <div class="submenu_item">
| + | |
− | Team Members
| + | |
| </div> | | </div> |
− | </a> | + | </div> |
− | | + | </header> |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/Collaborations">
| + | <!-- End Header Area --> |
− | <div class="submenu_item">
| + | <script>new WOW().init();</script> |
− | Collaborations
| + | <br><br><br> |
− | </div>
| + | |
− | </a>
| + | |
− | </div> | + | |
− | | + | |
− | | + | |
− |
| + | |
− | <div class="menu_item"> | + | |
− | <div class="submenu_control_icon"> </div>
| + | |
− | PROJECT
| + | |
− | </div>
| + | |
− | <div class="submenu">
| + | |
− |
| + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/Description">
| + | |
− | <div class="submenu_item">
| + | |
− | Description
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/Design">
| + | |
− | <div class="submenu_item">
| + | |
− | Design
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/Experiments">
| + | |
− | <div class="submenu_item">
| + | |
− | Experiments
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/Notebook">
| + | |
− | <div class="submenu_item">
| + | |
− | Notebook
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/InterLab">
| + | |
− | <div class="submenu_item">
| + | |
− | InterLab
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/Model">
| + | |
− | <div class="submenu_item">
| + | |
− | Model
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/Results">
| + | |
− | <div class="submenu_item">
| + | |
− | Results
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/Demonstrate">
| + | |
− | <div class="submenu_item">
| + | |
− | Demonstrate
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/Improve">
| + | |
− | <div class="submenu_item">
| + | |
− | Improve
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/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:NU_Kazakhstan/Parts">
| + | |
− | <div class="submenu_item">
| + | |
− | Parts Overview
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/Basic_Part">
| + | |
− | <div class="submenu_item">
| + | |
− | Basic Parts
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/Composite_Part">
| + | |
− | <div class="submenu_item">
| + | |
− | Composite Parts
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/Part_Collection">
| + | |
− | <div class="submenu_item">
| + | |
− | Part Collection
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | </div>
| + | |
− | | + | |
− |
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/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:NU_Kazakhstan/Human_Practices">
| + | |
− | <div class="submenu_item">
| + | |
− | Human Practices
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/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:NU_Kazakhstan/Applied_Design">
| + | |
− | <div class="submenu_item">
| + | |
− | Applied Design
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/Entrepreneurship">
| + | |
− | <div class="submenu_item">
| + | |
− | Entrepreneurship
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/Hardware">
| + | |
− | <div class="submenu_item">
| + | |
− | Hardware
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/Measurement">
| + | |
− | <div class="submenu_item">
| + | |
− | Measurement
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/Model">
| + | |
− | <div class="submenu_item">
| + | |
− | Model
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/Plant">
| + | |
− | <div class="submenu_item">
| + | |
− | Plant
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:NU_Kazakhstan/Software">
| + | |
− | <div class="submenu_item">
| + | |
− | Software
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | <a href="https://igem.org/2018_Judging_Form?team=NU_Kazakhstan">
| + | |
− | <div class="menu_item direct_link">
| + | |
− | JUDGING FORM ⇗
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | </div>-->
| + | |
− | </div>
| + | |
− | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| + | |
− | <!--- Content of the page --->
| + | |
− | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| + | |
− | | + | |
− | | + | |
− | <div class="igem_2018_team_content">
| + | |