Line 1: | Line 1: | ||
− | |||
<!DOCTYPE html> | <!DOCTYPE html> | ||
<html> | <html> | ||
+ | |||
<head> | <head> | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
− | <style> | + | <style type="text/css"> |
− | + | #sideMenu, | |
− | + | #top_title, | |
+ | #team_submenu { | ||
+ | display: none; | ||
} | } | ||
#content { | #content { | ||
− | + | padding: 0px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
width: 100%; | width: 100%; | ||
− | + | margin-top: 0px; | |
− | margin- | + | 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; | |
− | # | + | |
− | + | ||
− | height: | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | div.nav_body { | |
− | position: | + | position: fixed; |
− | + | padding: 7px 0 7px 0; | |
− | left: | + | left: 0px; |
− | + | top: 16px; | |
− | + | width: 100%; | |
− | + | min-width: 980px; | |
+ | height: 36px; | ||
+ | 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 auto; | ||
+ | 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; | display: inline-block; | ||
− | + | margin-left: 2px; | |
− | + | vertical-align: middle; | |
− | + | width: 0; | |
− | border- | + | 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; | position: absolute; | ||
− | + | top: 42px; | |
− | + | z-index: 1000; | |
− | + | float: left; | |
+ | min-width: 160px; | ||
+ | margin: 0 0 0 -4px; | ||
font-size: 14px; | font-size: 14px; | ||
− | text- | + | text-align: left; |
− | color: | + | list-style: none; |
− | + | color: rgb(249, 228, 137); | |
− | opacity: 0; | + | background-color: #000; |
− | transition: opacity 0. | + | 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; | |
− | + | ||
− | + | ||
} | } | ||
− | + | .HZAU_logo { | |
− | + | height: 36px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | height: | + | |
} | } | ||
</style> | </style> | ||
Line 241: | Line 157: | ||
<body> | <body> | ||
− | <div class=" | + | <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="Home"> | |
− | + | <a class="nav_tissue" href="https://2017.igem.org/Team:HZAU-China">Home</a> | |
− | < | + | </li> |
− | + | <li class="Team"> | |
− | + | <a class="nav_tissue" href="https://2017.igem.org/Team:HZAU-China/Team">Team</a> | |
− | + | </li> | |
− | + | <li class="Project 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> |
− | <span | + | <a href="https://2017.igem.org/Team:HZAU-China/Experiments">Experiments</a> |
− | < | + | </li> |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:HZAU-China/Notebook">Notebook</a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:HZAU-China/InterLab">InterLab</a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:HZAU-China/Model">Model</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> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Improve">Improve</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Attributions">Attributions</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="Parts menu_item"> | ||
+ | <a class="nav_tissue" href="">Parts<span class="caret"></span></a> | ||
+ | <ul class="nav_cell shadow"> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Parts">Parts</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Basic Parts">Basic Parts</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Composite Parts">Composite Parts</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Part Collection">Part Collection</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="Safety"> | ||
+ | <a class="nav_tissue" href="">Safety</a> | ||
+ | </li> | ||
+ | <li class="HP menu_item"> | ||
+ | <a class="nav_tissue" href="">Human Practices<span class="caret"></span></a> | ||
+ | <ul class="nav_cell shadow"> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Silver HP">Silver HP</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Integrated and Gold">Integrated and Gold</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Public Engagement">Public Engagement</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="Awards menu_item"> | ||
+ | <a class="nav_tissue" href="">Awards<span class="caret"></span></a> | ||
+ | <ul class="nav_cell shadow"> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HZAU-China/Hardware">Hardware</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="Judging Form"> | ||
+ | <a class="nav_tissue" href="https://igem.org/2017_Judging_Form?id=2381">Judging Form</a> | ||
+ | </li> | ||
+ | </ul> | ||
</div> | </div> | ||
</body> | </body> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> |
Revision as of 12:37, 29 October 2017
<!DOCTYPE html>