Template:Team:TU Munich/Menu

From 2011.igem.org

(Difference between revisions)
(Created page with "<html> <script> //Configure the script here var teamname = "TU_Delft"; // Do not edit below // Loop through the URL function buildDepth(array,count) { var depthStr=""; for (i...")
 
(496 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<script>
+
<head>
-
//Configure the script here
+
<style type="text/css">
-
var teamname = "TU_Delft";
+
-
// Do not edit below
+
#navpic {
 +
    width: 965px
 +
    position: relative;
 +
    top: 0;
 +
}
-
// Loop through the URL
+
#navmenu {
-
function buildDepth(array,count) {
+
    height: 170px;
-
var depthStr="";
+
    padding-left: 20px;
-
for (i=0;i<count;i++)
+
    padding-right: 20px;
-
{
+
    left: 0;
-
depthStr=depthStr + array[i] + "/" ;
+
    position: relative;
-
}
+
    top:  5px;
-
return depthStr;
+
    width: 925px;
}
}
-
// The function
+
#navmenu a:link {color:#CCCCCC;}
-
function buildBreadCrumbTrail(page) {
+
#navmenu a:visited {color:#CCCCCC;}
-
// Declare vars
+
#navmenu a:hover {text-decoration:none;}
-
var constituentFolders = new Array();
+
-
var currentURL = page;
+
-
// Split the URL
+
#tabs .litopic a:link {color:#CCCCCC;}
-
constituentFolders=currentURL.split("/");
+
#tabs .litopic a:visited {color:#CCCCCC;}
 +
#tabs .litopic a:hover {text-decoration:none;}
-
// Start with a link to the team home page
+
#topics {
-
var outputStr="<a href='https://2010.igem.org/Team:'" + teamname + ">Home</a>";
+
    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-type: none;
 +
    color: white;
 +
    font-size: 120%;
 +
    font-weight: bold;
 +
}
-
// Loop through the URL
 
-
for (count=0;count<(constituentFolders.length);count++)
 
-
{
 
-
outputStr=outputStr + " > <a href='https://2010.igem.org/Team:" + teamname +
 
-
buildDepth(constituentFolders,count) + constituentFolders[count] + "'>" +
 
-
capitaliseFirstLetter(constituentFolders[count]).replace(/-/gi," ") + "</a>";
 
-
}
 
-
// Write to the div
+
.litopic {
-
$("#breadcrumbs").html(outputStr);
+
    background: none repeat scroll 0 0 #444444;
 +
    display: block;
 +
    float: left;
 +
    margin-left: 5px;
 +
    text-align: center;
 +
    top: 0;
 +
    margin-bottom: 0;
 +
    width: 149px;
}
}
-
// Capitalize the first letter
+
#navbreadcrumbs {
-
function capitaliseFirstLetter(string) {
+
     background-color: #444444;
-
     return string.charAt(0).toUpperCase() + string.slice(1);
+
    font-size: 90%;
 +
    font-weight: bold;
 +
    height: 20px;
 +
    list-style: none outside none;
 +
    position: absolute;
 +
    right: left;
 +
    top: -20px;
 +
    opacity: 0.9;
}
}
-
// Start the script upon page load
+
#breadcrumbs {
-
$(function() {
+
    margin: 0 5px 0 5px;
-
buildBreadCrumbTrail(window.location.pathname);
+
    opacity: 1;
}
}
-
</script>
+
 
-
<div id="breadcrumbs">The breadcrumbs will show up in this div</div>
+
#navarea {
 +
    left: 0px;
 +
    position: relative;
 +
    top: 0px;
 +
    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;
 +
}
 +
 
 +
#subnavtopics {
 +
    background-color: #003F85;
 +
    display: block;
 +
    height: 0px;
 +
    overflow: hidden;
 +
    width: 100%;
 +
    left: 0;
 +
    position: absolute;
 +
    top: 0px; 
 +
}
 +
 
 +
#navtitle {
 +
    bottom: 10px;
 +
    color: #CCCCCC;
 +
    position: absolute;
 +
    left: 30px;
 +
}
 +
 
 +
.bacnav {
 +
    line-height: 6em;
 +
    list-style-image: none;
 +
    top:0px;
 +
    left:0px;
 +
    position: absolute;
 +
}
 +
 
 +
.bacnav li {
 +
    display: float;
 +
    margin-right:25px;
 +
    margin-bottom:-40px;
 +
    position: relative;
 +
    height: 200px;
 +
    width: 200px;
 +
    display: block;
 +
    float: left;
 +
    opacity: 1;
 +
    font-weight: bold;
 +
}
 +
 
 +
.bacnav li a {
 +
    position: relative;
 +
 
 +
    left: 20px;
 +
}
 +
 
 +
.tdbacnav {
 +
    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>
 +
<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="topics">
 +
    <ul class="ultopic" id="navitems">
 +
      <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>
 +
      <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>
 +
      <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>
 +
      <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>
 +
  </div>
 +
  <div id="navarea">
 +
      <ul id="bacliproject" class="bacnav" style="display: none;">
 +
        <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 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 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 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="bacliteam" class="bacnav" style="display: none;">
 +
        <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 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 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 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 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 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>
 +
</body>
</html>
</html>

Latest revision as of 00:08, 29 October 2011

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