Team:Virginia
From 2012.igem.org
(62 intermediate revisions not shown) | |||
Line 19: | Line 19: | ||
visibility:hidden; | visibility:hidden; | ||
} | } | ||
+ | |||
+ | img.centering { display: block; margin-left: auto; margin-right: auto; } | ||
+ | |||
+ | img | ||
+ | { | ||
+ | opacity:0.4; | ||
+ | filter:alpha(opacity=40); /* For IE8 and earlier */ | ||
+ | margin:0px auto; | ||
+ | } | ||
+ | img:hover | ||
+ | { | ||
+ | opacity:1.0; | ||
+ | filter:alpha(opacity=100); /* For IE8 and earlier */ | ||
+ | margin:0px auto; | ||
+ | } | ||
+ | |||
body { | body { | ||
- | background-color: rgba( | + | background-color: rgba(235,255,255, 1); |
- | + | ||
- | + | ||
+ | |||
} | } | ||
#p-logo { | #p-logo { | ||
Line 42: | Line 59: | ||
} | } | ||
+ | #catlinks { | ||
+ | visibility:hidden; | ||
+ | } | ||
#content { | #content { | ||
- | background-color: rgba( | + | background-color: rgba(235,255,255, 1); |
border-left:none; | border-left:none; | ||
border-right:none; | border-right:none; | ||
Line 76: | Line 96: | ||
} | } | ||
+ | #menubar li {visibility: hidden; | ||
+ | } | ||
+ | #menubar li a:hover{visibility: hidden;} | ||
.navbar { | .navbar { | ||
padding:2 10px; | padding:2 10px; | ||
} | } | ||
+ | |||
+ | |||
+ | #float_corner { | ||
+ | z-index:4000; | ||
+ | position:fixed;_position:absolute;top:0px; display: block; margin-left: auto; margin-right: auto; clip: | ||
+ | inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);} | ||
navig{position:fixed; top:12px; left:12px; right:12px; z-index:3000; min-width:450px; | navig{position:fixed; top:12px; left:12px; right:12px; z-index:3000; min-width:450px; | ||
- | background:url(" | + | background:url("") top left no-repeat; |
background-position: 20px 0px; | background-position: 20px 0px; | ||
display: inline; | display: inline; | ||
Line 113: | Line 142: | ||
ul#tabnav { /* general settings */ | ul#tabnav { /* general settings */ | ||
- | text-align: | + | text-align: center; /* set to left, right or center */ |
margin: 1em 0 1em 0; /* set margins as desired */ | margin: 1em 0 1em 0; /* set margins as desired */ | ||
font: bold 13px verdana, arial, sans-serif; /* set font as desired */ | font: bold 13px verdana, arial, sans-serif; /* set font as desired */ | ||
Line 120: | Line 149: | ||
list-style-type: none; | list-style-type: none; | ||
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */ | padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */ | ||
- | position:fixed; top: | + | position:fixed; top:0px; z-index:3000; |
+ | width: 900px; | ||
+ | margin-left: auto; margin-right: auto; | ||
} | } | ||
Line 137: | Line 168: | ||
position:relative; | position:relative; | ||
top: 1px; | top: 1px; | ||
- | padding-top: | + | padding-top: 2px; /* must change with respect to padding (X) above and below */ |
} | } | ||
ul#tabnav li a { /* settings for all tab links */ | ul#tabnav li a { /* settings for all tab links */ | ||
- | padding: | + | padding: 4px 6px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */ |
/*border: 1px solid #6c6; set border COLOR as desired; usually matches border color specified in #tabnav */ | /*border: 1px solid #6c6; set border COLOR as desired; usually matches border color specified in #tabnav */ | ||
- | + | background-color:rgba(74,92,97, 0); | |
- | background- | + | color: #000000; |
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/*background-color: #cfc; set unselected tab background color as desired */ | /*background-color: #cfc; set unselected tab background color as desired */ | ||
- | color: # | + | color: #000000; /* set unselected tab link color as desired */ |
- | margin-right: | + | margin-right: 15px; /* set additional spacing between tabs as desired */ |
text-decoration: none; | text-decoration: none; | ||
border-bottom: none; | border-bottom: none; | ||
Line 172: | Line 188: | ||
ul#tabnav a:hover { /* settings for hover effect */ | ul#tabnav a:hover { /* settings for hover effect */ | ||
- | background: | + | background-color:rgba(255,255,255, 0); |
+ | color: #000000; | ||
+ | background-image: -moz-radial-gradient(50% 50%, ellipse cover, rgba(255,255,255, 0.8), rgba(74,92,97, 0) 100%); | ||
+ | background-image: -webkit-radial-gradient(50% 50%, ellipse cover, rgba(255,255,255, 0.8), rgba(74,92,97, 0) 100%); | ||
+ | background-image: -o-radial-gradient(50% 50%, ellipse cover, rgba(255,255,255, 0.8), rgba(74,92,97, 0) 100%); | ||
+ | background-image: -ms-radial-gradient(50% 50%, ellipse cover, rgba(255,255,255, 0.8), rgba(74,92,97, 0) 100%); | ||
+ | background-image: radial-gradient(50% 50%, ellipse cover, rgba(255,255,255, 0.8), rgba(74,92,97, 0) 100%) | ||
} | } | ||
</style> | </style> | ||
Line 186: | Line 208: | ||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); | ||
})(); | })(); | ||
+ | |||
+ | |||
</script> | </script> | ||
Line 191: | Line 215: | ||
<body> | <body> | ||
+ | |||
+ | |||
<navig><ul id="tabnav"> | <navig><ul id="tabnav"> | ||
- | <li class=" | + | |
- | + | ||
- | + | ||
- | + | <li class="tab2"><a href="/Team:Virginia/Project">Project</a></li> | |
- | + | <li class="tab4"><a href="/Team:Virginia/Parts">Parts</a></li> | |
- | <li class=" | + | <li class="tab8"><a href="/Team:Virginia/Team">Team</a></li> |
- | <li class=" | + | <li class="tab9"><a href="/Team:Virginia/Practices">Practices</a></li> |
- | <li class=" | + | <li class="tab5"><a href="/Team:Virginia"> |
- | <li class=" | + | <img src="https://static.igem.org/mediawiki/2012/b/b8/Igemlogo.fw.png" border="0"/> </a></li> |
+ | |||
+ | <li class="tab3"><a href="/Team:Virginia/Modeling">Modeling</a></li> | ||
+ | <li class="tab6"><a href="http://openwetware.org/wiki/IGEM:Virginia_2012">Notebook</a></li> | ||
+ | <li class="tab7"><a href="/Team:Virginia/Safety">Safety</a></li> | ||
+ | <li class="tab7"><a href="/Team:Virginia/Attributions">Attributions</a></li> | ||
</ul></navig> | </ul></navig> | ||
</p><p><br /> | </p><p><br /> | ||
</p> | </p> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<p><br /> | <p><br /> | ||
- | < | + | <a href="/Team:Virginia/Project"> |
- | < | + | <img src="https://static.igem.org/mediawiki/igem.org/2/2e/LogoHCG3.png" alt="Logo VGEM" align="absmiddle" class="centering"/></a> |
- | </ | + | <br /><br /> |
- | < | + | <h1><center>Genetically engineered bacteriophage for diagnosis of whooping cough</h1></center><br/> |
- | + | <p> | |
+ | Whooping cough, the infectious respiratory disease caused by <i>Bordetella pertussis</i>, is diagnosed in tens of millions of people and results in almost 300,000 deaths globally each year. Low-income and unvaccinated individuals as well as infants are especially susceptible. Current diagnostic procedures are complicated, costly, and can take up to a week, by which time the disease may have progressed or spread. The enormous impact of this disease urgently motivates the development of a faster, cheaper, and more reliable diagnostic test. Our epidemiology models suggest that earlier diagnosis could drastically reduce the incidence and impact of the disease. We propose an engineered bacteriophage diagnostic system for rapid clinical detection of <i>pertussis</i>. We first engineered T7 bacteriophage to demonstrate this approach in <i>E. coli</i>. Our modular diagnostic approach can be applied to the high-sensitivity detection of other bacteria. | ||
+ | <br /> <br /> | ||
- | + | <!-- <img src="https://static.igem.org/mediawiki/2012/b/b8/Igemlogo.fw.png" alt="some_text"/>--> | |
+ | |||
+ | <!-- | ||
+ | <img src="http://www.seas.virginia.edu/students/vgem/tttt.gif" alt="some_text" class="center"/> | ||
+ | --> | ||
+ | </div><br /><br /><br /><br /><br /> | ||
Line 232: | Line 258: | ||
site_id: 305006 | site_id: 305006 | ||
}); | }); | ||
+ | |||
+ | |||
+ | |||
</script> | </script> | ||
<!-- END: Livefyre Embed --> | <!-- END: Livefyre Embed --> |
Latest revision as of 02:23, 27 October 2012
Genetically engineered bacteriophage for diagnosis of whooping cough
Whooping cough, the infectious respiratory disease caused by Bordetella pertussis, is diagnosed in tens of millions of people and results in almost 300,000 deaths globally each year. Low-income and unvaccinated individuals as well as infants are especially susceptible. Current diagnostic procedures are complicated, costly, and can take up to a week, by which time the disease may have progressed or spread. The enormous impact of this disease urgently motivates the development of a faster, cheaper, and more reliable diagnostic test. Our epidemiology models suggest that earlier diagnosis could drastically reduce the incidence and impact of the disease. We propose an engineered bacteriophage diagnostic system for rapid clinical detection of pertussis. We first engineered T7 bacteriophage to demonstrate this approach in E. coli. Our modular diagnostic approach can be applied to the high-sensitivity detection of other bacteria.