Template:Team:TU Munich/Menu

From 2011.igem.org

(Difference between revisions)
Line 11: Line 11:
}
}
-
#navmenu a:link {color:#CCCCCC;}
+
a:link {color:#CCCCCC;}
-
#navmenu a:visited {color:#CCCCCC;}
+
a:visited {color:#CCCCCC;}
-
#navmenu a:hover {color:#CCCCCC;text-decoration:none;}
+
a:hover {color:#CCCCCC;text-decoration:none;}
#navmenu ul {
#navmenu ul {
Line 41: Line 41:
#navarea {
#navarea {
-
     background-color: #444444;
+
     background-color: #000000;
     height: 150px;
     height: 150px;
     left: 100px;
     left: 100px;
Line 63: Line 63:
<script>
<script>
$(document).ready(function(){
$(document).ready(function(){
-
    $(function(){
 
-
    var path = location.pathname.substring(1);
 
-
    var last = path.split("/");
 
-
    if ( last[1] ) {
 
-
      $('#navtopics ul li a[href*="' + last[1] + '"]').addClass("curlink").css("color","#ea8828");
 
-
    }
 
-
    else {
 
-
      $('#navtopics ul li a[href$="' + path + '"]').addClass("curlink").css("color","#ea8828");
 
-
    }
 
-
    });
 
-
 
     $('#topics').mouseover(function() {
     $('#topics').mouseover(function() {
-
     $('#navtitle').stop().animate({height:'150px',top:'0px'},1000);
+
     $('#navtopics').stop().animate({height:'150px',top:'0px'},1000);
     });
     });
Line 92: Line 81:
     $('.'+vActive).stop(true, true).fadeIn(500);
     $('.'+vActive).stop(true, true).fadeIn(500);
     });
     });
 +
     $('#navtopics').mouseleave(function(){
     $('#navtopics').mouseleave(function(){
     $('.navtopic').not('.curlink').css("color","#dddddd");
     $('.navtopic').not('.curlink').css("color","#dddddd");
Line 101: Line 91:
<div id="navmenu">
<div id="navmenu">
   <div id="topics">
   <div id="topics">
-
     <ul id="nav_menu">
+
     <ul id="navitems">
       <li><a class="navtopic" id="navproject" href="#">Project</a></li>
       <li><a class="navtopic" id="navproject" href="#">Project</a></li>
       <li><a class="navtopic" id="navteam" href="#">About us</a></li>
       <li><a class="navtopic" id="navteam" href="#">About us</a></li>
Line 114: Line 104:
       E.coli 3D Printer
       E.coli 3D Printer
       </p>
       </p>
-
       <ul id="navproject" style="display: block;">
+
       <ul class='navproject' style="display: block;">
         <li><a class="navpoint" id="home" href="Team:TU_Munich">Home</a></li>
         <li><a class="navpoint" id="home" href="Team:TU_Munich">Home</a></li>
         <li><a class="navpoint" id="intro" href="Team:TU_Munich/project/intro">Introduction</a></li>
         <li><a class="navpoint" id="intro" href="Team:TU_Munich/project/intro">Introduction</a></li>
Line 120: Line 110:
         <li><a class="navpoint" id="human" href="Team:TU_Munich/project/human">Human Practice</a></li>
         <li><a class="navpoint" id="human" href="Team:TU_Munich/project/human">Human Practice</a></li>
       </ul>
       </ul>
-
       <ul id="navteam" style="display: none;">
+
       <ul class="navteam' style="display: none;">
         <li><a class="navpoint" id="team" href="Team:TU_Munich/team/team">Team Members</a></li>
         <li><a class="navpoint" id="team" href="Team:TU_Munich/team/team">Team Members</a></li>
         <li><a class="navpoint" id="instruct" href="Team:TU_Munich/team/instruct">Instructor</a></li>
         <li><a class="navpoint" id="instruct" href="Team:TU_Munich/team/instruct">Instructor</a></li>
Line 126: Line 116:
         <li><a class="navpoint" id="munich" href="Team:TU_Munich/team/munich">Munich</a></li>
         <li><a class="navpoint" id="munich" href="Team:TU_Munich/team/munich">Munich</a></li>
       </ul>
       </ul>
-
       <ul id="navlab" style="display: none;">
+
       <ul class="navlab" style="display: none;">
         <li><a class="navpoint" id="nbook" href="Team:TU_Munich/team/nbook">Notebook</a></li>
         <li><a class="navpoint" id="nbook" href="Team:TU_Munich/team/nbook">Notebook</a></li>
         <li><a class="navpoint" id="applic" href="Team:TU_Munich/team/applic">Applications</a></li>
         <li><a class="navpoint" id="applic" href="Team:TU_Munich/team/applic">Applications</a></li>
Line 132: Line 122:
         <li><a class="navpoint" id="safety" href="Team:TU_Munich/team/safety">Safety</a></li>
         <li><a class="navpoint" id="safety" href="Team:TU_Munich/team/safety">Safety</a></li>
       </ul>
       </ul>
-
       <ul id="nav_extra" style="display: none;">
+
       <ul class="nav_extra" style="display: none;">
       </ul>
       </ul>
     </div>
     </div>

Revision as of 20:53, 4 July 2011

Retrieved from "http://2011.igem.org/Template:Team:TU_Munich/Menu"