|
|
| (4 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| | {{NEU_China_A}} | | {{NEU_China_A}} |
| − | | + | {{Template:NEU_China_A/header}} |
| | <html lang="en"> | | <html lang="en"> |
| | | | |
| − | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NEU_China_A/CSS-clearCss?action=raw&ctype=text/css"> | + | <!-- header --> |
| − | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NEU_China_A/CSS-materialCss?action=raw&ctype=text/css"> | + | <style> |
| − | <script type="text/javascript" src="https://2018.igem.org/Template:NEU_China_A/JS-jquery?action=raw&ctype=text/javascript"></script>
| + | .blu{background-color:#97cad3 !important;box-shadow:0px 3px 1px #97cad3 !important} h2{font-size:100px;} |
| − | <script type="text/javascript" src="https://2018.igem.org/Template:NEU_China_A/JS-materialJs?action=raw&ctype=text/javascript"></script>
| + | strong{font-size:18px; font-weight:bold} |
| − | <script type="text/javascript" src="https://2018.igem.org/Template:NEU_China_A/JS-clearCss?action=raw&ctype=text/javascript"></script>
| + | </style> |
| − | <style type="text/css">
| + | |
| − | /* reset */ | + | |
| − | #content nav * {
| + | |
| − | height: unset;
| + | |
| − | line-height: unset;
| + | |
| − | }
| + | |
| | | | |
| − | .sidenav-overlay {
| + | <div class="section hold"></div> |
| − | left: 300px
| + | |
| − | }
| + | |
| | | | |
| − | #content nav .dropdown-content li { | + | <div style="position:absolute;top: 20;width:100%"> |
| − | line-height: 50px; | + | <div class="row "> |
| − | } | + | <h2 style="padding-left:200px; padding-top:calc(100vh - 250px)">Notebook</h2> |
| | + | </div> |
| | + | </div> |
| | | | |
| − | #content nav .dropdown-content li a {
| + | <div class="homeheight"> |
| − | line-height: 22px;
| + | <div class=" parallax- container homeheight"> |
| − | }
| + | <div class="parallax"> |
| − | | + | <img class="responsive-img" src="https://static.igem.org/mediawiki/2018/d/d3/T--NEU_China_A--notebook.jpg"> |
| − | #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;
| + | |
| − | }
| + | |
| − | | + | |
| − | #parts {
| + | |
| − | width: 175px !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;
| + | |
| − | }
| + | |
| − | | + | |
| − | .borderleft {
| + | |
| − | border-style: none none none solid;
| + | |
| − | border-color: #03a9f4;
| + | |
| − | border-width: 5px;
| + | |
| − | padding-left: 15px;
| + | |
| − | }
| + | |
| − | | + | |
| − | pre {
| + | |
| − | white-space: pre-wrap;
| + | |
| − | white-space: -moz-pre-wrap;
| + | |
| − | white-space: -pre-wrap;
| + | |
| − | white-space: -o-pre-wrap;
| + | |
| − | word-wrap: break-word;
| + | |
| − | }
| + | |
| − | | + | |
| − | .quote {
| + | |
| − | font-size: 15px;
| + | |
| − | color: #9e9e9e;
| + | |
| − | }
| + | |
| − | </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="parts" class="dropdown-trigger" href="#!">
| + | |
| − | Parts<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> | | </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" class="collection-item">Description</a>
| |
| − | <a href="Design" class="collection-item">Design</a>
| |
| − | <a href="Results" class="collection-item">Results</a>
| |
| − | <a href="Model" class="collection-item">Model</a>
| |
| − | <a href="Denmonstrate" class="collection-item">Denmonstrate</a>
| |
| − | <a href="Interlab" class="collection-item">InterLab</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" class="collection-item">Notebook</a>
| |
| − | <a href="Protocols" class="collection-item">Protocols</a>
| |
| − | <a href="Safety" class="collection-item">Safety</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li>
| |
| − | <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">details</i>Parts</div>
| |
| − | <div class="collapsible-body">
| |
| − | <div class="collection">
| |
| − | <a href="BasicAndCompositeParts" class="collection-item">Basic And Composite Parts</a>
| |
| − | <a href="ImprovedBiobricks" 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="HumanPractices" class="collection-item">Human Practices</a>
| |
| − | <a href="Collaborations" 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="TeamMember" class="collection-item">Team Member</a>
| |
| − | <a href="Attributions" class="collection-item">Attributions</a>
| |
| − | <a href="Gallery" 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="ForJudges" class="collection-item">For judges</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </li>
| |
| | | | |
| − | </ul>
| + | </div> |
| − | </ul> | + | </div> |
| − | <ul id="project" class="dropdown-content">
| + | |
| − | <li><a href="Description">Description</a></li>
| + | |
| − | <li><a href="Design">Design</a></li>
| + | |
| − | <li><a href="Results">Results</a></li>
| + | |
| − | <li><a href="Model">Model</a></li>
| + | |
| − | <li><a href="Denmonstrate">Denmonstrate</a></li>
| + | |
| − | <li><a href="Interlab">Interlab</a></li>
| + | |
| − | </ul>
| + | |
| − | <ul id="lab" class="dropdown-content">
| + | |
| − | <li><a href="Notebook">Notebook</a></li>
| + | |
| − | <li><a href="Protocols">Protocols</a></li>
| + | |
| − | <li><a href="Safety">Safety</a></li>
| + | |
| − | </ul>
| + | |
| − | <ul id="parts" class="dropdown-content">
| + | |
| − | <li><a href="BasicAndCompositeParts">Basic And Composite Parts</a></li>
| + | |
| − | <li><a href="ImprovedBiobricks">Improved Biobricks</a></li>
| + | |
| − | </ul>
| + | |
| − | <ul id="hp" class="dropdown-content">
| + | |
| − | <li><a href="HumanPractices">Human Practices</a></li>
| + | |
| − | <li><a href="Collaborations">Collaborations</a></li>
| + | |
| − | </ul>
| + | |
| − | <ul id="team" class="dropdown-content">
| + | |
| − | <li><a href="TeamMember">Team member</a></li>
| + | |
| − | <li><a href="Attributions">Attributions</a></li>
| + | |
| − | <li><a href="Gallery">Gallery</a></li>
| + | |
| − | </ul>
| + | |
| − | <ul id="medalCriteria" class="dropdown-content">
| + | |
| − | <li><a href="ForJudges">For judges</a></li>
| + | |
| − | </ul>
| + | |
| − | </header>
| + | |
| − | <!-- header -->
| + | |
| | | | |
| | <div class="container"> | | <div class="container"> |
| Line 266: |
Line 32: |
| | <div class="s10 offset-s2"> | | <div class="s10 offset-s2"> |
| | <span class="flow-text light-blue-text"> | | <span class="flow-text light-blue-text"> |
| − | You can download the notebook <a style="color: #333; text-decoration-line: underline" href="https://static.igem.org/mediawiki/2018/9/9e/T--NEU_China_A--notebook.pdf">here</a> | + | You can download the notebook <a type="download" style="color: #333; text-decoration-line: underline" href="https://static.igem.org/mediawiki/2018/9/9e/T--NEU_China_A--notebook.pdf">here</a> |
| | </span> | | </span> |
| | </div> | | </div> |
| Line 284: |
Line 50: |
| | | | |
| | </html> | | </html> |
| | + | {{Template:NEU_China_A/footer}} |
