|
|
(34 intermediate revisions not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
- | <html lang="en">
| |
| | | |
- | <style = "text/css" media="screen"> | + | <div id="top-section3"><center><img src="https://static.igem.org/mediawiki/2013hs/3/35/TorrePinesNavigation%28Tareq%29.jpg" alt="header" border="0" usemap="#igemmap" width="1000"></center></div> |
| | | |
| + | <map name="igemmap"> |
| + | <area shape="circle" coords="480,40,40" alt="Mercury" href="https://2013hs.igem.org" onfocus="this.blur()" /> |
| + | </map> |
| | | |
| | | |
| + | <div class="layout-1000"> |
| + | <div class="row"> |
| + | <div class="col12" > |
| + | <ul class="topnav"> |
| + | <li><a href="https://2013hs.igem.org/Team:TPHS_SanDiego">Home </a></li> |
| + | <li> |
| + | <a href="https://2013hs.igem.org/Team:TPHS_SanDiego/Project">Project</a> |
| + | </li> |
| + | <li> |
| + | <a href="https://2013hs.igem.org/Team:TPHS_SanDiego/Parts">Parts</a> |
| + | </li> |
| + | <li><a href="https://2013hs.igem.org/Team:TPHS_SanDiego/Safety">Safety</a></li> |
| + | <li><a href="https://2013hs.igem.org/Team:TPHS_SanDiego/Team">Team</a></li> |
| + | <li><a href="https://2013hs.igem.org/Team:TPHS_SanDiego/Protocols">Protocols</a></li> |
| + | <li><a href="https://2013hs.igem.org/Team:TPHS_SanDiego/Journal">Journal</a></li> |
| + | </ul> |
| + | <div> <div class ="row-end"> </div> |
| + | </div> |
| + | </div> |
| | | |
- | ul.topnav {
| + | <div class="row"> |
- | list-style: none;
| + | <div class="col12" id="spacer2"></div> |
- | padding: 0px 0px;
| + | <div class="row-end"> </div> |
- | margin: 0px 0px 0px -22px;
| + | </div> |
- | 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> | + | |
| | | |
| + | <div class="row"> |
| + | <div class="col12-2"> <img src="https://static.igem.org/mediawiki/2013hs/4/42/Project-Our-Bar.jpg" width="980"> </div> |
| + | <div class="row-end" ></div> |
| + | </div> |
| </html> | | </html> |
| | | |
- | <html lang="en"> | + | <html> |
| + | <div class="row"> |
| + | <div class="col12-2" > |
| + | <div align="justify"> |
| + | <p style="font-family:Georgia;color:black;font-size:16px;"> |
| | | |
- | <style = "text/css" media="screen">
| |
| | | |
| + | </p> |
| + | <p> |
| + | |
| + | |
| + | |
| + | </p> |
| | | |
- | | + | <center> |
- | | + | <iframe src="https://docs.google.com/document/d/1epg-_5lpwccgvIzR7I_abmn-gJ08GCMvlULQiOUBI_A/pub?embedded=true" width="875" height="875" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe></center><div class="row-end" ></div></center> |
- | 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>
| + | |
- | | + | |
- | | + | |
- | 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.
| + | |
- | | + | |
- | <html>
| + | |
- | <iframe src="https://docs.google.com/presentation/d/1yljSeVJrbB2XPS9ej2cHj8QVOD_JseTJ1Um48-RjfGs/embed?start=false&loop=false&delayms=3000" frameborder="0" width="760" height="549" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe> | + | |
| | | |
| </html> | | </html> |
| + | {{Team:Berkeley/header}} |
| + | {{Team:Berkeley/css}} |
| + | {{Team:Berkeley/navigation}} |