Team:Uppsala-Sweden/Project/Overview

From 2011.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 1: Line 1:
-
__NOTOC__
+
{{Template:Uppsala-SwedenTemplate}}
-
<html>
+
-
<meta http-equiv="X-UA-Compatible" content="chrome=1">
+
-
<!-- START:Riddance. -->
+
<span class="title">''Uppsala '' <span class="bold">University</span>.</span>
-
<script type="text/javascript">
+
<div class="wrap_1">
-
var d = document.getElementById('top-section');
+
<div id="mainred">
-
var olddiv = document.getElementById('p-logo');
+
<span class="hidden">Welcome to Uppsala-SwedeniEM '2011</span>
-
d.removeChild(olddiv);
+
</div></div>
 +
<div class="wrap_3">
 +
<div id="mainlogo">
 +
<span class="hidden">This is the looong logo</span>
 +
</div>
-
</script>
+
    <!--<div class="subtitle contrast grid_17 clearfix">
-
 
+
<span>Navigation</span>
-
<!-- END: Riddance. -->
+
</div>-->
-
 
+
<html>
-
<style type="text/css">
+
<div id="floatMenu">
-
body {}
+
   <ul class="menu1">
-
body.mediawiki {background:#fff ;url(https://static.igem.org/mediawiki/2011/d/db/Uppsala.jpg) top center repeat-y; font-family:Helvetica, Arial, sans-serif; color:#202020;border:20;}
+
     <li><a href="https://2011.igem.org/Team:Uppsala-Sweden/Project/Highlights" onclick="return false;"> Highlights </a></li>
-
#content {width:976px; padding:0;background:#fff url(https://static.igem.org/mediawiki/2011/d/db/Uppsala.jpg ) bottom center repeat-x;}
+
   </ul>
-
#bodyContent {}
+
  <ul class="menu2">
-
h1.firstHeading, #top {display:none;}
+
     <li><a href="https://2011.igem.org/Team:Uppsala-Sweden/Project/Protocol" onclick="return false;"> Protocol </a></li>
-
#content * a:hover {text-decoration:none;}
+
    <li><a href="https://2011.igem.org/Team:Uppsala-Sweden/Project/Model" onclick="return false;"> Model </a></li>
-
 
+
    <li><a href="https://2011.igem.org/Team:Uppsala-Sweden/Project/Materials" onclick="return false;"> Materials </a></li>
-
 
+
    <li><a href="https://2011.igem.org/Team:Uppsala-Sweden/Project/Methods" onclick="return false;"> Methods </a></li>
-
 
+
  </ul>
-
 
+
  <ul class="menu3">
-
.hp {width:100%; position:relative;}
+
    <li><a href="#" onclick="return false;"> Technical support </a></li>
-
.fh {height:100%; position:relative;}
+
  </ul>
-
.container {font-size:1.2em; line-height:1.6em;}
+
</div></html>
-
.container_16 {margin-left: auto;margin-right: auto;width: 976px;}
+
<!--<div id="submenu">
-
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {text-align:left; display:inline;float: left;position: relative; padding-right:10px; padding-left:10px; overflow:hidden;}
+
<div class="grid_17 submenu">
-
.alpha {padding-left:0;}
+
[[Team:Uppsala-Sweden/Notebook | What we did]]
-
.omega {padding-right:0;}
+
[[Team:Uppsala-Sweden/Notebook/Deliverables | Accomplishments]]
-
.container_16 .grid_1 {width:41px;}
+
[[Team:Uppsala-Sweden/Notebook/Safety | Safety]]
-
.container_16 .grid_2 {width:102px;}
+
[[Team:Uppsala-Sweden/Notebook/Protocols | Our protocols]]
-
 
+
[[Team:Uppsala-Sweden/Notebook/Brainstorming | Brainstorming ideas]]
-
.container_16 .grid_3 {
+
[[Team:Uppsala-Sweden/Notebook/Links | Online resources]]
-
-webkit-transform: rotate(10deg) scale(1) skew(1deg) translate(0px);
+
</div>
-
-moz-transform: rotate(10deg) scale(1) skew(1deg) translate(0px);
+
</div>-->
-
-o-transform: rotate(10deg) scale(1) skew(1deg) translate(0px);
+
-
  border:double 6px #000000;
+
-
-moz-border-radius: 24px;
+
-
-webkit-border-radius: 24px;
+
-
border-radius: 24px;
+
-
-moz-box-shadow: 10px 10px 5px #000000;
+
-
-webkit-box-shadow: 10px 10px 5px #000000;
+
-
box-shadow: 10px 10px 5px #000000;
+
-
 
+
-
 
+
-
 
+
-
/*margin-right:61px;*/
+
-
width:263px;opacity:1;
+
-
filter:alpha(opacity=100);
+
-
border:1px solid blue;
+
-
background: #800;
+
-
    background: -moz-linear-gradient(-90deg, #FE878A, #E71616 50%, #800000 80%, #800000 85%, #b80304);
+
-
    background: -webkit-gradient(linear, left top, left bottom, from(#FE878A),
+
-
                                color-stop(50%, #E71616), color-stop(80%, #800000),
+
-
                                color-stop(85%, #800000), to(#b80304));}
+
-
 
+
-
.container_16 .grid_3:hover {
+
-
-webkit-transform: rotate(10deg) scale(1.1) skew(1deg) translate(0px);
+
-
-moz-transform: rotate(10deg) scale(1.1) skew(1deg) translate(0px);
+
-
-o-transform: rotate(10deg) scale(1.1) skew(1deg) translate(0px);
+
-
   border:double 6px #000000;
+
-
-moz-border-radius: 24px;
+
-
-webkit-border-radius: 24px;
+
-
border-radius: 24px;
+
-
-moz-box-shadow: 10px 10px 5px #000000;
+
-
-webkit-box-shadow: 10px 10px 5px #000000;
+
-
box-shadow: 10px 10px 5px #000000;
+
-
 
+
-
 
+
-
 
+
-
/*margin-right:61px;*/
+
-
width:263px;opacity:1;
+
-
filter:alpha(opacity=100);
+
-
border:1px solid blue;
+
-
background: #800;
+
-
     background: -moz-linear-gradient(-90deg, #FE878A, #E71616 50%, #800000 80%, #800000 85%, #b80304);
+
-
    background: -webkit-gradient(linear, left top, left bottom, from(#FE878A),
+
-
                                color-stop(50%, #E71616), color-stop(80%, #800000),
+
-
                                color-stop(85%, #800000), to(#b80304));}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
.container_16 .grid_4 {width:224px;}
+
-
.container_16 .grid_5 {
+
-
-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
+
-
-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
+
-
-o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
+
-
  border:double 6px #000000;
+
-
-moz-border-radius: 24px;
+
-
-webkit-border-radius: 24px;
+
-
border-radius: 24px;
+
-
-moz-box-shadow: 10px 10px 5px #000000;
+
-
-webkit-box-shadow: 10px 10px 5px #000000;
+
-
box-shadow: 10px 10px 5px #000000;
+
-
color:red;
+
-
 
+
-
 
+
-
/*margin-right:61px;*/
+
-
width:285px;opacity:1;
+
-
filter:alpha(opacity=100);
+
-
border:1px solid blue;
+
-
background: #800;
+
-
    background: -moz-linear-gradient(-90deg, #ffff40, #ffa000  50%, #FFFFFF);
+
-
    background: -webkit-gradient(linear, left top, left bottom, from(#ffff40),
+
-
                                color-stop(50%, #ffa000), to(#FFFFFF));
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
/*width:285px;opacity:1;
+
-
filter:alpha(opacity=100);
+
-
border:1px solid blue;
+
-
background:yellow center center;*/}
+
-
 
+
-
.container_16 .grid_5:hover {
+
-
-webkit-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px);
+
-
-moz-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px);
+
-
-o-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px);
+
-
  border:double 6px #000000;
+
-
-moz-border-radius: 24px;
+
-
-webkit-border-radius: 24px;
+
-
border-radius: 24px;
+
-
-moz-box-shadow: 10px 10px 5px #000000;
+
-
-webkit-box-shadow: 10px 10px 5px #000000;
+
-
box-shadow: 10px 10px 5px #000000;
+
-
color:red;
+
-
 
+
-
 
+
-
/*margin-right:61px;*/
+
-
width:285px;opacity:1;
+
-
filter:alpha(opacity=100);
+
-
border:1px solid blue;
+
-
background: #800;
+
-
    background: -moz-linear-gradient(-90deg, #ffff40, #ffa000  50%, #FFFFFF);
+
-
    background: -webkit-gradient(linear, left top, left bottom, from(#ffff40),
+
-
                                color-stop(50%, #ffa000), to(#FFFFFF));}
+
-
 
+
-
.container_16 .grid_6 {
+
-
 
+
-
-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
+
-
-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
+
-
-o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
+
-
  border:double 6px #000000;
+
-
-moz-border-radius: 24px;
+
-
-webkit-border-radius: 24px;
+
-
border-radius: 24px;
+
-
-moz-box-shadow: 10px 10px 5px #000000;
+
-
-webkit-box-shadow: 10px 10px 5px #000000;
+
-
box-shadow: 10px 10px 5px #000000;
+
-
 
+
-
 
+
-
 
+
-
/*margin-right:61px;*/
+
-
width:285px;opacity:1;
+
-
filter:alpha(opacity=100);
+
-
border:1px solid blue;
+
-
background: #800;
+
-
    background: -moz-linear-gradient(-90deg, #0060a0, #0020ff 40%, #00c0c0);
+
-
    background: -webkit-gradient(linear, left top, left bottom, from(#0060a0),
+
-
                                color-stop(40%,#0020ff), to(#00c0c0));
+
-
width:346px;
+
-
/*border:1px solid blue;
+
-
background:blue center center;*/}
+
-
.container_16 .grid_6:hover {
+
-
-webkit-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px);
+
-
-moz-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px);
+
-
-o-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px);
+
-
   border:double 6px #000000;
+
-
-moz-border-radius: 24px;
+
-
-webkit-border-radius: 24px;
+
-
border-radius: 24px;
+
-
-moz-box-shadow: 10px 10px 5px #000000;
+
-
-webkit-box-shadow: 10px 10px 5px #000000;
+
-
box-shadow: 10px 10px 5px #000000;
+
-
 
+
-
 
+
-
 
+
-
/*margin-right:61px;*/
+
-
width:285px;opacity:1;
+
-
filter:alpha(opacity=100);
+
-
border:1px solid blue;
+
-
background: #800;
+
-
     background: -moz-linear-gradient(-90deg, #0060a0, #0020ff 40%, #00c0c0);
+
-
    background: -webkit-gradient(linear, left top, left bottom, from(#0060a0),
+
-
                                color-stop(40%,#0020ff), to(#00c0c0));
+
-
width:346px;
+
-
/*width:346px;opacity:1;
+
-
filter:alpha(opacity=100);
+
-
filter: “alpha(opacity=100)”;
+
-
border:1px solid blue;
+
-
background:blue center center;*/}
+
-
.container_16 .grid_7 {width:407px;}
+
-
.container_16 .grid_8 {width:368px;}
+
-
.container_16 .grid_9 {width:529px;}
+
-
.container_16 .grid_10 {width:590px;}
+
-
.container_16 .grid_11 {width:665px;}
+
-
.container_16 .grid_12 {width:712px;}
+
-
.container_16 .grid_13 {width:773px;}
+
-
.container_16 .grid_14 {width:834px;}
+
-
.container_16 .grid_15 {width:895px;}
+
-
.container_16 .grid_16 {width:956px;}
+
-
.container_16 .prefix_1 {margin-left:61px;}
+
-
.container_16 .prefix_2 {margin-left:122px;}
+
-
.container_16 .prefix_3 {margin-left:183px;}
+
-
.container_16 .prefix_4 {margin-left:244px;}
+
-
.container_16 .suffix_1 {margin-right:61px;/*-moz-border-radius: 330px/350px;
+
-
    -webkit-border-radius: 330px 350px;
+
-
    border-radius: 330px/350px;
+
-
    background: #800;
+
-
    background: -moz-linear-gradient(-90deg, #FE878A, #E71616 50%, #800000 80%, #800000 85%, #b80304);
+
-
    background: -webkit-gradient(linear, left top, left bottom, from(#FE878A),
+
-
                                color-stop(50%, #E71616), color-stop(80%, #800000),
+
-
                                color-stop(85%, #800000), to(#b80304));*/}
+
-
.wrap_1 {float:left; display:inline; width:61px; position:relative; padding:0; margin:0;}
+
-
.wrap_3 {float:left; display:inline; width:183px; position:relative; padding:0; margin:0;}
+
-
.wrap_12 {float:left; display:inline; width:732px; position:relative; padding:0; margin:0;}
+
-
 
+
-
.clear {clear: both; display: block; overflow: hidden; visibility: hidden;width: 0; height: 0;}
+
-
.clearfix:after {clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0;height: 0;}
+
-
.clearfix {display: inline-block;}
+
-
* html .clearfix {height: 1%;}
+
-
.clearfix {display: block;}
+
-
 
+
-
.round {-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; behaviour: url(http://vatsav.net/js/border-radius-ie8.htc); }
+
-
 
+
-
h1,h2,h3,h4,h5,h6 {font-variant:small-caps; text-transform: lowercase; font-weight:bold; display:block; border-bottom:1px #996E6E solid;font-family:"Arial Black", "Helvetica", sans-serif; margin-bottom:10px; margin-top:10px; padding-bottom: 5px; letter-spacing: 0.075em;}
+
-
h4 i,h4 em {font-variant:normal; text-transform:none; font-weight:400; font-family: Helvetica, sans-serif; font-size:11px;}
+
-
.und h1, .und h2, .und h3, .und h4, .und h5,.und h6 { border-bottom:none/*1px #666 solid*/; text-decoration:underline;}
+
-
h3,h4,h5,h6 {text-transform:lowercase;}
+
-
h1 {font-size:16px; color:#1B0C24; padding-bottom:0;}
+
-
h2,h3 {font-size:14px; padding-bottom:2px;}
+
-
h2 {color:#291D28;}
+
-
h3 {color:#371E46;}
+
-
h4 {font-size:13px; padding-bottom:3px; color#604040;}
+
-
h5, h6 {font-size:12px; padding-bottom:4px;}
+
-
h5 {color:#806060;}
+
-
h6 {color:#996E6E;}
+
-
div.sponsortitle h3 {border-bottom:none; text-decoration: underline;}
+
-
.editsection, .editsection a {font-size:10px; color:#96B2B5;}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
.hidden {visibility:hidden;}
+
-
.gray {font-size:80%; color:#ededed; font-family:serif; font-style:italic;}
+
-
.grey {color:#666; font-family:serif; font-style:italic;}
+
-
.blu {background:#86D6EF;}
+
-
 
+
-
.container_16 #Uppsalabanner .grid_4 {width:230px;padding:0;margin-left:10px; margin-right:4px;}
+
-
.container_16 #Uppsalabanner .grid_12 {width:717px; padding:0;margin-left:5px; margin-right:10px;}
+
-
 
+
-
#Uppsalabanner {}
+
-
#mainlogo {height:367px; background:url(https://static.igem.org/mediawiki/2011/9/9e/UppsalaLogoTmp.png) top center no-repeat;}
+
-
#maincontent {height:210px; background:url(https://static.igem.org/mediawiki/2011/5/58/Uppsalaheader2.jpg) right top no-repeat;}
+
-
#Uppsalalogo {height:384px; background:url(https://static.igem.org/mediawiki/2011/9/93/Uppsalalogo2.jpg) bottom left no-repeat;}
+
-
#banner {height:323px; background:url(https://static.igem.org/mediawiki/2011/6/63/Uppsalabanner.jpg) center center no-repeat; clear:both; position:relative;}
+
-
#Uppsalacontact {height:260px; background:url(https://static.igem.org/mediawiki/2011/7/76/Uppsalacontact.jpg) top right no-repeat; position:relative;}
+
-
.banner {height:200px;display:block;}
+
-
#Uppsalaabout {height:322px; background:url(https://static.igem.org/mediawiki/2011/3/33/Uppsalaabout.jpg) top left no-repeat;}
+
-
.about {height:322px; background:url(https://static.igem.org/mediawiki/2011/a/ab/Uppsalasidelogo.jpg) top left no-repeat;}
+
-
#Uppsalaproject {height:360px; background:url(https://static.igem.org/mediawiki/2011/f/f6/Uppsalaplaque.jpg) top center no-repeat;}
+
-
#Uppsalanotebook {height:302px; background:url(https://static.igem.org/mediawiki/2011/8/86/Uppsalanote.jpg) top center no-repeat;}
+
-
 
+
-
#mainred {height:198px; background:url(https://static.igem.org/mediawiki/2011/5/58/Uppsalaheader2.jpg) left top no-repeat;}
+
-
.maincontent {margin-top:-50px;}
+
-
 
+
-
#menu {color: #c5c5c5; text-align:center; padding:0; margin:0; font-size:1.11em; font-family:Century Gothic, ITC Avant Garde, sans-serif; margin-bottom:0px; text-transform:lowercase; font-variant:small-caps; font-weight:bold;/*position:fixed;*/}
+
-
#menu .grid_1,#menu .grid_2, #menu .grid_3, #menu.grid_4 {padding-top:0px; padding-bottom:0px;}
+
-
#menu .link {text-align:center; letter-spacing:0.125em; /*font-variant:small-caps; text-transform:lowercase;*/}
+
-
#menu .link.hide:hover, #menu .link.hide {background:transparent;}
+
-
#menu .link a {color:#404040; padding:0 0px 0px; display:inline-block;}
+
-
#menu .link .selflink {color:#426e9f; padding-top:0px;padding-bottom:0px; border-bottom:0px #68BADA solid; }
+
-
#menu .link a:hover {color:#202020; padding-top:0px;padding-bottom:0px; border-bottom:0px #426e96 solid;}
+
-
#menu.main {}
+
-
 
+
-
.selflink {color:#202020; font-weight:bold;}
+
-
 
+
-
#Uppsalacontent {padding-bottom:15px; margin-top:15px;margin-bottom:15px; font-family:Gill Sans / Gill Sans MT, "Lucida Sans Unicode", "Lucida Grande", sans-serif; clear:both;}
+
-
.bold {font-weight:600;color:#202020;}
+
-
.small {font-size:50%;}
+
-
.serif {font-family:"Palatino","Times New Roman", Times, serif;}
+
-
.textright{text-align:right;}
+
-
.right {float:right;}
+
-
.textjustify {text-align:justify;}
+
-
span.sup {vertical-align:super; line-height:0.25em; font-size:0.8em;}
+
-
span.sub {vertical-align:sub; line-height:0.25em; font-size:0.8em;}
+
-
span.source {font-size:50%; color:#666; line-height:0.8em;}
+
-
 
+
-
h1 span.title {letter-spacing:0.03em; font-size:175%; font-family:Helvetica, sans-serif; color:#436e96; font-weight:bold;}
+
-
.title {font-weight:100;font-family:"Century Gothic","ITC Avant Garde Gothic", "Avant Garde","Gill Sans", "Gill Sans MT", "Helvetica", sans-serif; letter-spacing:-0.075em; font-size:300%; color:#141414; display:block; display:inline-block; padding-bottom:11px; margin-bottom:10px; padding-top:6px;}
+
-
.title span.bold {color:#202020;}
+
-
 
+
-
#content #submenu {margin-top:2px; padding-top:2px; font-family:Gill Sans / Gill Sans MT, sans-serif; font-variant:small-caps; text-transform:lowercase; border-bottom:3px solid #404040; padding-bottom: 5px;}
+
-
#content #submenu .submenu a {color:#404040; font-size:13px; font-weight:200; display:block;padding:2px; letter-spacing:0.05em;}
+
-
#content #submenu .submenu a:hover {font-weight:bold; margin:0 2px;}
+
-
#content #submenu .selflink {color:#426e96; margin:0 2px;}
+
-
#submenu .subtitle span {display:block; padding:2px; font-size:15px; font-weight:bold; font-variant:small-caps; color:#e0e0e0; letter-spacing:0.1em;}
+
-
#submenu .contrast {background:#404040;}
+
-
#submenu .subtitle {margin-bottom:5px;}
+
-
 
+
-
.spiffy{display:block}
+
-
.spiffy *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#202020}
+
-
.spiffy1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #959595;border-right:1px solid #959595; background:#464646}
+
-
.spiffy2{margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; background:#373737}
+
-
.spiffy3{margin-left:1px; margin-right:1px; border-left:1px solid #373737; border-right:1px solid #373737;}
+
-
.spiffy4{ border-left:1px solid #959595;border-right:1px solid #959595}
+
-
.spiffy5{border-left:1px solid #464646; border-right:1px solid #464646}
+
-
.spiffyfg{background:#202020}
+
-
#tock {float:left; padding:0 20px 0 0; background:transparent; margin:5px 5px 25px 0px;}
+
-
#toc {width:200px; position:relative; border:0; padding:5px; background:#202020;}
+
-
#content #toc a {color:#a0a0a0; font-weight:normal;}
+
-
#content #toc a:hover {color:#e0e0e0; text-decoration:none;}
+
-
#toc ul {margin-top:2px; margin-bottom:2px;}
+
-
li.toclevel-2,li.toclevel-3 {display:block; position:relative; margin-left:-15px;}
+
-
#toctitle h2, #toctitle{color:#e0e0e0; font-size:14px; text-transform:lowercase; font-weight:normal; letter-spacing: 0.075em;}
+
-
#toctitle a {font-size:8px;}
+
-
.tocnumber {color:#688893; font-family:Times, Georgia, serif; font-weight:bold;}
+
-
 
+
-
 
+
-
a img{
+
-
opacity:1;
+
-
filter:alpha(opacity=100);
+
-
filter: “alpha(opacity=100)”;
+
-
}
+
-
a:hover img{
+
-
opacity:1;
+
-
filter:alpha(opacity=100);
+
-
filter: “alpha(opacity=100)”;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
#Uppsalafooter {font-size:75%; color:#202020; margin-bottom:20px; margin-top:20px;}
+
-
.contrast {background:#202020; color:#bfbecc;}
+
-
 
+
-
#ram
+
-
{
+
-
border-style:solid;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
<!-- START:DROP-DOWN MENU STYLE SHEET (Source: http://www.alistapart.com/articles/dropdowns/ and http://www.htmldog.com/articles/suckerfish/dropdowns/) -->
+
-
 
+
-
 
+
-
#nav, #nav ul {
+
-
padding: 0;
+
-
margin: 0;
+
-
list-style: none;
+
-
line-height: 1;
+
-
}
+
-
 
+
-
#nav a {
+
-
display: block;
+
-
width: 10em;
+
-
}
+
-
 
+
-
#nav li {
+
-
float: left;
+
-
width: 10em;
+
-
}
+
-
 
+
-
#nav li ul {
+
-
position: absolute;
+
-
background: white;
+
-
width: 10em;
+
-
left: -999em;
+
-
}
+
-
 
+
-
#nav li:hover ul, #nav li.sfhover ul {
+
-
left: auto;
+
-
}
+
-
 
+
-
#content {
+
-
clear: left;
+
-
 
+
-
}
+
-
 
+
-
<!-- END: DROP-DOWN MENU STYLE SHEET-->
+
-
 
+
-
 
+
-
-------------------
+
-
/*Wikihack*/
+
-
/* it's in my file*/
+
-
 
+
-
------------------
+
-
</style>
+
-
 
+
-
<!--[if IE]>
+
-
<style type="text/css">
+
-
.container_16 {background:0; overflow:auto; font-size:92.5%;}
+
-
#content #submenu .subtitle, #content #submenu .submenu a {font-size:90%}
+
-
#menu .link {font-size:11px;}
+
-
</style>
+
-
<![endif]-->
+
-
<!--[if lte IE 6]>
+
-
<style type="text/css">
+
-
body {display:none; visibility:hidden;}
+
-
* {text-align:center; display:none;}
+
-
#content {display:none; visibility:hidden;}
+
-
html .container_16 {background:0; overflow:auto; width:980px; display:none; visibility: hidden;}
+
-
#content #submenu{font-size:90%;}
+
-
</style>
+
-
<![endif]-->
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<script type="text/javascript"><!--//--><![CDATA[//><!--
+
-
 
+
-
sfHover = function() {
+
-
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
+
-
for (var i=0; i<sfEls.length; i++) {
+
-
sfEls[i].onmouseover=function() {
+
-
this.className+=" sfhover";
+
-
}
+
-
sfEls[i].onmouseout=function() {
+
-
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
+
-
}
+
-
}
+
-
}
+
-
if (window.attachEvent) window.attachEvent("onload", sfHover);
+
-
 
+
-
//--><!]]></script>
+
 +
</div>
 +
<div class="wrap_12">
 +
<div id="maincontent">
 +
<span class="blue"></span>
 +
</div>
 +
<div class="prefix_4 grid_11 suffix_1 maincontent" id="Uppsalacontent">
 +
== '''Project overview''' ==
 +
.
-
</html>
+
== Main Project ==
 +
 +
Regulation of gene expression by light is a milestone in synthetic biology. This rapidly developing field has attracted lots of attention in the recent years. Light regulation introduces noninvasive, direct and advanced spatiotemporal control of engineered biological systems. The aim of this project is a continuation of developing the above mentioned regulation method.
-
<div class="container_16">
+
In 2005, the world’s first light-sensing bacteria, “coliroids”, were engineered by scientists at UT Austin. Since then, as more and more naturally occurring light-sensing microorganisms are being discovered and sequenced, synthetic biologists realize there is a whole range of natural light-sensing systems at their disposal. Most of the light-sensing systems developed thus far focus on studying one light-sensing system at a time, characterizing its activation light spectra, active state, etc. There has been a lack of focus on building light-sensing systems that sense multiple wavelengths, until very recently. The ultimate objective is to introduce control of gene expression with multiple light wavelengths and demonstrate multidimensional light control as well as fine tunability of this system by making the engineered bacteria exhibit image based on three basic colors.

Latest revision as of 16:12, 5 July 2011

Uppsala University.

Project overview

.

Main Project

Regulation of gene expression by light is a milestone in synthetic biology. This rapidly developing field has attracted lots of attention in the recent years. Light regulation introduces noninvasive, direct and advanced spatiotemporal control of engineered biological systems. The aim of this project is a continuation of developing the above mentioned regulation method.

In 2005, the world’s first light-sensing bacteria, “coliroids”, were engineered by scientists at UT Austin. Since then, as more and more naturally occurring light-sensing microorganisms are being discovered and sequenced, synthetic biologists realize there is a whole range of natural light-sensing systems at their disposal. Most of the light-sensing systems developed thus far focus on studying one light-sensing system at a time, characterizing its activation light spectra, active state, etc. There has been a lack of focus on building light-sensing systems that sense multiple wavelengths, until very recently. The ultimate objective is to introduce control of gene expression with multiple light wavelengths and demonstrate multidimensional light control as well as fine tunability of this system by making the engineered bacteria exhibit image based on three basic colors.
Retrieved from "http://2011.igem.org/Team:Uppsala-Sweden/Project/Overview"