Template:Team:TU Munich/Menu

From 2011.igem.org

(Difference between revisions)
 
(81 intermediate revisions not shown)
Line 4: Line 4:
#navpic {
#navpic {
-
     width: 965px;
+
     width: 965px
     position: relative;
     position: relative;
-
     top: 0 px;
+
     top: 0;
}
}
#navmenu {
#navmenu {
-
     height: 60px;
+
     height: 170px;
 +
    padding-left: 20px;
 +
    padding-right: 20px;
     left: 0;
     left: 0;
     position: relative;
     position: relative;
-
     top:  0px;
+
     top:  5px;
-
     width: 965px;
+
     width: 925px;
}
}
#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;}
-
.navextra ul li a:link {color:#444444;}
+
 
-
.navextra ul li a:visited {color:#444444;}
+
#tabs .litopic a:link {color:#CCCCCC;}
-
.navextra ul li a:hover {color:#444444;text-decoration:none;}
+
#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 32: 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 42: 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 75: 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 {
-
#navtopics {
+
    display:block;
-
    background-color: #003F85;
+
    overflow:hidden;
-
    display: block;
+
    margin-top:-30px;
-
    height: 0px;
+
    margin-bottom:-30px;
-
    overflow: hidden;
+
    height: 180px;
-
    width: 100%;
+
}
-
    left: 0;
+
#navarea img {
-
    position: absolute;
+
    display:block;
-
    top: 0px;
+
    overflow:hidden;
 +
    margin-top:0px;
 +
    margin-bottom:0px;
 +
    height: 200px;
}
}
Line 114: 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 158: 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">
-
    <div id="navtopics" class="ui-corner-bottom">
+
      <ul id="bacliproject" class="bacnav" style="display: none;">
-
      <p id="navtitle">E.X Press 3D</p>
+
         <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>
-
      <ul class='navproject' style="display: none;">
+
         <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>
-
         <li><a class="navpoint" id="data" href="https://2011.igem.org/Team:TU_Munich/project/data">Data Page</a></li>
+
        <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>
-
        <li><a class="subnavtopic" id="subnavhuman" href="https://2011.igem.org/Team:TU_Munich/project/human">Human Practice</a></li>
+
         <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="subnavtopic" id="subnavmodeling" href="https://2011.igem.org/Team:TU_Munich/project/modeling">Modeling</a></li>
+
-
        <li><a class="navpoint" id="introduction" href="https://2011.igem.org/Team:TU_Munich/project/introduction">Introduction</a></li>
+
-
      </ul>
+
-
      <ul class='navteam' style="display: none;">
+
-
        <li><a class="navpoint" id="prevteam" href="https://2011.igem.org/Team:TU_Munich/team/prevteam">2010 Team</a></li>
+
-
         <li><a class="navpoint" id="lab" href="https://2011.igem.org/Team:TU_Munich/team/lab">Simmel Lab</a></li>
+
-
        <li><a class="navpoint" id="university" href="https://2011.igem.org/Team:TU_Munich/team/university">TU Munich</a></li>
+
       </ul>
       </ul>
-
       <ul class="navlab" style="display: none;">
+
       <ul id="bacliteam" class="bacnav" style="display: none;">
-
         <li><a class="navpoint" id="notebook" href="https://2011.igem.org/Team:TU_Munich/lab/notebook">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="applications" href="https://2011.igem.org/Team:TU_Munich/lab/applications">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="https://2011.igem.org/Team:TU_Munich/lab/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="https://2011.igem.org/Team:TU_Munich/lab/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;">
-
         <li><a class="navpoint" id="ge" href="http://igem.ph.tum.de/" target="_blank">German Website</a></li>
+
         <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>
-
         <li><a class="navpoint" id="ge" href="https://2011.igem.org/Team:TU_Munich/extra/attribution" target="_blank">Attributions</a></li>
+
         <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>
-
        <li><a class="navpoint" id="fb" href="http://www.facebook.com/pages/IGEM-TU-M%C3%BCnchen/149746078408629" target="_blank">Facebook</a></li>
+
         <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>
-
         <li><a class="navpoint" id="twit" href="https://twitter.com/#!/iGEM_TUM_2011" target="_blank">Twitter</a></li>
+
-
        <li><a class="navpoint" id="yt" href="http://www.youtube.com/user/iGEMTUMUNICH2011" target="_blank">Youtube</a></li>
+
       </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"