Team:USTC-China/temp7
From 2012.igem.org
(Difference between revisions)
(24 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | == | + | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> |
- | + | <head> | |
- | === | + | <a name="top"> </a> |
- | + | <link rel="stylesheet" type="text/css" href="file:///C:/Users/apple/Desktop/iGEM/wiki/css1.css"/> | |
+ | </head> | ||
- | + | <body> | |
+ | <div id="header"> | ||
+ | <img src="file:///C:/Users/apple/Desktop/iGEM/wiki/wiki temp/wpimages/120803_10.png" height="100%" width="100%" stlye="left=6px;" alt="University of Science and Technology of China"/> | ||
+ | </div> | ||
+ | <!--accordion menu--> | ||
+ | <div id="leftcolumntotal"> | ||
+ | <div id="leftcolumn"> | ||
+ | <div id="leftcolumngreen"> | ||
+ | |||
+ | </div> | ||
+ | <div id="AccordionContainer" class="AccordionContainer"> | ||
+ | |||
+ | |||
+ | |||
+ | <div onmouseover="runAccordion(1,125);"> | ||
+ | <div class="AccordionTitle" onselectstart="return false;"> | ||
+ | introduction | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="Accordion1Content" class="AccordionContent"> | ||
+ | <span class="classgreena"> | ||
+ | <a href="/Team:Queens_Canada">home<p></a> | ||
+ | <a href="/Team:Queens_Canada/Intro/Hiring">hiring<p></a> | ||
+ | <a href="/Team:Queens_Canada/tour1">tour<p></a> | ||
+ | <a href="/Team:Queens_Canada/Intro/Team">team<p></a> | ||
+ | <a href="/Team:Queens_Canada/Intro/Photos">photo gallery<p></a> | ||
+ | |||
+ | </span> | ||
+ | </div> | ||
+ | |||
+ | <div onmouseover="runAccordion(2,125);"> | ||
+ | <div class="AccordionTitle" onselectstart="return false;"> | ||
+ | project nemo | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="Accordion2Content" class="AccordionContent"> | ||
+ | <span class="classreda"> | ||
+ | <a href="/Team:Queens_Canada/Project/Rationale"> rationale<p></a> | ||
+ | <a href="/Team:Queens_Canada/Project/Intro"> background<p></a> | ||
+ | <a href="/Team:Queens_Canada/Project/Methods">methods<p></a> | ||
+ | <a href="/Team:Queens_Canada/Project/Results">results<p></a> | ||
+ | <a href="/Team:Queens_Canada/Project/Future">applications<p></a> | ||
+ | </span> | ||
+ | </div> | ||
+ | |||
+ | <div onmouseover="runAccordion(3,75);"> | ||
+ | <div class="AccordionTitle" onselectstart="return false;"> | ||
+ | side projects | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="Accordion3Content" class="AccordionContent"> | ||
+ | <span class="classorangea"> | ||
+ | <a href="/Team:Queens_Canada/Side/Biodegradation">biodegradation<p></a> | ||
+ | <a href="/Team:Queens_Canada/Side/Reporter">reporter system<p></a> | ||
+ | <a href="/Team:Queens_Canada/Side/KillSwitch">kill switch<p></a> | ||
+ | </span> | ||
+ | </div> | ||
+ | |||
+ | <div onmouseover="runAccordion(4,100);"> | ||
+ | <div class="AccordionTitle" onselectstart="return false;"> | ||
+ | parts | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="Accordion4Content" class="AccordionContent"> | ||
+ | <span class="classpurplea"> | ||
+ | <a href="/Team:Queens_Canada/Parts/Contributions">novel assembly<p></a> | ||
+ | <a href="/Team:Queens_Canada/Parts/Featured">featured parts<p></a> | ||
+ | <a href="/Team:Queens_Canada/Parts/Registry">submitted parts<p></a> | ||
+ | <a href="/Team:Queens_Canada/Parts/Improvements">improvements<p></a> | ||
+ | </span> | ||
+ | </div> | ||
+ | |||
+ | <div onmouseover="runAccordion(5,75);"> | ||
+ | <div class="AccordionTitle" onselectstart="return false;"> | ||
+ | human practices | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="Accordion5Content" class="AccordionContent"> | ||
+ | <span class="classgreena"> | ||
+ | <a href="/Team:Queens_Canada/Safety/Lab">safety proposal<p></a> | ||
+ | <a href="/Team:Queens_Canada/Safety/FAQs">safety FAQs<p></a> | ||
+ | <a href="/Team:Queens_Canada/Safety/Bioterrorism">bioterrorism <p></a> | ||
+ | </span> | ||
+ | </div> | ||
+ | |||
+ | <div onmouseover="runAccordion(6,200);"> | ||
+ | <div class="AccordionTitle" onselectstart="return false;"> | ||
+ | notebook | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="Accordion6Content" class="AccordionContent"> | ||
+ | <span class="classreda"> | ||
+ | <a href="/Team:Queens_Canada/Notebook/Protocols/Rehydration">protocols<p></a> | ||
+ | <a href="/Team:Queens_Canada/Notebook/Week1-4">weeks 1-4<p></a> | ||
+ | <a href="/Team:Queens_Canada/Notebook/Week5-6">weeks 5-6<p></a> | ||
+ | <a href="/Team:Queens_Canada/Notebook/Week7-8">weeks 7-8<p></a> | ||
+ | <a href="/Team:Queens_Canada/Notebook/Week9-10">weeks 9-10<p></a> | ||
+ | <a href="/Team:Queens_Canada/Notebook/Week11-12">weeks 11-12<p></a> | ||
+ | <a href="/Team:Queens_Canada/Notebook/Week13-14">weeks 13-14<p></a> | ||
+ | <a href="/Team:Queens_Canada/Notebook/Week15-on">weeks 15 & on<p></a> | ||
+ | </span> | ||
+ | </div> | ||
+ | |||
+ | <div onmouseover="runAccordion(7,75);"> | ||
+ | <div class="AccordionTitle" onselectstart="return false;"> | ||
+ | partners | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="Accordion7Content" class="AccordionContent"> | ||
+ | <span class="classorangea"> | ||
+ | <a href="/Team:Queens_Canada/Partners/Sponsors">sponsors<p></a> | ||
+ | <a href="/Team:Queens_Canada/Partners/OSLI">iGEM teams<p></a> | ||
+ | <a href="/Team:Queens_Canada/Partners/Acknowledgements">acknowledgements<p></a> | ||
+ | </span> | ||
+ | </div> | ||
+ | |||
+ | <div onmouseover="runAccordion(8,125);"> | ||
+ | <div class="AccordionTitle" onselectstart="return false;"> | ||
+ | extras | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="Accordion8Content" class="AccordionContent"> | ||
+ | <span class="classpurplea"> | ||
+ | <a href="/Team:Queens_Canada/Extras/Recruitment"> <p></a> | ||
+ | <a href="/Team:Queens_Canada/Extras/Achievements">achievements<p></a> | ||
+ | <a href="/Team:Queens_Canada/Extras/Brainstorming">brainstorming<p></a> | ||
+ | <a href="/Team:Queens_Canada/Extras/Video">video gallery<p></a> | ||
+ | <a href="/Team:Queens_Canada/Extras/WormProtocols">engineer worms<p></a> | ||
+ | </span> | ||
+ | </div> | ||
+ | <style> | ||
+ | .AccordionTitle, .AccordionContent, .AccordionContainer | ||
+ | { position:relative; width:200px;} | ||
+ | .AccordionTitle{ | ||
+ | height: 30px; | ||
+ | overflow:hidden; | ||
+ | cursor:pointer; | ||
+ | font-family: "SegoeWP", "Calibri"; | ||
+ | font-weight:inherit; | ||
+ | text-indent:8px; | ||
+ | font-size:27px; | ||
+ | color:#06402C; | ||
+ | background-color:#ffffff; | ||
+ | vertical-align: middle; | ||
+ | background-repeat:repeat-x; | ||
+ | display:table-cell; | ||
+ | -moz-user-select:none; | ||
+ | } | ||
+ | |||
+ | .AccordionContent | ||
+ | { | ||
+ | height:0px; | ||
+ | overflow:hidden; | ||
+ | cursor:pointer; | ||
+ | background-color:#ffffff; | ||
+ | text-indent:20px; | ||
+ | vertical-align:top; | ||
+ | text-align:left; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .AccordionContainer | ||
+ | { | ||
+ | |||
+ | height:AccHeight; | ||
+ | background-color: #ffffff; | ||
+ | border-top: none; | ||
+ | border-bottom: none; | ||
+ | border-left: none; | ||
+ | border-right: none; | ||
+ | } | ||
+ | </style> | ||
- | < | + | |
+ | |||
+ | </div> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | var ContentHeight = 200; | ||
+ | var TimeToSlide = 300.0; | ||
+ | |||
+ | var openAccordion = ''; | ||
+ | |||
+ | |||
+ | function runAccordion(index, AccHeight) | ||
+ | { | ||
+ | ContentHeight = AccHeight; | ||
+ | |||
+ | var nID = "Accordion" + index + "Content"; | ||
+ | if(openAccordion == nID) | ||
+ | nID = ''; | ||
+ | |||
+ | setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'" | ||
+ | + openAccordion + "','" + nID + "')", 33); | ||
+ | |||
+ | openAccordion = nID; | ||
+ | |||
+ | } | ||
+ | |||
+ | function animate(lastTick, timeLeft, closingId, openingId) | ||
+ | { | ||
+ | var curTick = new Date().getTime(); | ||
+ | var elapsedTicks = curTick - lastTick; | ||
+ | |||
+ | var opening = (openingId == '') ? null : document.getElementById(openingId); | ||
+ | var closing = (closingId == '') ? null : document.getElementById(closingId); | ||
+ | |||
+ | if(timeLeft <= elapsedTicks) | ||
+ | { | ||
+ | if(opening != null) | ||
+ | opening.style.height = ContentHeight + 'px'; | ||
+ | |||
+ | if(closing != null) | ||
+ | { | ||
+ | closing.style.display = 'none'; | ||
+ | closing.style.height = '0px'; | ||
+ | } | ||
+ | return; | ||
+ | } | ||
+ | |||
+ | timeLeft -= elapsedTicks; | ||
+ | var newClosedHeight = Math.round((timeLeft/TimeToSlide) * ContentHeight); | ||
+ | |||
+ | if(opening != null) | ||
+ | { | ||
+ | if(opening.style.display != 'block') | ||
+ | opening.style.display = 'block'; | ||
+ | opening.style.height = (ContentHeight - newClosedHeight) + 'px'; | ||
+ | } | ||
+ | |||
+ | if(closing != null) | ||
+ | closing.style.height = newClosedHeight + 'px'; | ||
+ | |||
+ | setTimeout("animate(" + curTick + "," + timeLeft + ",'" | ||
+ | + closingId + "','" + openingId + "')", 33); | ||
+ | } | ||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="rightcontent"> | ||
+ | <!--stuff--> | ||
+ | <img src="file:///C:/Users/apple/Desktop/iGEM/wiki/wiki temp/wpimages/wp4332fdec_06.png" alt="Leaping wpfbe96ce0_05_06" width="735" height="800" /> | ||
+ | </div> |
Latest revision as of 06:16, 9 August 2012
introduction
project nemo
side projects
parts
human practices
notebook
partners
extras