Difference between revisions of "Template:NAU-CHINA/header"

 
(214 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{NAU-CHINA/ResetCSS}}
 
<html>
 
<html>
 
<head>
 
<head>
−
</head>
+
    <meta charset="utf-8" />
−
<body>
+
    <title>header</title>
 +
    <script src="https://code.jquery.com/jquery-3.3.1.js"
 +
            integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
 +
            crossorigin="anonymous">
 +
    </script>
 +
    <style type="text/css">
 +
 +
        /*======================================================================================*/
  
 +
        * {
 +
            box-sizing: border-box;
 +
            font-size:18px;
 +
        }
 +
        body {margin:0;padding:0;}
 +
        #LOGObg {
 +
            position:fixed;
 +
            top:22px;
 +
            left:115px;
 +
            width: 80px;
 +
            height: 80px;
 +
            border-radius: 50%;
 +
            background-color: white;
 +
            box-shadow: 0px 5px 30px gray;
 +
        }
 +
        #LOGO {
 +
            z-index: 999;
 +
            position: fixed;
 +
            top: 22px;
 +
            left: 115px;
 +
            width:80px;
 +
        }
  
−
<!-- It was fun! Lots of love from phaetjay (jkreft.de) -->
 
  
−
<!-- Fix for Safari mobile and touch in general -->
 
  
−
<script>
+
        .menu {
−
$( document ).ready(function() {
+
            /*width: 100%;*/
−
  $('#sidebarHide').click(function() {
+
            height:65px;
−
    $('#sidebar').trigger('offcanvas.toggle');
+
            margin: 0;
−
  });
+
            /*align-content:center;*/
−
  $('#sidebarCollapse').click(function() {
+
            padding: 20px 0 0 23%;
−
    $('#sidebar').trigger('offcanvas.toggle');
+
            /*padding-right: 30px;*/
−
  });
+
            font-family: 'Georgia','Goudy Old Style Regular',sans-serif !important;
−
  $('#mw-content-text div').click(function() {
+
            font-size: 1.45em;
−
    $('#sidebar').trigger('offcanvas.toggle');
+
            /*font-weight: bold;*/
−
  });
+
            position: fixed;
−
  $(window).on('swiperight', function(){
+
            top: 16px;
−
    $('#sidebar').trigger('offcanvas.toggle');
+
            background:white;
−
  });
+
            box-shadow:gray 0px 3px 3px;
−
  $(window).on('swipeleft', function(){
+
            /*background: #e9e9e9;*/
−
    $('#sidebar').trigger('offcanvas.toggle');
+
            z-index:99;
−
  });
+
        }
  
 +
        .caret {
 +
            display: inline-block;
 +
            width: 0;
 +
            height: 6px;
 +
            margin-left: 2px;
 +
            vertical-align:middle;
 +
            border-top: 4px dashed;
 +
            border-top: 4px solid\9;
 +
            border-right: 4px solid transparent;
 +
            border-left: 4px solid transparent;
 +
        }
  
−
  $('#sidenav').find('> li').click(function() {
+
        .neiyebg {
−
    $(this).find('> ul').trigger('collapse.toggle');
+
            position: relative;
−
  });
+
            top: 71px;
−
});
+
            width: 100%;
−
</script>
+
            z-index: -1;
−
<style>
+
            /*height:200px;*/
−
html,
+
        }
−
body{
+
        .menu > ul {          
−
  z-index: 0;
+
            width: 100%;
−
}
+
            list-style: none;
−
</style>
+
            margin: 0 auto;
 +
            padding: 0;
 +
            position: relative;
 +
            box-sizing: border-box;
  
−
<!-- Top menu -->
+
        }
−
<nav style="z-index: 10001;" class="navbar navbar-inverse navbar-fixed-top navbar-no-bg " role="navigation">
+
       
−
<div class="container">
+
        .menu > ul:before, .menu > ul:after {
−
<div class="navbar-header">
+
            content: "";
−
                 
+
            display: table;
−
                    <div class="navbar-brand">
+
        }
−
                    <div id="circle">
+
−
                        <a id="homelink" href="https://2017.igem.org/Team:Heidelberg" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; z-index: 9999;"></a>
+
−
                    </div>
+
−
                </div>
+
−
              <a type="button" data-canvas="body" id="sidebarCollapse" class="navbar-toggle" data-toggle="offcanvas" data-target="#sidebar" style="color: #393939;margin-top: 9px;">NAVIGATION
+
−
                    </a>
+
−
             
+
−
</div>
+
−
<!-- Collect the nav links, forms, and other content for toggling -->
+
−
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
−
<ul class="nav navbar-nav pull-right">
+
−
                        <li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Team">People <span class="caret"></span></a>
+
−
                        <ul class="dropdown-menu">
+
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Team">Team</a></li>
+
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Attributions">Attributions</a></li>
+
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Sponsoring">Sponsoring</a></li>
+
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/For_Judges">For Judges</a></li>
+
−
                            <li class="divider"></li>
+
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Jamboree">Giant Jamboree</a></li>
+
−
                        </ul>
+
−
                        </li>
+
−
<li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Description">Project <span class="caret"></span></a>
+
−
                        <ul class="dropdown-menu">
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Description">Overview</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Design">Background &amp; Design </a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Pace">PACE</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Predcel">PREDCEL</a></li>
+
−
                        <li class="divider"></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Results">Results Summary</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Validation">Software Validation</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Organosilicons">Organosilicons</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Protein_Interaction">Protein Interaction</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Cytochrome_Engineering">Cytochrome Engineering</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Optogenetics">Optogenetics</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/CRISPR">CRISPR Cas9</a></li>
+
−
                        <li class="divider"></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/InterLab">InterLab Study</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Achievements">Achievements</a></li>
+
−
                        </ul>
+
−
                        </li>
+
−
                        <li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Parts">Parts <span class="caret"></span></a>
+
−
                        <ul class="dropdown-menu">
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts">Overview</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Basic_Part">Basic Parts</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Composite_Part">Composite Parts</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Improved_Part">Improved Part</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Part_Collection">Parts Collection</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Part_List">Part List</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/RFC">RFC</a></li>
+
−
                        </ul>
+
−
                        </li>
+
−
<li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Model">Modeling <span class="caret"></span></a>
+
−
                        <ul class="dropdown-menu">
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model">Overview</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Phage_Titer">Phage Titer</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Mutagenesis_Induction">Mutagenesis Induction</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Mutation_Rate_Estimation">Mutation Rate Estimation</a></li>
+
−
<li><a href="https://2017.igem.org/Team:Heidelberg/Model/Lagoon_Contamination">Lagoon Contamination</a></li>
+
  
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Medium_Consumption">Medium Consumption</a></li>
+
        .menu > ul:after {
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Tools">Interactive Web Tools</a></li> 
+
            clear: both;
−
                        </ul>
+
        }
−
                        </li>
+
−
<li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Software">Software <span class="caret"></span></a>
+
−
                        <ul class="dropdown-menu">
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software">AiGEM Overview</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software/DeeProtein">DeeProtein</a></li> 
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software/GAIA">GAIA</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software/SafetyNet">SafetyNet</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software/MAWS">MAWS 2.0</a></li>
+
−
                        </ul>
+
−
                        </li>
+
−
<li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Human_Practices">Human Practices <span class="caret"></span></a>
+
−
                        <ul class="dropdown-menu">
+
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Human_Practices">Overview</a></li>
+
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/HP/Gold_Integrated">Integrated Human Practices</a></li>
+
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Interviews">Expert Interviews</a></li>
+
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Safety">Safety &amp; Security</a></li>
+
−
                            <li class="divider"></li>
+
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Engagement">Public Engagement</a></li>
+
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Education">Education</a></li>
+
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Collaborations">Collaborations</a></li>
+
−
                           
+
−
                        </ul>
+
−
                        </li>
+
−
                        <li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Notebook">Notebook <span class="caret"></span></a>
+
−
                        <ul class="dropdown-menu">
+
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Notebook">Overview</a></li>
+
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Experiments">Methods</a></li>
+
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Materials">Materials</a></li>
+
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Database">Notebook Database</a></li>
+
−
                           
+
−
                        </ul>
+
−
                        </li>
+
−
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Toolbox">Toolbox Guide</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
</nav>
+
  
 +
        .menu > ul > li {
 +
            height:50px;
 +
            float: left;
 +
            /*background: #e9e9e9;*/
 +
            padding: 0;
 +
            margin: 0;
 +
        }
 +
        /*
 +
        .menu > ul > li:hover {
 +
            background: #f0f0f0;
 +
            transition: linear 0.5s;
 +
        }
 +
        */
 +
        .menu > ul > li a {
 +
            text-decoration: none;
 +
            padding: .5em 0.8em;
 +
            display: block;
 +
        }
  
 +
        .menu > ul > li a:link, a:visited {
 +
            color: black;
 +
        }
 +
 
 +
        .menu > ul > li > ul {
 +
            display: none;
 +
            width: 100%;
 +
            background-color: whitesmoke;
 +
            position: absolute;
 +
            z-index: 99;
 +
            /*left: 0;*/
 +
            margin: 0;
 +
            padding:0; 
 +
            list-style: none;
 +
            box-sizing: border-box;
 +
            /*border-radius: 5px;*/
 +
            border-radius:8px;
  
−
          <nav id="sidebar" style="z-index: 10001; background-color: white;border: none;box-shadow:1px 0px 0px #393939;" class="navmenu navmenu-default navmenu-fixed-left offcanvas" role="navigation">
+
        }
−
         <a class="navmenu-brand" href="https://2017.igem.org/Team:Heidelberg"><img src="https://static.igem.org/mediawiki/2017/8/8f/Heidelberg_2017_phage_logo.svg"><br><br> iGEM TEAM HEIDELBERG 2017</a>
+
        /*
−
 
+
        .menu > ul > li > ul:before, .menu > ul > li > ul:after {
−
<div id="sidebarHide" data-toggle="offcanvas" data-target="#sidebar" style="padding-left: 20px;">
+
            content: "";
−
      <hr>
+
            display: table;
−
<a style="font-family: 'Josefin Sans' !important; font-size: 16px; line-height: 18px; height: 18px;"> COLLAPSE NAVIGATION </a>
+
         }
−
      <hr>
+
        */
−
</div>
+
        /*.menu > ul > li > ul:after {
 +
            clear: both;
 +
        }*/
 +
        /*通过JS添加类:normal-sub，为下拉子菜单的格式*/
 +
        .menu > ul > li > ul.normal-sub {
 +
            width:12.5em;
 +
            /*width: 185px;*/
 +
            left: auto;
 +
            top:50px;
 +
        }
  
−
         <ul class="nav navmenu-nav" id="sidenav">
+
         .menu > ul > li > ul.normal-sub > li {
−
            <li><a data-toggle="collapse" data-target="#People_side">People <i class="fa fa-fw fa-caret-down"></i></a>
+
            width: 100%;
−
                        <ul id="People_side" class="collapse side">
+
            position: relative;
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Team">Team</a></li>
+
            /*left:16px;*/
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Attributions">Attributions</a></li>
+
        }
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Sponsoring">Sponsoring</a></li>
+
 
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/For_Judges">For Judges</a></li>
+
        .menu > ul > li > ul.normal-sub > li:hover {
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Jamboree">Giant Jamboree</a></li>
+
            color: white;
−
                        </ul>
+
            background-color: rgba(192,192,192,0.15);
−
                       
+
        }
−
                        </li>
+
 
−
         
+
        .menu > ul > li > ul.normal-sub > li a {
−
<li><a data-toggle="collapse" data-target="#Project_side">Project <i class="fa fa-fw fa-caret-down"></i></a>
+
            border: 0;
−
                        <ul id="Project_side" class="collapse side">
+
            padding: 0.7em 0;
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Description">Overview</a></li>
+
            margin: 0 0 0 16px;
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Design">Background &amp; Design </a></li>
+
        }
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Pace">PACE</a></li>
+
        svg {
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Predcel">PREDCEL</a></li>
+
            position: relative;
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Results">Results Summary</a></li>
+
            top: -65px;
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Validation">Software Validation</a></li>  
+
            z-index: -99;
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Organosilicons">Organosilicons</a></li>
+
        }
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Protein_Interaction">Protein Interaction</a></li>
+
       
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Cytochrome_Engineering">Cytochrome Engineering</a></li>
+
    </style>
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Optogenetics">Optogenetics</a></li>
+
</head>
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/CRISPR">CRISPR Cas9</a></li>
+
<body>
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/InterLab">InterLab Study</a></li>  
+
    <div id="LOGObg"></div>
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Achievements">Achievements</a></li>
+
    <a href="https://2018.igem.org/Team:NAU-CHINA">
−
                        </ul>
+
        <img id="LOGO" src="https://static.igem.org/mediawiki/2018/4/4d/T--NAU-CHINA--MOSFET_LOGO.png" />
−
                        </li>
+
    </a>
−
           
+
 
−
           
+
 
−
            <li><a data-toggle="collapse" data-target="#Parts_side">Parts <i class="fa fa-fw fa-caret-down"></i></a>
+
    <div class="menu">
−
            <ul id="Parts_side" class="collapse side">
+
        <ul>
−
             <li><a href="https://2017.igem.org/Team:Heidelberg/Parts">Overview</a></li>
+
             <li>
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Basic_Part">Basic Parts</a></li>
+
                <a href="#">TEAM<span class="caret"></span></a>
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Composite_Part">Composite Parts</a></li>
+
                <ul>
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Improved_Part">Improved Part</a></li>
+
                    <li><a href="https://2018.igem.org/Team:NAU-CHINA/Team_members">Team members</a></li>
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Part_Collection">Parts Collection</a></li>
+
                    <li><a href="https://2018.igem.org/Team:NAU-CHINA/Collaborations">Collaborations</a></li>
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Part_List">Part List</a></li>
+
                    <li><a href="https://2018.igem.org/Team:NAU-CHINA/Attributions">Attributions</a></li>
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/RFC">RFC</a></li>
+
                </ul>
−
            </ul>
+
 
             </li>
 
             </li>
−
              
+
             <li>
−
           
+
                <a href="#">PROJECT<span class="caret"></span></a>
−
                        <li><a data-toggle="collapse" data-target="#Model_side">Modeling <i class="fa fa-fw fa-caret-down"></i></a>
+
                <ul>
−
                        <ul id="Model_side" class="collapse side">
+
                    <li><a href="https://2018.igem.org/Team:NAU-CHINA/Overview">Overview</a></li>
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model">Overview</a></li>  
+
                    <li><a href="https://2018.igem.org/Team:NAU-CHINA/Design">Design</a></li>
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Phage_Titer">Phage Titer</a></li>
+
                    <li><a href="https://2018.igem.org/Team:NAU-CHINA/InterLab">InterLab</a></li>
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Mutagenesis_Induction">Mutagenesis Induction</a></li>  
+
                    <li><a href="https://2018.igem.org/Team:NAU-CHINA/Protocols">Protocols</a></li>
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Mutation_Rate_Estimation">Mutation Rate Estimation</a></li>  
+
                    <li><a href="https://2018.igem.org/Team:NAU-CHINA/Application_prospects">Application Prospects</a></li>
−
<li><a href="https://2017.igem.org/Team:Heidelberg/Model/Lagoon_Contamination">Lagoon Contamination</a></li>  
+
                </ul>
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Medium_Consumption">Medium Consumption</a></li>  
+
            </li>
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Tools">Interactive Web Tools</a></li>
+
            <li>
−
                        </ul>
+
                <a href="#">RESULTS<span class="caret"></span></a>
−
                        </li>
+
                <ul>
−
                        <li><a data-toggle="collapse" data-target="#AI_side">Software <i class="fa fa-fw fa-caret-down"></i></a>
+
                    <li><a href="https://2018.igem.org/Team:NAU-CHINA/Demonstrate">Demonstrate</a></li>
−
                        <ul id="AI_side" class="collapse side">
+
               
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software">AiGEM Overview</a></li>  
+
             
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software/DeeProtein">DeeProtein</a></li>
+
                    <li><a href="https://2018.igem.org/Team:NAU-CHINA/Basic_Part">Basic Part</a></li>
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software/GAIA">GAIA</a></li>  
+
                      <li><a href="https://2018.igem.org/Team:NAU-CHINA/Composite_Part">Composite Part</a></li>
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software/SafetyNet">SafetyNet</a></li>  
+
                      <li><a href="https://2018.igem.org/Team:NAU-CHINA/Improve">Improved Parts</a></li>
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software/MAWS">MAWS 2.0</a></li>  
+
                      <li><a href="https://2018.igem.org/Team:NAU-CHINA/Part_Collection">Part Collection</a></li>
−
                        </ul>
+
                </ul>
−
                        </li>
+
            </li>
−
              
+
             <li>
−
                     
+
                <a href="#">MODEL<span class="caret"></span></a>
−
           
+
                <ul>
−
           
+
                    <li><a href="https://2018.igem.org/Team:NAU-CHINA/Model">Overview</a></li>
−
           
+
                    <li><a href="https://2018.igem.org/Team:NAU-CHINA/Model Details">Model Illustration</a></li>
−
                        <li><a data-toggle="collapse" data-target="#HP_side">Human Practices <i class="fa fa-fw fa-caret-down"></i></a>
+
                    <li><a href="https://2018.igem.org/Team:NAU-CHINA/Auxiliary Understanding">Auxiliary Understanding</a></li>
−
                        <ul id="HP_side" class="collapse side">
+
                </ul>
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Human_Practices">Overview</a></li>
+
            </li>
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/HP/Gold_Integrated">Integrated Human Practices</a></li>
+
            <li><a href="https://2018.igem.org/Team:NAU-CHINA/Software">iGEMCloud</a> </li>
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Interviews">Expert Interviews</a></li>
+
            <li>
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Safety">Safety &amp; Security</a></li>
+
                <a href="#">HUMAN PRACTICES<span class="caret"></span></a>
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Engagement">Public Engagement</a></li>
+
                <ul>
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Education">Education</a></li>
+
                    <li><a href="https://2018.igem.org/Team:NAU-CHINA/Human_Practices">Overview</a></li>
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Collaborations">Collaborations</a></li>
+
                    <li><a href="https://2018.igem.org/Team:NAU-CHINA/IntegratedHP">Integrated HP</a></li>
−
                        </ul>
+
                    <li><a href="https://2018.igem.org/Team:NAU-CHINA/Public_Engagement">Public Engagement</a></li>
−
                       
+
                </ul>
−
                        </li>
+
            </li>
−
           
+
            <li>
−
                       
+
                <a href="https://2018.igem.org/Team:NAU-CHINA/Safety">SAFETY</a>
−
                        <li><a data-toggle="collapse" data-target="#Notebook_side">Notebook <i class="fa fa-fw fa-caret-down"></i></a>
+
            </li>
−
                        <ul id="Notebook_side" class="collapse side">
+
             <li><a href="https://2018.igem.org/Team:NAU-CHINA/Notebook">NOTEBOOK</a></li>
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Notebook">Overview</a></li>  
+
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Experiments">Methods</a></li>  
+
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Materials">Materials</a></li>
+
−
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Database">Notebook Database</a></li>
+
−
                        </ul>
+
−
                       
+
−
                        </li>
+
−
              
+
−
                     
+
−
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Toolbox">Toolbox Guide</a></li>
+
 
         </ul>
 
         </ul>
−
     </nav>
+
     </div>
 +
 
 +
 
 +
 
 +
<div id="banner">
 +
        <img src="#"/>
 +
    </div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<svg version="1.1" id="&#x56FE;&#x5C42;_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
 +
        y="0px" viewBox="0 0 865 316" style="enable-background:new 0 0 865 316;" xml:space="preserve">
 +
<polyline id="XMLID_7_" style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" points="
 +
    773.577,209.06 773.577,181.005 791.092,181.005 791.092,209.01 802.388,209.01 802.449,188.686 813.671,183.11 824.892,188.686
 +
    824.892,209.06 831.424,209.01 831.424,184.511 " />
 +
 
 +
 
 +
 
 +
<polyline id="XMLID_75_" style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" points="
 +
    38.85,162.04 85.307,208.273 773.577,209.06 " />
 +
 
 +
 
 +
 
 +
<polyline id="XMLID_23_" style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" points="
 +
    848.939,157.965 848.939,209.01 831.424,209.01 " />
 +
 
 +
 
 +
 
 +
<polyline id="XMLID_6_" style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;" points="
 +
    629.313,191.179 534.577,191.179 498.289,208.273 " />
 +
 
 +
 
 +
 
 +
<circle id="XMLID_5_" style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" cx="636.125" cy="191.179" r="5.754" />
 +
 
 +
 
 +
 
 +
<circle id="XMLID_21_" style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" cx="849.14" cy="152.212" r="5.754" />
 +
 
 +
 
 +
 
 +
<line id="XMLID_4_" style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;" x1="181.745" y1="196.864" x2="248.412" y2="196.864" />
 +
 
 +
 
 +
 
 +
<line id="XMLID_3_" style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;" x1="221.996" y1="220.53" x2="358.412" y2="220.53" />
 +
 
 +
 
 +
 
 +
<circle id="XMLID_2_" style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" cx="364.165" cy="220.53" r="5.754" />
 +
 
 +
 
 +
 
 +
<line id="XMLID_15_" style="fill:none;stroke:#000000;stroke-width:3;stroke-miterlimit:10;" x1="38.85" y1="13.418" x2="38.85" y2="244.708" />
 +
 
 +
 
 +
 
 +
<path id="XMLID_14_" style="fill:none;stroke:#000000;stroke-miterlimit:10;" d="M38.1,243.167
 +
    c15.123,0,27.382,12.259,27.382,27.382c0,15.123-12.259,27.382-27.382,27.382s-27.382-12.259-27.382-27.382
 +
    c0-2.704,0.392-5.317,1.122-7.785" />
 +
 
 +
 
 +
 
 +
<path id="XMLID_13_" style="fill:none;stroke:#000000;stroke-width:3;stroke-miterlimit:10;" d="M56.745,277.209
 +
    c-3.679,10.297-15.008,15.662-25.305,11.984c-10.297-3.679-15.662-15.008-11.984-25.305c3.679-10.297,15.008-15.662,25.305-11.984
 +
    c1.841,0.658,3.525,1.56,5.028,2.658" />
 +
 
 +
 
 +
 
 +
<path id="XMLID_12_" style="fill:none;stroke:#000000;stroke-width:3;stroke-miterlimit:10;" d="M38.1,243.167
 +
    c15.123,0,27.382,12.259,27.382,27.382c0,15.123-12.259,27.382-27.382,27.382s-27.382-12.259-27.382-27.382
 +
    c0-2.704,0.392-5.317,1.122-7.785" />
 +
 
 +
 
 +
 
 +
<path id="XMLID_11_" style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;" d="M38.484,256.98
 +
    c7.494,0.212,13.397,6.458,13.185,13.952c-0.212,7.494-6.458,13.397-13.952,13.185c-7.494-0.212-13.397-6.458-13.185-13.952
 +
    c0.038-1.34,0.269-2.629,0.665-3.842" />
 +
 
 +
 
 +
 
 +
<line id="XMLID_10_" style="fill:none;stroke:#000000;stroke-miterlimit:10;" x1="49.275" y1="254.531" x2="53.475" y2="248.397" />
 +
 
 +
 
 +
 
 +
<line id="XMLID_9_" style="fill:none;stroke:#000000;stroke-miterlimit:10;" x1="46.477" y1="252.666" x2="49.574" y2="247.094" />
 +
 
 +
 
 +
 
 +
<line id="XMLID_8_" style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;" x1="34.123" y1="265.51" x2="26.332" y2="255.64" />
 +
 
 +
 
 +
 
 +
<circle id="XMLID_1_" style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" cx="813.661" cy="198.211" r="5.714" />
 +
 
 +
 
 +
 
 +
</svg>
 +
 
 +
 
 +
    <div class="neiyebg">
 +
        <script>
 +
            //调整内页背景图像尺寸至适合窗口
 +
            var l = $(window).width(); //获取窗口尺寸
 +
            //初始化尺寸
 +
            $("#globalWrapper").attr("width", l);
 +
            $(".menu").css("width", l);
 +
 
 +
            //随Resize改变尺寸
 +
            $(window).resize(function () {
 +
                var l = $(window).width();
 +
                $("#globalWrapper").attr("width", l);
 +
                $(".menu").css("width", l);
 +
 
 +
                //窗口尺寸小于1200则切换为新导航模式
 +
                if ($(window).width() < 1200) {
 +
 
 +
                    $(".menu").slideUp(1000); $(".menu").css('box-shadow', 'none');
 +
                    $("#LOGO").css({ 'left': '30px', 'transition': '1s' }); $("#LOGObg").css({ 'left': '30px', 'transition': '1s' });
 +
 
 +
                    //$(".menu").css("display", "none");
 +
                    //$("#LOGO").hide();
 +
                }
 +
                else {
 +
                    $(".menu").slideDown(500); $(".menu").css('box-shadow', 'gray 0px 3px 3px');
 +
                    $("#LOGO").css({ 'left': '115px', 'transition': '1s' }); $("#LOGObg").css({ 'left': '115px', 'transition': '1s' });
 +
 
 +
                    //$(".menu").css("display", "block");
 +
                    //$("#LOGO").show();
 +
                }
 +
            });
 +
        </script>
 +
    </div>
 +
    <script>
 +
        $(document).ready(function () {
 +
            $('.menu > ul > li > ul:not(:has(ul))').addClass('normal-sub');
 +
            //导航背景变色+下滑方法
 +
            $(".menu > ul > li").hover(function () {
 +
                //$(this).css({"background-color":"#f0f0f0"});
 +
                $(this).children("ul").stop(true, false).slideToggle(300);
 +
            });
 +
            //背景颜色还原+下拉菜单消失
 +
            $(".menu > ul > li").mouseleave(function () {
 +
                //$(this).css({"background-color":"#fff"});
 +
                $(this).children("ul").hide();
 +
            });
 +
        });
 +
    </script>
 +
    <script>
 +
        $(document).ready(function () {
 +
            $(".personalBox img").attr({ "height": "600px" });
 +
            var colors = ['red', 'orange', 'yellow', 'green', 'wheat', 'blue', 'purple']
 +
            var color1 = colors[parseInt(Math.random() * 7)];
 +
            var color2 = colors[parseInt(Math.random() * 7)];
 +
            var color3 = colors[parseInt(Math.random() * 7)];
 +
            var color4 = colors[parseInt(Math.random() * 7)];
 +
 
 +
            $('#XMLID_5_').css('fill', color1);
 +
            $('#XMLID_21_').css('fill', color2);
 +
            $('#XMLID_2_').css('fill', color3);
 +
            $('#XMLID_1_').css('fill', color4);
 +
        });
 +
 
 +
    </script>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 02:39, 18 October 2018

header