|
|
| (8 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> |
| | + | <style> |
| | + | .blu{background-color:#97cad3 !important;box-shadow:0px 3px 1px #97cad3 !important} h2{font-size:100px;} |
| | + | strong{font-size:18px; font-weight:bold} |
| | + | </style> |
| | + | <div class="section hold"></div> |
| | | | |
| − | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NEU_China_A/CSS-clearCss?action=raw&ctype=text/css"> | + | <div style="position:absolute;top:-20;width:100%"> |
| − | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NEU_China_A/CSS-materialCss?action=raw&ctype=text/css"> | + | <div class="row "> |
| − | <script type="text/javascript" src="https://2018.igem.org/Template:NEU_China_A/JS-jquery?action=raw&ctype=text/javascript"></script> | + | <h2 style="padding-left:200px; padding-top:calc(100vh - 250px)">Protocol</h2> |
| − | <script type="text/javascript" src="https://2018.igem.org/Template:NEU_China_A/JS-materialJs?action=raw&ctype=text/javascript"></script>
| + | </div> |
| − | <script type="text/javascript" src="https://2018.igem.org/Template:NEU_China_A/JS-clearCss?action=raw&ctype=text/javascript"></script> | + | </div> |
| − | <style type="text/css"> | + | |
| − | /* reset */
| + | |
| − | #content nav * {
| + | |
| − | height: unset;
| + | |
| − | line-height: unset;
| + | |
| − | }
| + | |
| | | | |
| − | .sidenav-overlay { | + | <div class="homeheight"> |
| − | left: 300px | + | <div class="parallax-container homeheight"> |
| − | }
| + | <div class="parallax"> |
| | + | <img class="responsive-img" src="https://static.igem.org/mediawiki/2018/c/c7/T--NEU_China_A--protocol.jpg"> |
| | + | </div> |
| | | | |
| − | #content nav .dropdown-content li { | + | </div> |
| − | line-height: 50px;
| + | </div> |
| − | }
| + | |
| | | | |
| − | #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;
| |
| − | }
| |
| − |
| |
| − | #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>
| |
| − | </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="https://2018.igem.org/Team:NEU_China_A/Description" class="collection-item">Description</a>
| |
| − | <a href="https://2018.igem.org/Team:NEU_China_A/Design" class="collection-item">Design</a>
| |
| − | <a href="https://2018.igem.org/Team:NEU_China_A/Results" class="collection-item">Results</a>
| |
| − | <a href="https://2018.igem.org/Team:NEU_China_A/Model" class="collection-item">Model</a>
| |
| − | <a href="https://2018.igem.org/Team:NEU_China_A/Denmonstrate" class="collection-item">Denmonstrate</a>
| |
| − | <a href="https://2018.igem.org/Team:NEU_China_A/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="https://2018.igem.org/Team:NEU_China_A/Notebook" class="collection-item">Notebook</a>
| |
| − | <a href="https://2018.igem.org/Team:NEU_China_A/Protocols" class="collection-item">Protocols</a>
| |
| − | <a href="https://2018.igem.org/Team:NEU_China_A/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="https://2018.igem.org/Team:NEU_China_A/BasicAndCompositeParts" class="collection-item">Basic And Composite Parts</a>
| |
| − | <a href="https://2018.igem.org/Team:NEU_China_A/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="https://2018.igem.org/Team:NEU_China_A/HumanPractices" class="collection-item">Human Practices</a>
| |
| − | <a href="https://2018.igem.org/Team:NEU_China_A/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="https://2018.igem.org/Team:NEU_China_A/TeamMember" class="collection-item">Team Member</a>
| |
| − | <a href="https://2018.igem.org/Team:NEU_China_A/Attributions" class="collection-item">Attributions</a>
| |
| − | <a href="https://2018.igem.org/Team:NEU_China_A/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="https://2018.igem.org/Team:NEU_China_A/ForJudges" class="collection-item">For judges</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </li>
| |
| − |
| |
| − | </ul>
| |
| − | </ul>
| |
| − | <ul id="project" class="dropdown-content">
| |
| − | <li><a href="https://2018.igem.org/Team:NEU_China_A/Description">Description</a></li>
| |
| − | <li><a href="https://2018.igem.org/Team:NEU_China_A/Design">Design</a></li>
| |
| − | <li><a href="https://2018.igem.org/Team:NEU_China_A/Results">Results</a></li>
| |
| − | <li><a href="https://2018.igem.org/Team:NEU_China_A/Model">Model</a></li>
| |
| − | <li><a href="https://2018.igem.org/Team:NEU_China_A/Denmonstrate">Denmonstrate</a></li>
| |
| − | <li><a href="https://2018.igem.org/Team:NEU_China_A/Interlab">Interlab</a></li>
| |
| − | </ul>
| |
| − | <ul id="lab" class="dropdown-content">
| |
| − | <li><a href="https://2018.igem.org/Team:NEU_China_A/Notebook">Notebook</a></li>
| |
| − | <li><a href="https://2018.igem.org/Team:NEU_China_A/Protocols">Protocols</a></li>
| |
| − | <li><a href="https://2018.igem.org/Team:NEU_China_A/Safety">Safety</a></li>
| |
| − | </ul>
| |
| − | <ul id="parts" class="dropdown-content">
| |
| − | <li><a href="https://2018.igem.org/Team:NEU_China_A/BasicAndCompositeParts">Basic And Composite Parts</a></li>
| |
| − | <li><a href="https://2018.igem.org/Team:NEU_China_A/ImprovedBiobricks">Improved Biobricks</a></li>
| |
| − | </ul>
| |
| − | <ul id="hp" class="dropdown-content">
| |
| − | <li><a href="https://2018.igem.org/Team:NEU_China_A/HumanPractices">Human Practices</a></li>
| |
| − | <li><a href="https://2018.igem.org/Team:NEU_China_A/Collaborations">Collaborations</a></li>
| |
| − | </ul>
| |
| − | <ul id="team" class="dropdown-content">
| |
| − | <li><a href="https://2018.igem.org/Team:NEU_China_A/TeamMember">Team member</a></li>
| |
| − | <li><a href="https://2018.igem.org/Team:NEU_China_A/Attributions">Attributions</a></li>
| |
| − | <li><a href="https://2018.igem.org/Team:NEU_China_A/Gallery">Gallery</a></li>
| |
| − | </ul>
| |
| − | <ul id="medalCriteria" class="dropdown-content">
| |
| − | <li><a href="https://2018.igem.org/Team:NEU_China_A/ForJudges">For judges</a></li>
| |
| − | </ul>
| |
| − | </header>
| |
| − | <!-- header -->
| |
| | | | |
| | <div class="container"> | | <div class="container"> |
| Line 272: |
Line 37: |
| | </div> | | </div> |
| | </div> | | </div> |
| − |
| |
| − |
| |
| − | <script type="text/javascript">
| |
| − | // 初始化navBar
| |
| − | $(document).ready(function () {
| |
| − | $('.sidenav').sidenav();
| |
| − | $(".dropdown-trigger").dropdown();
| |
| − | $('.collapsible').collapsible();
| |
| − | $('.parallax').parallax();
| |
| − | });
| |
| − | </script>
| |
| | | | |
| | </html> | | </html> |
| | + | {{Template:NEU_China_A/footer}} |
