Wangxiaowei (Talk | contribs) |
|||
Line 2: | Line 2: | ||
<html> | <html> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NEU_China_A/CSS-clearCss?action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NEU_China_A/CSS-materialCss?action=raw&ctype=text/css"> | ||
+ | <script type="text/javascript" src="https://2018.igem.org/Template:NEU_China_A/JS-jquery?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2018.igem.org/Template:NEU_China_A/JS-materialJs?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2018.igem.org/Template:NEU_China_A/JS-clearCss?action=raw&ctype=text/javascript"></script> | ||
+ | <style type="text/css"> | ||
+ | /* reset */ | ||
+ | #content nav * { | ||
+ | height: unset; | ||
+ | line-height: unset; | ||
+ | } | ||
+ | .sidenav-overlay { | ||
+ | left: 300px | ||
+ | } | ||
+ | #content nav .dropdown-content li { | ||
+ | line-height: 50px; | ||
+ | } | ||
− | + | #content nav .dropdown-content li a { | |
+ | line-height: 22px; | ||
+ | } | ||
+ | #content .menu-item { | ||
+ | line-height: 20px; | ||
+ | font-size: 16px; | ||
+ | height: 20px; | ||
+ | border-top: solid #222 1px; | ||
+ | border-bottom: solid #222 1px; | ||
+ | margin: 2px 0 2px 58px; | ||
+ | } | ||
− | + | #content .menu-item a, | |
− | + | #content .menu-item a:link, | |
+ | #content .menu-item a:hover, | ||
+ | #content .menu-item a:visited, | ||
+ | #content .menu-item a:active { | ||
+ | color: #333; | ||
+ | } | ||
− | + | /* nav bar width */ | |
+ | #project { | ||
+ | width: 140px !important; | ||
+ | } | ||
− | + | #hp { | |
− | + | width: 145px !important; | |
+ | } | ||
− | + | #team { | |
− | + | width: 120px !important; | |
− | + | } | |
− | + | </style> | |
− | + | ||
− | + | ||
− | </ | + | |
− | < | + | <header> |
− | + | <nav class="light-blue"> | |
− | + | <div class="nav-wrapper"> | |
− | </ | + | <a href="#" class="brand-logo">NEU_China_A WIKI</a> |
− | </div> | + | <a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a> |
+ | <ul class="right hide-on-med-and-down"> | ||
+ | <li> | ||
+ | <a data-target="project" class="dropdown-trigger" href="#!"> | ||
+ | Porject<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a data-target="lab" class="dropdown-trigger" href="#!"> | ||
+ | Lab<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a data-target="sequences" class="dropdown-trigger" href="#!"> | ||
+ | Sequences<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a data-target="hp" class="dropdown-trigger" href="#!"> | ||
+ | HP<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a data-target="team" class="dropdown-trigger" href="#!"> | ||
+ | Team<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a data-target="medalCriteria" class="dropdown-trigger" href="#!"> | ||
+ | Medal Criteria<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i> | ||
+ | </a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </nav> | ||
+ | <ul class="sidenav" id="mobile-demo"> | ||
+ | <ul class="collapsible" style="margin-top: 16px"> | ||
+ | <li> | ||
+ | <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">folder_open</i>Porject</div> | ||
+ | <div class="collapsible-body"> | ||
+ | <div class="collection"> | ||
+ | <a href="description.html" class="collection-item">Description</a> | ||
+ | <a href="design.html" class="collection-item">Design</a> | ||
+ | <a href="results.html" class="collection-item">Results</a> | ||
+ | <a href="model.html" class="collection-item">Model</a> | ||
+ | <a href="denmonstrate.html" class="collection-item">Denmonstrate</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">place</i>Lab</div> | ||
+ | <div class="collapsible-body"> | ||
+ | <div class="collection"> | ||
+ | <a href="notebook.html" class="collection-item">Notebook</a> | ||
+ | <a href="protocols.html" class="collection-item">Protocols</a> | ||
+ | <a href="interlab.html" class="collection-item">Interlab</a> | ||
+ | <a href="safety.html" class="collection-item">Safety</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">details</i>Sequences</div> | ||
+ | <div class="collapsible-body"> | ||
+ | <div class="collection"> | ||
+ | <a href="basic-parts.html" class="collection-item">Basic Parts</a> | ||
+ | <a href="composite-parts.html" class="collection-item">Composite Parts</a> | ||
+ | <a href="improved-biobricks.html" class="collection-item">Improved Biobricks</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">lightbulb_outline</i>HP</div> | ||
+ | <div class="collapsible-body"> | ||
+ | <div class="collection"> | ||
+ | <a href="description.html" class="collection-item">Silver HP</a> | ||
+ | <a href="design.html" class="collection-item">Integrated HP</a> | ||
+ | <a href="results.html" class="collection-item">Collaborations</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">people</i>Team</div> | ||
+ | <div class="collapsible-body"> | ||
+ | <div class="collection"> | ||
+ | <a href="description.html" class="collection-item">Team member</a> | ||
+ | <a href="design.html" class="collection-item">Attributions</a> | ||
+ | <a href="results.html" class="collection-item">Gallery</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">stars</i>Medal | ||
+ | Criteria</div> | ||
+ | <div class="collapsible-body"> | ||
+ | <div class="collection"> | ||
+ | <a href="description.html" class="collection-item">For judges</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
− | < | + | </ul> |
− | < | + | </ul> |
+ | <ul id="project" class="dropdown-content"> | ||
+ | <li><a href="#!">Description</a></li> | ||
+ | <li><a href="#!">Design</a></li> | ||
+ | <li><a href="#!">Results</a></li> | ||
+ | <li><a href="#!">Model</a></li> | ||
+ | <li><a href="#!">Denmonstrate</a></li> | ||
+ | </ul> | ||
+ | <ul id="lab" class="dropdown-content"> | ||
+ | <li><a href="#!">Notebook</a></li> | ||
+ | <li><a href="#!">Protocols</a></li> | ||
+ | <li><a href="#!">Interlab</a></li> | ||
+ | <li><a href="#!">Safety</a></li> | ||
+ | </ul> | ||
+ | <ul id="sequences" class="dropdown-content"> | ||
+ | <li><a href="#!">Basic Parts</a></li> | ||
+ | <li><a href="#!">Composite Parts</a></li> | ||
+ | <li><a href="#!">Improved Biobricks</a></li> | ||
+ | </ul> | ||
+ | <ul id="hp" class="dropdown-content"> | ||
+ | <li><a href="#!">Silver HP</a></li> | ||
+ | <li><a href="#!">Integrated HP</a></li> | ||
+ | <li><a href="#!">Collaborations</a></li> | ||
+ | </ul> | ||
+ | <ul id="team" class="dropdown-content"> | ||
+ | <li><a href="#!">Team member</a></li> | ||
+ | <li><a href="#!">Attributions</a></li> | ||
+ | <li><a href="#!">Gallery</a></li> | ||
+ | </ul> | ||
+ | <ul id="medalCriteria" class="dropdown-content"> | ||
+ | <li><a href="#!">For judges</a></li> | ||
+ | </ul> | ||
+ | </header> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> |
Revision as of 06:44, 14 October 2018
-
folder_openPorject
-
placeLab
-
detailsSequences
-
lightbulb_outlineHP
-
peopleTeam
-
starsMedal Criteria