Line 1: | Line 1: | ||
+ | <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 11: | Line 58: | ||
#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: | + | #content { margin-left:0px; margin-top:0px; padding:0px; width:100%;} |
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; } | ||
Line 172: | Line 219: | ||
/* general wrapper for the content */ | /* general wrapper for the content */ | ||
.igem_2018_team_content { | .igem_2018_team_content { | ||
− | background-color: | + | background-color:#e7e7e7; |
display:block; | display:block; | ||
− | width: | + | width: 100%; |
} | } | ||
Line 180: | Line 227: | ||
.igem_2018_team_content .igem_2018_team_column_wrapper { | .igem_2018_team_content .igem_2018_team_column_wrapper { | ||
margin:auto; | margin:auto; | ||
− | max-width: | + | max-width: 1920px; |
− | width: | + | width:100%; |
} | } | ||
Line 189: | Line 236: | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | .igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: | + | .igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 310%;} |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: | + | .igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 290%;} |
.igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 170%;} | .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 h4 { font-size: 150%;} | ||
Line 247: | Line 294: | ||
/* Table */ | /* Table */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper table { | .igem_2018_team_content .igem_2018_team_column_wrapper table { | ||
− | border: | + | border: 0px solid #928b8b; |
border-collapse: collapse; | border-collapse: collapse; | ||
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: | + | border: 0px solid #c4baba; |
border-collapse: collapse; | border-collapse: collapse; | ||
font-size: 105%; | font-size: 105%; | ||
padding: 10px; | padding: 10px; | ||
vertical-align: text-top; | vertical-align: text-top; | ||
+ | |||
} | } | ||
Line 452: | Line 501: | ||
+ | |||
+ | @media (max-width: 1920px){ | ||
+ | } | ||
</style> | </style> | ||
Line 487: | Line 539: | ||
</div> | </div> | ||
+ | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | <!--- Content of the page ---> | ||
+ | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
− | + | <div class="igem_2018_team_content"> | |
− | + | <div class="igem_2018_team_column_wrapper"> | |
− | <div class=" | + | <table width="100%" border="1"> |
− | + | <tbody> | |
− | + | <tr> | |
− | < | + | <td width="8%"> <a href="https://2018.igem.org/Team:Fudan-CHINA"> |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="menu_item direct_link"> | <div class="menu_item direct_link"> | ||
HOME | HOME | ||
</div> | </div> | ||
− | </a> | + | </a></td> |
− | + | <td width="8%"> | |
− | + | <div class="menu_item"> | |
− | + | ||
<div class="submenu_control_icon"> </div> | <div class="submenu_control_icon"> </div> | ||
TEAM | TEAM | ||
Line 525: | Line 573: | ||
</a> | </a> | ||
</div> | </div> | ||
− | + | </td> | |
− | + | ||
− | <!-- Project --> | + | |
+ | <td width="11%"> <!-- Project --> | ||
<div class="menu_item"> | <div class="menu_item"> | ||
<div class="submenu_control_icon"> </div> | <div class="submenu_control_icon"> </div> | ||
Line 598: | Line 647: | ||
</div> | </div> | ||
− | + | </td> | |
− | + | <td width="8%"> <div class="menu_item"> | |
− | + | ||
<div class="submenu_control_icon"> </div> | <div class="submenu_control_icon"> </div> | ||
PARTS | PARTS | ||
Line 630: | Line 678: | ||
</a> | </a> | ||
</div> | </div> | ||
− | + | </td> | |
− | + | <td width="10%"> <a href="https://2018.igem.org/Team:Fudan-CHINA/Safety"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="menu_item direct_link"> | <div class="menu_item direct_link"> | ||
SAFETY | SAFETY | ||
</div> | </div> | ||
− | </a> | + | </a></td> |
− | + | <td width="23%"> <div class="menu_item"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="submenu_control_icon"> </div> | <div class="submenu_control_icon"> </div> | ||
HUMAN PRACTICES | HUMAN PRACTICES | ||
Line 663: | Line 700: | ||
<a href="https://2018.igem.org/Team:Fudan-CHINA/Public_Engagement"> | <a href="https://2018.igem.org/Team:Fudan-CHINA/Public_Engagement"> | ||
<div class="submenu_item"> | <div class="submenu_item"> | ||
− | Education & | + | Education & Engagement |
</div> | </div> | ||
</a> | </a> | ||
Line 670: | Line 707: | ||
− | + | </td> | |
− | + | <td width="11%"> <div class="menu_item"> | |
− | + | ||
− | + | ||
<div class="submenu_control_icon"> </div> | <div class="submenu_control_icon"> </div> | ||
AWARDS | AWARDS | ||
Line 727: | Line 762: | ||
− | + | </td> | |
+ | <td width="21%"> <a href="https://igem.org/2018_Judging_Form?team=Fudan-CHINA"> | ||
<div class="menu_item direct_link"> | <div class="menu_item direct_link"> | ||
− | JUDGING FORM | + | JUDGING FORM ? |
</div> | </div> | ||
− | </a> | + | </a></td> |
− | + | </tr> | |
− | + | </tbody> | |
− | + | </table> | |
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + |
Revision as of 16:16, 15 September 2018