Template:Team:TU Munich/Menu

From 2011.igem.org

(Difference between revisions)
 
(71 intermediate revisions not shown)
Line 6: Line 6:
     width: 965px
     width: 965px
     position: relative;
     position: relative;
-
     top: 0 px;
+
     top: 0;
}
}
#navmenu {
#navmenu {
 +
    height: 170px;
     padding-left: 20px;
     padding-left: 20px;
     padding-right: 20px;
     padding-right: 20px;
-
    height: 60px;
 
     left: 0;
     left: 0;
     position: relative;
     position: relative;
-
     top:  0px;
+
     top:  5px;
     width: 925px;
     width: 925px;
}
}
Line 21: Line 21:
#navmenu a:link {color:#CCCCCC;}
#navmenu a:link {color:#CCCCCC;}
#navmenu a:visited {color:#CCCCCC;}
#navmenu a:visited {color:#CCCCCC;}
-
#navmenu a:hover {color:#CCCCCC;text-decoration:none;}
+
#navmenu a:hover {text-decoration:none;}
 +
 
 +
#tabs .litopic a:link {color:#CCCCCC;}
 +
#tabs .litopic a:visited {color:#CCCCCC;}
 +
#tabs .litopic a:hover {text-decoration:none;}
#topics {
#topics {
-
    background-color: white;
+
     height: 2em;
-
     height: 40px;
+
     list-style: none outside none;
     list-style: none outside none;
     position: relative;
     position: relative;
Line 31: Line 34:
     top: 0;
     top: 0;
     width: 100%;
     width: 100%;
 +
    opacity: 0.9;
}
}
-
#navmenu ul {
+
.ultopic {
-
    line-height: 1.5em;
+
     margin:0;
     margin:0;
     list-style-image: none;
     list-style-image: none;
Line 41: Line 44:
     font-size: 120%;
     font-size: 120%;
     font-weight: bold;
     font-weight: bold;
-
    top: 0;
 
}
}
-
#navmenu ul li {
+
.litopic {
     background: none repeat scroll 0 0 #444444;
     background: none repeat scroll 0 0 #444444;
     display: block;
     display: block;
     float: left;
     float: left;
-
    height: 1.7em;
 
     margin-left: 5px;
     margin-left: 5px;
     text-align: center;
     text-align: center;
     top: 0;
     top: 0;
-
     width: 150px;
+
    margin-bottom: 0;
 +
     width: 149px;
}
}
Line 74: Line 76:
#navarea {
#navarea {
-
     left: 0;
+
     left: 0px;
     position: relative;
     position: relative;
     top: 0px;
     top: 0px;
     width: 100%;
     width: 100%;
 +
    display:block;
 +
    height: 125px;
 +
    overflow: hidden;
 +
}
 +
 +
#navarea li {
 +
    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;
}
}
Line 101: Line 121:
     line-height: 6em;
     line-height: 6em;
     list-style-image: none;
     list-style-image: none;
-
     margin-top: -50px;
+
     top:0px;
-
     position: relative;
+
    left:0px;
 +
     position: absolute;
}
}
Line 145: Line 166:
</head>
</head>
<body>
<body>
-
<div id="navpic" class="ui-corner-top"><a 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="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="navbreadcrumbs">
+
   <div id="topics">
-
     <div id="breadcrumbs">Breadcrumbs goes here</div>
+
     <ul class="ultopic" id="navitems">
-
  </div>
+
      <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>
-
  <div id="topics" class="ui-corner-top-left">
+
      <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>
-
    <ul id="navitems">
+
      <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="navproject" href="https://2011.igem.org/Team:TU_Munich/project">Project</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>
-
       <li><a class="navtopic" id="navteam" href="https://2011.igem.org/Team:TU_Munich/team">Team</a></li>
+
      <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>
-
      <li><a class="navtopic" id="navlab" href="https://2011.igem.org/Team:TU_Munich/lab">Lab</a></li>
+
      <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>
-
      <li><a class="navtopic" id="navextra" href="https://2011.igem.org/Team:TU_Munich/extra">Extras</a></li>
+
     </ul>
     </ul>
   </div>
   </div>
   <div id="navarea">
   <div id="navarea">
-
       <ul id="navproject" class="bacnav" style="display: none;">
+
       <ul id="bacliproject" class="bacnav" style="display: none;">
-
         <a href="https://2011.igem.org/Team:TU_Munich/project/introduction"><li style="background: url(https://static.igem.org/mediawiki/2011/e/ef/TumIntroduction.png) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/c/c0/TumIntroductioni.png" style="opacity:0;" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
+
         <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>
-
        <a href="https://2011.igem.org/Team:TU_Munich/project/model"><li style="background: url(https://static.igem.org/mediawiki/2011/2/23/TumModel.png) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/6/63/TumModeli.png" style="opacity:0;" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
+
         <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>
-
         <a href="https://2011.igem.org/Team:TU_Munich/project/human"><li style="background: url(https://static.igem.org/mediawiki/2011/b/b2/TumHuman.png) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/1/17/TumHumani.png" style="opacity:0;" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
+
        <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>
-
        <a href="https://2011.igem.org/Team:TU_Munich/project/data"><li style="background: url(https://static.igem.org/mediawiki/2011/0/02/TumData.png) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/c/cd/TumDatai.png" style="opacity:0;" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
+
         <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>
-
      </ul>
+
-
      <ul id="navteam" class="bacnav" style="display: none;">
+
-
        <a href="https://2011.igem.org/Team:TU_Munich/team/university"><li style="background: url(https://static.igem.org/mediawiki/2011/b/b1/TumTum.png) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/8/8a/TumTumi.png" style="opacity:0;" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
+
-
        <a href="https://2011.igem.org/Team:TU_Munich/team/lab"><li style="background: url(https://static.igem.org/mediawiki/2011/c/c7/TumSimmellab.png) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/e/e9/TumSimmellabi.png" style="opacity:0;" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
+
-
         <a href="https://2011.igem.org/Team:TU_Munich/team/prevteam"><li style="background: url(https://static.igem.org/mediawiki/2011/d/dd/TumOldteam.png) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/3/3c/TumOldteami.png" style="opacity:0;" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
+
       </ul>
       </ul>
-
       <ul id="navlab" class="bacnav" style="display: none;">
+
       <ul id="bacliteam" class="bacnav" style="display: none;">
-
         <a href="https://2011.igem.org/Team:TU_Munich/lab/safety"><li style="background: url(https://static.igem.org/mediawiki/2011/b/b3/TumSafety.png) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/5/52/TumSafetyi.png" style="opacity:0;" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
+
         <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>  
-
         <a href="https://2011.igem.org/Team:TU_Munich/lab/results"><li style="background: url(https://static.igem.org/mediawiki/2011/5/56/TumApplications.png) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/1/10/TumApplicationsi.png" style="opacity:0;" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
+
         <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>
-
         <a href="https://2011.igem.org/Team:TU_Munich/lab/applications"><li style="background: url(https://static.igem.org/mediawiki/2011/d/db/TumResults.png) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/f/fc/TumResultsi.png" style="opacity:0;" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
+
         <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>
-
         <a href="https://2011.igem.org/Team:TU_Munich/lab/notebook"><li style="background: url(https://static.igem.org/mediawiki/2011/3/36/TumNotebook.png) no-repeat;"><img src="https://static.igem.org/mediawiki/2011/6/67/TumNotebooki.png" style="opacity:0;" onmouseout="$(this).stop().fadeTo(500,0);"onmouseover="$(this).stop().fadeTo(500,1);"></li></a>
+
         <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 id="navextra" class="bacnav" 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>
 +
  <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"