Team:TPHS SanDiego/Project
From 2013hs.igem.org
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <html lang="en"> | ||
+ | |||
+ | <style = "text/css" media="screen"> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ul.topnav { | ||
+ | list-style: none; | ||
+ | padding: 0px 0px; | ||
+ | margin: 0px 0px 0px -22px; | ||
+ | width:1000px; | ||
+ | float: left; | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | ul.topnav li { | ||
+ | font-family: 'Georgia', Times, serif; | ||
+ | font-weight: 150; | ||
+ | font-size: 1.65em; | ||
+ | float: left; | ||
+ | margin:0px 0px 0px 0px; | ||
+ | opacity:.8; | ||
+ | padding: 2px 6px 10px 12px; | ||
+ | position: 0px 0px; /*--Declare X and Y axis base for sub navigation--*/ | ||
+ | } | ||
+ | ul.topnav li a{ | ||
+ | padding: 18px 8px 10px 10px; | ||
+ | color: white; | ||
+ | display: block; | ||
+ | |||
+ | |||
+ | |||
+ | text-decoration: none; | ||
+ | float: left; | ||
+ | } | ||
+ | ul.topnav li a:hover{ | ||
+ | background-color:black; | ||
+ | padding: 18px 8px 10px 10px; | ||
+ | font-color: white; | ||
+ | |||
+ | } | ||
+ | ul.topnav li span { /*--Drop down trigger styles--*/ | ||
+ | width: 17px; | ||
+ | height: 25px; | ||
+ | |||
+ | float: left; | ||
+ | background-color: gray; | ||
+ | } | ||
+ | ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/ | ||
+ | ul.topnav li ul.subnav { | ||
+ | list-style: none; | ||
+ | position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ | ||
+ | left: 3px; top: 55px; | ||
+ | background: #333; | ||
+ | margin: 0; padding: 3px; | ||
+ | display: none; | ||
+ | float: left; | ||
+ | width: 160px; | ||
+ | opacity: .6; | ||
+ | border: 1px solid #111; | ||
+ | } | ||
+ | ul.topnav li ul.subnav li{ | ||
+ | margin: 0; padding: 0; | ||
+ | border-top: 1px solid #252525; /*--Create bevel effect--*/ | ||
+ | border-bottom: 1px solid #444; /*--Create bevel effect--*/ | ||
+ | clear: both; | ||
+ | height:45px; | ||
+ | width: 155px; | ||
+ | font-size: .5em; | ||
+ | font-family: 'Georgia', Times, serif; | ||
+ | font-weight: 150; | ||
+ | |||
+ | |||
+ | } | ||
+ | html ul.topnav li ul.subnav li a { | ||
+ | float: left; | ||
+ | height:25px; | ||
+ | width: 145px; | ||
+ | background-color: white; | ||
+ | padding-left: 3px; | ||
+ | |||
+ | } | ||
+ | html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ | ||
+ | background-color: blue; | ||
+ | } | ||
+ | |||
+ | |||
+ | #content1{ | ||
+ | font-family:Georgia ,Helvetica,sans-serif; | ||
+ | height: 300px; | ||
+ | } | ||
+ | |||
+ | #content2{ | ||
+ | font-family:Georgia ,Helvetica,sans-serif; | ||
+ | height: 50px; | ||
+ | } | ||
+ | body{ background: url(https://static.igem.org/mediawiki/2013hs/f/f4/BackgroundTareq.jpg);} | ||
+ | #globalWrapper {width: 100%;} | ||
+ | |||
+ | #content{ | ||
+ | padding: 0px; | ||
+ | width: 1000px; | ||
+ | background: #ffe5d4; | ||
+ | // Background Color | ||
+ | font-family:Georgia ,Helvetica,sans-serif; | ||
+ | border: none; | ||
+ | text-decoration: none; | ||
+ | |||
+ | } | ||
+ | |||
+ | .main_item h1{ | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #p-logo{ | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #top-section2{ | ||
+ | width: 100%; | ||
+ | |||
+ | background: url(http://www.eecs.berkeley.edu/~jvmiller/images/imagetestberkeley.gif); | ||
+ | height: 65px; | ||
+ | } | ||
+ | #top-section3{ | ||
+ | width: 100%; | ||
+ | height:78px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #spacer { | ||
+ | height: 20px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #team{border: 1px solid black; | ||
+ | padding: 2px; | ||
+ | height:380px;} | ||
+ | |||
+ | |||
+ | #search-controls{ | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #spacer2 { | ||
+ | height: 12em; | ||
+ | |||
+ | } | ||
+ | |||
+ | #spacer3 { | ||
+ | height: .4em; | ||
+ | |||
+ | } | ||
+ | |||
+ | #top-section{ | ||
+ | width: 100%; | ||
+ | background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg); | ||
+ | height: 5px; | ||
+ | border:none; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | * jQuery Nivo Slider v2.6 | ||
+ | * http://nivo.dev7studios.com | ||
+ | * | ||
+ | * Copyright 2011, Gilbert Pellegrom | ||
+ | * Free to use and abuse under the MIT license. | ||
+ | * http://www.opensource.org/licenses/mit-license.php | ||
+ | * | ||
+ | * March 2010 | ||
+ | */ | ||
+ | |||
+ | |||
+ | /* The Nivo Slider styles */ | ||
+ | .nivoSlider { | ||
+ | position:relative; | ||
+ | effect: 'fade' | ||
+ | } | ||
+ | .nivoSlider img { | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | left:0px; | ||
+ | } | ||
+ | /* If an image is wrapped in a link */ | ||
+ | .nivoSlider a.nivo-imageLink { | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | left:0px; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | border:0; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | z-index:6; | ||
+ | display:none; | ||
+ | } | ||
+ | /* The slices and boxes in the Slider */ | ||
+ | .nivo-slice { | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | z-index:5; | ||
+ | height:100%; | ||
+ | } | ||
+ | .nivo-box { | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | z-index:5; | ||
+ | } | ||
+ | /* Caption styles */ | ||
+ | .nivo-caption { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | bottom:0px; | ||
+ | background:#000; | ||
+ | color:#fff; | ||
+ | opacity:0.8; /* Overridden by captionOpacity setting */ | ||
+ | width:100%; | ||
+ | z-index:8; | ||
+ | } | ||
+ | .nivo-caption p { | ||
+ | padding:5px; | ||
+ | margin:0; | ||
+ | } | ||
+ | .nivo-caption a { | ||
+ | display:inline !important; | ||
+ | } | ||
+ | .nivo-html-caption { | ||
+ | display:none; | ||
+ | } | ||
+ | /* Direction nav styles (e.g. Next & Prev) */ | ||
+ | .nivo-directionNav a { | ||
+ | position:absolute; | ||
+ | top:45%; | ||
+ | z-index:9; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | .nivo-prevNav { | ||
+ | left:15px; | ||
+ | } | ||
+ | .nivo-nextNav { | ||
+ | right:15px; | ||
+ | } | ||
+ | /* Control nav styles (e.g. 1,2,3...) */ | ||
+ | .theme-default .nivo-controlNav { | ||
+ | position:absolute; left:100%; bottom:-42px; | ||
+ | margin-left: -1000px; | ||
+ | } | ||
+ | |||
+ | .nivo-controlNav a { | ||
+ | position:relative; | ||
+ | z-index:9; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .nivo-controlNav a.active { | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | .theme-default #slider { | ||
+ | margin:0px auto 0px auto; | ||
+ | width:618px; /* Make sure your images are the same size */ | ||
+ | height:464px; /* Make sure your images are the same size */ | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | </html> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
body {background: #000000} | body {background: #000000} |
Revision as of 17:54, 18 June 2013
<style type="text/css"> body {background: #000000} </style>
Our project focuses on promoter engineering. Our goal is to characterize a set of promoters (of our design) by moving the repressor and/or activator binding sites with respect to the -10 and -35 regions of the promoter. Ideally, we would like to show that by moving an activator binding site it can become a repressor and that by moving a repressor binding site it may become either irrelevant to transcription rate or even boost it. We also want to see if there is a steep decline in repressor/activator function as the binding site move along the promoter or if it is a gradual/linear change. We believe this project could have application to genetic circuits by allowing a single protein to either activate or repress a promoter depending on where the binding sites are placed on the promoter.