|
|
| (314 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"> |
| - | var colors = new Array();
| + | $('head').append('<meta content="IE=edge" http-equiv="X-UA-Compatible">'); |
| - | colors["overview"] = "#548C82";
| + | </script> |
| - | 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);
| + | <link rel="stylesheet" href="https://2011.igem.org/Team:ETH_Zurich/Templates/StyleSheetNew?action=raw&ctype=text/css" type="text/css" /> |
| - | 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> | | </html> {{{css|}}} <html> |
| | + | |
| | + | .toc |
| | + | { |
| | + | width: 100%; |
| | + | padding: 10px; |
| | + | } |
| | + | .toc .tocnumber |
| | + | { |
| | + | display: none; |
| | + | } |
| | </style> | | </style> |
| - | <div id="preload"> | + | |
| - | <img src="/wiki/images/e/e2/ETHZ-bg-overview.png" width="1" height="1" alt="Menu image preload" />
| + | <!-- Easter Egg --> |
| - | <img src="/wiki/images/0/03/ETHZ-bg-biology.png" width="1" height="1" alt="Menu image preload" />
| + | <div id="easteregg" style="position:fixed; width: 100%; height: 100%; z-index:1500; background-color: rgba(0,0,0,0.8); display: none;"> |
| - | <img src="/wiki/images/a/ac/ETHZ-bg-process.png" width="1" height="1" alt="Menu image preload" />
| + | <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/ b/ b8/ ETHZ-bg- modeling.png" width=" 1" height=" 1" alt=" Menu image preload" /> | + | <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"/> |
| - | <img src="/wiki/images/3/3d/ETHZ-bg-achievements.png" width="1" height="1" alt="Menu image preload" />
| + | </div> |
| - | <img src="/wiki/images/e/ed/ETHZ-bg-team.png" width="1" height="1" alt="Menu image preload" />
| + | |
| | + | <!-- Dropdown Menu --> |
| | + | <div class="stickToTop" id="naviBox" style="text-align:center; line-height: 0px; font-size: 0px; z-index: 500;"> |
| | + | <div style="width:210px; display: inline-block; position: relative; height:0px;"></div> |
| | + | <div style="position: relative; margin: 0 auto; display:inline-block; left: 0px; right: 0px;"> |
| | + | <div align="center" id="naviMenu" style="left: 0px; right: 0px; margin: 0pt auto; text-align: left;"> |
| | + | </html>{{:Team:ETH_Zurich/Templates/HeaderNew/MenuItems}}<html> |
| | </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__
| |
"
