Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
<head> | <head> | ||
− | + | <meta charset="UTF-8"> | |
− | + | <style type="text/css"> | |
− | + | #sideMenu, | |
− | + | #top_title, | |
− | + | #team_submenu { | |
+ | display: none; | ||
+ | } | ||
− | + | #content { | |
− | + | padding: 0px; | |
− | + | width: 100%; | |
+ | margin-top: 0px; | ||
+ | margin-left: 0px; | ||
+ | } | ||
− | + | #bodyContent h1, | |
− | + | #bodyContent h2, | |
− | + | #bodyContent h3, | |
− | + | #bodyContent h4, | |
+ | #bodyContent h5 { | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
− | + | #team_name { | |
− | + | display: none | |
− | + | } | |
− | + | ||
− | + | ||
− | + | .global_wrapper { | |
− | + | padding: 0px 0px 0px 0px; | |
− | + | } | |
− | + | ||
− | + | ||
+ | #top_menu_14 { | ||
+ | height: 16px; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | div.nav_body { | |
− | + | position: fixed; | |
− | + | padding: 7px 0 7px 0; | |
− | + | left: 0px; | |
− | + | top: 16px; | |
− | + | width: 100%; | |
+ | min-width: 980px; | ||
+ | height: auto; | ||
+ | box-shadow: 0px 1px 3px #aaaaaa; | ||
+ | z-index: 1; | ||
+ | color: rgb(249, 228, 137); | ||
+ | text-decoration-line: none; | ||
+ | font-family: "Arial", Helvetica, sans-serif; | ||
+ | background-color: #000; | ||
+ | z-index: 99; | ||
+ | } | ||
− | + | ul#nav_organ { | |
− | + | float: right; | |
− | + | list-style: none; | |
− | + | margin: 6px 0 6px 0; | |
+ | text-decoration-line: none; | ||
+ | font-family: "Arial", Helvetica, sans-serif; | ||
+ | color: rgb(249, 228, 137); | ||
+ | background-color: #000; | ||
+ | } | ||
− | + | ul#nav_organ li { | |
+ | display: block; | ||
+ | float: left; | ||
+ | } | ||
− | + | a.nav_tissue { | |
− | + | padding: 8px 15px 8px 15px; | |
− | + | line-height: 23px; | |
− | + | text-decoration-line: none; | |
+ | font-family: "Arial", Helvetica, sans-serif; | ||
+ | color: rgb(249, 228, 137); | ||
+ | font-size: 17px; | ||
+ | } | ||
− | + | span.caret { | |
+ | display: inline-block; | ||
+ | margin-left: 2px; | ||
+ | vertical-align: middle; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border-left: 4px solid transparent; | ||
+ | border-right: 4px solid transparent; | ||
+ | border-top: 4px solid rgb(249, 228, 137); | ||
+ | } | ||
− | + | .nav_cell { | |
− | + | visibility: hidden; | |
− | + | opacity: 0; | |
− | + | display: block; | |
− | + | box-sizing: border-box; | |
− | + | left: auto; | |
− | + | position: absolute; | |
− | + | top: 42px; | |
+ | z-index: 1000; | ||
+ | float: left; | ||
+ | min-width: 160px; | ||
+ | margin: 0 0 0 -4px; | ||
+ | font-size: 14px; | ||
+ | text-align: left; | ||
+ | list-style: none; | ||
+ | color: rgb(249, 228, 137); | ||
+ | background-color: #000; | ||
+ | background-clip: padding-box; | ||
+ | border: 1px solid rgba(0, 0, 0, .15); | ||
+ | border-radius: 4px; | ||
+ | box-shadow: 0 6px 12px rgba(0, 0, 0, .175); | ||
+ | -webkit-transition: opacity 0.4s linear; | ||
+ | -moz-transition: opacity 0.4s linear; | ||
+ | -ms-transition: opacity 0.4s linear; | ||
+ | -o-transition: opacity 0.4s linear; | ||
+ | transition: opacity 0.4s linear; | ||
+ | } | ||
− | + | .mw-content-ltr ul, | |
+ | .mw-content-rtl .mw-content-ltr ul { | ||
+ | margin: 0 0 0 -4px; | ||
+ | } | ||
− | + | .shadow { | |
− | + | box-shadow: 0px 1px 3px rgb(249, 228, 137); | |
− | + | } | |
− | + | ||
− | + | .nav_cell>li { | |
− | + | display: block; | |
− | + | float: left; | |
− | + | clear: both; | |
− | + | height: 30px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | .nav_cell>li>a { | |
− | + | padding-top: 3px; | |
− | + | padding-bottom: 3px; | |
+ | padding-left: 20px; | ||
+ | padding-right: 20px; | ||
+ | text-decoration-line: none; | ||
+ | color: rgb(249, 228, 137); | ||
+ | } | ||
− | + | .menu_item:hover .nav_cell { | |
− | + | visibility: visible; | |
− | + | opacity: 1; | |
+ | } | ||
− | + | .nav_tissue:hover { | |
+ | cursor: pointer; | ||
+ | color: rgb(249, 228, 137); | ||
+ | text-decoration: none; | ||
+ | } | ||
− | + | .HZAU_logo { | |
− | + | height: 36px; | |
− | + | float: left; | |
− | + | margin: 0 0 0 7px; | |
− | + | position: relative; | |
− | + | } | |
− | + | </style> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</head> | </head> | ||
<body> | <body> | ||
− | + | <div class="nav_body"> | |
− | + | <a href="https://2017.igem.org/Team:HZAU-China" class="HZAU_logo" title="logo"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/b/bf/T--HZAU-China--logo.png" height="100%"> | |
− | + | </a> | |
+ | <ul id="nav_organ"> | ||
+ | <li class="menu_item"> | ||
+ | <a class="nav_tissue" href="https://2017.igem.org/Team:HZAU-China">Home</a> | ||
+ | </li> | ||
+ | <li class="menu_item"> | ||
+ | <a class="nav_tissue" href="">Project<span class="caret"></span></a> | ||
+ | <ul class="nav_cell shadow"> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Description">Description</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Design">Design</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Results">Results</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Demonstrate">Demonstrate</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="menu_item"> | ||
+ | <a class="nav_tissue">Wetlab<span class="caret"></span></a> | ||
+ | <ul class="nav_cell shadow"> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Experiments">Experiments</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Improve">Improve</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/InterLab">InterLab</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="menu_item"> | ||
+ | <a class="nav_tissue">Drylab<span class="caret"></span></a> | ||
+ | <ul class="nav_cell shadow"> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Model">Model</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Software">Software</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Hardware">Hardware</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="menu_item"> | ||
+ | <a class="nav_tissue">HP<span class="caret"></span></a> | ||
+ | <ul class="nav_cell shadow"> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Silver">Silver HP</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Gold_Integrated">Integrated and Gold</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="menu_item"> | ||
+ | <a class="nav_tissue">Team<span class="caret"></span></a> | ||
+ | <ul class="nav_cell shadow"> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Team">Members</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Collaborations">Collaborations</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Attributions">Attributions</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="menu_item"> | ||
+ | <a class="nav_tissue" href="https://2017.igem.org/Team:HZAU-China/Safety">Safety</a> | ||
+ | </li> | ||
+ | <li class="menu_item" style="padding-right:15px"> | ||
+ | <a class="nav_tissue" href="https://2017.igem.org/Team:HZAU-China/Basic_Part">Parts</a> | ||
+ | </li> | ||
+ | </ul> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</body> | </body> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> |
Revision as of 19:02, 31 October 2017