|
|
| Line 7: |
Line 7: |
| | <script type="text/javascript"> | | <script type="text/javascript"> |
| | /* | | /* |
| - | var colors = new Array();
| |
| - | 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) | | function restoreMenu(fadeOutOnly) |
| | { | | { |
| Line 111: |
Line 90: |
| | | | |
| | <style type="text/css"> | | <style type="text/css"> |
| | + | |
| | + | |
| | + | |
| | + | |
| | /** | | /** |
| | * Horizontal CSS Drop-Down Menu Module | | * Horizontal CSS Drop-Down Menu Module |
| Line 453: |
Line 436: |
| | </html> {{{css|}}} <html> | | </html> {{{css|}}} <html> |
| | </style> | | </style> |
| - | <div class="navi stickToTop"> | + | |
| | + | <div class="navi stickToTop"> |
| | <ul class="dropdown dropdown-horizontal"> | | <ul class="dropdown dropdown-horizontal"> |
| - | | + | <li class="first dir"><a href="/Team:ETH_Zurich">Overview</a> |
| - | <li class="first"><a href="./"> Home</a></li> | + | <ul> |
| - | <li class="dir">About Us
| + | <li class="first"><a href=" /Team:ETH_Zurich/Overview/Project">What is SmoColi?</a></li> |
| | + | <li><a href="/Team:ETH_Zurich/Overview/CircuitDesign">The Circuit</a></li> |
| | + | <li class="last"><a href="/Team:ETH_Zurich/Achievements/Data_page">The Team</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | <li class="dir"><a href="/Team:ETH_Zurich/Biology">Biology</a> |
| | + | <ul> |
| | + | <li class="first"><a href="/Team:ETH_Zurich/Biology/Detector">Building the network</a></li> |
| | + | <li><a href="/Team:ETH_Zurich/Biology/MolecularMechanism">Genetic Design</a></li> |
| | + | <li><a href="/Team:ETH_Zurich/Biology/Validation">Results</a></li> |
| | + | <li><a href="/Team:ETH_Zurich/Biology/Cloning">Materials and Methods</a></li> |
| | + | <li class="last"><a href="/Team:ETH_Zurich/Biology/Journal">Lab Journal</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | <li class="dir"><a href="/Team:ETH_Zurich/Process/Microfluidics">Microfluidics</a> |
| | + | <ul> |
| | + | <li class="first"><a href="/Team:ETH_Zurich/Process/Microfluidics">Designing Channels...</a></li> |
| | + | <li class="last"><a href="/Team:ETH_Zurich/Process/Validation">Experimental Results</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | <li class="dir"><a href="/Team:ETH_Zurich/Modeling">Modeling</a> |
| | + | <ul> |
| | + | <li class="first"><a href="/Team:ETH_Zurich/Modeling/SingleCell">Single-Cell Model</a></li> |
| | + | <li><a href="/Team:ETH_Zurich/Modeling/Analysis">Systematic Circuit Analysis</a></li> |
| | + | <li><a href="/Team:ETH_Zurich/Modeling/Combined">Diffusion Model</a></li> |
| | + | <li><a href="/Team:ETH_Zurich/Modeling/Parameters">Parameters</a></li> |
| | + | <li><a href="/Team:ETH_Zurich/Modeling/References">References</a></li> |
| | + | <li><a href="/Team:ETH_Zurich/Modeling/Code">Code</a></li> |
| | + | <li class="last"><a href="/Team:ETH_Zurich/Modeling/Model_Results">Predictions & Results</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | <li class="dir"><a href="/Team:ETH_Zurich/Team/Human practices">Human Practices</a> |
| | + | <ul> |
| | + | <li class="first"><a href="/Team:ETH_Zurich/Team/Human practices">Outreach</a></li> |
| | + | <li class="last"><a href="/Team:ETH_Zurich/Biology/Safety">Safety</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | <li class="dir"><a href="/Team:ETH_Zurich/Team">Team</a> |
| | <ul> | | <ul> |
| - | <li class="first"><a href="./"> History</a></li> | + | <li class="first"><a href=" /Team:ETH_Zurich/Team">Team SmoColi</a></li> |
| - | <li><a href="./"> Our Vision</a></li> | + | <li><a href="/Team:ETH_Zurich/Team/Media">Photo Gallery</a></li> |
| - | <li><a href="./" class=" dir"> The Team</a> | + | <li><a href="/Team:ETH_Zurich/Team/Acknowledgements">Acknowledgements & Contributions</a></li> |
| - | | + | <li><a href="https://igem.org/Team.cgi?year=2011&team_name=ETH_Zurich" target="_blank">Official Team Overview</a></li> |
| | + | |
| | + | <li class="last"><a href=" ">Sponsors</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> |
| | | | |
| - | <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> | | </div> |
| | | | |
| Line 555: |
Line 514: |
| | <img src="/wiki/images/e/ed/ETHZ-bg-team.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"> | | <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> | | <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 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>
| + | < div class= ""> <a href='/Team:ETH_Zurich' > <img src='/ wiki/ images/ 5/ 5f/ ETH_Zurich_iGEM_new.png'> </a> </ div> |
| - | <ul class='achievementsSub submenu'>
| + | < !--< 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> --> |
| - | <!--<li><a href='/Team:ETH_Zurich /Achievements/Model_Toolbox' class=' listmain'>Model Toolbox</ a></ li>--> | + | < div class= ""> <a href='https:// 2011.igem.org'> < img src='/ wiki/ images/ f/fb/IGEM_small.png'> </a> </div> |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | </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>
| + | |
| - | <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>
| + | |
| | | | |
| | </html> | | </html> |
| | __NOTOC__ | | __NOTOC__ |
"
