Template:Team:TU Munich/Menu

From 2011.igem.org

(Difference between revisions)
m
 
(118 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;}
-
#navmenu ul {
+
#tabs .litopic a:link {color:#CCCCCC;}
-
    line-height: 1.5em;
+
#tabs .litopic a:visited {color:#CCCCCC;}
 +
#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 0 0 0;
+
     color: white;
-
    padding: 0;
+
     font-size: 120%;
-
     color: #CCCCCC;
+
-
     font-size: 90%;
+
     font-weight: bold;
     font-weight: bold;
-
    height: 20px;
 
-
    top: 0;
 
}
}
-
#navmenu ul li {
+
 
-
     top: 0;
+
.litopic {
-
    height: 15px;
+
     background: none repeat scroll 0 0 #444444;
-
    margin: 3px 0px 0 0px;
+
-
    width: 80px;
+
-
    padding: 0px;
+
     display: block;
     display: block;
-
     float: right;
+
     float: left;
 +
    margin-left: 5px;
     text-align: center;
     text-align: center;
-
     opacity: 1;
+
     top: 0;
-
}
+
     margin-bottom: 0;
-
 
+
     width: 149px;
-
#topics {
+
-
     background-color: #444444;
+
-
    height: 20px;
+
-
    list-style: none outside none;
+
-
    position: absolute;
+
-
    right: 0;
+
-
    top: -20px;
+
-
     width: 320px;
+
-
    opacity: 0.9;
+
}
}
Line 75: Line 76:
#navarea {
#navarea {
-
    height: 20px;
+
     left: 0px;
-
     left: 0;
+
     position: relative;
-
     position: absolute;
+
     top: 0px;
     top: 0px;
     width: 100%;
     width: 100%;
 +
    display:block;
 +
    height: 125px;
 +
    overflow: hidden;
}
}
-
#subnavarea {
+
#navarea li {
-
    height: 20px;
+
    display:block;
-
    left: 0;
+
    overflow:hidden;
-
    position: absolute;
+
    margin-top:-30px;
-
    top: 20px;
+
    margin-bottom:-30px;
-
    width: 100%;
+
    height: 180px;
}
}
-
 
+
#navarea img {
-
#navtopics {
+
    display:block;
-
    background-color: #003F85;
+
    overflow:hidden;
-
    display: block;
+
    margin-top:0px;
-
    height: 0px;
+
    margin-bottom:0px;
-
    overflow: hidden;
+
    height: 200px;
-
    width: 100%;
+
-
    left: 0;
+
-
    position: absolute;
+
-
    top: 0px;
+
}
}
Line 122: Line 121:
     line-height: 6em;
     line-height: 6em;
     list-style-image: none;
     list-style-image: none;
-
     padding: 50px
+
     top:0px;
 +
    left:0px;
 +
    position: absolute;
}
}
.bacnav li {
.bacnav li {
-
    background: url(https://static.igem.org/mediawiki/2011/2/26/Bacteriasmall.png) no-repeat;
 
-
    background-size: 100%;
 
     display: float;
     display: float;
 +
    margin-right:25px;
 +
    margin-bottom:-40px;
     position: relative;
     position: relative;
-
     height: 80px;
+
     height: 200px;
-
     width: 150px;
+
     width: 200px;
-
    margin: 20px 20px 20px 20px;
+
-
    padding: 10px;
+
     display: block;
     display: block;
-
     float: top;
+
     float: left;
-
    text-align: left;
+
     opacity: 1;
     opacity: 1;
     font-weight: bold;
     font-weight: bold;
Line 165: Line 163:
</style>
</style>
-
 
+
<script src="https://2011.igem.org/Team:TU_Munich/menu.js?action=raw&ctype=text/js" type="text/javascript"></script>
-
<script>
+
-
// ----------------------
+
-
// Breadcrumbs Navigation
+
-
// ----------------------
+
-
 
+
-
 
+
-
function buildDepth(array,count) {
+
-
  var depthStr="";
+
-
  for (i=0;i<count;i++)
+
-
    {
+
-
    depthStr=depthStr + array[i] + "/" ;
+
-
    }
+
-
  return depthStr;
+
-
}
+
-
+
-
function buildBreadCrumbTrail(page) {
+
-
var constituentFolders = new Array();
+
-
var currentURL = page;
+
-
 
+
-
  constituentFolders=currentURL.split("/");
+
-
  var outputStr="<a href='https://2011.igem.org/Team:TU_Munich'>Home</a>";
+
-
  for (count=2;count<(constituentFolders.length);count++)
+
-
  {
+
-
        console.log('count='+count);
+
-
outputStr=outputStr + "  ::  <a href='https://2011.igem.org" + buildDepth(constituentFolders,count) + constituentFolders[count] + "'>" + capitaliseFirstLetter(constituentFolders[count]).replace(/-/gi," ") + "</a>";
+
-
    if (count == 2) {
+
-
    $("#breadcrumbs").html(constituentFolders[count]);
+
-
    $('#navtopics').css("height","20px");
+
-
    $('.nav'+constituentFolders[count]).css("display","block");
+
-
    $('#nav'+constituentFolders[count]).css("color","#4D4DDB");
+
-
    }
+
-
    if (count == 3) {
+
-
    $('#subnavtopics').css("height","20px");
+
-
    $('#navtopics').removeClass("ui-corner-bottom")
+
-
    $('.subnav'+constituentFolders[count]).css("display","block");
+
-
    $('#subnav'+constituentFolders[count]).css("color","#4D4DDB");
+
-
    }
+
-
    if (count == 4) {
+
-
    $('#'+constituentFolders[count]).css("color","#4D4DDB");
+
-
    }
+
-
  }
+
-
  outputStr="  " + outputStr + "  ";
+
-
  $("#breadcrumbs").html(outputStr);
+
-
  $("#breadcrumbs").css("font-style","bold");
+
-
}
+
-
 
+
-
function capitaliseFirstLetter(string) {
+
-
  return string.charAt(0).toUpperCase() + string.slice(1);
+
-
}
+
-
$(function() {
+
-
buildBreadCrumbTrail(window.location.pathname);
+
-
});
+
-
 
+
-
 
+
-
$(document).ready(function(){
+
-
    // ----------------------
+
-
    // Main Navigation
+
-
    // ----------------------
+
-
   
+
-
var constituentFolders = new Array();
+
-
    var currentURL = window.location.pathname;
+
-
 
+
-
    constituentFolders=currentURL.split("/");
+
-
    console.log(constituentFolders)
+
-
    console.log(constituentFolders.length)
+
-
$('#topics').mouseover(function() {
+
-
    $('.subnavpoint').not('.curlink').css("color","#CCCCCC");
+
-
$('.subnavtopic').not('.curlink').css("color","#CCCCCC");
+
-
$('#subnavtopics ul').stop().fateTo(500,0);
+
-
$('#subnavtopics').stop().animate({height:0},{duration: 1000, easing: 'easeOutBounce', complete: function(){
+
-
$('#navtopics').addClass("ui-corner-bottom")}
+
-
}); 
+
-
});
+
-
 
+
-
 
+
-
    $('.navtopic').mouseover(function(){
+
-
$('.navpoint').not('.curlink').css("color","#CCCCCC");
+
-
$('.navtopic').not('.curlink').css("color","#CCCCCC");
+
-
$('.subnavpoint').not('.curlink').css("color","#CCCCCC");
+
-
$('.subnavtopic').not('.curlink').css("color","#CCCCCC");
+
-
$('#subnavtopics ul').stop().fateTo(500,0);
+
-
  $('#subnavtopics').stop().animate({height:0},{duration: 1000, easing: 'easeOutBounce', complete: function(){
+
-
$('#navtopics').addClass("ui-corner-bottom")
+
-
}});
+
-
$(this).css("color","#4D4DDB");
+
-
$('#navtopics').stop().animate({height: '20px'},{duration: 1000, easing: 'easeOutBounce'});
+
-
$('#navtopics ul').css("display","none");
+
-
var vActive = $(this).attr("id");
+
-
$('.'+vActive).stop().fadeTo(500,1);
+
-
});
+
-
   
+
-
$('.navpoint').mouseover(function(){
+
-
  $('.navpoint').not('.curlink').css("color","#CCCCCC");
+
-
  $('.subnavpoint').not('.curlink').css("color","#CCCCCC");
+
-
$('.subnavtopic').not('.curlink').css("color","#CCCCCC");
+
-
$(this).css("color","#4D4DDB");
+
-
$('#subnavtopics ul').stop().fateTo(500,0);
+
-
$('#subnavtopics').stop().animate({height:0},{duration: 1000, easing: 'easeOutBounce', complete: function(){
+
-
$('#navtopics').addClass("ui-corner-bottom")
+
-
}});
+
-
  });
+
-
 
+
-
$('.subnavtopic').mouseover(function(){
+
-
$('.navpoint').not('.curlink').css("color","#CCCCCC");
+
-
$('.subnavpoint').not('.curlink').css("color","#CCCCCC");
+
-
$('.subnavtopic').not('.curlink').css("color","#CCCCCC");
+
-
$(this).css("color","#4D4DDB");
+
-
  $('#navtopics').removeClass("ui-corner-bottom")
+
-
$('#subnavtopics').stop().animate({height: '20px'},{duration: 1000, easing: 'easeOutBounce'});
+
-
$('#subnavtopics ul').css("display","none");
+
-
var vActive = $(this).attr("id");
+
-
$('.'+vActive).stop().fadeTo(500,1);
+
-
});
+
-
   
+
-
$('.subnavpoint').mouseover(function(){
+
-
$('.subnavpoint').not('.curlink').css("color","#CCCCCC");
+
-
$(this).css("color","#4D4DDB");
+
-
}); 
+
-
+
-
    if (constituentFolders.length>=3) {
+
-
    if (constituentFolders.length>=4) {
+
-
        if (constituentFolders.length==5) {
+
-
        $('#navmenu').mouseleave(function() {
+
-
    if ($('#subnavtopics').css('height') === '0px') {
+
-
   
+
-
$('.navpoint').not('.curlink').css("color","#CCCCCC");
+
-
    $('.navtopic').not('.curlink').css("color","#CCCCCC");
+
-
    $('#nav'+constituentFolders[2]).css("color","#4D4DDB");
+
-
    $('#navtopics').stop().animate({height: '20px'},{duration: 1000, easing: 'easeOutBounce'});
+
-
    $('#navtopics ul').css("display","none");
+
-
    if ($('.nav'+constituentFolders[2]).css('display') == 'none') {
+
-
    $('.nav'+constituentFolders[2]).stop().fadeTo(500,1);
+
-
    }
+
-
    $('#navtopics').removeClass("ui-corner-bottom")
+
-
    $('#subnavtopics').stop().animate({height: '20px'},{duration: 1000, easing: 'easeOutBounce'});
+
-
    $('#subnav'+constituentFolders[3]).css("color","#4D4DDB");
+
-
    $('#subnavtopics ul').css("display","none");
+
-
    $('.subnav'+constituentFolders[3]).stop().fadeTo(500,1);
+
-
  }
+
-
else {
+
-
  $('.subnavpoint').not('.curlink').css("color","#CCCCCC");
+
-
      $('.subnavtopic').not('.curlink').css("color","#CCCCCC");
+
-
$('.navpoint').not('.curlink').css("color","#CCCCCC");
+
-
    $('.navtopic').not('.curlink').css("color","#CCCCCC");
+
-
    $('#nav'+constituentFolders[2]).css("color","#4D4DDB");
+
-
    $('#subnav'+constituentFolders[3]).css("color","#4D4DDB");
+
-
    $('#navtopics').stop().animate({height: '20px'},{duration: 1000, easing: 'easeOutBounce'});
+
-
    $('#navtopics ul').css("display","none");
+
-
    if ($('.nav'+constituentFolders[2]).css('display') == 'none') {
+
-
    $('.nav'+constituentFolders[2]).stop().fadeTo(500,1);
+
-
    }
+
-
    $('#subnav'+constituentFolders[3]).css("color","#4D4DDB");
+
-
    $('#subnavtopics ul').css("display","none");
+
-
    $('.subnav'+constituentFolders[3]).stop().fadeTo(500,1);
+
-
    }
+
-
    $('#'+constituentFolders[count]).css("color","#4D4DDB");
+
-
  });
+
-
  }
+
-
  else {
+
-
    $('#navmenu').mouseleave(function() {
+
-
    if ($('#subnavtopics').css('height') === '0px') {
+
-
   
+
-
$('.navpoint').not('.curlink').css("color","#CCCCCC");
+
-
    $('.navtopic').not('.curlink').css("color","#CCCCCC");
+
-
    $('#nav'+constituentFolders[2]).css("color","#4D4DDB");
+
-
    $('#navtopics').stop().animate({height: '20px'},{duration: 1000, easing: 'easeOutBounce'});
+
-
    $('#navtopics ul').css("display","none");
+
-
    if ($('.nav'+constituentFolders[2]).css('display') == 'none') {
+
-
    $('.nav'+constituentFolders[2]).stop().fadeTo(500,1);
+
-
    }
+
-
    $('#navtopics').removeClass("ui-corner-bottom")
+
-
    $('#subnavtopics').stop().animate({height: '20px'},{duration: 1000, easing: 'easeOutBounce'});
+
-
    $('#subnav'+constituentFolders[3]).css("color","#4D4DDB");
+
-
    $('#subnavtopics ul').css("display","none");
+
-
    $('.subnav'+constituentFolders[3]).stop().fadeTo(500,1);
+
-
  }
+
-
else {
+
-
  $('.subnavpoint').not('.curlink').css("color","#CCCCCC");
+
-
      $('.subnavtopic').not('.curlink').css("color","#CCCCCC");
+
-
$('.navpoint').not('.curlink').css("color","#CCCCCC");
+
-
    $('.navtopic').not('.curlink').css("color","#CCCCCC");
+
-
    $('#nav'+constituentFolders[2]).css("color","#4D4DDB");
+
-
    $('#subnav'+constituentFolders[3]).css("color","#4D4DDB");
+
-
    $('#navtopics').stop().animate({height: '20px'},{duration: 1000, easing: 'easeOutBounce'});
+
-
    $('#navtopics ul').css("display","none");
+
-
    if ($('.nav'+constituentFolders[2]).css('display') == 'none') {
+
-
    $('.nav'+constituentFolders[2]).stop().fadeTo(500,1);
+
-
    }
+
-
    $('#subnav'+constituentFolders[3]).css("color","#4D4DDB");
+
-
    $('#subnavtopics ul').css("display","none");
+
-
    $('.subnav'+constituentFolders[3]).stop().fadeTo(500,1);
+
-
    }
+
-
  });
+
-
  }
+
-
    } // endif
+
-
    else {
+
-
    $('#navmenu').mouseleave(function() {
+
-
    if ($('#subnavtopics').css('height') === '0px') {
+
-
$('.navpoint').not('.curlink').css("color","#CCCCCC");
+
-
    $('.navtopic').not('.curlink').css("color","#CCCCCC");
+
-
    $('#nav'+constituentFolders[2]).css("color","#4D4DDB");
+
-
    $('#navtopics').stop().animate({height: '20px'},{duration: 1000, easing: 'easeOutBounce'});
+
-
    $('#navtopics ul').css("display","none");
+
-
    if ($('.nav'+constituentFolders[2]).css('display') == 'none') {
+
-
    $('.nav'+constituentFolders[2]).stop().fadeTo(500,1);
+
-
    }
+
-
  }
+
-
   
+
-
else {
+
-
   
+
-
  $('.subnavpoint').not('.curlink').css("color","#CCCCCC");
+
-
      $('.subnavtopic').not('.curlink').css("color","#CCCCCC");
+
-
      $('#subnavtopics ul').stop().fateTo(500,0);
+
-
      $('#subnavtopics').stop().animate({height:0},{duration: 1000, easing: 'easeOutBounce', complete: function() {
+
-
$('.navpoint').not('.curlink').css("color","#CCCCCC");
+
-
    $('.navtopic').not('.curlink').css("color","#CCCCCC");
+
-
    $('#nav'+constituentFolders[2]).css("color","#4D4DDB");
+
-
    $(constituentFolders[3]).css("color","#4D4DDB");
+
-
    $('#navtopics').stop().animate({height: '20px'},{duration: 1000, easing: 'easeOutBounce'});
+
-
    $('#navtopics ul').css("display","none");
+
-
    if ($('.nav'+constituentFolders[2]).css('display') != 'none') {
+
-
    $('.nav'+constituentFolders[2]).stop().fadeTo(500,1);
+
-
    $('#subnav'+constituentFolders[3]).css("color","#4D4DDB");
+
-
    }
+
-
      }
+
-
    });
+
-
    }
+
-
  });
+
-
} //endelse
+
-
    } //endif
+
-
    else {
+
-
  $('#navmenu').mouseleave(function() {
+
-
    if ($('#subnavtopics').css('height') === '0px') {
+
-
        $('.navpoint').not('.curlink').css("color","#CCCCCC");
+
-
        $('.navtopic').not('.curlink').css("color","#CCCCCC");
+
-
        $('#navtopics ul').stop().fateTo(500,0);
+
-
        $('#navtopics').stop().animate({height:0},{duration: 1000, easing: 'easeOutBounce'});
+
-
    }
+
-
    else {
+
-
      $('.subnavpoint').not('.curlink').css("color","#CCCCCC");
+
-
      $('.subnavtopic').not('.curlink').css("color","#CCCCCC");
+
-
      $('#subnavtopics ul').stop().fateTo(500,0);
+
-
      $('#subnavtopics').stop().animate({height:0},{duration: 1000, easing: 'easeOutBounce', complete: function() {
+
-
        $('navtopics').addClass("ui-corner-bottom")
+
-
        $('.navpoint').not('.curlink').css("color","#CCCCCC");
+
-
        $('.navtopic').not('.curlink').css("color","#CCCCCC");
+
-
        $('#navtopics ul').stop().fateTo(500,0);
+
-
        $('#navtopics').stop().animate({height:0},{duration: 1000, easing: 'easeOutBounce'});
+
-
      }
+
-
    });
+
-
    }
+
-
    });
+
-
    } // endelse 
+
-
});
+
-
</script>
+
</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="navextra" href="https://2011.igem.org/Team:TU_Munich/extra">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>
-
       <li><a class="navtopic" id="navlab" href="https://2011.igem.org/Team:TU_Munich/lab">Lab</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="navteam" href="https://2011.igem.org/Team:TU_Munich/team">Team</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="navproject" href="https://2011.igem.org/Team:TU_Munich/project">Project</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>
+
-
        <li><a class="navpoint" id="home" href="https://2011.igem.org/Team:TU_Munich">Home</a></li>
+
       </ul>
       </ul>
-
       <ul class='navteam' style="display: none;">
+
       <ul id="bacliteam" class="bacnav" style="display: none;">
-
         <li><a class="navpoint" id="prevteam" href="https://2011.igem.org/Team:TU_Munich/team/prevteam">2010 Team</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="lab" href="https://2011.igem.org/Team:TU_Munich/team/lab">Simmel Lab</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="university" href="https://2011.igem.org/Team:TU_Munich/team/university">TU Munich</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>
 +
        <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="navlab" style="display: none;">
+
       <ul id="baclilab" 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="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="applications" href="https://2011.igem.org/Team:TU_Munich/lab/applications">Applications</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="results" href="https://2011.igem.org/Team:TU_Munich/lab/results">Results</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="safety" href="https://2011.igem.org/Team:TU_Munich/lab/safety">Safety</a></li>
+
-
      </ul>
+
-
      <ul class="navextra" style="display: none;">
+
-
        <li><a class="navpoint" id="ge" href="http://igem.ph.tum.de/" target="_blank">Website</a></li>
+
-
         <li><a class="navpoint" id="fb" href="http://www.facebook.com/pages/IGEM-TU-M%C3%BCnchen/149746078408629" target="_blank">Facebook</a></li>
+
-
        <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>
+
-
    </div>
+
-
  </div>
+
-
  <div id="subnavarea">
+
-
    <div id="subnavtopics" class="ui-corner-bottom">
+
-
      <ul class="subnavmodeling" style="display: none;">
+
-
        <li><a class="subnavpoint" id="combined" href="https://2011.igem.org/Team:TU_Munich/project/modeling/combined">Combined Model</a></li>
+
-
         <li><a class="subnavpoint" id="bluelight" href="https://2011.igem.org/Team:TU_Munich/project/modeling/bluelight">Blue Light Sendor</a></li>
+
-
        <li><a class="subnavpoint" id="redlight" href="https://2011.igem.org/Team:TU_Munich/project/modeling/redlight">Red Light Sensor</a></li>
+
-
        <li><a class="subnavpoint" id="andgate" href="https://2011.igem.org/Team:TU_Munich/project/modeling/andgate">AND Gate</a></li>
+
-
        <li><a class="subnavpoint" id="guide" href="https://2011.igem.org/Team:TU_Munich/project/modeling/guide">Guide</a></li>      
+
       </ul>
       </ul>
-
      <ul class="subnavhuman" style="display: none;">
+
  <ul id="baclihuman" class="bacnav" style="display: none;">
-
         <li><a class="subnavpoint" id="media" href="https://2011.igem.org/Team:TU_Munich/project/human/media">Media</a></li>
+
         <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>    
-
         <li><a class="subnavpoint" id="highschools" href="https://2011.igem.org/Team:TU_Munich/project/human/highschools">High Schools</a></li>
+
        <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>
-
         <li><a class="subnavpoint" id="comics" href="https://2011.igem.org/Team:TU_Munich/project/human/comics">Comics</a></li>
+
        <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>
-
      </ul>
+
         <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>
-
    </div>
+
  </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"