Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <script> | ||
+ | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | |||
+ | $("#HQ_page").attr('id',''); | ||
+ | |||
+ | |||
+ | //highlight current page on the menu | ||
+ | highlight_current_page_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() { | ||
+ | |||
+ | 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"); | ||
+ | |||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | ||
+ | </script> | ||
<style> | <style> | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
+ | |||
Line 15: | Line 59: | ||
#sideMenu, #top_title, .patrollink {display:none;} | #sideMenu, #top_title, .patrollink {display:none;} | ||
#content { margin-left:0px; margin-top:0px; padding:0px; width:100%;} | #content { margin-left:0px; margin-top:0px; padding:0px; width:100%;} | ||
− | body {background-color:# | + | body {background-color:#E7E7E7; } |
#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; } | ||
Line 22: | Line 66: | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
+ | /* MENU */ | ||
+ | /**************************************************************************************************************************************************************************************************/ | ||
+ | |||
+ | /*this wraps the whole of the menu*/ | ||
+ | .igem_2018_team_menu { | ||
+ | background-color:#c4baba; | ||
+ | border-left: 1px solid #c4baba; | ||
+ | display:block; | ||
+ | float:right; | ||
+ | height:100vh; | ||
+ | max-width: 270px; | ||
+ | overflow-y: auto; | ||
+ | overflow-x: hidden; | ||
+ | padding:0px; | ||
+ | position:fixed; | ||
+ | right:0%; | ||
+ | text-align:left; | ||
+ | width: 15%; | ||
+ | } | ||
+ | |||
+ | |||
+ | .igem_2018_team_menu.displaying_menu{ | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | .igem_2018_team_menu a { | ||
+ | color: #484848; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | .igem_2018_team_menu img { | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | .igem_2018_team_menu .menu_item { | ||
+ | background-color: #c4baba; | ||
+ | border-bottom: 1px solid #928b8b; | ||
+ | clear: both; | ||
+ | color: #484848; | ||
+ | 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 { | ||
+ | color: #484848; | ||
+ | padding-left: 15%; | ||
+ | } | ||
+ | .igem_2018_team_menu .menu_item:hover { | ||
+ | background-color: #ecb656; | ||
+ | } | ||
+ | |||
+ | |||
+ | .igem_2018_team_menu .menu_item .submenu_control_icon { | ||
+ | color: #484848; | ||
+ | float: left; | ||
+ | width: 10%; | ||
+ | } | ||
+ | |||
+ | /* submenu icon "+" "-"*/ | ||
+ | .igem_2018_team_menu .menu_item .submenu_control_icon::before { | ||
+ | content: "+"; | ||
+ | } | ||
+ | |||
+ | /* submenu icon "+" "-"*/ | ||
+ | .igem_2018_team_menu .menu_item .submenu_control_icon.open::before { | ||
+ | content: "-"; | ||
+ | } | ||
+ | |||
+ | /*submenu wrapper*/ | ||
+ | .igem_2018_team_menu .submenu{ | ||
+ | background-color: #e4dede; | ||
+ | clear:both; | ||
+ | display:none; | ||
+ | float: left; | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | /*styling for a submenu item*/ | ||
+ | .igem_2018_team_menu .submenu .submenu_item { | ||
+ | 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 { | ||
+ | background-color: #f3bd5d; | ||
+ | } | ||
+ | |||
+ | |||
+ | .igem_2018_team_menu .submenu .submenu_item.current_page, | ||
+ | .igem_2018_team_menu .menu_item.current_page, | ||
+ | .igem_2018_team_menu .menu_item.direct_link.current_page { | ||
+ | background-color:#7acbd8; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /*mobile menu bar styling*/ | ||
+ | /**************************************************************************************************************************************************************************************************/ | ||
+ | |||
+ | |||
+ | .igem_2018_team_mobile_bar { | ||
+ | background-color:#e4dede; | ||
+ | border-bottom: 1px solid #c4baba; | ||
+ | cursor:pointer; | ||
+ | display:none; | ||
+ | float:left; | ||
+ | margin-top: 0; | ||
+ | padding: 5px 0; | ||
+ | position:fixed; | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | .igem_logo_mobile img { | ||
+ | width:70px; | ||
+ | } | ||
+ | |||
+ | .igem_logo_mobile { | ||
+ | float:left; | ||
+ | padding-left: 5%; | ||
+ | width: 30%; | ||
+ | } | ||
+ | |||
+ | .igem_menu_control_mobile img { | ||
+ | width:25px; | ||
+ | } | ||
+ | |||
+ | .igem_menu_control_mobile { | ||
+ | float:right; | ||
+ | padding-right:5%; | ||
+ | padding-top:5px; | ||
+ | text-align:right; | ||
+ | width: 30%; | ||
+ | } | ||
Line 77: | Line 265: | ||
/* text */ | /* text */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper p { | .igem_2018_team_content .igem_2018_team_column_wrapper p { | ||
− | font-size: | + | font-size: 130%; |
font-family: Arial, Helvetica, sans-serif; | font-family: Arial, Helvetica, sans-serif; | ||
padding: 5px 0px; | padding: 5px 0px; | ||
text-align: left; | text-align: left; | ||
− | color: # | + | color: #484848; |
− | + | ||
} | } | ||
/* Links */ | /* Links */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper a { | .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 */ | /* hover for the links */ | ||
− | .igem_2018_team_content .igem_2018_team_column_wrapper a:hover { | + | .igem_2018_team_content .igem_2018_team_column_wrapper a:hover { |
− | + | color: #f8b732; | |
− | + | text-decoration:none; | |
} | } | ||
Line 111: | Line 298: | ||
font-size: 130%; | font-size: 130%; | ||
width: 100%; | width: 100%; | ||
− | |||
} | } | ||
/* table cells */ | /* table cells */ | ||
− | .igem_2018_team_content .igem_2018_team_column_wrapper td { | + | .igem_2018_team_content .igem_2018_team_column_wrapper td { |
− | + | border: 0px solid #c4baba; | |
− | + | border-collapse: collapse; | |
− | + | font-size: 105%; | |
− | + | padding: 10px; | |
− | + | vertical-align: text-top; | |
− | + | ||
} | } | ||
Line 277: | Line 463: | ||
/************************************************/ | /************************************************/ | ||
@media only screen and (max-width: 1800px) { | @media only screen and (max-width: 1800px) { | ||
− | .igem_2018_team_content { | + | .igem_2018_team_content { width: 85%;} |
− | + | ||
− | } | + | |
.igem_2018_team_menu {display:block;} | .igem_2018_team_menu {display:block;} | ||
} | } | ||
Line 320: | Line 504: | ||
@media (max-width: 1920px){ | @media (max-width: 1920px){ | ||
} | } | ||
+ | </style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | |
− | + | <!--- THIS IS WHERE THE HTML BEGINS ---> | |
− | + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <head> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <!-- This tells the browser that your page is responsive --> | |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
− | + | ||
+ | </head> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | <!--- 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> | ||
+ | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | <!--- Content of the page ---> | ||
+ | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
− | < | + | <div class="igem_2018_team_content"> |
− | < | + | <div class="igem_2018_team_column_wrapper"> |
− | < | + | <table width="100%" border="1"> |
− | + | <tbody> | |
− | a: | + | <tr> |
− | + | <td width="8%"> <a href="https://2018.igem.org/Team:Fudan-CHINA"> | |
− | a | + | <div class="menu_item direct_link"> |
− | a: | + | HOME |
− | + | </div> | |
− | + | </a></td> | |
− | + | <td width="8%"> | |
− | + | <div class="menu_item"> | |
+ | <div class="submenu_control_icon"> </div> | ||
+ | TEAM | ||
+ | </div> | ||
+ | <div class="submenu"> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Fudan-CHINA/Team"> | ||
+ | <div class="submenu_item"> | ||
+ | Team Members | ||
+ | </div> | ||
+ | </a> | ||
− | + | <a href="https://2018.igem.org/Team:Fudan-CHINA/Collaborations"> | |
− | + | <div class="submenu_item"> | |
− | </ | + | Collaborations |
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </td> | ||
+ | |||
+ | |||
+ | <td width="11%"> <!-- Project --> | ||
+ | <div class="menu_item"> | ||
+ | <div class="submenu_control_icon"> </div> | ||
+ | PROJECT | ||
+ | </div> | ||
+ | <div class="submenu"> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Fudan-CHINA/Description"> | ||
+ | <div class="submenu_item"> | ||
+ | Description | ||
+ | </div> | ||
+ | </a> | ||
+ | <a href="https://2018.igem.org/Team:Fudan-CHINA/Design"> | ||
+ | <div class="submenu_item"> | ||
+ | Design | ||
+ | </div> | ||
+ | </a> | ||
− | < | + | <a href="https://2018.igem.org/Team:Fudan-CHINA/Experiments"> |
+ | <div class="submenu_item"> | ||
+ | Experiments | ||
+ | </div> | ||
+ | </a> | ||
+ | <a href="https://2018.igem.org/Team:Fudan-CHINA/Notebook"> | ||
+ | <div class="submenu_item"> | ||
+ | Notebook | ||
+ | </div> | ||
+ | </a> | ||
+ | <a href="https://2018.igem.org/Team:Fudan-CHINA/InterLab"> | ||
+ | <div class="submenu_item"> | ||
+ | InterLab | ||
+ | </div> | ||
+ | </a> | ||
− | < | + | |
− | < | + | <a href="https://2018.igem.org/Team:Fudan-CHINA/Model"> |
− | < | + | <div class="submenu_item"> |
+ | Model | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Fudan-CHINA/Results"> | ||
+ | <div class="submenu_item"> | ||
+ | Results | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | <a href="https://2018.igem.org/Team:Fudan-CHINA/Demonstrate"> | ||
+ | <div class="submenu_item"> | ||
+ | Demonstrate | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Fudan-CHINA/Improve"> | ||
+ | <div class="submenu_item"> | ||
+ | Improve | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Fudan-CHINA/Attributions"> | ||
+ | <div class="submenu_item"> | ||
+ | Attributions | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | </div> | ||
+ | </td> | ||
+ | <td width="8%"> <div class="menu_item"> | ||
+ | <div class="submenu_control_icon"> </div> | ||
+ | PARTS | ||
+ | </div> | ||
+ | <div class="submenu"> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Fudan-CHINA/Parts"> | ||
+ | <div class="submenu_item"> | ||
+ | Parts Overview | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Fudan-CHINA/Basic_Part"> | ||
+ | <div class="submenu_item"> | ||
+ | Basic Parts | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Fudan-CHINA/Composite_Part"> | ||
+ | <div class="submenu_item"> | ||
+ | Composite Parts | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Fudan-CHINA/Part_Collection"> | ||
+ | <div class="submenu_item"> | ||
+ | Part Collection | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </td> | ||
+ | <td width="10%"> <a href="https://2018.igem.org/Team:Fudan-CHINA/Safety"> | ||
+ | <div class="menu_item direct_link"> | ||
+ | SAFETY | ||
+ | </div> | ||
+ | </a></td> | ||
+ | <td width="23%"> <div class="menu_item"> | ||
+ | <div class="submenu_control_icon"> </div> | ||
+ | HUMAN PRACTICES | ||
+ | </div> | ||
+ | |||
+ | <div class="submenu"> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Fudan-CHINA/Human_Practices"> | ||
+ | <div class="submenu_item"> | ||
+ | Human Practices | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | <a href="https://2018.igem.org/Team:Fudan-CHINA/Public_Engagement"> | ||
+ | <div class="submenu_item"> | ||
+ | Education & Engagement | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | </td> | ||
+ | <td width="11%"> <div class="menu_item"> | ||
+ | <div class="submenu_control_icon"> </div> | ||
+ | AWARDS | ||
+ | </div> | ||
+ | |||
+ | <div class="submenu"> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Fudan-CHINA/Applied_Design"> | ||
+ | <div class="submenu_item"> | ||
+ | Applied Design | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Fudan-CHINA/Entrepreneurship"> | ||
+ | <div class="submenu_item"> | ||
+ | Entrepreneurship | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Fudan-CHINA/Hardware"> | ||
+ | <div class="submenu_item"> | ||
+ | Hardware | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Fudan-CHINA/Measurement"> | ||
+ | <div class="submenu_item"> | ||
+ | Measurement | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Fudan-CHINA/Model"> | ||
+ | <div class="submenu_item"> | ||
+ | Model | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Fudan-CHINA/Plant"> | ||
+ | <div class="submenu_item"> | ||
+ | Plant | ||
+ | </div> | ||
+ | </a> | ||
− | + | <a href="https://2018.igem.org/Team:Fudan-CHINA/Software"> | |
− | + | <div class="submenu_item"> | |
− | + | Software | |
− | + | </div> | |
− | + | </a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | </td> | |
− | + | <td width="21%"> <a href="https://igem.org/2018_Judging_Form?team=Fudan-CHINA"> | |
− | + | <div class="menu_item direct_link"> | |
− | + | JUDGING FORM ? | |
− | + | </div> | |
− | + | </a></td> | |
− | + | </tr> | |
− | + | </tbody> | |
− | + | </table> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | </ | + |
Revision as of 17:08, 27 July 2018