Team:SYSU-Software/header

From 2013.igem.org

(Difference between revisions)
Line 16: Line 16:
<body>
<body>
-
<div class="row demo-row">
+
<div id="team-header" class="container">
-
         <div class="span9" id="header-box">
+
      <div id="team-header-logo"><img src="https://static.igem.org/mediawiki/2013/c/c9/Logo.png"></div>
 +
      <span>
 +
         <span id="boss-header-image"><img src="https://static.igem.org/mediawiki/2013/6/61/Sun.png"></span>
 +
        <span id="team-header-text"><img src="https://static.igem.org/mediawiki/2013/5/54/Home-header-text.png"></span>
 +
      </span>
 +
      <div id="navigation">
           <div class="navbar navbar-inverse">
           <div class="navbar navbar-inverse">
             <div class="navbar-inner">
             <div class="navbar-inner">
-
               <div class="container">
+
               <div class="container">
-
                <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+
-
                  <span class="icon-bar"></span>
+
-
                  <span class="icon-bar"></span>
+
-
                  <span class="icon-bar"></span>
+
-
                </button>
+
                 <div class="nav-collapse collapse">
                 <div class="nav-collapse collapse">
-
                  <ul class="nav">
+
                  <ul class="nav">
                     <li class="nav-li">
                     <li class="nav-li">
                       <a href="/Team:SYSU-Software">
                       <a href="/Team:SYSU-Software">
Line 33: Line 33:
                       </a>
                       </a>
                     </li>
                     </li>
 +
                     <li class="nav-li">
                     <li class="nav-li">
                       <a href="/Team:SYSU-Software/overview">
                       <a href="/Team:SYSU-Software/overview">
Line 38: Line 39:
                       </a>
                       </a>
                       <ul>
                       <ul>
-
                         <li><a href="/Team:SYSU-Software/overview">Overview</a></li>
+
                         <li id="sub-link1"><a href="/Team:SYSU-Software/overview">Overview</a></li>
-
                         <li>
+
                         <li id="sub-link1">
                           <a href="/Team:SYSU-Software/part1">1</a>
                           <a href="/Team:SYSU-Software/part1">1</a>
                         </li>
                         </li>
-
                         <li><a href="/Team:SYSU-Software/part2">2</a></li>
+
                         <li id="sub-link1"><a href="/Team:SYSU-Software/part2">2</a></li>
-
<li><a href="/Team:SYSU-Software/part3">3</a></li>
+
                        <li id="sub-link1"><a href="/Team:SYSU-Software/part3">3</a></li>
-
<li><a href="/Team:SYSU-Software/demo">demo</a></li>
+
                        <li id="sub-link1"><a href="/Team:SYSU-Software/demo">demo</a></li>
-
<li><a href="/Team:SYSU-Software/download">download</a></li>
+
                        <li id="sub-link1"><a href="/Team:SYSU-Software/download">download</a></li>
                       </ul> <!-- /Sub menu -->
                       </ul> <!-- /Sub menu -->
                     </li>
                     </li>
 +
                     <li class="nav-li">
                     <li class="nav-li">
                       <a href="/Team:SYSU-Software/model">
                       <a href="/Team:SYSU-Software/model">
                         Documents
                         Documents
                       </a>
                       </a>
-
<ul>
+
                      <ul>
-
                         <li><a href="/Team:SYSU-Software/model">Models</a></li>
+
                         <li id="sub-link2"><a href="/Team:SYSU-Software/model">Models</a></li>
-
                         <li>
+
                         <li id="sub-link2">
                           <a href="/Team:SYSU-Software/tutorial">Tutorial</a>
                           <a href="/Team:SYSU-Software/tutorial">Tutorial</a>
                         </li>
                         </li>
-
                         <li><a href="/Team:SYSU-Software/notebook">Notebook</a></li>
+
                         <li id="sub-link2"><a href="/Team:SYSU-Software/notebook">Notebook</a></li>
                       </ul>
                       </ul>
                     </li>
                     </li>
 +
                     <li class="nav-li">
                     <li class="nav-li">
                       <a href="/Team:SYSU-Software/require">
                       <a href="/Team:SYSU-Software/require">
                         Requirements
                         Requirements
                       </a>
                       </a>
-
<ul>
+
                      <ul>
-
                         <li><a href="/Team:SYSU-Software/require">Medal</a></li>
+
                         <li id="sub-link3"><a href="/Team:SYSU-Software/require">Medal</a></li>
-
                         <li>
+
                         <li id="sub-link3">
                           <a href="/Team:SYSU-Software/saft">Saft</a>
                           <a href="/Team:SYSU-Software/saft">Saft</a>
-
                         </li>
+
                         </li id="sub-link3">
-
                         <li><a href="/Team:SYSU-Software/colla">Collaboration</a></li>
+
                         <li id="sub-link3"><a href="/Team:SYSU-Software/colla">Collaboration</a></li>
                       </ul>
                       </ul>
                     </li>
                     </li>
 +
                     <li class="nav-li">
                     <li class="nav-li">
                       <a href="/Team:SYSU-Software/humanpra">
                       <a href="/Team:SYSU-Software/humanpra">
-
                        Human Practice
+
                      Practice
                       </a>
                       </a>
                     </li>
                     </li>
-
                     <li class="nav-li">
+
 
 +
                     <li class="nav-li active">
                       <a href="/Team:SYSU-Software/team">
                       <a href="/Team:SYSU-Software/team">
                         Team
                         Team
                       </a>
                       </a>
-
<ul>
+
                      <ul>
-
                         <li><a href="/Team:SYSU-Software/team">Member</a></li>
+
                         <li id="sub-link4"><a href="/Team:SYSU-Software/team">Member</a></li>
-
                         <li>
+
                         <li id="sub-link4">
                           <a href="/Team:SYSU-Software/team">Sponsor</a>
                           <a href="/Team:SYSU-Software/team">Sponsor</a>
                         </li>
                         </li>
                       </ul>
                       </ul>
                     </li>
                     </li>
-
<script type="text/javascript">
 
-
 
-
var url = window.location.href;
 
-
 
-
if(url == "https://2013.igem.org/Team:SYSU-Software")
 
-
{
 
-
$(".nav-li:first").addClass("active");
 
-
}
 
-
else if((url == "https://2013.igem.org/Team:SYSU-Software/overview") || (url == "https://2013.igem.org/Team:SYSU-Software/demo") ||
 
-
(url == "https://2013.igem.org/Team:SYSU-Software/download") || (url == "https://2013.igem.org/Team:SYSU-Software/part1") ||
 
-
(url == "https://2013.igem.org/Team:SYSU-Software/part2") || (url == "https://2013.igem.org/Team:SYSU-Software/part3"))
 
-
$(".nav-li:eq(1)").addClass("active");
 
-
else if((url == "https://2013.igem.org/Team:SYSU-Software/model") || (url == "https://2013.igem.org/Team:SYSU-Software/notebook"))
 
-
$(".nav-li:eq(2)").addClass("active");
 
-
else if((url == "https://2013.igem.org/Team:SYSU-Software/require"))
 
-
$(".nav-li:eq(3)").addClass("active");
 
-
else if((url == "https://2013.igem.org/Team:SYSU-Software/humanpra"))
 
-
$(".nav-li:eq(4)").addClass("active");
 
-
else if((url == "https://2013.igem.org/Team:SYSU-Software/team"))
 
-
$(".nav-li:eq(5)").addClass("active");
 
-
</script>
 
                   </ul>
                   </ul>
-
                 </div><!--/.nav-collapse -->
+
                 </div>
-
 
+
               </div>
               </div>
             </div>
             </div>
           </div>
           </div>
-
        </div>
+
      </div>
-
      </div>    
+
  </div>  
</html>
</html>

Revision as of 13:15, 24 August 2013

Team:SYSU-Software new