Line 1: | Line 1: | ||
<html> | <html> | ||
− | + | <style type="text/css"> | |
− | <style> | + | |
− | + | ||
− | + | ||
#sideMenu, #top_title {display:none;} | #sideMenu, #top_title {display:none;} | ||
Line 10: | Line 7: | ||
#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; } | ||
− | + | *{margin:0;padding:0;font-size: 18px;} | |
− | + | .menu_wrapper{ | |
− | + | position: fixed; | |
− | + | width: 100%; | |
− | + | height: 35px; | |
− | + | background-color: #000000; | |
− | + | margin: 0 auto; | |
− | + | } | |
− | + | .accordion{ | |
− | + | list-style: none; | |
− | + | } | |
− | + | .menu_item{ | |
− | + | float:left; | |
− | + | line-height: 35px; | |
− | + | text-align: center; | |
− | + | position: relative; | |
− | + | width: 12.5%; | |
− | + | } | |
− | + | .menu_item >a{ | |
− | + | font-weight: bold; | |
− | + | } | |
− | + | .menu_item a{ | |
− | + | background-color: black; | |
− | + | text-decoration: none; | |
− | + | color: white; | |
− | + | display: block; | |
− | + | padding: 0 20px; | |
− | + | } | |
− | + | .submenu a{ | |
− | + | border: 1px solid #222; | |
− | + | background-color: #faf4ff; | |
− | + | background-image: linear-gradient(#250d2b,#111); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | } | ||
+ | .submenu:first-child>a { | ||
+ | border-radius: 6px 6px 0 0; | ||
+ | } | ||
+ | .submenu:last-child>a { | ||
+ | border-radius: 0 0 6px 6px; | ||
+ | } | ||
+ | .menu_item a:hover{ | ||
+ | background-color: #581782; | ||
+ | } | ||
+ | .submenu { | ||
+ | font-size: 15px; | ||
+ | list-style: none; | ||
+ | float: none; | ||
+ | width: 210px; | ||
+ | line-height: 35px; | ||
+ | text-align: center; | ||
+ | background-color: black; | ||
+ | position: absolute; | ||
+ | left: 0px; | ||
+ | top:35px; | ||
+ | display: none; | ||
+ | } | ||
+ | .submenu a:hover | ||
+ | { | ||
+ | color: #ae61ba; | ||
+ | } | ||
+ | .menu_item:hover .submenu | ||
+ | { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<head> | <head> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
</head> | </head> | ||
− | |||
<div class="menu_wrapper" > | <div class="menu_wrapper" > | ||
− | + | <nav> | |
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
<ul id="accordion" class="accordion"> | <ul id="accordion" class="accordion"> | ||
− | <li class="menu_item"> <a href="https://2016.igem.org/Team:HZAU-China"> | + | <li class="menu_item"> <a href="https://2016.igem.org/Team:HZAU-China">Home </a> </li> |
− | <li class="menu_item" | + | <li class="menu_item"> <a href="#">Project</a> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<ul class="submenu"> | <ul class="submenu"> | ||
<li> <a href="https://2016.igem.org/Team:HZAU-China/Description"> ★ Description </a></li> | <li> <a href="https://2016.igem.org/Team:HZAU-China/Description"> ★ Description </a></li> | ||
Line 393: | Line 96: | ||
<li> <a href="https://2016.igem.org/Team:HZAU-China/Results"> Results </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/Notebook"> Notebook </a></li> | <li> <a href="https://2016.igem.org/Team:HZAU-China/Notebook"> Notebook </a></li> | ||
+ | <li > <a href="https://2016.igem.org/Team:HZAU-China/Safety"> Safety </a> </li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="menu_item"> < | + | |
+ | <li class="menu_item"> <a href="#">WetLab</a> | ||
<ul class="submenu"> | <ul class="submenu"> | ||
− | <li> <a href=" | + | <li><a href="#">part1 </a></li> |
− | <li> <a href=" | + | <li><a href="#">part2 </a></li> |
− | <li> <a href=" | + | <li><a href="#">part3 </a></li> |
− | <li> <a href=" | + | <li><a href="#">part4 </a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="menu_item"> <a href="https://2016.igem.org/Team:HZAU-China/ | + | <li class="menu_item"> <a href="#">DryLab</a> |
+ | <ul class="submenu"> | ||
+ | <li> <a href="https://2016.igem.org/Team:HZAU-China/Measurement">★ Measurement </a></li> | ||
+ | <li> <a href="https://2016.igem.org/Team:HZAU-China/Model">★ Model </a></li> | ||
+ | </ul> | ||
+ | </li> | ||
− | |||
+ | <li class="menu_item"> <a href="#">Achievements</a> | ||
+ | <ul class="submenu"> | ||
+ | <li> <a href="https://2016.igem.org/Team:HZAU-China/Attributions">★ ATTRIBUTIONS </a></li> | ||
+ | <li> <a href="https://2016.igem.org/Team:HZAU-China/Hardware"> ★ Hardware </a></li> | ||
+ | <li> <a href="https://2016.igem.org/Team:HZAU-China/Software">★ Software </a></li> | ||
+ | </ul> | ||
+ | </li> | ||
− | <li class="menu_item"> < | + | <li class="menu_item"> <a href="https://2016.igem.org/Team:HZAU-China/Parts">Parts </a> |
+ | <ul class="submenu"> | ||
+ | <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> | ||
+ | <li> <a href="https://2016.igem.org/Team:HZAU-China/Part_Collection"> ★ Part Collection </a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li class="menu_item"> <a href="https://2016.igem.org/Team:HZAU-China/Human_Practices"> HP </a> | ||
<ul class="submenu"> | <ul class="submenu"> | ||
− | |||
<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/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/HP/Gold">★ Gold </a></li> | ||
Line 423: | Line 147: | ||
− | <li class="menu_item"> < | + | <li class="menu_item"> <a href=" https://2016.igem.org/Team:HZAU-China/Team"> Team </a> |
<ul class="submenu"> | <ul class="submenu"> | ||
− | <li><a href="https://2016.igem.org/Team:HZAU-China/ | + | <li> <a href="https://2016.igem.org/Team:HZAU-China/Collaborations">★ Collaborations </a> </li> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | |||
+ | |||
+ | </ul> | ||
+ | </nav> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
<div class="content_wrapper"> | <div class="content_wrapper"> | ||
− | |||
− | |||
− | |||
<h1 id="team_name"> </h1> | <h1 id="team_name"> </h1> | ||
<h4 id="page_name"> </h4> | <h4 id="page_name"> </h4> | ||
+ | </div> | ||
− | + | <script> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
// This is the jquery part of your template. Try not modify any of this code since it makes your menu work. | // This is the jquery part of your template. Try not modify any of this code since it makes your menu work. | ||
Line 520: | Line 227: | ||
</script> | </script> | ||
+ | |||
+ | |||
</html> | </html> |
Revision as of 05:31, 10 September 2016