Wiki/Team:Waterloo

From 2010.igem.org

(Difference between revisions)
(Break Wiki Test 2 - fix min height...)
(Adding Accordion Menu in Parts - 1 - added css)
Line 1: Line 1:
<html>
<html>
<style>
<style>
 +
/* --- Control formatting of wiki generated content --- */
 +
body{background:white;padding:0;margin:0;border:none;height:auto !important;height:100%;min-height:100%;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
 +
#globalWrapper{margin:0;padding:0;border:none;height:auto !important;height:100%;min-height:100%;}
#top-section{display:none;}
#top-section{display:none;}
-
#footer-box{display:none;}
 
#content{background-image:url(https://static.igem.org/mediawiki/2010/7/71/Dnabackground.jpg);width:100%;height:auto !important;height:100%;min-height:100%;margin:0;padding:0;border:none;}
#content{background-image:url(https://static.igem.org/mediawiki/2010/7/71/Dnabackground.jpg);width:100%;height:auto !important;height:100%;min-height:100%;margin:0;padding:0;border:none;}
-
#globalWrapper{margin:0;padding:0;border:none;height:auto !important;height:100%;min-height:100%;}
+
div.firstHeading{display:none;}
-
body{background:white;padding:0;margin:0;border:none;height:auto !important;height:100%;min-height:100%;}
+
#footer-box{display:none;}
 +
 
 +
/* --- UW iGEM Wiki Formatting --- */
 +
 
 +
      div * {overflow:hidden;margin:0;padding:0;border:0;}
 +
      #uwheader {height:85px;width:100%;float:left;clear:all;/*background-image:url(images/aht.png);*/}
 +
      #accordion {width:100%;overflow:hidden;float:left;clear:all;}
 +
      #uwfooter {height:45px;width:100%;float:left;clear:all;/*background-image:url(images/aft.png);*/}
 +
     
 +
      div.verticalSpacer{width:100%;visibility:hidden;}
 +
 
 +
      /* Formatting for accordion menu components */
 +
 +
      /* icon image for headers - positioning for each tab */
 +
      div.icon {position:relative;left:10px; top:12px;height:23px;width:23px;background-image:url('https://static.igem.org/mediawiki/2010/8/8d/A_labels.png');background-repeat:no-repeat;}
 +
      div.aHeaderSelected div.icon{left:9px;}
 +
      #i1{background-position:-23px 0px;}
 +
      div.aHeaderSelected #i1{background-position:0px 0px;}
 +
      #i2{background-position:-69px 0px;}
 +
      div.aHeaderSelected #i2{background-position:-46px 0px;}
 +
      #i3{background-position:-115px -0px;}
 +
      div.aHeaderSelected #i3{background-position:-92px -0px;}
 +
      #i4{background-position:-161px -0px;}
 +
      div.aHeaderSelected #i4{background-position:-138px -0px;}
 +
      #i5{background-position:-207px -0px;}
 +
      div.aHeaderSelected #i5{background-position:-184px -0px;}
 +
     
 +
      /* label image for headers - positioning for each tab */
 +
      div.label {position:relative; left:9px; top:25px;height:200px;width:23px;background-image:url('https://static.igem.org/mediawiki/2010/8/8d/A_labels.png');background-repeat:no-repeat;}
 +
      div.aHeaderSelected div.label{left:8px;}
 +
      #l1{background-position:-23px -24px;}
 +
      div.aHeaderSelected #l1{background-position:-0px -24px;}
 +
      #l2{background-position:-69px -24px;}
 +
      div.aHeaderSelected #l2{background-position:-46px -24px;}
 +
      #l3{background-position:-115px -24px;}
 +
      div.aHeaderSelected #l3{background-position:-92px -24px;}
 +
      #l4{background-position:-161px -24px;}
 +
      div.aHeaderSelected #l4{background-position:-138px -24px;}
 +
      #l5{background-position:-207px -24px;}
 +
      div.aHeaderSelected #l5{background-position:-184px -24px;}
 +
     
 +
      /* formatting for the content divs */
 +
      div.aContent{float:left;overflow:hidden;width:0px;}
 +
     
 +
      /*Left side border and then left side border with vertical sub nav */
 +
      div.aContentLeft{float:left;height:100%;width:7px;overflow:hidden;}
 +
      div.aContentLeft div.aContentTop{height:7px;width:7px;background-image:url('https://static.igem.org/mediawiki/2010/b/b5/A_content.png');overflow:hidden;}
 +
      div.aContentLeft div.aContentMid{background-image:url('https://static.igem.org/mediawiki/2010/b/b5/A_content.png');background-position:-14px 0px;width:7px;overflow:hidden;}
 +
      div.aContentLeft div.aContentBottom{height:7px;width:7px;background-image:url('https://static.igem.org/mediawiki/2010/b/b5/A_content.png');background-position:0px -7px;overflow:hidden;}
 +
      div.aContentLeftVNav{float:left;height:100%;width:7px;overflow:hidden;}
 +
      div.aContentLeftVNav div.aContentTop{height:7px;width:7px;background-image:url('https://static.igem.org/mediawiki/2010/7/74/A_content_vnav.png');overflow:hidden;}
 +
      div.aContentLeftVNav div.aContentMid{background-image:url('https://static.igem.org/mediawiki/2010/7/74/A_content_vnav.png');background-position:-14px 0px;width:7px;overflow:hidden;}
 +
      div.aContentLeftVNav div.aContentBottom{height:7px;width:7px;background-image:url('https://static.igem.org/mediawiki/2010/7/74/A_content_vnav.png');background-position:0px -7px;overflow:hidden;}
 +
     
 +
      /* mid content formatting (no side borders, still top and bottom borders) - first main content area followed by formatting for vertical sub nav */
 +
      div.aContentMidWrap{float:left;height:100%;overflow:hidden;}
 +
      div.aContentMidWrap div.aContentTop{height:7px;width:100%;background-image:url('https://static.igem.org/mediawiki/2010/8/81/A_content2.png');}
 +
      div.aContentMidWrap div.aContentMid{background:#bfdcf3;}
 +
      div.aContentMidWrap div.aContentMid div.aContentMidSub{display:none;overflow:hidden;}
 +
      div.aContentMidWrap div.aContentBottom{height:7px;width:100%;background-image:url('https://static.igem.org/mediawiki/2010/8/81/A_content2.png');background-position:0px -3px;}
 +
      div.aContentMidWrapVNav{float:left;height:100%;overflow:hidden;}
 +
      div.aContentMidWrapVNav div.aContentTop{height:7px;width:100%;background-image:url('https://static.igem.org/mediawiki/2010/3/36/A_content_vnav2.png');}
 +
      div.aContentMidWrapVNav div.aContentMid{background:#0077be;overflow:auto;}
 +
      div.aContentMidWrapVNav div.aContentBottom{height:7px;width:100%;background-image:url('https://static.igem.org/mediawiki/2010/3/36/A_content_vnav2.png');background-position:0px -3px;}
 +
     
 +
      /* Right side border - no vertical sub nav programmed */
 +
      div.aContentRight{float:left;height:100%;width:7px;overflow:hidden;}
 +
      div.aContentRight div.aContentTop{height:7px;width:7px;background-image:url('https://static.igem.org/mediawiki/2010/b/b5/A_content.png');background-position:-7px 0px;}
 +
      div.aContentRight div.aContentMid{background-image:url('https://static.igem.org/mediawiki/2010/b/b5/A_content.png');background-position:-17px 0px;width:7px;}
 +
      div.aContentRight div.aContentBottom{height:7px;width:7px;background-image:url('https://static.igem.org/mediawiki/2010/b/b5/A_content.png');background-position:-7px -7px;}
 +
     
 +
      /* sub nav option formatting */
 +
      div.aContentMenuOption{color:#bfdcf3;float:right;width:85%;text-align:right;padding:8px 5px 8px 0px;margin:5px 0px 5px 0px;cursor:pointer;cursor:hand;}
 +
      div.aContentMenuOptionHover{color:#bfdcf3;float:right;width:85%;text-align:right;padding:8px 5px 8px 0px;margin:5px 0px 5px 0px;font-weight:bold;cursor:pointer;cursor:hand;}
 +
      div.aContentMenuOptionSelected{background:#bfdcf3;color:#0077be;float:right;width:85%;padding:8px 5px 8px 0px;margin:5px 0px 5px 0px;font-weight:bold;text-align:right;cursor:pointer;cursor:hand;}
 +
     
 +
     
 +
      /* tab header formatting, repeated for hover and selected states */
 +
     
 +
      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.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.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 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.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 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.bottom {height:12px;width:100%;background-image:url('https://static.igem.org/mediawiki/2010/7/75/A_bar.png');background-position: 0px -12px;}
 +
 
</style>
</style>
-
<div style="margin:5px; color:white !important; background:#444444;">
+
 
 +
<!-- Replacement HTML Content -->
 +
<div id="uwheader"></div>
 +
<div id="accordion" style="color:white !important; background:#444444;">
 +
 
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.
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 id="uwfooter"></div>
</html>
</html>

Revision as of 16:34, 24 October 2010

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.