Line 40: | Line 40: | ||
} | } | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | $(document).ready(function(){ | ||
+ | let navibar = $('ul.navigation-bar'); | ||
+ | |||
+ | let navbuttonItems = $('ul.navigation-bar > li'); | ||
+ | navbuttonItems.mouseenter(function(){ | ||
+ | var submenu = $(this).children('ul.sub-menu'); | ||
+ | submenu.stop(true,false); | ||
+ | submenu.slideDown(); | ||
+ | }); | ||
+ | navbuttonItems.mouseleave(function(){ | ||
+ | var submenu = $(this).children('ul.sub-menu'); | ||
+ | submenu.stop(true,false); | ||
+ | submenu.slideUp(); | ||
+ | }); | ||
+ | }); | ||
Line 49: | Line 67: | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
+ | #HQ_page div.container{ | ||
+ | padding-top:55px; | ||
+ | padding-left:0; | ||
+ | padding-right:0; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | #HQ_page { | ||
+ | font-size: 18pt; | ||
+ | font-family: _ExtraLight; | ||
+ | } | ||
+ | |||
+ | #HQ_page ul.navigation-bar{ | ||
+ | list-style: none; | ||
+ | background-color: white; | ||
+ | position: fixed; | ||
+ | z-index: 3000; | ||
+ | width: 100%; | ||
+ | top:0; | ||
+ | left:0; | ||
+ | padding: 5px; | ||
+ | padding-bottom: 0; | ||
+ | margin: 0; | ||
+ | height: 80px; | ||
+ | border: 3px solid #050033; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | #HQ_page ul.navigation-bar > li:first-of-type{ | ||
+ | margin-left: 25px; | ||
+ | margin-right: 70px; | ||
+ | } | ||
+ | |||
+ | #HQ_page ul.navigation-bar > li{ | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | margin-right: 60px; | ||
+ | line-height: 68px; | ||
+ | } | ||
+ | |||
+ | #HQ_page ul.navigation-bar a{ | ||
+ | text-decoration: none; | ||
+ | color:black; | ||
+ | } | ||
+ | #HQ_page ul.navigation-bar a:hover{ | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | #HQ_page ul.navigation-bar > li > ul.sub-menu{ | ||
+ | display: none; | ||
+ | list-style: none; | ||
+ | padding: 0; | ||
+ | position: absolute; | ||
+ | left: -60px; | ||
+ | top:68px; | ||
+ | } | ||
+ | |||
+ | #HQ_page ul.navigation-bar > li > ul.sub-menu > li{ | ||
+ | padding: 0 30px; | ||
+ | background-color: #e1e1e1; | ||
+ | font-size: 15pt; | ||
+ | line-height: 30pt; | ||
+ | margin-bottom: 2px; | ||
+ | min-width: 100px; | ||
+ | } | ||
+ | #HQ_page ul.navigation-bar > li > ul.sub-menu > li.long{ | ||
+ | padding: 0 30px; | ||
+ | background-color: #e1e1e1; | ||
+ | font-size: 15pt; | ||
+ | line-height: 30pt; | ||
+ | margin-bottom: 2px; | ||
+ | min-width: 160px; | ||
+ | } | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
Line 817: | Line 907: | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | <ul class="navigation-bar"> | ||
+ | <li><img width="90" depth="90" src="https://static.igem.org/mediawiki/2018/thumb/b/b2/T--CSU_CHINA--TeamLogo.png/320px-T--CSU_CHINA--TeamLogo.png" /></li> | ||
+ | <li><a href='https://2018.igem.org/Team:CSU_CHINA'>HOME</a></li> | ||
+ | |||
+ | <li> | ||
+ | <a href='https://2017.igem.org/Team:CSU_CHINA/Project'> Project </a> | ||
+ | <ul class="sub-menu"> | ||
+ | <li><a href='https://2018.igem.org/Team:CSU_CHINA/Description'>Description</a></li> | ||
+ | <li><a href='https://2018.igem.org/Team:CSU_CHINA/Design'>Design</a></li> | ||
+ | <li><a href='https://2018.igem.org/Team:CSU_CHINA/Notebook'>Notebook</a></li> | ||
+ | <li><a href='https://2018.igem.org/Team:CSU_CHINA/Model'>Model</a></li> | ||
+ | <li><a href='https://2018.igem.org/Team:CSU_CHINA/Results'>Results</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href='https://2017.igem.org/Team:Fudan/Results'> Parts </a> | ||
+ | <ul class="sub-menu" > | ||
+ | <li class="long"><a href='https://2018.igem.org/Team:CSU_CHINA/Parts'>Parts Overview</a></li> | ||
+ | <li class="long"><a href='https://2018.igem.org/Team:CSU_CHINA/Basic_Part'>Basic Part</a></li> | ||
+ | <li class="long"><a href='https://2018.igem.org/Team:CSU_CHINA/Composite_Part'>Composite Part</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href='https://2017.igem.org/Team:Fudan/Lab'> Lab </a> | ||
+ | <ul class="sub-menu"> | ||
+ | <li><a href='https://2018.igem.org/Team:CSU_CHINA/Safety'>Safety</a></li> | ||
+ | <li><a href='https://2018.igem.org/Team:CSU_CHINA/InterLab'>InterLab</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href='https://2017.igem.org/Team:Fudan/HP'> Human Practices </a> | ||
+ | <ul class="sub-menu"> | ||
+ | <li class="long"><a href='https://2018.igem.org/Team:CSU_CHINA/Human_Practices'>Human Practices</a></li> | ||
+ | <li class="long"><a href='https://2018.igem.org/Team:CSU_CHINA/Public_Engagement'>Education & Engagement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href='https://2017.igem.org/Team:Fudan/Team'> Team </a> | ||
+ | <ul class="sub-menu"> | ||
+ | <li><a href='https://2018.igem.org/Team:CSU_CHINA/Team'>Team Members</a></li> | ||
+ | <li><a href='https://2018.igem.org/Team:CSU_CHINA/Collaborations'>Collaborations</a></li> | ||
+ | <li><a href='https://2018.igem.org/Team:CSU_CHINA/Attributions'>Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | <a name="PageTop"></a> | ||
+ | <div class='container'> | ||
Revision as of 12:31, 17 October 2018