Difference between revisions of "Team:NUDT CHINA"

Line 252: Line 252:
 
<!--li{ list-style:none;}
 
<!--li{ list-style:none;}
 
#Qidilist{ width:100%; position:absolute; top:0; left:0; transition:.5s top;}
 
#Qidilist{ width:100%; position:absolute; top:0; left:0; transition:.5s top;}
#Qidilist .liList{ width:2000px; position:relative; left:50%; overflow:hidden; margin-left:-780px;}
+
#Qidilist .liList{ width:2000px; position:relative; left:50%; margin-left:-800px; overflow:hidden;}
 
#lay-menu{ position:fixed; right:0; top:50%; z-index:20;}
 
#lay-menu{ position:fixed; right:0; top:50%; z-index:20;}
 
#lay-menu li{ width:10px; height:10px; border-radius:50%; margin:10px; border:1px white solid; cursor:pointer;}
 
#lay-menu li{ width:10px; height:10px; border-radius:50%; margin:10px; border:1px white solid; cursor:pointer;}
Line 264: Line 264:
 
#homeContent .homeContent1 li h1{ color:white; text-align:center; padding-top:200px;}
 
#homeContent .homeContent1 li h1{ color:white; text-align:center; padding-top:200px;}
 
#homeContent .homeContent1 li.active{ z-index:1; visibility:visible;}
 
#homeContent .homeContent1 li.active{ z-index:1; visibility:visible;}
 
 
#homeContent h1{border-bottom: none;}
 
#homeContent h1{border-bottom: none;}
 
#homeContent .homeContent2{ position:absolute; bottom:0; z-index:2; text-align:center; width:100%; transition:1s;}
 
#homeContent .homeContent2{ position:absolute; bottom:0; z-index:2; text-align:center; width:100%; transition:1s;}
Line 362: Line 361:
 
         </a>
 
         </a>
 
         <div id="menu">
 
         <div id="menu">
         <div class="pure-menu"><img src="icon1.jpg" width=150px height=120px alt="">
+
         <div class="pure-menu"><img src="icon1.jpg" width=240px height=190px alt="">
 
           <ul class="pure-menu-list">
 
           <ul class="pure-menu-list">
             <li class="pure-menu-item"><a class="pure-menu-heading" href="#" class="pure-menu-link">Home</a></li>               
+
             <li class="pure-menu-item"><a class="pure-menu-heading" href="https://2017.igem.org/Team:NUDT_CHINA" class="pure-menu-link">HOME</a></li>               
 
            
 
            
 
             <li class="pure-menu-item pure-menu-has-children">
 
             <li class="pure-menu-item pure-menu-has-children">
               <a href="#" class="pure-menu-link"onclick="Show('team_show')">TEAM</a>
+
               <a  class="pure-menu-link"onclick="Show('team_show')">TEAM</a>
 
               <ul class="pure-menu-children" id="team_show">
 
               <ul class="pure-menu-children" id="team_show">
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Team</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Team" class="pure-menu-link">Team</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Collaborations</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Collaborations" class="pure-menu-link">Collaborations</a></li>
 
             </ul>
 
             </ul>
 
             </li>
 
             </li>
 
             <li class="pure-menu-item pure-menu-has-children">
 
             <li class="pure-menu-item pure-menu-has-children">
               <a href="#"  class="pure-menu-link"onclick="Show('project_show')">PROJECT</a>
+
               <a   class="pure-menu-link"onclick="Show('project_show')">PROJECT</a>
 
               <ul class="pure-menu-children" id="project_show">
 
               <ul class="pure-menu-children" id="project_show">
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Description</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Description" class="pure-menu-link">Description</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Design</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Design" class="pure-menu-link">Design</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Experiment</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Experiments" class="pure-menu-link">Experiment</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Notebook</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Notebook" class="pure-menu-link">Notebook</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">InterLab</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/InterLab" class="pure-menu-link">InterLab</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Contribution</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Contribution" class="pure-menu-link">Contribution</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Model</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Model" class="pure-menu-link">Model</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Results</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Results" class="pure-menu-link">Results</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Demonstrate</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Demonstrate" class="pure-menu-link">Demonstrate</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Improve</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Improve" class="pure-menu-link">Improve</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Attributions</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Attributions" class="pure-menu-link">Attributions</a></li>
 
             </ul>
 
             </ul>
 
             </li>
 
             </li>
 
             <li class="pure-menu-item pure-menu-has-children">
 
             <li class="pure-menu-item pure-menu-has-children">
               <a href="#"  class="pure-menu-link"onclick="Show('part_show')">PARTS</a>
+
               <a   class="pure-menu-link"onclick="Show('part_show')">PARTS</a>
 
               <ul class="pure-menu-children" id="part_show">
 
               <ul class="pure-menu-children" id="part_show">
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Parts</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Parts" class="pure-menu-link">Parts</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Basic Parts</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Basic_Part" class="pure-menu-link">Basic Parts</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Composite Parts</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Composite_Part" class="pure-menu-link">Composite Parts</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Part Collection</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Part_Collection" class="pure-menu-link">Part Collection</a></li>
 
             </ul>
 
             </ul>
 
             </li>
 
             </li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">SAFETY</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Safety" class="pure-menu-link">SAFETY</a></li>
 
             <li class="pure-menu-item pure-menu-has-children">
 
             <li class="pure-menu-item pure-menu-has-children">
               <a href="#"  class="pure-menu-link"onclick="Show('HP_show')">HP</a>
+
               <a   class="pure-menu-link"onclick="Show('HP_show')">HP</a>
 
               <ul class="pure-menu-children" id="HP_show">
 
               <ul class="pure-menu-children" id="HP_show">
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Sliver HP</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/HP/Silver" class="pure-menu-link">Sliver HP</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Integrated and Gold</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/HP/Gold_Integrated" class="pure-menu-link">Integrated and Gold</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Public Engagement</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Engagement" class="pure-menu-link">Public Engagement</a></li>
 
             </ul>
 
             </ul>
 
             </li>
 
             </li>
 
             <li class="pure-menu-item pure-menu-has-children">
 
             <li class="pure-menu-item pure-menu-has-children">
               <a href="#"  class="pure-menu-link"onclick="Show('award_show')">AWARDS</a>
+
               <a   class="pure-menu-link"onclick="Show('award_show')">AWARDS</a>
 
               <ul class="pure-menu-children" id="award_show">
 
               <ul class="pure-menu-children" id="award_show">
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Applied Design</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Applied_Design" class="pure-menu-link">Applied Design</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Enterpreneurship</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Entrepreneurship" class="pure-menu-link">Enterpreneurship</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Hardware</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Hardware" class="pure-menu-link">Hardware</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Measurement</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Measurement" class="pure-menu-link">Measurement</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Model</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Model" class="pure-menu-link">Model</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Plant</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Plant" class="pure-menu-link">Plant</a></li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">Software</a></li>
+
                 <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Software" class="pure-menu-link">Software</a></li>
 
             </ul>
 
             </ul>
 
             </li>
 
             </li>
                 <li class="pure-menu-item"><a href="#" class="pure-menu-link">JUDGINF FORM</a></li>
+
                  
         
+
 
             </ul>
 
             </ul>
 
         </div>   
 
         </div>   
 
         </div>
 
         </div>
 
  
 
      
 
      
Line 456: Line 453:
 
          
 
          
 
</div>
 
</div>
<script>
+
<script type="text/javascript">
( function(window,document){
+
(function (window, document) {
  
 
     var layout  = document.getElementById('layout'),
 
     var layout  = document.getElementById('layout'),
 
         menu    = document.getElementById('menu'),
 
         menu    = document.getElementById('menu'),
 
         menuLink = document.getElementById('menuLink'),
 
         menuLink = document.getElementById('menuLink'),
         content  = document.getElementById('main');
+
         content  = document.getElementById('content');
 +
   
  
 
     function toggleClass(element, className) {
 
     function toggleClass(element, className) {
Line 495: Line 493:
 
         toggleAll(e);
 
         toggleAll(e);
 
     };
 
     };
 
 
     content.onclick = function(e) {
 
     content.onclick = function(e) {
 
         if (menu.className.indexOf('active') !== -1) {
 
         if (menu.className.indexOf('active') !== -1) {
Line 501: Line 498:
 
         }
 
         }
 
     };
 
     };
 +
 +
  
 
}(this, this.document));
 
}(this, this.document));
 
</script>
 
</script>
  
<script>
+
<script type="text/javascript" >
 
     function Show(tagId) {
 
     function Show(tagId) {
 
     if (document.getElementById(tagId).style.display=="none") {
 
     if (document.getElementById(tagId).style.display=="none") {

Revision as of 05:11, 17 October 2017

Team:NUDT_CHINA