Wiki/Team:Waterloo

From 2010.igem.org

(Difference between revisions)
(Adding Accordion Menu in Parts - 2 - added js)
(Adding Accordion Menu in Parts - 3 - added html components of accordion)
Line 88: Line 88:
       div.aHeader {float:left;width:42px;height:100%;overflow:hidden;}
       div.aHeader {float:left;width:42px;height:100%;overflow:hidden;}
       div.aHeader div.top{height:12px;width:100%;background-image:url('https://static.igem.org/mediawiki/2010/7/75/A_bar.png');background-position:-42px 0;}
       div.aHeader div.top{height:12px;width:100%;background-image:url('https://static.igem.org/mediawiki/2010/7/75/A_bar.png');background-position:-42px 0;}
-
       div.aHeader div.mid{height:526px;width:100%;background-image:url('https://static.igem.org/mediawiki/2010/7/75/A_bar.png');background-position:-168px 0;overflow:hidden;}
+
       div.aHeader div.mid{width:100%;background-image:url('https://static.igem.org/mediawiki/2010/7/75/A_bar.png');background-position:-168px 0;overflow:hidden;}
       div.aHeader div.bottom {height:12px;width:100%;background-image:url('https://static.igem.org/mediawiki/2010/7/75/A_bar.png');background-position: -42px -12px;}
       div.aHeader div.bottom {height:12px;width:100%;background-image:url('https://static.igem.org/mediawiki/2010/7/75/A_bar.png');background-position: -42px -12px;}
        
        
       div.aHeaderHover {float:left;width:42px;height:100%;overflow:hidden;}
       div.aHeaderHover {float:left;width:42px;height:100%;overflow:hidden;}
       div.aHeaderHover div.top{height:12px;width:100%;background-image:url('https://static.igem.org/mediawiki/2010/7/75/A_bar.png');background-position:-84px 0;}
       div.aHeaderHover div.top{height:12px;width:100%;background-image:url('https://static.igem.org/mediawiki/2010/7/75/A_bar.png');background-position:-84px 0;}
-
       div.aHeaderHover div.mid{height:526px;width:100%;background-image:url('https://static.igem.org/mediawiki/2010/7/75/A_bar.png');background-position:-210px 0;overflow:hidden;}
+
       div.aHeaderHover div.mid{width:100%;background-image:url('https://static.igem.org/mediawiki/2010/7/75/A_bar.png');background-position:-210px 0;overflow:hidden;}
       div.aHeaderHover div.bottom {height:12px;width:100%;background-image:url('https://static.igem.org/mediawiki/2010/7/75/A_bar.png');background-position: -84px -12px;}
       div.aHeaderHover div.bottom {height:12px;width:100%;background-image:url('https://static.igem.org/mediawiki/2010/7/75/A_bar.png');background-position: -84px -12px;}
        
        
       div.aHeaderSelected {float:left;width:42px;height:100%;overflow:hidden;}
       div.aHeaderSelected {float:left;width:42px;height:100%;overflow:hidden;}
       div.aHeaderSelected div.top{height:12px;width:100%;background-image:url('https://static.igem.org/mediawiki/2010/7/75/A_bar.png');background-position:0px 0;}
       div.aHeaderSelected div.top{height:12px;width:100%;background-image:url('https://static.igem.org/mediawiki/2010/7/75/A_bar.png');background-position:0px 0;}
-
       div.aHeaderSelected div.mid{height:526px;width:100%;background-image:url('https://static.igem.org/mediawiki/2010/7/75/A_bar.png');background-position:-126px 0;overflow:hidden;}
+
       div.aHeaderSelected div.mid{width:100%;background-image:url('https://static.igem.org/mediawiki/2010/7/75/A_bar.png');background-position:-126px 0;overflow:hidden;}
       div.aHeaderSelected div.bottom {height:12px;width:100%;background-image:url('https://static.igem.org/mediawiki/2010/7/75/A_bar.png');background-position: 0px -12px;}
       div.aHeaderSelected div.bottom {height:12px;width:100%;background-image:url('https://static.igem.org/mediawiki/2010/7/75/A_bar.png');background-position: 0px -12px;}
Line 347: Line 347:
<!-- Replacement HTML Content -->
<!-- Replacement HTML Content -->
<div id="uwheader"></div>
<div id="uwheader"></div>
-
<div id="accordion" style="color:white !important; background:#444444;">
+
<div id="accordion">
-
Superbugs, or antibiotic resistant microorganisms, are microbes that have become resistant to traditional treatments. These types of infections are difficult to diagnose, treat, and eradicate, making the healing process time consuming and resource intensive. The native quorum-sensing unit from S.aureus (the Agr system), will be introduced into a non-pathogenic strain of E.coli. The E.coli will then effectively have the ability to eavesdrop on the activity of the pathogenic organism and emit an indication of the magnitude of the infection in the form of RFP. Using sensitivity tuners the system can be designed such that the response will occur at an exact level, when the size of the population poses a threat to the host. Upon a positive result from a diagnosis, further tests could be done to specify whether MRSA (methicillin-resistant S. aureus) or MSSA (Methicillin-sensitive S. aureus) are present.
+
<div id="ah1" class="aHeader" onclick="aSelect(1)" onmouseover="aHover(1, true)" onmouseout="aHover(1,false)">
 +
        <div class="top"></div>
 +
        <div class="mid">
 +
          <div id="i1" class="icon"></div><div id="l1" class="label"></div>
 +
        </div>
 +
        <div class="bottom"></div>
 +
      </div>
 +
      <div id="ac1" class="aContent">
 +
        <div class="aContentLeft">
 +
          <div class="aContentTop"></div>
 +
          <div id="acmid11" class="aContentMid"></div>
 +
          <div class="aContentBottom"></div>
 +
        </div>
 +
        <div  id="acmenu1" class="aContentMidWrapVNav">
 +
          <div class="aContentTop"></div>
 +
          <div class="aContentMid"><div></div></div>
 +
          <div class="aContentBottom"></div>
 +
        </div>
 +
        <div id="acmid1" class="aContentMidWrap">
 +
          <div class="aContentTop"></div>
 +
          <div id="acmid12" class="aContentMid">
 +
            <div class="aContentMidSub" ></div>
 +
            <div id="acmid1sub1" class="aContentMidSub">
 +
              <div id="home">
 +
                <h1>UW iGEM Wiki</h1>
 +
                <div class="aContentText">
 +
                  Superbugs, or antibiotic resistant microorganisms, are microbes that have become resistant to traditional treatments. These types of infections are difficult to diagnose, treat, and eradicate, making the healing process time consuming and resource intensive. The native quorum-sensing unit from S.aureus (the Agr system), will be introduced into a non-pathogenic strain of E.coli. The E.coli will then effectively have the ability to eavesdrop on the activity of the pathogenic organism and emit an indication of the magnitude of the infection in the form of RFP. Using sensitivity tuners the system can be designed such that the response will occur at an exact level, when the size of the population poses a threat to the host. Upon a positive result from a diagnosis, further tests could be done to specify whether MRSA (methicillin-resistant S. aureus) or MSSA (Methicillin-sensitive S. aureus) are present.
 +
                </div>
 +
              </div>
 +
            </div>
 +
          </div>
 +
          <div class="aContentBottom"></div>
 +
        </div>
 +
        <div class="aContentRight">
 +
          <div class="aContentTop"></div>
 +
          <div id="acmid13" class="aContentMid"></div>
 +
          <div class="aContentBottom"></div>
 +
        </div>
 +
      </div>
 +
      <div id="ah2" class="aHeader" onclick="aSelect(2)" onmouseover="aHover(2, true)" onmouseout="aHover(2,false)">
 +
        <div class="top"></div>
 +
        <div class="mid"><div id="i2" class="icon"></div><div id="l2" class="label"></div></div>
 +
        <div class="bottom"></div>
 +
      </div>
 +
      <div id="ac2" class="aContent">
 +
        <div class="aContentLeftVNav">
 +
          <div class="aContentTop"></div>
 +
          <div id="acmid21" class="aContentMid"></div>
 +
          <div class="aContentBottom"></div>
 +
        </div>
 +
        <div id="acmenu2" class="aContentMidWrapVNav">
 +
          <div class="aContentTop"></div>
 +
          <div  class="aContentMid">
 +
            <div class="aContentMenuOption" ></div>
 +
            <div class="aContentMenuOption" onmouseover="aContentMenuHover(1,true)" onmouseout="aContentMenuHover(1,false)" onmousedown="aContentMenuSelect(1)">Project</div>
 +
            <div class="aContentMenuOption" onmouseover="aContentMenuHover(2,true)" onmouseout="aContentMenuHover(2,false)" onmousedown="aContentMenuSelect(2)">Modeling</div>
 +
            <div class="aContentMenuOption" onmouseover="aContentMenuHover(3,true)" onmouseout="aContentMenuHover(3,false)" onmousedown="aContentMenuSelect(3)">Software</div>
 +
            <div class="aContentMenuOption" onmouseover="aContentMenuHover(4,true)" onmouseout="aContentMenuHover(4,false)" onmousedown="aContentMenuSelect(4)">Human<br />Practices</div>
 +
          </div>
 +
          <div class="aContentBottom"></div>
 +
        </div>
 +
        <div id="acmid2" class="aContentMidWrap">
 +
          <div class="aContentTop"></div>
 +
          <div id="acmid22" class="aContentMid">
 +
            <div class="aContentMidSub"></div>
 +
            <div id="acmid2sub1" class="aContentMidSub"></div>
 +
            <div id="acmid2sub2" class="aContentMidSub"></div>
 +
            <div id="acmid2sub3" class="aContentMidSub"></div>
 +
            <div id="acmid2sub4" class="aContentMidSub"></div>           
 +
          </div>
 +
          <div class="aContentBottom"></div>
 +
        </div>
 +
        <div class="aContentRight">
 +
          <div class="aContentTop"></div>
 +
          <div id="acmid23" class="aContentMid"></div>
 +
          <div class="aContentBottom"></div>
 +
        </div>
 +
      </div>
 +
      <div id="ah3" class="aHeader" onclick="aSelect(3)" onmouseover="aHover(3, true)" onmouseout="aHover(3,false)">
 +
        <div class="top"></div>
 +
        <div class="mid"><div id="i3" class="icon"></div><div id="l3" class="label"></div></div>
 +
        <div class="bottom"></div>
 +
      </div>
 +
      <div id="ac3" class="aContent">
 +
        <div class="aContentLeftVNav">
 +
          <div class="aContentTop"></div>
 +
          <div id="acmid31" class="aContentMid"></div>
 +
          <div class="aContentBottom"></div>
 +
        </div>
 +
        <div id="acmenu3" class="aContentMidWrapVNav">
 +
          <div class="aContentTop"></div>
 +
          <div class="aContentMid">     
 +
            <div class="aContentMenuOption" ></div>
 +
            <div class="aContentMenuOption" onmouseover="aContentMenuHover(1,true)" onmouseout="aContentMenuHover(1,false)" onmousedown="aContentMenuSelect(1)">Members</div>
 +
            <div class="aContentMenuOption" onmouseover="aContentMenuHover(2,true)" onmouseout="aContentMenuHover(2,false)" onmousedown="aContentMenuSelect(2)">Staff</div>
 +
            <div class="aContentMenuOption" onmouseover="aContentMenuHover(3,true)" onmouseout="aContentMenuHover(3,false)" onmousedown="aContentMenuSelect(3)">About UW</div>
 +
          </div>
 +
          <div class="aContentBottom"></div>
 +
        </div>
 +
        <div id="acmid3" class="aContentMidWrap">
 +
          <div class="aContentTop"></div>
 +
          <div id="acmid32" class="aContentMid">
 +
            <div class="aContentMidSub"></div>
 +
            <div id="acmid3sub1" class="aContentMidSub"></div>
 +
            <div id="acmid3sub2" class="aContentMidSub"></div>
 +
            <div id="acmid3sub3" class="aContentMidSub"></div>
 +
          </div>
 +
          <div class="aContentBottom"></div>
 +
        </div>
 +
        <div class="aContentRight">
 +
          <div class="aContentTop"></div>
 +
          <div id="acmid33" class="aContentMid"></div>
 +
          <div class="aContentBottom"></div>
 +
        </div>
 +
      </div>
 +
      <div id="ah4" class="aHeader" onclick="aSelect(4)" onmouseover="aHover(4, true)" onmouseout="aHover(4,false)">
 +
        <div class="top"></div>
 +
        <div class="mid"><div id="i4" class="icon"></div><div id="l4" class="label"></div></div>
 +
        <div class="bottom"></div>
 +
      </div>
 +
      <div id="ac4" class="aContent">
 +
        <div class="aContentLeftVNav">
 +
          <div class="aContentTop"></div>
 +
          <div id="acmid41" class="aContentMid"></div>
 +
          <div class="aContentBottom"></div>
 +
        </div>
 +
        <div id="acmenu4" class="aContentMidWrapVNav">
 +
          <div class="aContentTop"></div>
 +
          <div class="aContentMid">
 +
            <div class="aContentMenuOption" ></div>
 +
            <div class="aContentMenuOption" onmouseover="aContentMenuHover(1,true)" onmouseout="aContentMenuHover(1,false)" onmousedown="aContentMenuSelect(1)">Parts List</div>
 +
            <div class="aContentMenuOption" onmouseover="aContentMenuHover(2,true)" onmouseout="aContentMenuHover(2,false)" onmousedown="aContentMenuSelect(2)">Characterization</div>     
 +
          </div>
 +
          <div class="aContentBottom"></div>
 +
        </div>
 +
        <div id="acmid4" class="aContentMidWrap">
 +
          <div class="aContentTop"></div>
 +
          <div id="acmid42" class="aContentMid">
 +
            <div class="aContentMidSub"></div>
 +
            <div id="acmid4sub1" class="aContentMidSub">1</div>
 +
            <div id="acmid4sub2" class="aContentMidSub">2</div>
 +
          </div>
 +
          <div class="aContentBottom"></div>
 +
        </div>
 +
        <div class="aContentRight">
 +
          <div class="aContentTop"></div>
 +
          <div id="acmid43" class="aContentMid"></div>
 +
          <div class="aContentBottom"></div>
 +
        </div>
 +
      </div>
 +
      <div id="ah5" class="aHeader" onclick="aSelect(5)" onmouseover="aHover(5, true)" onmouseout="aHover(5,false)">
 +
        <div class="top"></div>
 +
        <div class="mid"><div id="i5" class="icon"></div><div id="l5" class="label"></div></div>
 +
        <div class="bottom"></div>
 +
      </div>
 +
      <div id="ac5" class="aContent">
 +
        <div class="aContentLeftVNav">
 +
          <div class="aContentTop"></div>
 +
          <div id="acmid51" class="aContentMid"></div>
 +
          <div class="aContentBottom"></div>
 +
        </div>
 +
        <div id="acmenu5" class="aContentMidWrapVNav">
 +
          <div class="aContentTop"></div>
 +
          <div class="aContentMid">
 +
              <div class="aContentMenuOption" ></div>
 +
              <div class="aContentMenuOption" onmouseover="aContentMenuHover(1,true)" onmouseout="aContentMenuHover(1,false)" onmousedown="aContentMenuSelect(1)">Notes</div>
 +
              <div class="aContentMenuOption" onmouseover="aContentMenuHover(2,true)" onmouseout="aContentMenuHover(2,false)" onmousedown="aContentMenuSelect(2)">Misc</div>
 +
          </div>
 +
          <div class="aContentBottom"></div>
 +
        </div>
 +
        <div id="acmid5" class="aContentMidWrap">
 +
          <div class="aContentTop"></div>
 +
          <div id="acmid52" class="aContentMid">
 +
            <div class="aContentMidSub"></div>
 +
            <div id="acmid5sub1" class="aContentMidSub"></div>
 +
            <div id="acmid5sub2" class="aContentMidSub"></div>           
 +
          </div>
 +
          <div class="aContentBottom"></div>
 +
        </div>
 +
        <div class="aContentRight">
 +
          <div class="aContentTop"></div>
 +
          <div id="acmid53" class="aContentMid"></div>
 +
          <div class="aContentBottom"></div>
 +
        </div>
 +
      </div>
</div>
</div>
<div id="uwfooter"></div>
<div id="uwfooter"></div>
</html>
</html>

Revision as of 16:49, 24 October 2010

UW iGEM Wiki

Superbugs, or antibiotic resistant microorganisms, are microbes that have become resistant to traditional treatments. These types of infections are difficult to diagnose, treat, and eradicate, making the healing process time consuming and resource intensive. The native quorum-sensing unit from S.aureus (the Agr system), will be introduced into a non-pathogenic strain of E.coli. The E.coli will then effectively have the ability to eavesdrop on the activity of the pathogenic organism and emit an indication of the magnitude of the infection in the form of RFP. Using sensitivity tuners the system can be designed such that the response will occur at an exact level, when the size of the population poses a threat to the host. Upon a positive result from a diagnosis, further tests could be done to specify whether MRSA (methicillin-resistant S. aureus) or MSSA (Methicillin-sensitive S. aureus) are present.
Project
Modeling
Software
Human
Practices
Members
Staff
About UW
Parts List
Characterization
1
2
Notes
Misc