Team:Penn State/Bidirectional Promoters Results
From 2012.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | <html | + | <html> |
<head> | <head> | ||
- | + | ||
- | + | <title>Bidirectional Promoters Overview</title> | |
- | + | ||
- | + | <style type="text/css"> | |
- | + | ||
- | + | ||
- | + | ||
body { | body { | ||
background:#e0e0e0; | background:#e0e0e0; | ||
- | color:#303030; | + | color:#303030; font:76% tahoma, verdana, sans-serif; |
- | + | margin:0; | |
- | margin:0; | + | |
padding:15px 0 0; | padding:15px 0 0; | ||
} | } | ||
+ | |||
#container { | #container { | ||
background: #fff; | background: #fff; | ||
Line 22: | Line 19: | ||
} | } | ||
- | |||
+ | /* Site title */ | ||
#logo { | #logo { | ||
margin: 15px 0 0; | margin: 15px 0 0; | ||
} | } | ||
+ | |||
#logo h1 a { | #logo h1 a { | ||
- | border:none; | + | border:none; color:#505050; |
- | + | ||
} | } | ||
+ | |||
#logo h1 a:hover { | #logo h1 a:hover { | ||
- | border:none; | + | border:none; |
- | color:#303030; | + | color:#303030; |
text-decoration:none; | text-decoration:none; | ||
} | } | ||
+ | |||
#logo p { | #logo p { | ||
- | font-size:1.3em; | + | font-size:1.3em; |
- | color:#505050; | + | color:#505050; |
- | margin:0 0 20px 0;} | + | margin:0 0 20px 0; |
+ | } | ||
/* Tags */ | /* Tags */ | ||
- | |||
a { | a { | ||
color: #303030; | color: #303030; | ||
Line 53: | Line 52: | ||
border-bottom-color: #505050; | border-bottom-color: #505050; | ||
} | } | ||
+ | |||
a:hover { | a:hover { | ||
- | border-bottom:1px solid #505050; | + | border-bottom:1px solid #505050; |
- | color:#303030; | + | color:#303030; |
text-decoration:none; | text-decoration:none; | ||
} | } | ||
+ | a:visited {color: #666} | ||
+ | |||
a img { | a img { | ||
border:0; | border:0; | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
h1 { | h1 { | ||
- | font-size:2.2em; | + | font-size:2.2em; |
font-weight:400; | font-weight:400; | ||
- | margin:0 0 5px; | + | margin:0 0 5px; |
padding:0; | padding:0; | ||
} | } | ||
+ | |||
h2 { | h2 { | ||
font-size: 24pt; | font-size: 24pt; | ||
Line 79: | Line 80: | ||
text-align: center; | text-align: center; | ||
} | } | ||
+ | |||
h3 { | h3 { | ||
- | font-size:1.4em; | + | font-size:1.4em; |
- | font-weight:400; | + | font-weight:400; |
margin:0 0 10px; | margin:0 0 10px; | ||
} | } | ||
+ | |||
p { | p { | ||
line-height: 1.5em; | line-height: 1.5em; | ||
Line 90: | Line 93: | ||
color: #000; | color: #000; | ||
} | } | ||
+ | |||
ul,ol { | ul,ol { | ||
- | margin:0 0 15px 15px; | + | margin:0 0 15px 15px; |
padding:0; | padding:0; | ||
} | } | ||
+ | |||
li { | li { | ||
margin:0 0 3px 0; | margin:0 0 3px 0; | ||
} | } | ||
- | |||
+ | /* Navitabs menu */ | ||
#navitabs { | #navitabs { | ||
clear:both; | clear:both; | ||
} | } | ||
+ | |||
.navitab { | .navitab { | ||
- | background:#e0e0e0 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat; | + | background:#e0e0e0 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat; |
- | border-bottom:1px solid #fff; | + | border-bottom:1px solid #fff; |
- | border-left:1px solid #fff; | + | border-left:1px solid #fff; |
- | font-size:1.1em; margin:0 0 4px; | + | font-size:1.1em; |
- | padding:4px 8px; | + | margin:0 0 4px; |
+ | padding:4px 8px; | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
+ | |||
.navitab:hover { | .navitab:hover { | ||
- | background:#d0d0d0 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat; | + | background:#d0d0d0 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat; |
- | border-bottom:1px solid #fff; | + | border-bottom:1px solid #fff; |
text-decoration:none; | text-decoration:none; | ||
} | } | ||
+ | |||
.activenavitab { | .activenavitab { | ||
- | background:#505050 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat; | + | background:#505050 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat; |
- | color:#fff; font-size:1.1em; | + | color:#fff; |
- | margin:0 0 5px; padding:4px 8px 5px; | + | font-size:1.1em; |
+ | margin:0 0 5px; padding:4px 8px 5px; | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
+ | |||
.activenavitab:hover { | .activenavitab:hover { | ||
- | color:#fff; | + | color:#fff; |
text-decoration:none; | text-decoration:none; | ||
} | } | ||
/* Header description area */ | /* Header description area */ | ||
- | |||
#desc { | #desc { | ||
clear: both; | clear: both; | ||
Line 135: | Line 145: | ||
padding: 0 0 5px 0; | padding: 0 0 5px 0; | ||
background-image: url(https://static.igem.org/mediawiki/2012/a/aa/Nav3.jpg); | background-image: url(https://static.igem.org/mediawiki/2012/a/aa/Nav3.jpg); | ||
- | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: left bottom; | background-position: left bottom; | ||
Line 141: | Line 150: | ||
font-size: 18pt; | font-size: 18pt; | ||
} | } | ||
+ | |||
#desc p { | #desc p { | ||
font-size: 10pt; | font-size: 10pt; | ||
Line 148: | Line 158: | ||
color: #FFF; | color: #FFF; | ||
} | } | ||
+ | |||
#desc h3 { | #desc h3 { | ||
color: #fff; | color: #fff; | ||
padding: 15px 15px 0; | padding: 15px 15px 0; | ||
text-align: left; | text-align: left; | ||
- | + | text-size: 18pt; | |
- | + | font-size: 16pt; | |
- | + | ||
} | } | ||
+ | |||
#desc a { | #desc a { | ||
- | border-color:#fff; | + | border-color:#fff; |
- | color:#fff; | + | color:#fff; |
- | text-decoration:none; | + | text-decoration:none;} |
- | } | + | |
/* Main content */ | /* Main content */ | ||
- | |||
#main { | #main { | ||
border-right: 1px solid #d8d8d8; | border-right: 1px solid #d8d8d8; | ||
float: left; | float: left; | ||
- | width: | + | width: 600px; |
margin-top: 0; | margin-top: 0; | ||
- | |||
margin-bottom: 0; | margin-bottom: 0; | ||
- | |||
padding-top: 0; | padding-top: 0; | ||
- | |||
padding-bottom: 0; | padding-bottom: 0; | ||
padding-left: 0; | padding-left: 0; | ||
} | } | ||
- | |||
+ | /* Sidebar */ | ||
#sidebar { | #sidebar { | ||
- | float:right; | + | float:right; |
width:150px; | width:150px; | ||
} | } | ||
+ | |||
#sidebar p { | #sidebar p { | ||
- | font-size:0.9em; | + | font-size:0.9em; |
- | line-height:1.3em; | + | line-height:1.3em; |
margin:0 0 15px; | margin:0 0 15px; | ||
} | } | ||
+ | |||
#sidebar ul { | #sidebar ul { | ||
- | margin:0 0 15px 0; | + | margin:0 0 15px 0; |
padding:0; | padding:0; | ||
} | } | ||
+ | |||
#sidebar li { | #sidebar li { | ||
list-style:none; | list-style:none; | ||
} | } | ||
+ | |||
ul.sidelink li { | ul.sidelink li { | ||
- | list-style:none; | + | list-style:none; |
- | margin:0 0 3px; | + | margin:0 0 3px; |
padding:0; | padding:0; | ||
} | } | ||
+ | |||
ul.sidelink li a{ | ul.sidelink li a{ | ||
- | background:#f0f0f0 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat; | + | background:#f0f0f0 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat; |
- | border:none; | + | border:none; display:block; |
- | + | margin:5px 10px 5px 0; | |
- | margin:5px 10px 5px 0; | + | padding:3px 4px 3px 8px; |
- | padding:3px 4px 3px 8px; | + | text-align:left; |
- | text-align:left; | + | |
width:140px; | width:140px; | ||
+ | text-decoration;none; | ||
} | } | ||
+ | |||
ul.sidelink li a:hover { | ul.sidelink li a:hover { | ||
background:#e0e0e0 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat; | background:#e0e0e0 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat; | ||
- | border:none; | + | border:none; |
text-decoration:none; | text-decoration:none; | ||
} | } | ||
/* Footer */ | /* Footer */ | ||
- | + | #footer { | |
- | #footer {background:#fff; | + | background:#fff; |
- | border-top:1px solid #d8d8d8; | + | border-top:1px solid #d8d8d8; |
- | clear:both; margin:0; | + | clear:both; |
+ | margin:0; | ||
padding:0; | padding:0; | ||
} | } | ||
+ | |||
#footer a { | #footer a { | ||
color:gray; | color:gray; | ||
} | } | ||
+ | |||
#footer a:hover { | #footer a:hover { | ||
color:#303030; | color:#303030; | ||
} | } | ||
+ | |||
#footer p { | #footer p { | ||
- | color:gray; | + | color:gray; |
- | font-size:1.1em; | + | font-size:1.1em; |
- | line-height:1.3em; | + | line-height:1.3em; |
- | margin:15px 0 0; | + | margin:15px 0 0; |
padding:0; | padding:0; | ||
} | } | ||
/* Additional classes */ | /* Additional classes */ | ||
- | |||
.photo { | .photo { | ||
- | background-color:#f0f0f0; | + | background-color:#f0f0f0; |
- | border:1px solid #d8d8d8; | + | border:1px solid #d8d8d8; |
- | margin:0 0 15px; | + | margin:0 0 15px; |
padding:2px; | padding:2px; | ||
} | } | ||
+ | |||
.right { | .right { | ||
- | margin:-8px 0 8px 0; | + | margin:-8px 0 8px 0; |
text-align:right; | text-align:right; | ||
} | } | ||
+ | |||
.block { | .block { | ||
padding: 10px; | padding: 10px; | ||
Line 254: | Line 271: | ||
font-size: 12px; | font-size: 12px; | ||
} | } | ||
- | .block a: { | + | |
- | + | .block a: {color: #000; | |
border: none; | border: none; | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
+ | |||
.block a:hover { | .block a:hover { | ||
- | color: # | + | color: #333; |
border: none; | border: none; | ||
cursor: pointer; | cursor: pointer; | ||
text-decoration:none | text-decoration:none | ||
} | } | ||
- | .hide { | + | |
- | + | .hide {display:none; | |
color: #000; | color: #000; | ||
} | } | ||
- | # | + | |
- | + | #blenderAni { | |
- | + | height: 250px; | |
- | + | width: 400px; | |
- | height: | + | background-color: #999; |
- | width: | + | margin-left: 135px; |
- | + | ||
- | margin- | + | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | /*Tabbed Panels*/ | |
- | + | #maintabs { | |
- | + | clear:both; | |
- | + | margin-top: 15px; | |
- | + | ||
- | # | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | ||
- | + | .maintab { | |
- | font-size: | + | border-bottom: 1px solid #fff; |
- | + | border-left: 1px solid #fff; | |
- | background-color: # | + | font-size: 1.1em; |
- | + | margin: 0 0 4px; | |
- | + | padding: 4px 8px; | |
- | + | text-decoration: none; | |
- | } | + | background-color: #CCCCCC; |
- | # | + | background-image: url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif); |
+ | background-repeat: no-repeat; | ||
+ | background-position: right top; | ||
+ | } | ||
+ | |||
+ | .maintab:hover { | ||
+ | background:#d0d0d0 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat; | ||
+ | border-bottom:1px solid #fff; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | .activemaintab { | ||
+ | background:#f0f0f0 url(https://static.igem.org/mediawiki/2012/7/72/Corner.gif) top right no-repeat; | ||
+ | color:#333; | ||
+ | font-size:1.1em; | ||
+ | margin:0 0 5px; | ||
+ | padding:4px 8px 5px; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | .activemaintab:hover { | ||
+ | color:#fff; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | /* Header description area */ | ||
+ | #tabfiller { | ||
+ | clear: both; | ||
+ | color: #fff; | ||
+ | margin: 5px 0 15px; | ||
+ | padding: 0 0 5px 0; | ||
background-color: #f0f0f0; | background-color: #f0f0f0; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: left bottom; | ||
text-align: left; | text-align: left; | ||
- | + | font-size: 18pt; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | |
- | + | #tabfiller p { | |
- | font-size: | + | font-size: 10pt; |
- | + | line-height: 1.3em; | |
- | + | padding: 0 15px 15px 15px; | |
- | + | width: 570px; | |
- | + | color: #333; | |
- | + | ||
} | } | ||
- | # | + | |
- | + | #tabfiller h2 { | |
+ | color: #333; | ||
+ | padding: 15px 15px 0; | ||
+ | text-align: left; | ||
+ | font-size: 18pt; | ||
+ | |||
} | } | ||
- | # | + | |
- | + | #tabfiller h3 { | |
+ | color: #333; | ||
+ | padding: 15px 15px 0; | ||
+ | text-align: left; | ||
+ | font-size: 14pt; | ||
+ | |||
+ | #tabfiller a { | ||
+ | border-color:#fff; | ||
+ | color:#fff; | ||
+ | text-decoration:none; | ||
} | } | ||
- | + | ul { | |
- | + | font-size: 10pt; | |
- | + | line-height: 1.3em; | |
- | . | + | padding: 0; |
- | + | margin: 0; | |
- | + | width: 570px; | |
- | color: # | + | color: #333; |
- | + | list-style-position: inside; | |
} | } | ||
+ | |||
#logoiGEM { | #logoiGEM { | ||
height: 56px; | height: 56px; | ||
Line 358: | Line 400: | ||
float: right; | float: right; | ||
padding-top: 11px; | padding-top: 11px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
</style> | </style> | ||
Line 374: | Line 409: | ||
<div id="logoiGEM"></div> | <div id="logoiGEM"></div> | ||
<div id="psuLogo"><img src="https://static.igem.org/mediawiki/2012/f/f9/PsuLogo.jpeg"></div> | <div id="psuLogo"><img src="https://static.igem.org/mediawiki/2012/f/f9/PsuLogo.jpeg"></div> | ||
- | |||
<div id="navitabs"> | <div id="navitabs"> | ||
<h2 class="hide">Sample navigation menu:</h2> | <h2 class="hide">Sample navigation menu:</h2> | ||
- | + | <a class="navitab"https://2012.igem.org/Team:Penn_State">Home</a> | |
- | + | <span class="hide"> | </span> <a class="navitab" href="https://2012.igem.org/Team:Penn_State/Team">Team</a> | |
- | + | <span class="hide"> | </span> <a class="activenavitab" href="https://2012.igem.org/Team:Penn_State/Projects">Projects</a> | |
- | + | <span class="hide"> | </span> <a class="navitab" href="https://2012.igem.org/Team:Penn_State/Parts">Parts</a> | |
- | + | <span class="hide"> | </span> <a class="navitab" href="https://2012.igem.org/Team:Penn_State/Modeling">Modeling</a> | |
- | + | <span class="hide"> | </span> <a class="navitab" href="https://2012.igem.org/Team:Penn_State/Notebook">Notebook</a> | |
- | + | <span class="hide"> | </span> <a class="navitab" href="https://2012.igem.org/Team:Penn_State/Other">Other</a> | |
- | + | </div> | |
+ | |||
<div id="desc"> | <div id="desc"> | ||
- | <h3> | + | <h3>Bidirectional Promoters</h3> |
- | + | <p>Scientists are frequently confounded by wayward promoters; that is, promoters which do not produce | |
- | <p> | + | the expected proteins. Some bidirectional promoters are known to exist, but which way they promote |
- | + | and the degree of expression has not been quantified. This project will test the directionality of | |
- | + | several BioBrick promoters to answer these questions. </p> | |
- | + | </div> | |
+ | |||
<div id="main"> | <div id="main"> | ||
+ | <h2>Bidirectional Promoters</h2> | ||
+ | <iframe width="560" height="315" src="http://www.youtube.com/embed/s8eE07qU9yQ" frameborder="0" allowfullscreen></iframe> | ||
+ | <div id="maintabs"> | ||
+ | <h2 class="hide">Sample navigation menu:</h2> | ||
+ | <a class="maintab" href="https://2012.igem.org/Team:Penn_State/Bidirectional_Promoters">Overview</a> | ||
+ | <span class="hide"> | </span> <a class="maintab" href="https://2012.igem.org/Team:Penn_State/Bidirectional_Promoters_Design">Design</a> | ||
+ | <span class="hide"> | </span> <a class="activemaintab" href="https://2012.igem.org/Team:Penn_State/Bidirectional_Promoters_Results">Results</a> | ||
+ | </div> | ||
+ | |||
+ | <div id="tabfiller"> | ||
+ | <h3>Measured Fluorescence</h3> | ||
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | + | ||
- | + | ||
<div id="sidebar"> | <div id="sidebar"> | ||
<h3>Check these Out!</h3> | <h3>Check these Out!</h3> | ||
<ul class="sidelink"> | <ul class="sidelink"> | ||
- | <li><a href="https://2012.igem.org/Team:Penn_State/ | + | <li><a href="https://2012.igem.org/Team:Penn_State/Judging_Criteria">Judging Criteria</a></li> |
<li><a href="https://2012.igem.org/Team:Penn_State/Parts">Parts</a></li> | <li><a href="https://2012.igem.org/Team:Penn_State/Parts">Parts</a></li> | ||
<li><a href="https://2012.igem.org/Team:Penn_State/Human_Practices">Human Practices</a></li> | <li><a href="https://2012.igem.org/Team:Penn_State/Human_Practices">Human Practices</a></li> | ||
</ul> | </ul> | ||
- | + | <h3>Picture Gallery</h3> | |
- | + | <img class="photo" src="../images/test.jpg" height="100" width="130" alt="" /> | |
- | + | <h3>Projects</h3> | |
- | + | ||
- | + | ||
- | + | ||
<ul> | <ul> | ||
<li><a href="https://2012.igem.org/Team:Penn_State/Multiple_Start_Codons">Multiple Start Codons</a></li> | <li><a href="https://2012.igem.org/Team:Penn_State/Multiple_Start_Codons">Multiple Start Codons</a></li> | ||
Line 446: | Line 461: | ||
</ul> | </ul> | ||
</div> | </div> | ||
- | |||
- | |||
<div id="footer"> | <div id="footer"> | ||
- | <p><strong>© Hannah Jepsen-Burger | + | <p><strong>© Hannah Jepsen-Burger</strong> | Follow us on Twitter<a href="#"></a></p> |
</div> | </div> | ||
</div> | </div> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 03:30, 26 October 2012
Bidirectional Promoters
Scientists are frequently confounded by wayward promoters; that is, promoters which do not produce the expected proteins. Some bidirectional promoters are known to exist, but which way they promote and the degree of expression has not been quantified. This project will test the directionality of several BioBrick promoters to answer these questions.