Line 1: | Line 1: | ||
<html lang="en"> | <html lang="en"> | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
+ | <head> | ||
<style> | <style> | ||
− | + | ||
− | + | body {background-color:white; } | |
− | body {background-color:white; } | + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { |
− | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; | + | margin-bottom: 0px; |
− | + | } | |
− | + | .menu_wrapper{ | |
− | + | position: fixed; | |
− | + | left:0; | |
− | + | right:0; | |
− | + | top:11px; | |
− | + | bottom:0; | |
− | .menu_wrapper{ | + | width: 1200px; |
− | + | height: 35px; | |
− | + | margin:0 auto; | |
− | + | z-index:900; | |
− | + | } | |
− | + | .accordion{ | |
− | + | list-style: none; | |
− | + | margin:0px !important; | |
− | + | ||
− | + | } | |
− | + | .menu_item{ | |
− | + | float: right; | |
− | + | line-height: 35px; | |
− | + | position: relative; | |
− | + | width: 100px; | |
− | + | } | |
− | + | .menu_item >a{ | |
− | + | display: block; | |
− | + | text-decoration: none; | |
− | + | padding: 0px; | |
− | + | transition: 0.4s ; | |
− | + | } | |
− | + | .menu_item >a:hover{ | |
− | + | transform: scale(1.1); | |
− | + | } | |
− | + | .ssubmenu { | |
− | + | font-size: 18px; | |
− | + | list-style: none; | |
− | + | position: absolute; | |
− | + | left: 0px; | |
− | + | top:100px; | |
− | + | margin:auto; | |
− | + | display: none; | |
− | + | } | |
− | + | .ssubmenu a{ | |
− | + | color: #0d5786; | |
− | + | background-color: white; | |
− | + | border: 1px solid white; | |
− | + | text-decoration: none; | |
− | + | display: block; | |
− | + | } | |
− | + | .ssubmenu a:hover | |
− | + | { | |
− | + | color: #c99797; | |
− | + | } | |
− | + | .menu_item:hover .ssubmenu{ | |
− | + | display: block; | |
− | + | } | |
− | + | ||
− | + | </style> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</head> | </head> | ||
Line 89: | Line 69: | ||
<div class="menu_wrapper" > | <div class="menu_wrapper" > | ||
<nav> | <nav> | ||
− | + | <ul id="accordion" class="accordion"> | |
− | <li class="menu_item"> <a href=" https://2016.igem.org/Team:HZAU-China/Team"> <img src="https://static.igem.org/mediawiki/2016/6/6d/T--HZAU-China--team.png" width="100px"/></a> | + | <li class="menu_item"> <a href=" https://2016.igem.org/Team:HZAU-China/Team"> <img src="https://static.igem.org/mediawiki/2016/6/6d/T--HZAU-China--team.png" width="100px"/></a> |
− | + | <ul class="ssubmenu"> | |
− | + | <li> <a href="https://2016.igem.org/Team:HZAU-China/Collaborations">Collaborations</a> </li> | |
− | + | <li> <a href="https://2016.igem.org/Team:HZAU-China/Members">Members</a> </li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="menu_item"> <a href="https://2016.igem.org/Team:HZAU-China/Human_Practices"> <img src="https://static.igem.org/mediawiki/2016/4/4a/T--HZAU-China--hp.png" width="100px"/> </a> | |
− | + | <ul class="ssubmenu"> | |
− | + | <li> <a href="https://2016.igem.org/Team:HZAU-China/HP/Silver">Silver</a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:HZAU-China/HP/Gold">Gold</a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:HZAU-China/Integrated_Practices">Integrated Practices</a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:HZAU-China/Engagement">Engagement</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="menu_item"> <a href="https://2016.igem.org/Team:HZAU-China/Parts"><img src="https://static.igem.org/mediawiki/2016/1/1c/T--HZAU-China--parts.png" width="100px"/> </a> | |
− | + | <ul class="ssubmenu"> | |
− | + | <li> <a href="https://2016.igem.org/Team:HZAU-China/Basic_Part">Basic Parts</a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:HZAU-China/Composite_Part">Composite Parts</a></li> | |
− | + | </ul> | |
− | + | </li> | |
+ | <li class="menu_item"> <a href="#"><img src="https://static.igem.org/mediawiki/2016/4/4a/T--HZAU-China--safety.png" width="100px"/></a> | ||
+ | <ul class="ssubmenu"> | ||
+ | <li> <a href="https://2016.igem.org/Team:HZAU-China/Software">Software</a></li> | ||
+ | <li> <a href="https://2016.igem.org/Team:HZAU-China/Hardware">Hardware</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="menu_item"> <a href="#"><a href="#"><img src="https://static.igem.org/mediawiki/2016/a/ac/T--HZAU-China--drylab.png" width="100px"/></a> | ||
+ | <ul class="ssubmenu"> | ||
+ | <li> <a href="https://2016.igem.org/Team:HZAU-China/Model">Model</a></li> | ||
+ | <li> <a href="https://2016.igem.org/Team:HZAU-China/Design">Design</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <li class="menu_item"> <a href="#"><img src="https://static.igem.org/mediawiki/2016/1/10/T--HZAU-China--wetlab.png" width="100px"/></a> | |
− | + | <ul class="ssubmenu"> | |
− | + | <li> <a href="https://2016.igem.org/Team:HZAU-China/Demonstrate">Demonstrate</a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:HZAU-China/Measurement">Measurement</a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:HZAU-China/Experiments">Experiments</a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:HZAU-China/Results">Results</a></li> | |
+ | <li> <a href="https://2016.igem.org/Team:HZAU-China/Interlab">Interlab</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
− | + | <li class="menu_item"> <a href="#"><img src="https://static.igem.org/mediawiki/2016/c/c9/T--HZAU-China--project.png" width="100px"/></a> | |
− | + | <ul class="ssubmenu"> | |
− | + | <li> <a href="https://2016.igem.org/Team:HZAU-China/Attributions">Attributions</a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:HZAU-China/Description">Description</a></li> | |
− | + | <li> <a href="https://2016.igem.org/Team:HZAU-China/Proof">Proof</a></li> | |
− | < | + | </ul> |
− | + | </li> | |
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <li class="menu_item"> <a href="https://2016.igem.org/Team:HZAU-China"><img src="https://static.igem.org/mediawiki/2016/8/8b/T--HZAU-China--home.png" width="100px"/></a> </li> | |
− | |||
− | |||
− | + | </ul> | |
− | + | </nav> | |
− | + | ||
</div> | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 08:22, 11 October 2016