Team:ETH Zurich/Templates/HeaderNew

From 2011.igem.org

(Difference between revisions)
 
(310 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html></p>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript" src="/wiki/images/c/c4/Jquery.swfobject.1-1-1.min.txt"></script>
<script type="text/javascript" src="/wiki/images/c/c4/Jquery.swfobject.1-1-1.min.txt"></script>
-
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.6/tiny/jquery.tools.min.js"></script>
+
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.6/all/jquery.tools.min.js"></script>
-
<link rel="stylesheet" href="https://2011.igem.org/Team:ETH_Zurich/Templates/StyleSheetNew?action=raw&amp;ctype=text/css" type="text/css" />
+
<script type="text/javascript" src="https://2011.igem.org/Team:ETH_Zurich/Templates/HeaderNew/SearchJS?action=raw&ctype=text/javascript">
 +
</script>
<script type="text/javascript">
<script type="text/javascript">
-
/*
+
$('head').append('<meta content="IE=edge" http-equiv="X-UA-Compatible">');
-
var colors = new Array();
+
</script>
-
colors["overview"] = "#548C82";
+
-
colors["biology"] = "#31695E";
+
-
        colors["process"] = "#26584F";
+
-
colors["modeling"] = "#1A473F";
+
-
colors["achievements"] = "#09241F";
+
-
colors["team"] = "#000D0A";
+
-
var backgrounds = new Array();
 
-
backgrounds["overview"] = "/wiki/images/e/e2/ETHZ-bg-overview.png";
 
-
backgrounds["biology"] = "/wiki/images/0/03/ETHZ-bg-biology.png";
 
-
        backgrounds["process"] = "/wiki/images/a/ac/ETHZ-bg-process.png";
 
-
backgrounds["modeling"] = "/wiki/images/b/b8/ETHZ-bg-modeling.png";
 
-
backgrounds["achievements"] = "/wiki/images/3/3d/ETHZ-bg-achievements.png";
 
-
backgrounds["team"] = "/wiki/images/e/ed/ETHZ-bg-team.png";
 
-
        var lastPage = '';
 
-
 
-
var currSection = "</html>{{{currSection}}}<html>";
 
-
var currPage = "</html>{{{currPage}}}<html>";
 
-
 
-
function restoreMenu(fadeOutOnly)
 
-
{
 
-
$('.submenu').stop(true,  true).fadeOut(200);
 
-
for (key in colors)
 
-
{
 
-
obj = $('#' + key);
 
-
 
-
obj.children().stop(true).animate({color: colors[key]}, 500);
 
-
obj.stop(true).animate({ backgroundColor: '#FFFFFF' }, 500);
 
-
 
-
}
 
-
 
-
if (!fadeOutOnly)
 
-
{
 
-
if (currSection != "{{{currSection}}}")
 
-
{
 
-
var obj = $('#' + currSection);
 
-
obj.stop(true).animate({ backgroundColor: colors[currSection] }, 500);
 
-
obj.children().stop(true).animate({color: 'white'}, 500);
 
-
$('#headpic').stop(true).delay(200).animate({ backgroundColor: colors[currSection]}, 500);
 
-
$('.'+currSection+'Sub').stop(true).delay(400).fadeIn(500);
 
-
}
 
-
}
 
-
}
 
-
 
-
 
-
$(document).ready( function()
 
-
{
 
-
 
-
    $(function()
 
-
{
 
-
restoreMenu(false);
 
-
    });
 
-
 
-
 
-
    $('#menu').mouseleave(function() {
 
-
// restoreMenu(false);
 
-
    });
 
-
 
-
    $('#menulist li').mouseover(function(){
 
-
// $('.listhead').not('.curlink').css("color","#ffffff");
 
-
 
-
var foo = $(this).attr('id');
 
-
if (foo != lastPage)
 
-
{
 
-
  $('#overlayFront').stop(true).css('background-image', $('#overlay').css('background-image'));
 
-
  $('#overlayFront').stop(true).animate({opacity: 1}, 0);
 
-
  $('#overlay').stop(true).animate({opacity: 0}, 0);
 
-
  $('#overlay').stop(true).css('background-image', 'url(' + backgrounds[foo] + ')');
 
-
 
 
-
  $('#overlayFront').stop(true).animate({opacity: 0}, 500);
 
-
  $('#overlay').stop(true).delay(400).animate({opacity: 1}, 500);
 
-
 
-
  lastPage = foo;
 
-
}
 
-
 
-
 
-
restoreMenu(true);
 
-
 
-
$(this).stop(true).animate({ backgroundColor: colors[foo] }, 500);
 
-
$(this).children().stop(true).animate({color: 'white'}, 500);
 
-
 
-
$('#headpic').stop(true).delay(200).animate({ backgroundColor: colors[foo]}, 500);
 
-
 
-
 
-
 
-
var vActive = $(this).attr("id");
 
-
$('.'+vActive+'Sub').stop(true).delay(400).fadeIn(500);
 
-
    });
 
-
 
-
$('.listmain').mouseover(function(){
 
-
$(this).stop(true).animate({color: '#FFFFFF'}, 200);
 
-
    });
 
-
$('.listmain').mouseleave(function(){
 
-
$(this).stop(true).animate({color: '#DDDDDD'}, 200);
 
-
    });
 
-
 
-
});
 
-
*/
 
-
</script>
 
 +
<link rel="stylesheet" href="https://2011.igem.org/Team:ETH_Zurich/Templates/StyleSheetNew?action=raw&ctype=text/css" type="text/css" />
<style type="text/css">
<style type="text/css">
-
/**
+
</html> {{{css|}}} <html>
-
* Horizontal CSS Drop-Down Menu Module
+
-
*
+
-
* @file dropdown.css
+
-
* @package Dropdown
+
-
* @version 0.7.1
+
-
* @type Transitional
+
-
* @stacks 597-599
+
-
* @browsers Windows: IE6+, Opera7+, Firefox1+
+
-
* Mac OS: Safari2+, Firefox2+
+
-
*
+
-
* @link http://www.lwis.net/
+
-
* @copyright 2006-2008 Live Web Institute. All Rights Reserved.
+
-
*
+
-
*/
+
-
ul.dropdown,
+
.toc
-
ul.dropdown li,
+
-
ul.dropdown ul {
+
-
list-style: none;
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
 
+
-
ul.dropdown {
+
-
position: relative;
+
-
z-index: 597;
+
-
float: left;
+
-
}
+
-
 
+
-
ul.dropdown li {
+
-
float: left;
+
-
line-height: 1.3em;
+
-
vertical-align: middle;
+
-
zoom: 1;
+
-
}
+
-
 
+
-
ul.dropdown li.hover,
+
-
ul.dropdown li:hover {
+
-
position: relative;
+
-
z-index: 599;
+
-
cursor: default;
+
-
}
+
-
 
+
-
ul.dropdown ul {
+
-
visibility: hidden;
+
-
position: absolute;
+
-
top: 100%;
+
-
left: 0;
+
-
z-index: 598;
+
-
width: 100%;
+
-
}
+
-
 
+
-
ul.dropdown ul li {
+
-
float: none;
+
-
}
+
-
 
+
-
ul.dropdown ul ul {
+
-
top: 1px;
+
-
left: 99%;
+
-
}
+
-
 
+
-
ul.dropdown li:hover > ul {
+
-
visibility: visible;
+
-
}
+
-
 
+
-
 
+
-
/**
+
-
* Vimeo.com CSS Drop-Down Menu Theme
+
-
*
+
-
* @file default.css
+
-
* @name Vimeo
+
-
* @version beta
+
-
* @type transitional
+
-
* @browsers Windows: IE5+, Opera9+, Firefox1+
+
-
* Mac OS: Safari2+, Firefox2+
+
-
*
+
-
* @link http://www.lwis.net/
+
-
* @copyright 2009 Live Web Institute. All Rights Reserved.
+
-
*
+
-
*/
+
-
 
+
-
 
+
-
/*-------------------------------------------------/
+
-
* @section Base Drop-Down Styling
+
-
*/
+
-
 
+
-
 
+
-
ul.dropdown {
+
-
background: transparent url(images/box1-bottom-left.png) 0 100% no-repeat;
+
-
font: normal 14px/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;
+
-
}
+
-
 
+
-
ul.dropdown li {
+
-
padding: 5px 10px;
+
-
background-color: #172322;
+
-
color: #fff;
+
-
line-height: 22px;
+
-
white-space: nowrap;
+
-
}
+
-
 
+
-
ul.dropdown li.first {
+
-
padding-left: 15px;
+
-
background: transparent url(images/box1-bottom2.png) 0 100% no-repeat;
+
-
}
+
-
 
+
-
ul.dropdown li.last {
+
-
padding-right: 15px;
+
-
background: transparent url(images/box1-bottom2.png) 100% 100% no-repeat;
+
-
}
+
-
 
+
-
ul.dropdown li.hover,
+
-
ul.dropdown li:hover {
+
-
color: #b0d730;
+
-
}
+
-
 
+
-
ul.dropdown a:link,
+
-
ul.dropdown a:visited { color: #fff; text-decoration: none; }
+
-
ul.dropdown a:hover { color: #b0d730; }
+
-
ul.dropdown a:active { color: #0395cc; }
+
-
 
+
-
 
+
-
/* -- level mark -- */
+
-
 
+
-
ul.dropdown ul {
+
-
left: -21px;
+
-
width: 150px;
+
-
padding: 0 16px;
+
-
background: url(images/box1-top.png) 50% 0 no-repeat;
+
-
}
+
-
 
+
-
ul.dropdown li.last ul {
+
-
left: auto;
+
-
right: 16px;
+
-
}
+
-
 
+
-
ul.dropdown ul li {
+
-
height: auto;
+
-
padding: 5px 15px;
+
-
line-height: 1.3em;
+
-
white-space: normal;
+
-
}
+
-
 
+
-
ul.dropdown ul li.first {
+
-
padding-left: 0;
+
-
background: #172322;
+
-
}
+
-
 
+
-
ul.dropdown ul li.last {
+
-
padding-bottom: 10px;
+
-
background: transparent url(images/box1-bottom.png) 50% 100% no-repeat;
+
-
}
+
-
 
+
-
ul.dropdown ul li.first ul {
+
-
top: 0;
+
-
padding: 0 16px 0 0;
+
-
background-image: url(images/box1-outwards-top-right.png);
+
-
}
+
-
 
+
-
ul.dropdown ul li.first li.first {
+
-
background-image: none;
+
-
}
+
-
 
+
-
ul.dropdown ul li.last {
+
-
padding-right: 0;
+
-
}
+
-
 
+
-
ul.dropdown ul li.last ul {
+
-
left: 100%;
+
-
right: auto;
+
-
top: -16px;
+
-
}
+
-
 
+
-
/* -- level mark -- */
+
-
 
+
-
ul.dropdown ul ul {
+
-
top: -12px;
+
-
left: 100%;
+
-
padding: 16px 0 0;
+
-
background: transparent url(images/box1-top-left.png) 0 0 no-repeat;
+
-
}
+
-
 
+
-
ul.dropdown ul ul li.first {
+
-
padding-top: 10px;
+
-
background: #172322 url(images/box1-top-right.png) 100% 0 no-repeat;
+
-
}
+
-
 
+
-
 
+
-
/*-------------------------------------------------/
+
-
* @section Search Form
+
-
*/
+
-
 
+
-
ul.dropdown form * {
+
-
display: inline;
+
-
float: left;
+
-
}
+
-
 
+
-
ul.dropdown form label {
+
-
display: none;
+
-
}
+
-
 
+
-
ul.dropdown form input.text {
+
-
width: 143px;
+
-
height: 18px;
+
-
padding: 2px 25px 2px 5px;
+
-
border-width: 0;
+
-
background: transparent url(images/bg_search-field.png) 0 0 no-repeat;
+
-
color: #969696;
+
-
font: normal 14px/17px Tahoma, Verdana, Arial, Helvetica, sans-serif;
+
-
vertical-align: middle;
+
-
}
+
-
 
+
-
ul.dropdown form input.text:focus {
+
-
outline: none;
+
-
}
+
-
 
+
-
ul.dropdown form input.button {
+
-
position: relative;
+
-
margin: 4px 0 0 -20px;
+
-
}
+
-
 
+
-
 
+
-
/*-------------------------------------------------/
+
-
* @section Support Class `dir`
+
-
*/
+
-
 
+
-
 
+
-
ul.dropdown *.dir {
+
-
padding-right: 20px;
+
-
background-image: url(images/nav-arrow-down.png);
+
-
background-position: 100% 50%;
+
-
background-repeat: no-repeat;
+
-
}
+
-
 
+
-
 
+
-
/* -- Components override -- */
+
-
 
+
-
ul.dropdown-horizontal ul *.dir {
+
-
padding-right: 15px;
+
-
background-image: url(images/nav-arrow-right.png);
+
-
background-position: 95% 50%;
+
-
background-repeat: no-repeat;
+
-
}
+
-
/**
+
-
* Default Advanced CSS Drop-Down Menu Theme
+
-
*
+
-
* @file default.advanced.css
+
-
* @name Default
+
-
* @version beta
+
-
* @type transitional
+
-
* @browsers Windows: IE5+, Opera9+, Firefox1+
+
-
* Mac OS: Safari2+, Firefox2+
+
-
*
+
-
* @link http://www.lwis.net/
+
-
* @copyright 2008 Live Web Institute. All Rights Reserved.
+
-
*
+
-
*/
+
-
 
+
-
 
+
-
/*-------------------------------------------------/
+
-
* @section Base Style Extension
+
-
*/
+
-
 
+
-
ul.dropdown li a {
+
-
display: block;
+
-
padding: 5px 10px;
+
-
}
+
-
 
+
-
 
+
-
/*-------------------------------------------------/
+
-
* @section Base Style Override
+
-
*/
+
-
 
+
-
ul.dropdown li, ul.dropdown ul li {
+
-
padding: 0;
+
-
}
+
-
 
+
-
 
+
-
/*-------------------------------------------------/
+
-
* @section Base Style Reinitiate: post-override activities
+
-
*/
+
-
 
+
-
ul.dropdown li.dir {
+
-
padding: 5px 20px 5px 10px;
+
-
}
+
-
 
+
-
ul.dropdown ul li.dir {
+
-
padding: 5px 15px;
+
-
}
+
-
 
+
-
 
+
-
/*-------------------------------------------------/
+
-
* @section Custom
+
-
*/
+
-
 
+
-
ul.dropdown ul a {
+
-
padding-left: 15px;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
ul.dropdown li.hover *.open {
+
-
color: #b0d730;
+
-
}
+
-
 
+
-
/* CSS2 clone */
+
-
 
+
-
ul.dropdown li:hover > *.dir {
+
-
color: #b0d730;
+
-
}
+
-
 
+
-
 
+
-
/* ------------------------------- */
+
-
/* ------------------------------- */
+
-
/* ------------------------------- */
+
-
/* ------------------------------- */
+
-
 
+
-
#navi,.navi
+
{
{
-
    height: 35px;
+
  width: 100%;
-
    width: 100%;
+
  padding: 10px;
}
}
-
.navi
+
.toc .tocnumber
{
{
-
    z-index: 1;
+
  display: none;
-
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
+
-
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
+
-
    position: relative;
+
-
    border-bottom: 1px solid #000000;
+
}
}
-
.stickToTop
 
-
{
 
-
    position: fixed;
 
-
    top:0;
 
-
    width:100%;
 
-
}
 
-
 
-
</html> {{{css|}}} <html>
 
</style>
</style>
-
  <div class="navi stickToTop">
 
-
<ul class="dropdown dropdown-horizontal">
 
-
<li class="first"><a href="./">Home</a></li>
+
<!-- Easter Egg -->
-
<li class="dir">About Us
+
<div id="easteregg" style="position:fixed; width: 100%; height: 100%; z-index:1500; background-color: rgba(0,0,0,0.8); display: none;">
-
<ul>
+
<iframe title="YouTube video player" class="youtube-player" type="text/html" width="400" height="325" src="http://www.youtube.com/embed/n8FM8nyy_Fk?hd=1" frameborder="0" style="position: absolute; left:50%; top:50%; margin: -162px 0 0 -200px;"></iframe>
-
<li class="first"><a href="./">History</a></li>
+
<img src="/wiki/images/1/11/ETHZ_dialog-close.png" onclick="document.getElementById('easteregg').style.display='none'" style="position: absolute; left:50%; top:50%; margin-left: 202px; margin-top: 139px"/>
-
<li><a href="./">Our Vision</a></li>
+
-
<li><a href="./" class="dir">The Team</a>
+
-
<ul>
+
-
 
+
-
<li class="first"><a href="./">Brigita</a></li>
+
-
<li><a href="./">John</a></li>
+
-
<li><a href="./">Michael</a></li>
+
-
<li><a href="./">Peter</a></li>
+
-
<li class="last"><a href="./">Sarah</a></li>
+
-
</ul>
+
-
 
+
-
</li>
+
-
<li><a href="./">Clients</a></li>
+
-
<li><a href="./">Testimonials</a></li>
+
-
<li><a href="./">Press</a></li>
+
-
<li class="last"><a href="./">FAQs</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li class="dir">Services
+
-
<ul>
+
-
<li class="first"><a href="./">Product Development</a></li>
+
-
<li><a href="./">Delivery</a></li>
+
-
<li><a href="./">Shop Online</a></li>
+
-
<li><a href="./">Support</a></li>
+
-
<li class="last"><a href="./">Training &amp; Consulting</a></li>
+
-
 
+
-
</ul>
+
-
</li>
+
-
<li class="dir">Products
+
-
<ul>
+
-
<li class="first"><a href="./" class="dir">New</a>
+
-
<ul>
+
-
<li class="first"><a href="./">Corporate Use</a></li>
+
-
<li class="last"><a href="./">Private Use</a></li>
+
-
 
+
-
</ul>
+
-
</li>
+
-
<li><a href="./" class="dir">Used</a>
+
-
<ul>
+
-
<li class="first"><a href="./">Corporate Use</a></li>
+
-
<li class="last"><a href="./">Private Use</a></li>
+
-
</ul>
+
-
 
+
-
</li>
+
-
<li><a href="./">Featured</a></li>
+
-
<li><a href="./">Top Rated</a></li>
+
-
<li class="last"><a href="./">Prices</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="./">Gallery</a></li>
+
-
 
+
-
<li><a href="./">Events</a></li>
+
-
<li><a href="./">Careers</a></li>
+
-
<li><a href="./" class="dir">Contact Us</a>
+
-
<ul>
+
-
<li class="first"><a href="./">Enquiry Form</a></li>
+
-
<li><a href="./" class="dir">Map &amp; Driving Directions</a>
+
-
 
+
-
<ul>
+
-
<li class="first"><a href="./">Map</a></li>
+
-
<li class="last"><a href="./">Driving Directions</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="last"><a href="./">Your Feedback</a></li>
+
-
</ul>
+
-
 
+
-
</li>
+
-
<li class="dir last">
+
-
<form method="post" action="">
+
-
<label for="search">Search:</label>
+
-
<input type="text" id="search" class="text" value="Search me!" onfocus="if (this.value == 'Search me!') this.value = '';" onblur="if (this.value == '') this.value = 'Search me!';" maxlength="255" />
+
-
<input type="image" src="/profile/CSS/dropdown/transitional/themes/vimeo.com/images/btn_search.png" class="button" />
+
-
</form>
+
-
<ul>
+
-
 
+
-
<li class="first"><a href="./">Search result #1</a></li>
+
-
<li><a href="./">Search result #2</a></li>
+
-
<li><a href="./">Search result #3</a></li>
+
-
<li><a href="./">Search result #4</a></li>
+
-
<li class="last"><a href="./">Search result #5</a></li>
+
-
</ul>
+
-
 
+
-
</li>
+
-
</ul>
+
</div>
</div>
-
<div id="preload">
+
<!-- Dropdown Menu -->
-
  <img src="/wiki/images/e/e2/ETHZ-bg-overview.png" width="1" height="1" alt="Menu image preload" />
+
<div class="stickToTop" id="naviBox" style="text-align:center; line-height: 0px; font-size: 0px; z-index: 500;">
-
  <img src="/wiki/images/0/03/ETHZ-bg-biology.png" width="1" height="1" alt="Menu image preload" />
+
<div style="width:210px; display: inline-block; position: relative; height:0px;"></div>
-
  <img src="/wiki/images/a/ac/ETHZ-bg-process.png" width="1" height="1" alt="Menu image preload" />
+
<div style="position: relative; margin: 0 auto; display:inline-block; left: 0px; right: 0px;">
-
  <img src="/wiki/images/b/b8/ETHZ-bg-modeling.png" width="1" height="1" alt="Menu image preload" />
+
<div align="center" id="naviMenu" style="left: 0px; right: 0px; margin: 0pt auto; text-align: left;">
-
  <img src="/wiki/images/3/3d/ETHZ-bg-achievements.png" width="1" height="1" alt="Menu image preload" />
+
</html>{{:Team:ETH_Zurich/Templates/HeaderNew/MenuItems}}<html>
-
  <img src="/wiki/images/e/ed/ETHZ-bg-team.png" width="1" height="1" alt="Menu image preload" />
+
</div>
</div>
-
<div id="easteregg" style="position:absolute; left:200px; top:100px;display:none;z-index:99999999">
 
-
<iframe title="YouTube video player" class="youtube-player" type="text/html" width="400" height="325" src="http://www.youtube.com/embed/n8FM8nyy_Fk?hd=1" frameborder="0"></iframe>
 
</div>
</div>
-
<div id='title'>
 
-
  <div id='smocolilogo'> <a href='/Team:ETH_Zurich'> <img src='/wiki/images/5/5f/ETH_Zurich_iGEM_new.png'> </a> </div>
 
-
  <!--<div id='bsselogo'> <a href='http://www.bsse.ethz.ch' target="_blank"><img src='/wiki/images/0/08/BSSE_small.png'></a> </div>-->
 
-
  <div id='slogan'><b><a href="#" onclick="document.getElementById('easteregg').style.display='block'" style="text-decoration:none;color:#000000;">Can you feel the smoke tonight?</a></b></div>
 
-
  <!-- <div id='ethlogo'> <a href='http://www.ethz.ch' target="_blank"> <img src='/wiki/images/d/da/ETH_Zurich_Logo.png'> </a> </div>-->
 
-
  <div id='igemlogo'> <a href='https://2011.igem.org'> <img src='/wiki/images/f/fb/IGEM_small.png'> </a> </div>
 
</div>
</div>
-
<div id='menu'>
 
-
  <div id='menuback'>
 
-
    <ul id='menulist'>
 
-
      <li id='overview' class='overview overviewTitle'><a href='/Team:ETH_Zurich' class='listhead'>Overview</a></li>
 
-
      <li id='biology' class='biology biologyTitle'><a href='/Team:ETH_Zurich/Biology' class='listhead' >Biology</a></li>
 
-
      <li id='process' class='process processTitle'><a href='/Team:ETH_Zurich/Process/Microfluidics' class='listhead' >Microfluidics</a></li>
 
-
      <li id='modeling' class='modeling modelingTitle'><a href='/Team:ETH_Zurich/Modeling' class='listhead' >Modeling</a></li>
 
-
      <li id='achievements' class='achievements achievementsTitle'><a href='/Team:ETH_Zurich/Achievements/Data_page' class='listhead' >Human practices</a></li>
 
-
      <li id='team' class='team teamTitle'><a href='/Team:ETH_Zurich/Team' class='listhead' >Team</a></li>
 
-
    </ul>
 
-
  </div>
 
-
  <div id='headpic'>
 
-
    <div id='overlayBack'></div>
 
-
    <div id='overlay'></div>
 
-
    <div id='overlayFront'></div>
 
-
    <div id='headover'>
 
-
      <!--<p id='headtit'>SmoColi<span class='dark'> &nbsp;<span class='highlight'>|</span>&nbsp;&nbsp;Detect when <i>your</i> party is on</span></p>-->
 
-
      <ul class='overviewSub submenu'>
 
-
        <li><a href='/Team:ETH_Zurich' class='listmain'>Introduction</a></li>
 
-
        <li><a href='/Team:ETH_Zurich/Overview/Project' class='listmain'>Project Idea</a></li>
 
-
        <li><a href='/Team:ETH_Zurich/Overview/CircuitDesign' class='listmain'>Circuit Design</a></li>
 
-
        <li><a href='/Team:ETH_Zurich/Achievements/Data_page' class='listmain'>Data page</a></li>
 
-
      </ul>
 
-
      <ul class='biologySub submenu'>
 
-
        <li><a href='/Team:ETH_Zurich/Biology' class='listmain'>Overview</a></li>
 
-
        <li><a href='/Team:ETH_Zurich/Biology/Detector' class='listmain'>Network Elements</a></li>
 
-
        <li><a href='/Team:ETH_Zurich/Biology/MolecularMechanism' class='listmain'>Genetic Design</a></li>
 
-
        <li><a href='/Team:ETH_Zurich/Biology/Validation' class='listmain'>Results</a></li>
 
-
        <li>
 
-
          <ul class='biologySub submenu'>
 
-
            <li><a href='/Team:ETH_Zurich/Biology/Cloning' class='listmain'>Material and Methods</a></li>
 
-
            <li><a href='/Team:ETH_Zurich/Biology/Journal' class='listmain'>Lab journal</a></li>
 
-
       
 
-
          </ul>
 
-
        </li>
 
-
      </ul>
 
-
      <ul class='modelingSub submenu'>
 
-
        <li><a href='/Team:ETH_Zurich/Modeling'  class='listmain'>Overview</a></li>
 
-
        <li><a href='/Team:ETH_Zurich/Modeling/SingleCell'  class='listmain'>Single-Cell Model</a></li>
 
-
        <li><a href='/Team:ETH_Zurich/Modeling/Analysis' class='listmain'>System Analysis</a></li>
 
-
        <li><a href='/Team:ETH_Zurich/Modeling/Microfluidics'  class='listmain'>Diffusion Model</a></li>
 
-
        <li>
 
-
          <ul class='modelingSub submenu'>
 
-
            <li><a href='/Team:ETH_Zurich/Modeling/Combined'  class='listmain'>Combined Model</a></li>
 
-
            <li><a href='/Team:ETH_Zurich/Modeling/Parameters' class='listmain'>Parameters</a></li>
 
-
            <li><a href='/Team:ETH_Zurich/Modeling/References' class='listmain'>References</a></li>
 
-
            <!--<li><a href='/Team:ETH_Zurich/Modeling/Code' class='listmain'>Code</a></li>-->
 
-
            <li><a href='/Team:ETH_Zurich/Achievements/Model_Results' class='listmain'>Results</a></li>
 
-
          </ul>
 
-
        </li>
 
-
      </ul>
 
-
      <ul class='processSub submenu'>
 
-
        <li><a href='/Team:ETH_Zurich/Process/Microfluidics' class='listmain'>Channel Design</a></li>
 
-
        <li><a href='/Team:ETH_Zurich/Process/Validation' class='listmain'>Evaluation</a></li>
 
-
        <!--<li><a href='/Team:ETH_Zurich/Process/ModelVSExperiment' class='listmain'>Model VS Experiment</a></li>-->
 
-
      </ul>
 
-
      <ul class='achievementsSub submenu'>
 
-
        <li><a href='/Team:ETH_Zurich/Biology/Safety' class='listmain'>Safety</a></li>
 
-
        <li><a href='/Team:ETH_Zurich/Team/Human practices' class='listmain'>Outreach</a></li>
 
-
        <li>
+
 
-
          <ul class='achievementsSub submenu'>
+
<!-- Nav Box -->
-
            <!--<li><a href='/Team:ETH_Zurich/Achievements/Model_Toolbox' class='listmain'>Model Toolbox</a></li>-->
+
<!-- <div style="position: fixed; top: 37px; left: 10px; border-radius: 15px; padding: 15px; border: #172322 1px solid; background-color: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Safari/Chrome */"> -->
-
          </ul>
+
<div style="position: fixed; top: 37px; left: 0px; padding: 15px; width:220px; bottom: 0px; z-index: 600; overflow: auto;">  
-
        </li>
+
</html>{{:Team:ETH_Zurich/Templates/HeaderNew/SideBar}}<html>
-
      </ul>
+
-
      <ul class='teamSub submenu'>
+
-
        <li><a href='/Team:ETH_Zurich/Team' class='listmain'>Overview</a></li>
+
-
        <li><a href='/Team:ETH_Zurich/Team/Media' class='listmain'>Photo Gallery</a></li>
+
-
        <li><a href='/Team:ETH_Zurich/Team/Acknowledgements' class='listmain'>Acknowledgements</a></li>
+
-
        <li><a href='/Team:ETH_Zurich/Team/Brainstorming' class='listmain'>Brainstorming</a></li>
+
-
        <li>
+
-
          <ul class='teamSub submenu'>
+
-
            <li><a href='https://igem.org/Team.cgi?year=2011&team_name=ETH_Zurich' target='_blank' class='listmain'>Official Team Overview</a></li>
+
-
            <li><a href='/Team:ETH_Zurich/Team/Sponsors' class='listmain'>Sponsors</a></li>
+
-
         
+
-
          </ul>
+
-
        </li>
+
-
      </ul>
+
-
    </div>
+
-
  </div>
+
</div>
</div>
-
<script type="text/javascript">
 
-
        $('.submenu').css('display',  'none');
 
-
var overlay = $("#overlayBack");
 
-
 
-
function runIt() {
 
-
op = Math.random()*0.5+0.5;
 
-
  overlay.animate({opacity: op}, 3000, 'easeInOutBounce', runIt);
 
-
}
 
-
 
-
// runIt();
 
-
</script>
 
 +
<!-- Page -->
 +
<div style="bottom: 0; left: 235px; overflow: auto; position: fixed; right: 0px; top: 32px;">
 +
<div style="margin-left: 20px; margin-right: 20px; padding-top: 20px;">
</html>
</html>
-
__NOTOC__
 

Latest revision as of 19:54, 28 October 2011

Can you feel the smoke tonight?
 

Retrieved from "http://2011.igem.org/Team:ETH_Zurich/Templates/HeaderNew"