Team:St Andrews

From 2010.igem.org

(Difference between revisions)
Line 11: Line 11:
</script>
</script>
<![endif]-->
<![endif]-->
-
<style type="text/css">
+
<link rel="stylesheet" type="text/css" href="http://igemsaints.my3gb.com/css/standrews1.css" />
-
 
+
-
ul, li {
+
-
list-style: none;
+
-
padding:0;
+
-
margin:0;
+
-
}
+
-
#crumbs {
+
-
height:2.3em;
+
-
border:1px solid #dedede;
+
-
}
+
-
#crumbs li {
+
-
float:left;
+
-
line-height:2.3em;
+
-
color:#000066;
+
-
padding-left:.75em;
+
-
padding-right:.75em;
+
-
}
+
-
#crumbs li a {
+
-
background:url(http://farm5.static.flickr.com/4083/4840231538_b92665afd3_m_d.jpg) no-repeat right center;
+
-
display:block;
+
-
padding:0 15px 0 0;
+
-
}
+
-
#crumbs li a:link,
+
-
#crumbs li a:visited {
+
-
color:#000066;
+
-
text-decoration:none;
+
-
}
+
-
a:link, a:visited,
+
-
#crumbs li a:hover,
+
-
#crumbs li a:focus {
+
-
color:#dd2c0d;
+
-
}
+
-
 
+
-
 
+
-
ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; }
+
-
+
-
ul#navmenu-h ul {
+
-
width: 173px; /* Sub Menu Width */
+
-
margin: 0;
+
-
list-style: none;
+
-
display: none;
+
-
position: absolute;
+
-
top: 100%;
+
-
left: 0;
+
-
}
+
-
+
-
ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; }
+
-
+
-
ul#navmenu-h li { float: left; display: inline; position: relative; }
+
-
ul#navmenu-h ul li { width: 100%; display: block; }
+
-
+
-
/* Root Menu */
+
-
ul#navmenu-h a {
+
-
border-top: 1px solid #FFF;
+
-
border-right: 1px solid #FFF;
+
-
width:160px;
+
-
padding: 6px;
+
-
float: center;
+
-
display: block;
+
-
background: #000066;
+
-
color: #ffffff;
+
-
font: bold 11px Verdana, sans-serif;
+
-
text-decoration: none;
+
-
height: 1%;
+
-
}
+
-
+
-
/* Root Menu Hover Persistence */
+
-
ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {
+
-
background: #FFFFFF;
+
-
color: #000066;
+
-
height:120%;
+
-
font: bold 13px Verdana, sans-serif;
+
-
}
+
-
+
-
/* 2nd Menu */
+
-
ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
+
-
font: bold 11px Verdana, sans-serif;
+
-
border: 1px solid #dedede;
+
-
width: 160px;
+
-
float: none;
+
-
height:100%;
+
-
color: #000066;
+
-
background: #FFFFFF;
+
-
}
+
-
+
-
/* 2nd Menu Hover Persistence */
+
-
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a {
+
-
font: bold 13px Verdana, sans-serif;
+
-
border: 1px solid #dedede;
+
-
background: #000066;
+
-
color:#ffffff;
+
-
height:120%;
+
-
}
+
-
+
-
/* 3rd Menu */
+
-
ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {
+
-
font: bold 11px Verdana, sans-serif;
+
-
color: #000066;
+
-
background: #FFFFFF;
+
-
height:100%;
+
-
}
+
-
+
-
/* 3rd Menu Hover Persistence */
+
-
ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {
+
-
font: bold 13px Verdana, sans-serif;
+
-
background: #000066;
+
-
color: #ffffff;
+
-
height:120%;
+
-
}
+
-
+
-
/* 4th Menu */
+
-
ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a {
+
-
background: #808080;
+
-
}
+
-
+
-
/* 4th Menu Hover */
+
-
ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
+
-
background: #000066;
+
-
}
+
-
+
-
/* Hover Function - Do Not Move */
+
-
ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; }
+
-
ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }
+
-
 
+
-
ul.navigation1
+
-
{
+
-
position:absolute;
+
-
z-index:5;
+
-
top:248px;
+
-
left:110px;
+
-
}
+
-
ul.navigation2
+
-
{
+
-
position:absolute;
+
-
z-index:1;
+
-
top:200px;
+
-
left:105px;
+
-
}
+
-
#globalWrapper {
+
-
    position: relative;
+
-
    font-size: 127%;
+
-
    width: 100%;
+
-
    margin: 0;
+
-
    padding: 0;
+
-
    padding-bottom: 10px;
+
-
}
+
-
.visualClear {
+
-
    clear: both;
+
-
}
+
-
 
+
-
#top-section {
+
-
    position: relative;
+
-
    height: 0px;
+
-
    width: 975px;
+
-
#    margin-left: 10px;
+
-
margin: 0 auto 0 auto;
+
-
    border-left: 1px solid #000000;
+
-
    border-right: 1px solid #000000;
+
-
}
+
-
 
+
-
#p-logo {
+
-
    position: absolute;
+
-
top=-107
+
-
    z-index: 1;
+
-
    height: 107px;
+
-
    width: 975px;
+
-
}
+
-
#p-logo h5 {
+
-
    display: none;
+
-
}
+
-
#p-logo a,
+
-
#p-logo a:hover {
+
-
    text-decoration: none;
+
-
}
+
-
 
+
-
#search-controls {
+
-
position: absolute;
+
-
top:  25px;
+
-
right: 15px;
+
-
width: 150px;
+
-
height: 40px;
+
-
background-color: transparent;
+
-
    text-align: center;
+
-
    z-index: 3;
+
-
}
+
-
input.searchButton {
+
-
margin: 1px 10px 0 10px;
+
-
font-size: 100%;
+
-
background: none;
+
-
border: none;
+
-
color: #FFFFFF;
+
-
font-weight: bold;
+
-
}
+
-
input.searchButton:hover {
+
-
color: white;
+
-
}
+
-
#searchInput {
+
-
    width: 10.9em;
+
-
    margin: 0;
+
-
    font-size: 95%;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
#menubar {
+
-
filter: alpha(opacity=100);
+
-
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+
-
-moz-opacity: 1; opacity:1;
+
-
 
+
-
background: #d1d1d1; /* for non-css3 browsers */
+
-
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#808080'); /* for IE */
+
-
background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#808080)); /* for webkit browsers */
+
-
background: -moz-linear-gradient(top,  #ebebeb,  #808080); /* for firefox 3.6+ */
+
-
+
-
color: #444;
+
-
border-top: solid 1px #f8f8f8;
+
-
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
+
-
 
+
-
    position: absolute;
+
-
    white-space: nowrap;
+
-
    top: 0px;
+
-
width: 682px;   
+
-
    z-index: 5;
+
-
    font-family: sans-serif;
+
-
    font-size: 95%;
+
-
    line-height: 1em;
+
-
text-transform: uppercase;
+
-
}
+
-
.left-menu {
+
-
color:#000000;
+
-
    left: -199px;
+
-
    text-align: left;
+
-
}
+
-
.right-menu {
+
-
    text-align: right;
+
-
    right: -190px;
+
-
}
+
-
#menubar ul {
+
-
    color: #555555;
+
-
    list-style: none;
+
-
}
+
-
#menubar li {
+
-
    display: inline;
+
-
    position: relative;
+
-
    cursor: pointer;
+
-
    padding-left: 4px;
+
-
    padding-right: 10px;
+
-
}
+
-
#menubar li a {
+
-
    color: #555555;
+
-
}
+
-
#menubar li a:hover {
+
-
    color: black;
+
-
    text-decoration: none;
+
-
}
+
-
#menubar .selected a {
+
-
color: black;
+
-
}
+
-
 
+
-
html>body #nav {
+
-
filter: alpha(opacity=80);
+
-
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
+
-
-moz-opacity: 0.8; opacity:0.8;
+
-
z-index:1;
+
-
margin: 0;
+
-
padding: 7px 6px 0;
+
-
line-height: 100%;
+
-
border-top-left-radius:5em;
+
-
border-top-right-radius:2em;
+
-
border-bottom-left-radius:2em;
+
-
border-bottom-right-radius:2em;
+
-
+
-
-webkit-border-top-left-radius: 5em;
+
-
-webkit-border-top-right-radius: 2em;
+
-
-webkit-border-bottom-left-radius: 2em;
+
-
-webkit-border-bottom-right-radius: 2em;
+
-
-moz-border-radius-topleft: 5em;
+
-
-moz-border-radius-topright: 2em;
+
-
-moz-border-radius-bottomleft: 2em;
+
-
-moz-border-radius-bottomright: 2em;
+
-
 
+
-
+
-
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
+
-
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
+
-
+
-
background: #8b8b8b; /* for non-css3 browsers */
+
-
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000066', endColorstr='#000000'); /* for IE */
+
-
background: -webkit-gradient(linear, left top, left bottom, from(#000066), to(#000000)); /* for webkit browsers */
+
-
background: -moz-linear-gradient(top,  #000066,  #000000); /* for firefox 3.6+ */
+
-
+
-
border: solid 1px #6d6d6d;
+
-
}
+
-
html>body #nav li {
+
-
margin: 0 5px;
+
-
padding: 0 0 8px;
+
-
float: left;
+
-
position: relative;
+
-
list-style: none;
+
-
}
+
-
/* main level link */
+
-
html>body #nav a {
+
-
font-weight: bold;
+
-
color: #e7e5e5;
+
-
text-decoration: none;
+
-
display: block;
+
-
        padding:  8px 57px;
+
-
margin: 0;
+
-
-webkit-border-radius: 1.6em;
+
-
-moz-border-radius: 1.6em;
+
-
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
+
-
}
+
-
 
+
-
/* main level link hover */
+
-
html>body #nav .current a, #nav li:hover > a {
+
-
background: #d1d1d1; /* for non-css3 browsers */
+
-
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#808080'); /* for IE */
+
-
background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#808080)); /* for webkit browsers */
+
-
background: -moz-linear-gradient(top,  #ebebeb,  #808080); /* for firefox 3.6+ */
+
-
+
-
color: #444;
+
-
border-top: solid 1px #f8f8f8;
+
-
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
+
-
}
+
-
/* sub levels link hover */
+
-
html>body #nav ul li:hover a, #nav li:hover li a {
+
-
background: none;
+
-
border: none;
+
-
color: #323232;
+
-
-webkit-box-shadow: none;
+
-
-moz-box-shadow: none;
+
-
}
+
-
html>body #nav ul a:hover {
+
-
background: #0399d4 !important; /* for non-css3 browsers */
+
-
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000066', endColorstr='#000000'); /* for IE */
+
-
background: -webkit-gradient(linear, left top, left bottom, from(#000066), to(#000000)) !important; /* for webkit browsers */
+
-
background: -moz-linear-gradient(top,  #000066,  #000000) !important; /* for firefox 3.6+ */
+
-
+
-
color: #fff !important;
+
-
-webkit-border-radius: 0;
+
-
-moz-border-radius: 0;
+
-
text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
+
-
}
+
-
/* level 2 list */
+
-
html>body #nav ul {
+
-
background: #ddd; /* for non-css3 browsers */
+
-
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c8c8c8'); /* for IE */
+
-
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c8c8c8)); /* for webkit browsers */
+
-
background: -moz-linear-gradient(top,  #fff,  #c8c8c8); /* for firefox 3.6+ */
+
-
+
-
display: none;
+
-
margin: 0;
+
-
padding: 0;
+
-
width: 200px;
+
-
position: absolute;
+
-
top: 35px;
+
-
left: 10px;
+
-
border: solid 1px #b4b4b4;
+
-
-webkit-border-radius: 10px;
+
-
-moz-border-radius: 10px;
+
-
border-radius: 10px;
+
-
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
+
-
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
+
-
box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
+
-
}
+
-
/* dropdown */
+
-
html>body #nav li:hover > ul {
+
-
display: block;
+
-
}
+
-
html>body #nav ul li {
+
-
z-index:1;
+
-
float: none;
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
html>body #nav ul a {
+
-
font-weight: normal;
+
-
text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
+
-
}
+
-
/* level 3+ list */
+
-
html>body #nav ul ul {
+
-
left: 138px;
+
-
top: -8px;
+
-
}
+
-
/* rounded corners for first and last child */
+
-
html>body #nav ul li:first-child > a {
+
-
-webkit-border-top-left-radius: 9px;
+
-
-moz-border-radius-topleft: 9px;
+
-
-webkit-border-top-right-radius: 9px;
+
-
-moz-border-radius-topright: 9px;
+
-
}
+
-
html>body #nav ul li:last-child > a {
+
-
-webkit-border-bottom-left-radius: 9px;
+
-
-moz-border-radius-bottomleft: 9px;
+
-
-webkit-border-bottom-right-radius: 9px;
+
-
-moz-border-radius-bottomright: 9px;
+
-
}
+
-
/* clearfix */
+
-
html>body #nav:after {
+
-
content: ".";
+
-
display: block;
+
-
clear: both;
+
-
visibility: hidden;
+
-
line-height: 0;
+
-
height: 0;
+
-
}
+
-
html>body #nav {
+
-
z-index:1;
+
-
display: inline-block;
+
-
}
+
-
html>body html[xmlns] #nav {
+
-
display: block;
+
-
}
+
-
* html html>body #nav {
+
-
height: 1%;
+
-
}
+
-
 
+
-
 
+
-
.f-poweredbyico
+
-
{
+
-
position:absolute;
+
-
}
+
-
#footer {
+
-
background:white;
+
-
color:white;
+
-
    border-top:0px solid black;
+
-
}
+
-
#toc
+
-
{
+
-
border:0px;
+
-
background-color:#FFFFFF;
+
-
padding:0px;
+
-
}
+
-
img.topbanner
+
-
{
+
-
position:absolute;
+
-
top:-100px;
+
-
left:-1px;
+
-
}
+
-
img.lybanner
+
-
{
+
-
position:absolute;
+
-
top:22px;
+
-
left:-1px;
+
-
}
+
-
img.photo
+
-
{
+
-
position:absolute;
+
-
top:3px;
+
-
left:1000px;
+
-
}
+
-
img.gradient
+
-
{
+
-
z-index:5;
+
-
position:absolute;
+
-
height:1000px;
+
-
width:200px;
+
-
top:0px;
+
-
left:-190px;
+
-
}
+
-
img.gradientb
+
-
{
+
-
z-index:5;
+
-
position:absolute;
+
-
height:1000px;
+
-
width:200px;
+
-
top:0px;
+
-
right:-200px;
+
-
}
+
-
#footer-box
+
-
{
+
-
position:absolute;
+
-
top:-100px;
+
-
left:187px;
+
-
}
+
-
ul.navigation
+
-
{
+
-
position:absolute;
+
-
z-index:1;
+
-
top:218px;
+
-
left:105px;
+
-
}
+
-
 
+
-
body
+
-
{
+
-
background-color:#ffffff;
+
-
}
+
-
h1.firstHeading
+
-
{
+
-
position:absolute;
+
-
top:-100px;
+
-
left:187px;
+
-
text-decoration:none;
+
-
color:#FFFFFF;
+
-
font-size:0px;
+
-
}
+
-
h2
+
-
{
+
-
color:#808080;
+
-
text-align:left;
+
-
}
+
-
p.right
+
-
{
+
-
background-color:#808080;
+
-
float:left
+
-
}
+
-
p.photo
+
-
{
+
-
text-align:center;
+
-
font-family:"Verdana";
+
-
font-size:12px;
+
-
}
+
-
p.back
+
-
{
+
-
text-indent: 1em;
+
-
font-family:"Verdana";
+
-
font-size:15px;
+
-
}
+
-
p.padding
+
-
{
+
-
text-indent: 1em;
+
-
font-family:"Verdana";
+
-
font-size:15px;
+
-
}
+
-
div.exphoto
+
-
{
+
-
border-top-left-radius:5em;
+
-
border-top-right-radius:2em;
+
-
border-bottom-left-radius:2em;
+
-
border-bottom-right-radius:2em;
+
-
+
-
-webkit-border-top-left-radius: 5em;
+
-
-webkit-border-top-right-radius: 2em;
+
-
-webkit-border-bottom-left-radius: 2em;
+
-
-webkit-border-bottom-right-radius: 2em;
+
-
-moz-border-radius-topleft: 5em;
+
-
-moz-border-radius-topright: 2em;
+
-
-moz-border-radius-bottomleft: 2em;
+
-
-moz-border-radius-bottomright: 2em;
+
-
 
+
-
filter: alpha(opacity=75);
+
-
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
+
-
-moz-opacity: 0.75; opacity:0.75;
+
-
 
+
-
background: #d1d1d1; /* for non-css3 browsers */
+
-
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb'); /* for IE */
+
-
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb)); /* for webkit browsers */
+
-
background: -moz-linear-gradient(top,  #ffffff,  #ebebeb); /* for firefox 3.6+ */
+
-
+
-
color: #444;
+
-
border-top: solid 1px #f8f8f8;
+
-
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
+
-
position:absolute;
+
-
left:20px;
+
-
top:300px;
+
-
float:right;
+
-
background;
+
-
color:#000000;
+
-
float:center;
+
-
margin-left:150px;
+
-
width:560px;
+
-
padding:30px;
+
-
}
+
-
 
+
-
div.des
+
-
{
+
-
opacity:0.8;
+
-
filter:alpha(opacity=80);
+
-
position:absolute;
+
-
top:268px;
+
-
background:#000066;
+
-
color:#FFFFFF;
+
-
float:center;
+
-
margin-left:-0px;
+
-
width:492px;
+
-
padding:10px;
+
-
padding-top:0px;
+
-
padding-bottom:0px;
+
-
border:0px solid gray;
+
-
}
+
-
div.exmain
+
-
{
+
-
border-top-left-radius:5em;
+
-
border-top-right-radius:2em;
+
-
border-bottom-left-radius:2em;
+
-
border-bottom-right-radius:2em;
+
-
+
-
-webkit-border-top-left-radius: 5em;
+
-
-webkit-border-top-right-radius: 2em;
+
-
-webkit-border-bottom-left-radius: 2em;
+
-
-webkit-border-bottom-right-radius: 2em;
+
-
-moz-border-radius-topleft: 5em;
+
-
-moz-border-radius-topright: 2em;
+
-
-moz-border-radius-bottomleft: 2em;
+
-
-moz-border-radius-bottomright: 2em;
+
-
filter: alpha(opacity=100);
+
-
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+
-
-moz-opacity: 1; opacity:1;
+
-
position:relative;
+
-
background:#FFFFFF;
+
-
background: #d1d1d1; /* for non-css3 browsers */
+
-
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb'); /* for IE */
+
-
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb)); /* for webkit browsers */
+
-
background: -moz-linear-gradient(top,  #ffffff,  #ebebeb); /* for firefox 3.6+ */
+
-
+
-
color: #000000;
+
-
border-top: solid 1px #f8f8f8;
+
-
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
+
-
 
+
-
top:0px;
+
-
left:0px;
+
-
float:center;
+
-
margin-left:20px;
+
-
margin-top:0px;
+
-
margin-bottom:30px;
+
-
margin-right:10px;
+
-
width:580px;
+
-
padding:20px;
+
-
}
+
-
div.main
+
-
{
+
-
border-top-left-radius:5em;
+
-
border-top-right-radius:2em;
+
-
border-bottom-left-radius:2em;
+
-
border-bottom-right-radius:2em;
+
-
+
-
-webkit-border-top-left-radius: 5em;
+
-
-webkit-border-top-right-radius: 2em;
+
-
-webkit-border-bottom-left-radius: 2em;
+
-
-webkit-border-bottom-right-radius: 2em;
+
-
-moz-border-radius-topleft: 5em;
+
-
-moz-border-radius-topright: 2em;
+
-
-moz-border-radius-bottomleft: 2em;
+
-
-moz-border-radius-bottomright: 2em;
+
-
filter: alpha(opacity=100);
+
-
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+
-
-moz-opacity: 1; opacity:1;
+
-
position:relative;
+
-
background:#808080; /* for non-css3 browsers */
+
-
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#808080'); /* for IE */
+
-
background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#808080)); /* for webkit browsers */
+
-
background: -moz-linear-gradient(top,  #808080,  #808080); /* for firefox 3.6+ */
+
-
+
-
color: #000000;
+
-
border-top: solid 1px #f8f8f8;
+
-
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+
-
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
+
-
position:absolute;
+
-
top:280px;
+
-
left:60px;
+
-
float:center;
+
-
margin-left:50px;
+
-
margin-top:0px;
+
-
margin-bottom:50px;
+
-
width:650px;
+
-
padding:20px;
+
-
padding-top:10px;
+
-
}
+
-
div.ly
+
-
{
+
-
float:left;
+
-
margin-left:0px;
+
-
width:150px;
+
-
padding:0px;
+
-
border:0px solid gray;
+
-
border-right:0px solid gray;
+
-
border-bottom:0px solid gray;
+
-
}
+
-
div.ry
+
-
{
+
-
filter: alpha(opacity=100);
+
-
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+
-
-moz-opacity: 1; opacity:1;
+
-
z-index:1;
+
-
position:absolute;
+
-
right:-20px;
+
-
top:280px;
+
-
float:right;
+
-
margin-left:0px;
+
-
width:175px;
+
-
padding:0px;
+
-
border:0px solid gray;
+
-
border-right:0px solid gray;
+
-
border-bottom:0px solid gray;
+
-
}
+
-
</style>
+
</head>
</head>
<body>
<body>

Revision as of 20:57, 30 July 2010

Welcome to the University of St Andrew's iGEM wiki!
Our multidisciplinary group of scientists will first re-engineer the existing LuxR quorum sensing system to create a bistable switch. This will allow us to infer a signalling molecule concentration required to deactivate the system much lower than the concentration required to activate it.
The second part of the project involves introducing the cholera autoinducer synthase gene CqsA to Escherichia coli so that CAI-1 is secreted.
Our engineered Escherichia coli will harmlessly colonise the gut, and in large numbers secrete the cholera autoinducer, CAI-1. This will cause an immediate high autoinducer concentration to be detected by incoming Vibrio cholerae cells which then become avirulent and harmlessly pass out of the body.

Retrieved from "http://2010.igem.org/Team:St_Andrews"