Team:Virginia
From 2012.igem.org
(68 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 108: | Line 137: | ||
+ | } | ||
+ | |||
+ | /* begin css tabs */ | ||
+ | |||
+ | ul#tabnav { /* general settings */ | ||
+ | text-align: center; /* set to left, right or center */ | ||
+ | margin: 1em 0 1em 0; /* set margins as desired */ | ||
+ | font: bold 13px verdana, arial, sans-serif; /* set font as desired */ | ||
+ | color:#a1787f; | ||
+ | border-bottom: 0px solid #6c6; /* set border COLOR as desired */ | ||
+ | list-style-type: none; | ||
+ | padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */ | ||
+ | position:fixed; top:0px; z-index:3000; | ||
+ | width: 900px; | ||
+ | margin-left: auto; margin-right: auto; | ||
+ | } | ||
+ | |||
+ | ul#tabnav li { /* do not change */ | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */ | ||
+ | border-bottom: 1px solid #fff; /* set border color to page background color */ | ||
+ | background-color: #fff; /* set background color to match above border color */ | ||
+ | } | ||
+ | |||
+ | body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */ | ||
+ | background-color: #fff; /* set selected tab background color as desired */ | ||
+ | color: #000; /* set selected tab link color as desired */ | ||
+ | position:relative; | ||
+ | top: 1px; | ||
+ | padding-top: 2px; /* must change with respect to padding (X) above and below */ | ||
+ | } | ||
+ | |||
+ | ul#tabnav li a { /* settings for all tab links */ | ||
+ | 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 */ | ||
+ | |||
+ | background-color:rgba(74,92,97, 0); | ||
+ | color: #000000; | ||
+ | |||
+ | |||
+ | |||
+ | /*background-color: #cfc; set unselected tab background color as desired */ | ||
+ | color: #000000; /* set unselected tab link color as desired */ | ||
+ | margin-right: 15px; /* set additional spacing between tabs as desired */ | ||
+ | text-decoration: none; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | ul#tabnav a:hover { /* settings for hover effect */ | ||
+ | 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 121: | 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 126: | Line 215: | ||
<body> | <body> | ||
- | <navig></navig> | + | |
+ | |||
+ | <navig><ul id="tabnav"> | ||
+ | |||
+ | |||
+ | |||
+ | <li class="tab2"><a href="/Team:Virginia/Project">Project</a></li> | ||
+ | <li class="tab4"><a href="/Team:Virginia/Parts">Parts</a></li> | ||
+ | <li class="tab8"><a href="/Team:Virginia/Team">Team</a></li> | ||
+ | <li class="tab9"><a href="/Team:Virginia/Practices">Practices</a></li> | ||
+ | <li class="tab5"><a href="/Team:Virginia"> | ||
+ | <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> | ||
</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/ | + | <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 157: | 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.