Team:Virginia
From 2012.igem.org
(79 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(235,255,255, 1); | |
- | background- | + | |
- | + | ||
- | + | ||
} | } | ||
#p-logo { | #p-logo { | ||
Line 30: | Line 46: | ||
} | } | ||
#top-section { | #top-section { | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
border-width:0px; | border-width:0px; | ||
Line 41: | Line 54: | ||
- | # | + | #search-controls { |
- | + | height:0px; | |
- | + | visibility:hidden; | |
- | + | ||
- | + | ||
} | } | ||
- | # | + | |
- | + | #catlinks { | |
+ | visibility:hidden; | ||
} | } | ||
- | # | + | #content { |
- | + | background-color: rgba(235,255,255, 1); | |
- | + | border-left:none; | |
- | + | border-right:none; | |
- | + | ||
} | } | ||
Line 85: | Line 96: | ||
} | } | ||
+ | #menubar li {visibility: hidden; | ||
+ | } | ||
+ | #menubar li a:hover{visibility: hidden;} | ||
.navbar { | .navbar { | ||
- | padding: | + | 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; | ||
+ | background:url("") top left no-repeat; | ||
+ | background-position: 20px 0px; | ||
+ | display: inline; | ||
+ | float: left; | ||
+ | height: 50px; | ||
+ | margin-bottom: 0; | ||
- | background-color:rgba(120,154,161, 0. | + | background-color:rgba(120,154,161,0.6); |
- | height: | + | height:48px; |
- | + | ||
- | + | ||
/* Firefox v1.0+ */ | /* Firefox v1.0+ */ | ||
-moz-border-radius:12px ; | -moz-border-radius:12px ; | ||
Line 103: | Line 126: | ||
/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+ and by IE v9.0+ */ | /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+ and by IE v9.0+ */ | ||
border-radius:12px ; | border-radius:12px ; | ||
- | |||
/* Firefox v3.5+ */ | /* Firefox v3.5+ */ | ||
- | -moz-box-shadow:inset 0px 0px | + | -moz-box-shadow:0px 7px 15px rgb(0,0,0) ,inset 0px 0px 11px rgba(0,0,0,0.59); |
/* Safari v3.0+ and by Chrome v0.2+ */ | /* Safari v3.0+ and by Chrome v0.2+ */ | ||
- | -webkit-box-shadow:inset 0px 0px | + | -webkit-box-shadow:0px 7px 15px rgb(0,0,0) ,inset 0px 0px 11px rgba(0,0,0,0.59); |
/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */ | /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */ | ||
- | box-shadow:inset 0px 0px | + | box-shadow:0px 7px 15px rgb(0,0,0) ,inset 0px 0px 11px rgba(0,0,0,0.59); |
+ | -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=7,Color=#c9000000,Positive=true)"; | ||
+ | filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=7,Color=#c9000000,Positive=true); | ||
+ | } | ||
+ | |||
+ | /* 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> | ||
- | </ | + | <script type="text/javascript"> |
- | + | var _gaq = _gaq || []; | |
- | + | _gaq.push(['_setAccount', 'UA-32492100-1']); | |
- | + | _gaq.push(['_trackPageview']); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | (function() { | ||
+ | var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; | ||
+ | ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; | ||
+ | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); | ||
+ | })(); | ||
- | |||
- | |||
- | + | </script> | |
+ | </head> | ||
- | + | <body> | |
- | + | <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 /> | ||
+ | <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 154: | 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.