|
|
| (311 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> |
| - | | + | <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 {
| + | width: 100%; |
| - | list-style: none;
| + | padding: 10px; |
| - | margin: 0;
| + | |
| - | padding: 0;
| + | |
| | } | | } |
| - | | + | .toc .tocnumber |
| - | ul.dropdown {
| + | { |
| - | position: relative;
| + | display: none; |
| - | 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;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | </html> {{{css|}}} <html>
| |
| | </style> | | </style> |
| | | | |
| - | <ul id="nav" class="dropdown dropdown-horizontal"> | + | <!-- Easter Egg --> |
| | + | <div id="easteregg" style="position:fixed; width: 100%; height: 100%; z-index:1500; background-color: rgba(0,0,0,0.8); display: none;"> |
| | + | <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> |
| | + | <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"/> |
| | + | </div> |
| | | | |
| - | <li class="first"><a href="./">Home</a></li>
| + | <!-- Dropdown Menu --> |
| - | <li class="dir">About Us
| + | <div class="stickToTop" id="naviBox" style="text-align:center; line-height: 0px; font-size: 0px; z-index: 500;"> |
| - | <ul>
| + | <div style="width:210px; display: inline-block; position: relative; height:0px;"></div> |
| - | <li class="first"><a href="./">History</a></li>
| + | <div style="position: relative; margin: 0 auto; display:inline-block; left: 0px; right: 0px;"> |
| - | <li><a href="./">Our Vision</a></li>
| + | <div align="center" id="naviMenu" style="left: 0px; right: 0px; margin: 0pt auto; text-align: left;"> |
| - | <li><a href="./" class="dir">The Team</a>
| + | </html>{{:Team:ETH_Zurich/Templates/HeaderNew/MenuItems}}<html> |
| - | <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 & 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 & 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 id="preload"> | + | |
| - | <img src="/wiki/images/e/e2/ETHZ-bg-overview.png" width="1" height="1" alt="Menu image preload" />
| + | |
| - | <img src="/wiki/images/0/03/ETHZ-bg-biology.png" width="1" height="1" alt="Menu image preload" />
| + | |
| - | <img src="/wiki/images/a/ac/ETHZ-bg-process.png" width="1" height="1" alt="Menu image preload" />
| + | |
| - | <img src="/wiki/images/b/b8/ETHZ-bg-modeling.png" width="1" height="1" alt="Menu image preload" />
| + | |
| - | <img src="/wiki/images/3/3d/ETHZ-bg-achievements.png" width="1" height="1" alt="Menu image preload" />
| + | |
| - | <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'> <span class='highlight'>|</span> 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__
| |
"
