Difference between revisions of "Template:NPU-China/up"

Line 6: Line 6:
 
<script src="https://2018.igem.org/Template:NPU-China/mjs?action=raw&ctype=text/javascript"></script>
 
<script src="https://2018.igem.org/Template:NPU-China/mjs?action=raw&ctype=text/javascript"></script>
 
<style>
 
<style>
    #home_logo,
+
#home_logo,
    #sideMenu {
+
#sideMenu {
        display: none;
+
display: none;
    }
+
}
  
    #sideMenu,
+
#sideMenu,
    #top_title,
+
#top_title,
    .patrollink {
+
.patrollink {
        display: none;
+
display: none;
    }
+
}
  
    #content {
+
#content {
        margin-left: 0px;
+
margin-left: 0px;
        margin-top: -10px;
+
margin-top: -10px;
        padding: 0px;
+
padding: 0px;
        width: 100%;
+
width: 100%;
    }
+
}
  
    body {
+
body {
        background-color: white;
+
background-color: white;
        display: flex;
+
display: flex;
        min-height: 100vh;
+
min-height: 100vh;
        flex-direction: column;
+
flex-direction: column;
    }
+
}
  
    ul,
+
ul,
    li {
+
li {
        list-style: none;
+
list-style: none;
    }
+
}
  
    .side-nav a {
+
.side-nav a {
        font-size: 12px;
+
font-size: 12px;
    }
+
}
  
    main {
+
main {
        flex: 1 0 auto;
+
flex: 1 0 auto;
    }
+
}
  
    header,
+
header,
    main,
+
main,
    footer {
+
footer {
        padding-left: 200px;
+
padding-left: 200px;
    }
+
}
  
    @media only screen and (max-width : 992px) {
+
@media only screen and (max-width : 992px) {
  
        header,
+
header,
        main,
+
main,
        footer {
+
footer {
            padding-left: 0;
+
padding-left: 0;
        }
+
}
    }
+
}
  
    footer.page-footer {
+
footer.page-footer {
        margin-top: 20px;
+
margin-top: 20px;
        padding-top: 0px;
+
padding-top: 0px;
        height: 0px;
+
height: 0px;
    }
+
}
  
    .carousel .carousel-item img {
+
.carousel .carousel-item img {
        width: 80%;
+
width: 80%;
    }
+
}
  
    html {
+
html {
        font-family: GillSans, Calibri, Trebuchet, sans-serif;
+
font-family: GillSans, Calibri, Trebuchet, sans-serif;
    }
+
}
  
    h1,
+
h1,
    h2,
+
h2,
    h3,
+
h3,
    h4,
+
h4,
    h5,
+
h5,
    h6 {
+
h6 {
        line-height: 150%;
+
line-height: 150%;
        color: #212121;
+
color: #424242;
    }
+
}
 
</style>
 
</style>
  
 
<header>
 
<header>
    <nav class="top-nav">
+
<nav class="top-nav">
        <div class="container">
+
<div class="container">
            <div class="nav-wrapper"><a id="title" style="font-size: 50px;"></a></div>
+
<div class="nav-wrapper"><a id="title" style="font-size: 50px;"></a></div>
        </div>
+
</div>
    </nav>
+
</nav>
    <div class="container">
+
<div class="container">
        <a href="#" data-activates="slide-out" class="button-collapse hide-on-large-only"><i class="material-icons">menu</i></a>
+
<a href="#" data-activates="slide-out" class="button-collapse hide-on-large-only"><i class="material-icons">menu</i></a>
    </div>
+
</div>
    <ul id="slide-out" class="side-nav fixed" style="margin-left: 0px;">
+
<ul id="slide-out" class="side-nav fixed" style="margin-left: 0px;">
        <li class="logo">
+
<li class="logo">
            <a id="logo-container" href="https://2018.igem.org/Team:NPU-China" class="brand-logo" style="width: 200px; height: 150px;">
+
<a id="logo-container" href="https://2018.igem.org/Team:NPU-China" class="brand-logo" style="width: 200px; height: 150px;">
                <img class="responsive-img" src="https://static.igem.org/mediawiki/2018/e/e5/T--NPU-China--logo-beta.png"
+
<img class="responsive-img" src="https://static.igem.org/mediawiki/2018/e/e5/T--NPU-China--logo-beta.png" style="padding-top: 17px;">
                    style="padding-top: 17px;">
+
</a>
            </a>
+
</li>
        </li>
+
<li style="padding-top: 20px;">
        <li style="padding-top: 20px;">
+
<ul class="collapsible popout " data-collapsible="accordion">
            <ul class="collapsible popout " data-collapsible="accordion">
+
<li class="zd"><a href="https://2018.igem.org/Team:NPU-China" class="zd collapsible-header waves-effect">HOME</a></li>
                <li class="zd"><a href="https://2018.igem.org/Team:NPU-China" class="zd collapsible-header waves-effect">HOME</a></li>
+
<li class="zd1"><a class="za1 collapsible-header waves-effect">Project</a>
                <li class="zd1">
+
<div class="zz1 collapsible-body">
                    <a class="za1 collapsible-header waves-effect">Project</a>
+
<ul>
                    <div class="zz1 collapsible-body">
+
<li><a href="https://2018.igem.org/Team:NPU-China/Overview" id="Overview" class="waves-effect">Overview</a></li>
                        <ul>
+
<li><a href="https://2018.igem.org/Team:NPU-China/Background" id="Background" class="waves-effect">Background</a></li>
                            <li><a href="https://2018.igem.org/Team:NPU-China/Overview" id="Overview" class="waves-effect">Overview</a></li>
+
<li><a href="https://2018.igem.org/Team:NPU-China/Mini_mtDNA_Design" id="Mini_mtDNA_Design" class="waves-effect">Mini
                            <li><a href="https://2018.igem.org/Team:NPU-China/Background" id="Background" class="waves-effect">Background</a></li>
+
mtDNA Design</a></li>
                            <li>
+
<li><a href="https://2018.igem.org/Team:NPU-China/Synthesis" id="Synthesis" class="waves-effect">Synthesis</a></li>
                                <a href="https://2018.igem.org/Team:NPU-China/Mini_mtDNA_Design" id="Mini_mtDNA_Design"
+
<li><a href="https://2018.igem.org/Team:NPU-China/Demonstrate" id="Demonstrate" class="waves-effect">Demonstrate</a></li>
                                    class="waves-effect">
+
<li><a href="https://2018.igem.org/Team:NPU-China/Model" id="Model" class="waves-effect">Model</a></li>
                                    Mini
+
<li><a href="https://2018.igem.org/Team:NPU-China/Futrue_work" id="Futrue_work" class="waves-effect">Futrue work</a></li>
                                    mtDNA Design
+
</ul>
                                </a>
+
</div>
                            </li>
+
</li>
                            <li><a href="https://2018.igem.org/Team:NPU-China/Synthesis" id="Synthesis" class="waves-effect">Synthesis</a></li>
+
<li class="zd2"><a class="za2 collapsible-header waves-effect">Human Practice</a>
                            <li><a href="https://2018.igem.org/Team:NPU-China/Demonstrate" id="Demonstrate" class="waves-effect">Demonstrate</a></li>
+
<div class="zz2 collapsible-body">
                            <li><a href="https://2018.igem.org/Team:NPU-China/Model" id="Model" class="waves-effect">Model</a></li>
+
<ul>
                            <li><a href="https://2018.igem.org/Team:NPU-China/Futrue_work" id="Futrue_work" class="waves-effect">Futrue
+
<li><a href="https://2018.igem.org/Team:NPU-China/Human_Practices" id="Intergrated" class="waves-effect">Intergrated</a></li>
                                    work</a></li>
+
<li><a href="https://2018.igem.org/Team:NPU-China/Public_Engagement" id="Public_Engagement" class="waves-effect">Public
                        </ul>
+
Engagement</a></li>
                    </div>
+
<li><a href="https://2018.igem.org/Team:NPU-China/Collaborations" id="Collaborations" class="waves-effect">Collaborations</a></li>
                </li>
+
</ul>
                <li class="zd2">
+
</div>
                    <a class="za2 collapsible-header waves-effect">Human Practice</a>
+
</li>
                    <div class="zz2 collapsible-body">
+
<li class="zd3"><a class="za3 collapsible-header waves-effect">Parts</a>
                        <ul>
+
<div class="zz3 collapsible-body">
                            <li><a href="https://2018.igem.org/Team:NPU-China/Human_Practices" id="Human_Practices"
+
<ul>
                                    class="waves-effect">Overview</a></li>
+
<li><a href="https://2018.igem.org/Team:NPU-China/Parts_Overview" id="Parts_Overview" class="waves-effect">Parts
                            <li>
+
Overview</a></li>
                                <a href="https://2018.igem.org/Team:NPU-China/Public_Engagement" id="Public_Engagement"
+
<li><a href="https://2018.igem.org/Team:NPU-China/Basic_Part" id="Basic_Part" class="waves-effect">Basic Parts</a></li>
                                    class="waves-effect">
+
<li><a href="https://2018.igem.org/Team:NPU-China/Composite_Part" id="Composite_Part" class="waves-effect">Composite
                                    Public
+
Parts</a></li>
                                    Engagement
+
<li><a href="https://2018.igem.org/Team:NPU-China/Part_Collection" id="Part_Collection" class="waves-effect">Parts
                                </a>
+
Collection</a></li>
                            </li>
+
<li><a href="https://2018.igem.org/Team:NPU-China/Improve" id="Improve" class="waves-effect">Improve</a></li>
                            <li><a href="https://2018.igem.org/Team:NPU-China/Intergrated" id="Intergrated" class="waves-effect">Intergrated</a></li>
+
</ul>
                            <li><a href="https://2018.igem.org/Team:NPU-China/Collaborations" id="Collaborations" class="waves-effect">Collaborations</a></li>
+
</div>
                        </ul>
+
</li>
                    </div>
+
<li class="zd4"><a class="za4 collapsible-header waves-effect">Lab</a>
                </li>
+
<div class="zz4 collapsible-body">
                <li class="zd3">
+
<ul>
                    <a class="za3 collapsible-header waves-effect">Parts</a>
+
<li><a href="https://2018.igem.org/Team:NPU-China/Notebook" id="Notebook" class="waves-effect">Notebook</a></li>
                    <div class="zz3 collapsible-body">
+
<li><a href="https://2018.igem.org/Team:NPU-China/Protocols" id="Protocols" class="waves-effect">Protocols</a></li>
                        <ul>
+
<li><a href="https://2018.igem.org/Team:NPU-China/Safety" id="Safety" class="waves-effect">Safety</a></li>
                            <li>
+
<li><a href="https://2018.igem.org/Team:NPU-China/Interlab" id="Interlab" class="waves-effect">Interlab</a></li>
                                <a href="https://2018.igem.org/Team:NPU-China/Parts_Overview" id="Parts_Overview" class="waves-effect">
+
</ul>
                                    Parts
+
</div>
                                    Overview
+
</li>
                                </a>
+
<li class="zd5"><a class="za5 collapsible-header waves-effect">Team</a>
                            </li>
+
<div class="zz5 collapsible-body">
                            <li><a href="https://2018.igem.org/Team:NPU-China/Basic_Part" id="Basic_Part" class="waves-effect">Basic
+
<ul>
                                    Parts</a></li>
+
<li><a href="https://2018.igem.org/Team:NPU-China/Team_Members" id="Team_Members" class="waves-effect">Team
                            <li>
+
Members</a></li>
                                <a href="https://2018.igem.org/Team:NPU-China/Composite_Part" id="Composite_Part" class="waves-effect">
+
<li><a href="https://2018.igem.org/Team:NPU-China/Attributions" id="Attributions" class="waves-effect">Attributions</a></li>
                                    Composite
+
<li><a href="https://2018.igem.org/Team:NPU-China/Acknowledgements" id="Acknowledgements" class="waves-effect">Acknowledgements</a></li>
                                    Parts
+
</ul>
                                </a>
+
</div>
                            </li>
+
</li>
                            <li>
+
<li class="zd6"><a class="za6 collapsible-header waves-effect">For Judge</a>
                                <a href="https://2018.igem.org/Team:NPU-China/Part_Collection" id="Part_Collection"
+
<div class="zz6 collapsible-body">
                                    class="waves-effect">
+
<ul>
                                    Parts
+
<li><a href="https://2018.igem.org/Team:NPU-China/Map" id="Map" class="waves-effect">Map</a></li>
                                    Collection
+
<li><a href="https://2018.igem.org/Team:NPU-China/Medal" id="Medal" class="waves-effect">Medal</a></li>
                                </a>
+
                            </li>
+
                            <li><a href="https://2018.igem.org/Team:NPU-China/Improve" id="Improve" class="waves-effect">Improve</a></li>
+
                        </ul>
+
                    </div>
+
                </li>
+
                <li class="zd4">
+
                    <a class="za4 collapsible-header waves-effect">Lab</a>
+
                    <div class="zz4 collapsible-body">
+
                        <ul>
+
                            <li><a href="https://2018.igem.org/Team:NPU-China/Notebook" id="Notebook" class="waves-effect">Notebook</a></li>
+
                            <li><a href="https://2018.igem.org/Team:NPU-China/Protocols" id="Protocols" class="waves-effect">Protocols</a></li>
+
                            <li><a href="https://2018.igem.org/Team:NPU-China/Safety" id="Safety" class="waves-effect">Safety</a></li>
+
                            <li><a href="https://2018.igem.org/Team:NPU-China/Interlab" id="Interlab" class="waves-effect">Interlab</a></li>
+
                        </ul>
+
                    </div>
+
                </li>
+
                <li class="zd5">
+
                    <a class="za5 collapsible-header waves-effect">Team</a>
+
                    <div class="zz5 collapsible-body">
+
                        <ul>
+
                            <li>
+
                                <a href="https://2018.igem.org/Team:NPU-China/Team_Members" id="Team_Members" class="waves-effect">
+
                                    Team
+
                                    Members
+
                                </a>
+
                            </li>
+
                            <li><a href="https://2018.igem.org/Team:NPU-China/Attributions" id="Attributions" class="waves-effect">Attributions</a></li>
+
                            <li><a href="https://2018.igem.org/Team:NPU-China/Acknowledgements" id="Acknowledgements"
+
                                    class="waves-effect">Acknowledgements</a></li>
+
                        </ul>
+
                    </div>
+
                </li>
+
                <li class="zd6">
+
                    <a class="za6 collapsible-header waves-effect">For Judge</a>
+
                    <div class="zz6 collapsible-body">
+
                        <ul>
+
                            <li><a href="https://2018.igem.org/Team:NPU-China/Map" id="Map" class="waves-effect">Map</a></li>
+
                            <li><a href="https://2018.igem.org/Team:NPU-China/Medal" id="Medal" class="waves-effect">Medal</a></li>
+
  
                        </ul>
+
</ul>
                    </div>
+
</div>
                </li>
+
</li>
            </ul>
+
</ul>
        </li>
+
</li>
    </ul>
+
</ul>
 
</header>
 
</header>
  
 
</html>
 
</html>

Revision as of 15:02, 13 October 2018