Team:USTC-China/temp7

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
==project==
+
<head>
-
===brainstorming===
+
-
===discussion===
+
<a name="top"> </a>
-
===modeling===
+
<link rel="stylesheet" type="text/css" href="css1.css"/>
 +
</head>
-
[http://home.ustc.edu.cn/~unheilig]
+
  <body>
 +
  <div id="header">
 +
 
 +
  </div>
 +
<!--accordion menu-->
 +
<div id="leftcolumntotal">
 +
<div id="leftcolumn">
 +
 +
<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 &amp; 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>
 +
 
-
[<a href="http://www.htmldog.com/">HTML Dog</a>]
+
</div>
 +
<style>
 +
 +
.AccordionTitle, .AccordionContent, .AccordionContainer
 +
{
 +
  position:relative;
 +
  width:200px;
 +
}
 +
 +
.AccordionTitle
 +
{
 +
  height: 30px;
 +
  overflow:hidden;
 +
  cursor:pointer;
 +
  font-family: "SegoeWP", "Calibri";
 +
  font-weight: "light";
 +
  text-indent:8px;
 +
  font-size:27px;
 +
  color:#0D8059;
 +
  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>
 +
   
 +
</style>
 +
 +
  <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/wpfbe96ce0_05_06.jpg" alt="Leaping wpfbe96ce0_05_06" width="500" height="129" />
 +
</div>

Revision as of 03:08, 3 August 2012

<head>

<a name="top"> </a> <link rel="stylesheet" type="text/css" href="css1.css"/> </head> 

 <body>



     introduction
<a href="/Team:Queens_Canada">home

</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> 

     project nemo

           
           <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>   
        

     side projects

     
            <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>   
    

     parts

    
           <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>   
    

     human practices

    
       <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> 
   

     notebook

    
   <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> 
    

     partners

    
   <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> 
    

     extras

    
   <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>



</div> <style>

.AccordionTitle, .AccordionContent, .AccordionContainer { 

 position:relative;
 width:200px;

}

.AccordionTitle { 

 height: 30px;
 overflow:hidden;
 cursor:pointer;
 font-family: "SegoeWP", "Calibri"; 
 font-weight: "light";
 text-indent:8px;
 font-size:27px;
 color:#0D8059;
 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>

</style> 

 <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>

<img src="file:///C:/Users/apple/Desktop/iGEM/wiki/wiki temp/wpimages/wpfbe96ce0_05_06.jpg" alt="Leaping wpfbe96ce0_05_06" width="500" height="129" />

Retrieved from "http://2012.igem.org/Team:USTC-China/temp7"