|
|
| (5 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| | {{NEU_China_A}} | | {{NEU_China_A}} |
| | + | {{Template:NEU_China_A/header}} |
| | | | |
| − | <html lang="en"> | + | <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;
| |
| − | }
| |
| − |
| |
| − | .homeheight {
| |
| − | height: calc(100vh - 80px);
| |
| − | }
| |
| − | .nextheight{
| |
| − | height:250px;
| |
| − | }
| |
| − |
| |
| − | .hold{margin-top:-28px;}
| |
| − | .center{text-align:center;}
| |
| − | ._center{padding-left:20px;text-align:center;}
| |
| − | p{line-height: 30px; font-family: Georgia; font-size:17px;}
| |
| − | h2{font-family:thin;font-size:60px;color:#ffffff}
| |
| − | .blu{background-color:#4da2dc!important;
| |
| − | box-shadow: 0px 3px 1px #4da2dc}
| |
| − | .card{min-height:450px;}
| |
| − | </style>
| |
| − |
| |
| − | <header>
| |
| − | <nav class="blu">
| |
| − | <div class="nav-wrapper">
| |
| − | <a href="#" class="brand-logo"></a>
| |
| − | <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>
| |
| | <div class="section hold"></div> | | <div class="section hold"></div> |
| | | | |
| Line 338: |
Line 130: |
| | <!-- second --> | | <!-- second --> |
| | | | |
| − | <script type="text/javascript">
| |
| − | // 初始化navBar
| |
| − | $(document).ready(function () {
| |
| − | $('.sidenav').sidenav();
| |
| − | $(".dropdown-trigger").dropdown();
| |
| − | $('.collapsible').collapsible();
| |
| − | $('.parallax').parallax();
| |
| − | });
| |
| − | var instance = M.Tabs.init(el, options);
| |
| − |
| |
| − | // Or with jQuery
| |
| − |
| |
| − | </script>
| |
| | | | |
| | </html> | | </html> |
