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

 
(69 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<html lang="en">
 
−
  <head>
 
−
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
−
    <title>Team:TUST China 2018</title>
 
−
    <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:TUST_China/css/nav?action=raw&ctype=text/css">
 
  
 +
<html>
 +
 +
<head>
 +
    <meta charset="UTF-8">
 +
    <title>nav</title>
 +
<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"/>-->
 +
    <!--<script src="js/jquery.min.js"></script>-->
 +
</head>
 
<body>
 
<body>
 
<script type="text/javascript">
 
<script type="text/javascript">
  
  
−
 
−
   
 
 
     $(window).load(function() {
 
     $(window).load(function() {
  
 
         $(".btn-nav").on("click tap", function() {
 
         $(".btn-nav").on("click tap", function() {
−
           
 
  
−
                $(".nav-main").toggleClass("showNav hideNav").removeClass("hidden");
+
 
−
             $(this).toggleClass("animated");
+
 
 +
            $(".nav-main").toggleClass("tustshowNav tusthideNav").removeClass("tusthidden");
 +
             $(this).toggleClass("tustanimated");
 
         });
 
         });
 
         $(window).scroll(function(event){
 
         $(window).scroll(function(event){
−
             $(".nav-main").addClass("hideNav").removeClass("hidden");
+
             $(".btn-nav").removeClass("tustanimated");
−
             $(this).addClass("animated");
+
             $(".nav-main").addClass("tusthideNav").removeClass("tusthidden");
 +
 
 
         });
 
         });
  
Line 28: Line 33:
 
</script>
 
</script>
 
<style>
 
<style>
−
#top_title{display:none;}
+
  </style>
 +
<div class="nav-container" style="line-height:90%;">
 +
    <nav class="nav">
  
−
</style>
 
−
<div class="nav-container">
 
−
    <nav class="nav">
 
−
        <!--<div class="navbar-control">-->
 
−
            <!--<i class="iconfont-menu " >&#xe623;</i>-->
 
−
            <!--<span>fffffff</span>-->
 
−
        <!--</div>-->
 
 
         <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 hideNav hidden ">
+
         <div class="nav-main tusthideNav tusthidden ">
 
             <li>
 
             <li>
−
                 <div class="mainmenu">
+
                 <div id="mainmenu">
−
                     <i class="iconfont-menu " >&#xe6ef;</i><br>
+
                     <i class="iconfont-menu " >&#xe6ce;</i><br>
 
                     <span>Team</span>
 
                     <span>Team</span>
 
                 </div>
 
                 </div>
−
                 <ul class="dropdown-menu">
+
                 <ul id="dropdown-menu">
−
                     <li><a href="#">Meet the team</a></li>
+
                     <li><a href="https://2018.igem.org/Team:TUST_China/Team">Meet the team</a></li>
−
                     <li><a href="#">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">
+
                <div id="mainmenu">
−
                <i class="iconfont-menu " >&#xe807;</i><br>
+
                    <i class="iconfont-menu " >&#xe654;</i><br>
−
                <span>Achievements</span>
+
                    <span>Achievements</span>
−
            </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">
+
                <div id="mainmenu"><a href="https://2018.igem.org/Team:TUST_China/Model">
−
                <i class="iconfont-menu " >&#xe807;</i><br>
+
                    <i class="iconfont-menu " >&#xe6ef;</i><br>
−
                <span>Model</span>
+
                    <span>Model</span>
−
            </div>
+
                </a></div>
  
−
        </li>
+
 
 +
            </li>
 
             <li>
 
             <li>
−
                 <div class="mainmenu">
+
                 <div id="mainmenu">
−
                     <i class="iconfont-menu " >&#xe636;</i><br>
+
                     <i class="iconfont-menu " >&#xe613;</i><br>
 
                     <span>LAB</span>
 
                     <span>LAB</span>
 
                 </div>
 
                 </div>
−
                 <ul class="dropdown-menu">
+
                 <ul id="dropdown-menu">
−
                     <li><a href="#">Overview</a></li>
+
                      
−
                     <li class="second-nav">Parts
+
                     <li class="second-nav" id="parts" style="height: 55px;"><a href="https://2018.igem.org/Team:TUST_China/Parts">Parts
−
                         <div class="icon1"></div>
+
                         <i class="iconfont-menu " >&#xe635;</i></a>
 
                         <ul>
 
                         <ul>
−
                             <li><a href="#">Basic Parts</a></li>
+
         
−
                            <li><a href="#">Composition Parts</a></li>
+
                             <li style="padding: 10px 0px;"><a href="https://2018.igem.org/Team:TUST_China/ Parts">Parts</a></li>
−
                             <li><a href="#">Improving Parts</a></li>
+
                             <li><a href="https://2018.igem.org/Team:TUST_China/Improve">Improving Parts</a></li>
 +
 
 
                         </ul>
 
                         </ul>
 
                     </li>
 
                     </li>
−
                    <li><a href="#">Interlab Study</a></li>
+
 
−
                    <li><a href="#">Verification</a></li>
+
                                        <li class="second-nav" id="Experiments" style="height: 55px;">Experiments
−
                    <li><a href="#">HPLC</a></li>
+
                        <i class="iconfont-menu " >&#xe635;</i>
 +
                        <ul>
 +
                            <li ><a href="https://2018.igem.org/Team:TUST_China/InterLab">Interlab Study</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:TUST_China/Verification">Verification</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:TUST_China/HPLC">HPLC</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="second-nav" id="notebook" style="height: 55px;">Notebook
 +
                        <i class="iconfont-menu " >&#xe635;</i>
 +
                        <ul>
 +
                            <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/Protocol">Protocol</a></li>
 +
 
 +
                        </ul>
 +
                    </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" >&#xe613;</i><br>
+
                                      <i class="iconfont-menu" >&#xe807;</i><br>
 
                     <span>Human Practice</span>
 
                     <span>Human Practice</span>
 
                 </div>
 
                 </div>
−
                <ul class="dropdown-menu">
+
 
−
                     <li><a href="#">Overview</a></li>
+
<ul id="dropdown-menu">
−
                    <li><a href="#">HP Silver</a></li>
+
                   
−
                     <li><a href="#">HP Gold</a></li>
+
 
−
                    <li><a href="#">Public Engagement</a></li>
+
                     <li><a href="https://2018.igem.org/Team:TUST_China/Human_Practices">Human Practice</a></li>
−
                     <li><a href="#">Collaboration</a></li>
+
                     <li><a href="https://2018.igem.org/Team:TUST_China/Public Engagement">Public Engagement</a></li>
−
                    <li><a href="#">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>
 
                 </div>
 
                 </div>
−
                 <ul class="dropdown-menu">
+
                 <ul id="dropdown-menu">
−
                     <li><a href="#">Description</a></li>
+
                     <li><a href="https://2018.igem.org/Team:TUST_China/Description">Description</a></li>
−
                     <li class="second-nav">Design
+
                     <li class="second-nav" id="Design" style="height: 55px;">Design
−
                         <div class="icon1"></div>
+
                         <i class="iconfont-menu " >&#xe635;</i>
 
                         <ul>
 
                         <ul>
−
                             <li class="a"><a href="#">Detection</a></li>
+
                             <li ><a href="https://2018.igem.org/Team:TUST_China/Detection">Detection</a></li>
−
                             <li><a href="#">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 122: Line 144:
  
  
−
        </ul>
+
            </ul>
  
  
−
        <div class="navbar-header">
+
            <div id="navbar-header">
−
            <a href="#"><img src="https://static.igem.org/mediawiki/2018/f/fc/T--TUST_China--logo.png" alt="logo">
+
                <a href="https://2018.igem.org/Team:TUST_China" class="con">
−
                <span>Home</span>
+
 
 +
                    <img src="https://static.igem.org/mediawiki/2018/f/fc/T--TUST_China--logo.png" />
 +
                    <span>Home</span>
 +
            </div>
 
             </a>
 
             </a>
 
         </div>
 
         </div>
−
        </div>
+
</div>
−
    </nav>
+
</nav>
  
 
</div>
 
</div>
−
</body>
+
</body></html>
−
</html>
+

Latest revision as of 22:08, 17 October 2018

nav