Difference between revisions of "Template:TUST China/nav"

 
(40 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
 
<html>
 
<html>
 +
 
<head>
 
<head>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 
     <title>nav</title>
 
     <title>nav</title>
<link rel="stylesheet" href="https://2018.igem.org/Template:TUST_China/css/nav?action=raw&ctype=text/css"/>
+
<link rel="stylesheet" href="https://2018.igem.org/Template:TUST_China/css/bootstrap?action=raw&ctype=text/css">
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:TUST_China/css/clear?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" href="https://2018.igem.org/Template:TUST_China/css/nav?action=raw&ctype=text/css"/>
 
     <!--<link rel="stylesheet" href="css/navmain.css"/>-->
 
     <!--<link rel="stylesheet" href="css/navmain.css"/>-->
     <script src="js/jquery.min.js"></script>
+
     <!--<script src="js/jquery.min.js"></script>-->
 
</head>
 
</head>
 
<body>
 
<body>
Line 17: Line 21:
  
  
                $(".nav-main").toggleClass("tustshowNav tusthideNav").removeClass("tusthidden");
+
            $(".nav-main").toggleClass("tustshowNav tusthideNav").removeClass("tusthidden");
 
             $(this).toggleClass("tustanimated");
 
             $(this).toggleClass("tustanimated");
 
         });
 
         });
Line 29: Line 33:
 
</script>
 
</script>
 
<style>
 
<style>
    #top_title{display:none;}
+
  </style>
    #top_title{display:none;}
+
<div class="nav-container" style="line-height:90%;">
    #content{margin:0px;padding:0px; width:100%; }
+
 
+
</style>
+
<div class="nav-container">
+
 
     <nav class="nav">
 
     <nav class="nav">
  
 
         <button class="navbar-control btn-nav" ">
 
         <button class="navbar-control btn-nav" ">
            <div class="bar arrow-top-r"></div>
+
        <div class="bar arrow-top-r"></div>
            <div class="bar arrow-middle-r"></div>
+
        <div class="bar arrow-middle-r"></div>
            <div class="bar arrow-bottom-r"></div>
+
        <div class="bar arrow-bottom-r"></div>
 
         </button>
 
         </button>
  
 
         <div class="nav-main tusthideNav tusthidden ">
 
         <div class="nav-main tusthideNav tusthidden ">
 
             <li>
 
             <li>
                 <div class="mainmenu">
+
                 <div id="mainmenu">
 
                     <i class="iconfont-menu " >&#xe6ce;</i><br>
 
                     <i class="iconfont-menu " >&#xe6ce;</i><br>
 
                     <span>Team</span>
 
                     <span>Team</span>
Line 51: Line 51:
 
                 <ul id="dropdown-menu">
 
                 <ul id="dropdown-menu">
 
                     <li><a href="https://2018.igem.org/Team:TUST_China/Team">Meet the team</a></li>
 
                     <li><a href="https://2018.igem.org/Team:TUST_China/Team">Meet the team</a></li>
                     <li><a href="https://2018.igem.org/Team:TUST_China/Attribution">Attribution</a></li>
+
                     <li><a href="https://2018.igem.org/Team:TUST_China/Attributions">Attributions</a></li>
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
 
             <li>
 
             <li>
            <div class="mainmenu"><a href="https://2018.igem.org/Team:TUST_China/Achievements">
+
                <div id="mainmenu">
                <i class="iconfont-menu " >&#xe654;</i><br>
+
                    <i class="iconfont-menu " >&#xe654;</i><br>
                <span>Achievements</span>
+
                    <span>Achievements</span>
            </a></div>
+
                </div>
 +
                <ul id="dropdown-menu">
 +
                    <li><a href="https://2018.igem.org/Team:TUST_China/Achievements">Achievements</a></li>
 +
                    <li><a href="https://2018.igem.org/Team:TUST_China/Demonstrate">Demonstrate</a></li>
 +
                </ul>
  
        </li>
+
            </li>
 
             <li>
 
             <li>
            <div class="mainmenu"><a href="https://2018.igem.org/Team:TUST_China/Model">
+
                <div id="mainmenu"><a href="https://2018.igem.org/Team:TUST_China/Model">
                <i class="iconfont-menu " >&#xe6ef;</i><br>
+
                    <i class="iconfont-menu " >&#xe6ef;</i><br>
                <span>Model</span>
+
                    <span>Model</span>
            </a></div>
+
                </a></div>
  
        </li>
+
 
 +
            </li>
 
             <li>
 
             <li>
                 <div class="mainmenu">
+
                 <div id="mainmenu">
 
                     <i class="iconfont-menu " >&#xe613;</i><br>
 
                     <i class="iconfont-menu " >&#xe613;</i><br>
 
                     <span>LAB</span>
 
                     <span>LAB</span>
 
                 </div>
 
                 </div>
 
                 <ul id="dropdown-menu">
 
                 <ul id="dropdown-menu">
                     <li><a href="https://2018.igem.org/Team:TUST_China/Basic_Parts">Overview</a></li>
+
                   
                     <li class="second-nav" style="height: 30px;">Parts
+
                     <li class="second-nav" id="parts" style="height: 55px;"><a href="https://2018.igem.org/Team:TUST_China/Parts">Parts
 +
                        <i class="iconfont-menu " >&#xe635;</i></a>
 +
                        <ul>
 +
         
 +
                            <li style="padding: 10px 0px;"><a href="https://2018.igem.org/Team:TUST_China/ Parts">Parts</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:TUST_China/Improve">Improving Parts</a></li>
 +
 
 +
                        </ul>
 +
                     </li>
 +
 
 +
                                        <li class="second-nav" id="Experiments" style="height: 55px;">Experiments
 
                         <i class="iconfont-menu " >&#xe635;</i>
 
                         <i class="iconfont-menu " >&#xe635;</i>
 
                         <ul>
 
                         <ul>
                             <li ><a href="https://2018.igem.org/Team:TUST_China/Basic_Parts">Basic Parts</a></li>
+
                             <li ><a href="https://2018.igem.org/Team:TUST_China/InterLab">Interlab Study</a></li>
                             <li style="padding:10px 0px;"><a href="https://2018.igem.org/Team:TUST_China/Composition_ Parts">Composition Parts</a></li>
+
                             <li><a href="https://2018.igem.org/Team:TUST_China/Verification">Verification</a></li>
                             <li style="padding:10px 0px;"><a href="https://2018.igem.org/Team:TUST_China/Improving_Parts">Improving Parts</a></li>
+
                             <li><a href="https://2018.igem.org/Team:TUST_China/HPLC">HPLC</a></li>
 
                         </ul>
 
                         </ul>
 
                     </li>
 
                     </li>
                    <li ><a href="https://2018.igem.org/Team:TUST_China/InterLab">Interlab Study</a></li>
+
                     <li class="second-nav" id="notebook" style="height: 55px;">Notebook
                    <li><a href="https://2018.igem.org/Team:TUST_China/Verification">Verification</a></li>
+
                    <li><a href="https://2018.igem.org/Team:TUST_China/Protocol">Protocol</a></li>
+
                     <li class="second-nav" style="height: 30px;">experiment
+
 
                         <i class="iconfont-menu " >&#xe635;</i>
 
                         <i class="iconfont-menu " >&#xe635;</i>
 
                         <ul>
 
                         <ul>
                             <li><a href="https://2018.igem.org/Team:TUST_China/Basic_Parts">HPLC</a></li>
+
                             <li><a href="https://2018.igem.org/Team:TUST_China/lab_journal">LAB Journal</a></li>
                            <li><a href="https://2018.igem.org/Team:TUST_China/Composition_ Parts">LAB Journal</a></li>
+
                             <li><a href="https://2018.igem.org/Team:TUST_China/Protocol">Protocol</a></li>
                             <li><a href="https://2018.igem.org/Team:TUST_China/Improving_Parts">Protocol</a></li>
+
 
 
                         </ul>
 
                         </ul>
 
                     </li>
 
                     </li>
                      
+
                     <li><a href="https://2018.igem.org/Team:TUST_China/Safety">Safety</a></li>
  
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
 
             <li>
 
             <li>
                 <div class="mainmenu">
+
                 <div id="mainmenu">
                    <i class="iconfont-menu" >&#xe807;</i><br>
+
                                      <i class="iconfont-menu" >&#xe807;</i><br>
 
                     <span>Human Practice</span>
 
                     <span>Human Practice</span>
 
                 </div>
 
                 </div>
                <ul id="dropdown-menu">
+
 
                     <li><a href="https://2018.igem.org/Team:TUST_China/Overview">Overview</a></li>
+
<ul id="dropdown-menu">
                    <li><a href="https://2018.igem.org/Team:TUST_China/HP_Silver">HP Silver</a></li>
+
                      
                     <li><a href="https://2018.igem.org/Team:TUST_China/HP_Gold">HP Gold</a></li>
+
 
                     <li style="padding:5px 0px;"><a href="https://2018.igem.org/Team:TUST_China/Public Engagement">Public Engagement</a></li>
+
                     <li><a href="https://2018.igem.org/Team:TUST_China/Human_Practices">Human Practice</a></li>
                     <li><a href="https://2018.igem.org/Team:TUST_China/Collaboration">Collaboration</a></li>
+
                     <li><a href="https://2018.igem.org/Team:TUST_China/Public Engagement">Public Engagement</a></li>
                    <li><a href="https://2018.igem.org/Team:TUST_China/Safety">Safety</a></li>
+
                     <li><a href="https://2018.igem.org/Team:TUST_China/Collaborations">Collaboration</a></li>
 +
 
 
                 </ul>
 
                 </ul>
            </li>
+
                          </li>
 
             <li >
 
             <li >
                 <div class="mainmenu">
+
                 <div id="mainmenu">
 
                     <i class="iconfont-menu " >&#xe633;</i><br>
 
                     <i class="iconfont-menu " >&#xe633;</i><br>
 
                     <span>Project</span>
 
                     <span>Project</span>
Line 119: Line 132:
 
                 <ul id="dropdown-menu">
 
                 <ul id="dropdown-menu">
 
                     <li><a href="https://2018.igem.org/Team:TUST_China/Description">Description</a></li>
 
                     <li><a href="https://2018.igem.org/Team:TUST_China/Description">Description</a></li>
                     <li class="second-nav" style="height: 30px;">Design
+
                     <li class="second-nav" id="Design" style="height: 55px;">Design
 
                         <i class="iconfont-menu " >&#xe635;</i>
 
                         <i class="iconfont-menu " >&#xe635;</i>
 
                         <ul>
 
                         <ul>
Line 125: Line 138:
 
                             <li><a href="https://2018.igem.org/Team:TUST_China/Degradation">Degradation</a></li>
 
                             <li><a href="https://2018.igem.org/Team:TUST_China/Degradation">Degradation</a></li>
 
                         </ul></li>
 
                         </ul></li>
                     <li><a href="#">Results</a></li>
+
                     <li><a href="https://2018.igem.org/Team:TUST_China/Results">Results</a></li>
  
 
                 </ul>
 
                 </ul>
Line 131: Line 144:
  
  
        </ul>
+
            </ul>
  
  
        <div class="navbar-header">
+
            <div id="navbar-header">
            <a href="https://2018.igem.org/Team:TUST_China" class="con">
+
                <a href="https://2018.igem.org/Team:TUST_China" class="con">
  
 
                     <img src="https://static.igem.org/mediawiki/2018/f/fc/T--TUST_China--logo.png" />
 
                     <img src="https://static.igem.org/mediawiki/2018/f/fc/T--TUST_China--logo.png" />
 
                     <span>Home</span>
 
                     <span>Home</span>
                </div>
+
            </div>
 
             </a>
 
             </a>
 
         </div>
 
         </div>
        </div>
+
</div>
    </nav>
+
</nav>
  
 
</div>
 
</div>
 
</body></html>
 
</body></html>

Latest revision as of 22:08, 17 October 2018

nav