Template:Team:TU Munich/Menu

From 2011.igem.org

(Difference between revisions)
 
(463 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<style type="text/css">
<style type="text/css">
 +
 +
#navpic {
 +
    width: 965px
 +
    position: relative;
 +
    top: 0;
 +
}
 +
#navmenu {
#navmenu {
-
     height: 150px;
+
     height: 170px;
 +
    padding-left: 20px;
 +
    padding-right: 20px;
     left: 0;
     left: 0;
     position: relative;
     position: relative;
-
     top: 20px;
+
     top: 5px;
-
     width: 900px;
+
     width: 925px;
-
    border: 1px; solid; #666666;
+
}
}
-
a:link {color:#CCCCCC;}
+
#navmenu a:link {color:#CCCCCC;}
-
a:visited {color:#CCCCCC;}
+
#navmenu a:visited {color:#CCCCCC;}
-
a:hover {color:#CCCCCC;text-decoration:none;}
+
#navmenu a:hover {text-decoration:none;}
-
#navmenu ul {
+
#tabs .litopic a:link {color:#CCCCCC;}
-
    color: #CCCCCC;
+
#tabs .litopic a:visited {color:#CCCCCC;}
-
    line-height: 1.5em;
+
#tabs .litopic a:hover {text-decoration:none;}
 +
 
 +
#topics {
 +
    height: 2em;
 +
    list-style: none outside none;
 +
    position: relative;
 +
    right: 0;
 +
    top: 0;
 +
    width: 100%;
 +
    opacity: 0.9;
 +
}
 +
 
 +
.ultopic {
 +
    margin:0;
     list-style-image: none;
     list-style-image: none;
     list-style-type: none;
     list-style-type: none;
-
     margin: 0.3em 0 0 1.5em;
+
     color: white;
-
     padding: 0;
+
     font-size: 120%;
 +
    font-weight: bold;
}
}
-
#navmenu li {
 
-
    height: 30px;
 
-
}
 
-
 
+
.litopic {
-
#topics {
+
     background: none repeat scroll 0 0 #444444;
-
     background-color: #003F85;
+
     display: block;
-
     height: 150px;
+
     float: left;
-
     left: 0;
+
    margin-left: 5px;
-
     position: absolute;
+
     text-align: center;
     top: 0;
     top: 0;
-
     width: 100px;
+
    margin-bottom: 0;
 +
     width: 149px;
 +
}
 +
 
 +
#navbreadcrumbs {
 +
    background-color: #444444;
 +
    font-size: 90%;
 +
    font-weight: bold;
 +
    height: 20px;
     list-style: none outside none;
     list-style: none outside none;
-
     border: 1px; solid; #666666;
+
     position: absolute;
 +
    right: left;
 +
    top: -20px;
 +
    opacity: 0.9;
 +
}
 +
 
 +
#breadcrumbs {
 +
    margin: 0 5px 0 5px;
 +
    opacity: 1;
}
}
#navarea {
#navarea {
-
     background-color: #000000;
+
     left: 0px;
-
     height: 150px;
+
     position: relative;
-
     left: 100px;
+
     top: 0px;
-
     position: absolute;
+
     width: 100%;
-
     top: 0;
+
     display:block;
-
     width: 800px;
+
     height: 125px;
-
     border: 1px; solid; #666666;
+
     overflow: hidden;
}
}
-
#navtopics {
+
#navarea li {
-
     background-color: #444444;
+
    display:block;
 +
    overflow:hidden;
 +
    margin-top:-30px;
 +
    margin-bottom:-30px;
 +
    height: 180px;
 +
}
 +
#navarea img {
 +
    display:block;
 +
    overflow:hidden;
 +
    margin-top:0px;
 +
    margin-bottom:0px;
 +
    height: 200px;
 +
}
 +
 
 +
#subnavtopics {
 +
     background-color: #003F85;
     display: block;
     display: block;
-
     height: 50px;
+
     height: 0px;
     overflow: hidden;
     overflow: hidden;
-
     width: 50%;
+
     width: 100%;
     left: 0;
     left: 0;
     position: absolute;
     position: absolute;
-
     top: 100px;   
+
     top: 0px;   
}
}
-
</style>
+
#navtitle {
 +
    bottom: 10px;
 +
    color: #CCCCCC;
 +
    position: absolute;
 +
    left: 30px;
 +
}
-
<script>
+
.bacnav {
-
$(document).ready(function(){
+
     line-height: 6em;
-
     $('#topics').mouseover(function() {
+
    list-style-image: none;
-
    $('#navtopics').stop().animate({height:'150px',top:'0px',width:'100%'},1000);
+
    top:0px;
-
     });
+
    left:0px;
 +
     position: absolute;
 +
}
-
    $('#navmenu').mouseleave(function() {
+
.bacnav li {
-
    $('.navpoint').not('.curlink').css("color","#ffffff");
+
    display: float;
-
    $('.navtopic').not('.curlink').css("color","#dddddd");
+
    margin-right:25px;
-
    $('#navtopics ul').fadeOut(500);
+
    margin-bottom:-40px;
-
    $('#navtopics').stop().animate({height:'50px',top:'100px',width:'50%'},1000);
+
    position: relative;
-
     });
+
    height: 200px;
 +
    width: 200px;
 +
     display: block;
 +
    float: left;
 +
    opacity: 1;
 +
    font-weight: bold;
 +
}
-
    $('.navtopic').mouseover(function(){
+
.bacnav li a {
-
    $('.navtopic').not('.curlink').css("color","#ffffff");
+
     position: relative;
-
    $(this).css("color","#444444");
+
-
    $('#navtopics ul').css("display","none");
+
-
    var vActive = $(this).attr("id");
+
-
    $('.'+vActive).stop(true, true).fadeIn(500);
+
-
     });
+
-
     $('#navtopics').mouseleave(function(){
+
     left: 20px;
-
    $('.navtopic').not('.curlink').css("color","#dddddd");
+
}
-
     });
+
 
-
});
+
.tdbacnav {
-
</script>
+
    top: 0px;
 +
     float: right;
 +
    display:block;
 +
    margin-bottom:20px;
 +
    width: 350px;
 +
}
 +
 
 +
.tdcontent {
 +
    top: 0px;
 +
    float: left;
 +
    display:block;
 +
    margin-bottom:20px;
 +
    width: 565px;
 +
}
 +
 
 +
 
 +
</style>
 +
<script src="https://2011.igem.org/Team:TU_Munich/menu.js?action=raw&ctype=text/js" type="text/javascript"></script>
</head>
</head>
<body>
<body>
 +
<div id="navpic" class="ui-corner-top"><a id="bac" href="https://2011.igem.org/Team:TU_Munich"><img src="http://igem.ph.tum.de/wiki/images/0/08/-1.jpg" width=100%></a></div>
<div id="navmenu">
<div id="navmenu">
   <div id="topics">
   <div id="topics">
-
     <ul id="navitems">
+
     <ul class="ultopic" id="navitems">
-
       <li><a class="navtopic" id="navproject" href="#">Project</a></li>
+
       <a class="navtopic" id="navproject" href="https://2011.igem.org/Team:TU_Munich/project/introduction"><li class="litopic ui-corner-all" id="liproject">Project</li></a>
-
       <li><a class="navtopic" id="navteam" href="#">About us</a></li>
+
       <a class="navtopic" id="navlab" href="https://2011.igem.org/Team:TU_Munich/lab/results"><li class="litopic ui-corner-all" id="lilab">Lab</li></a>
-
       <li><a class="navtopic" id="navlab" href="#">Lab</a></li>
+
       <a class="navtopic" id="navmodel" href="https://2011.igem.org/Team:TU_Munich/model/modeloverview"><li class="litopic ui-corner-all" id="limodel">Modeling</li></a>
-
       <li><a class="navtopic" id="navextra" href="#">Extras</a></li>
+
      <a class="navtopic" id="navhuman" href="https://2011.igem.org/Team:TU_Munich/human/comics"><li class="litopic ui-corner-all" id="lihuman">Human Practice</li></a>
 +
       <a class="navtopic" id="navteam" href="https://2011.igem.org/Team:TU_Munich/team/teamoverview"><li class="litopic ui-corner-all" id="liteam">Team</li></a>
 +
      <a class="navtopic" id="navextra" href="https://2011.igem.org/Team:TU_Munich/extra/extraoverview"><li class="litopic ui-corner-all" id="liextra">Extras</li></a>
     </ul>
     </ul>
   </div>
   </div>
-
 
 
   <div id="navarea">
   <div id="navarea">
-
    <div id="navtopics">
+
      <ul id="bacliproject" class="bacnav" style="display: none;">
-
      <p id="navtitle" style="display: block;">
+
        <a id="bacintroduction" href="https://2011.igem.org/Team:TU_Munich/project/introduction"><li style="background: url(https://static.igem.org/mediawiki/2011/c/cb/TumIntroduction.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/e/e0/TumIntroductioni.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
-
      E.coli 3D Printer
+
         <a id="bacdesign" href="https://2011.igem.org/Team:TU_Munich/project/design"><li style="background: url(https://static.igem.org/mediawiki/2011/4/45/TumDesign.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/b/b2/TumDesigni.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
-
      </p>
+
         <a id="bacapplications" href="https://2011.igem.org/Team:TU_Munich/project/applications"><li style="background: url(https://static.igem.org/mediawiki/2011/5/55/TumApplications.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/0/0a/TumApplicationsi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
-
      <ul class='navproject' style="display: none;">
+
         <a id="bacdata" href="https://2011.igem.org/Team:TU_Munich/project/data"><li style="background: url(https://static.igem.org/mediawiki/2011/4/4f/TumData.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/3/36/TumDatai.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
-
        <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="model" href="Team:TU_Munich/project/model">Modeling</a></li>
+
-
         <li><a class="navpoint" id="human" href="Team:TU_Munich/project/human">Human Practice</a></li>
+
-
      </ul>
+
-
      <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="instruct" href="Team:TU_Munich/team/instruct">Instructor</a></li>
+
-
        <li><a class="navpoint" id="uni" href="Team:TU_Munich/team/uni">TU Munich</a></li>
+
-
        <li><a class="navpoint" id="munich" href="Team:TU_Munich/team/munich">Munich</a></li>
+
       </ul>
       </ul>
-
       <ul class="navlab" style="display: none;">
+
       <ul id="bacliteam" class="bacnav" style="display: none;">
-
         <li><a class="navpoint" id="nbook" href="Team:TU_Munich/team/nbook">Notebook</a></li>
+
         <a id="bacteamoverview" href="https://2011.igem.org/Team:TU_Munich/team/teamoverview"><li style="background: url(https://static.igem.org/mediawiki/2011/3/33/TumOverview.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/7/7a/Overviewi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>  
-
        <li><a class="navpoint" id="applic" href="Team:TU_Munich/team/applic">Applications</a></li>
+
        <a id="bacuniversity" href="https://2011.igem.org/Team:TU_Munich/team/university"><li style="background: url(https://static.igem.org/mediawiki/2011/b/b7/TumTum.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/b/b7/TumTumi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
-
        <li><a class="navpoint" id="results" href="Team:TU_Munich/team/results">Results</a></li>
+
        <a id="baclab" href="https://2011.igem.org/Team:TU_Munich/team/lab"><li style="background: url(https://static.igem.org/mediawiki/2011/e/e6/TumSimmellab.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/8/84/TumSimmellabi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
-
        <li><a class="navpoint" id="safety" href="Team:TU_Munich/team/safety">Safety</a></li>
+
        <a id="bacprevteam" href="https://2011.igem.org/Team:TU_Munich/team/prevteam"><li style="background: url(https://static.igem.org/mediawiki/2011/8/8f/TumOldteam.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/1/19/TumOldteami.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
       </ul>
       </ul>
-
       <ul class="navextra" style="display: none;">
+
       <ul id="baclilab" class="bacnav" style="display: none;">
 +
        <a id="bacresults" href="https://2011.igem.org/Team:TU_Munich/lab/results"><li style="background: url(https://static.igem.org/mediawiki/2011/d/d8/TumResults.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/2/2f/TumResultsi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
 +
        <a id="bacsafety" href="https://2011.igem.org/Team:TU_Munich/lab/safety"><li style="background: url(https://static.igem.org/mediawiki/2011/7/74/TumSafety.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/4/4e/TumSafetyi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
 +
        <a id="bacnotebook" href="https://2011.igem.org/Team:TU_Munich/lab/notebook"><li style="background: url(https://static.igem.org/mediawiki/2011/e/e4/TumNotebook.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/8/83/TumNotebooki.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
       </ul>
       </ul>
-
     </div>
+
  <ul id="baclihuman" class="bacnav" style="display: none;">
 +
        <a id="baccomics" href="https://2011.igem.org/Team:TU_Munich/human/comics"><li style="background: url(https://static.igem.org/mediawiki/2011/3/33/TumOverview.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/7/7a/Overviewi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>      
 +
        <a id="bacmedia" href="https://2011.igem.org/Team:TU_Munich/human/media"><li style="background: url(https://static.igem.org/mediawiki/2011/1/1a/TumMedia.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/1/12/TumMediai.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
 +
        <a id="bachighschools" href="https://2011.igem.org/Team:TU_Munich/human/highschools"><li style="background: url(https://static.igem.org/mediawiki/2011/b/bd/TumHighschool.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/9/98/TumHighschooli.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
 +
        <a id="backindergarten" href="https://2011.igem.org/Team:TU_Munich/human/kindergarten"><li style="background: url(https://static.igem.org/mediawiki/2011/a/a4/Kindergarden.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/d/d6/Kindergardeni.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
 +
  </ul>
 +
  <ul id="baclimodel" class="bacnav" style="display: none;">
 +
    <a id="bacmodeloverview" href="https://2011.igem.org/Team:TU_Munich/model/modeloverview"><li style="background: url(https://static.igem.org/mediawiki/2011/3/33/TumOverview.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/7/7a/Overviewi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
 +
        <a id="bacguide" href="https://2011.igem.org/Team:TU_Munich/model/guide"><li style="background: url(https://static.igem.org/mediawiki/2011/3/39/TumGuidebook.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/6/61/TumGuidebooki.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
 +
        <a id="baccombined" href="https://2011.igem.org/Team:TU_Munich/model/combined"><li style="background: url(https://static.igem.org/mediawiki/2011/6/66/TumCombinedmodel.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/2/28/TumCombinedmodeli.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
 +
  </ul>
 +
  <ul id="bacliextra" class="bacnav" style="display: none;">
 +
    <a id="bacextraoverview" href="https://2011.igem.org/Team:TU_Munich/extra/extraoverview"><li style="background: url(https://static.igem.org/mediawiki/2011/3/33/TumOverview.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/7/7a/Overviewi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>  
 +
        <a id="bacattributions" href="https://2011.igem.org/Team:TU_Munich/extra/attributions"><li style="background: url(https://static.igem.org/mediawiki/2011/8/89/TumAttributions.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/e/e7/TumAttributionsi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
 +
        <a id="bacpartners" href="https://2011.igem.org/Team:TU_Munich/extra/partners"><li style="background: url(https://static.igem.org/mediawiki/2011/c/c5/TumPartners.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/9/94/TumPartnersi.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
 +
        <a id="bacjamboree" href="https://2011.igem.org/Team:TU_Munich/extra/jamboree"><li style="background: url(https://static.igem.org/mediawiki/2011/8/86/TumJamboree.jpg) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/3/37/TumJamboreei.jpg" style="opacity:0;filter:alpha(opacity=0);" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
 +
  </ul>
   </div>
   </div>
</div>
</div>
</body>
</body>
</html>
</html>

Latest revision as of 00:08, 29 October 2011

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