Team:St Andrews/project
From 2010.igem.org
Line 115: | Line 115: | ||
} | } | ||
- | #nav { | + | html>body #nav { |
filter: alpha(opacity=75); | filter: alpha(opacity=75); | ||
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); | ||
Line 148: | Line 148: | ||
border: solid 1px #6d6d6d; | border: solid 1px #6d6d6d; | ||
} | } | ||
- | #nav li { | + | html>body #nav li { |
margin: 0 5px; | margin: 0 5px; | ||
padding: 0 0 8px; | padding: 0 0 8px; | ||
Line 156: | Line 156: | ||
} | } | ||
/* main level link */ | /* main level link */ | ||
- | #nav a { | + | html>body #nav a { |
font-weight: bold; | font-weight: bold; | ||
color: #e7e5e5; | color: #e7e5e5; | ||
Line 169: | Line 169: | ||
/* main level link hover */ | /* main level link hover */ | ||
- | #nav .current a, #nav li:hover > a { | + | html>body #nav .current a, #nav li:hover > a { |
background: #d1d1d1; /* for non-css3 browsers */ | background: #d1d1d1; /* for non-css3 browsers */ | ||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#808080'); /* for IE */ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#808080'); /* for IE */ | ||
Line 183: | Line 183: | ||
} | } | ||
/* sub levels link hover */ | /* sub levels link hover */ | ||
- | #nav ul li:hover a, #nav li:hover li a { | + | html>body #nav ul li:hover a, #nav li:hover li a { |
background: none; | background: none; | ||
border: none; | border: none; | ||
Line 190: | Line 190: | ||
-moz-box-shadow: none; | -moz-box-shadow: none; | ||
} | } | ||
- | #nav ul a:hover { | + | html>body #nav ul a:hover { |
background: #0399d4 !important; /* for non-css3 browsers */ | background: #0399d4 !important; /* for non-css3 browsers */ | ||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000066', endColorstr='#000000'); /* for IE */ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000066', endColorstr='#000000'); /* for IE */ | ||
Line 202: | Line 202: | ||
} | } | ||
/* level 2 list */ | /* level 2 list */ | ||
- | #nav ul { | + | html>body #nav ul { |
background: #ddd; /* for non-css3 browsers */ | background: #ddd; /* for non-css3 browsers */ | ||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c8c8c8'); /* for IE */ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c8c8c8'); /* for IE */ | ||
Line 224: | Line 224: | ||
} | } | ||
/* dropdown */ | /* dropdown */ | ||
- | #nav li:hover > ul { | + | html>body #nav li:hover > ul { |
display: block; | display: block; | ||
} | } | ||
- | #nav ul li { | + | html>body #nav ul li { |
z-index:1; | z-index:1; | ||
float: none; | float: none; | ||
Line 233: | Line 233: | ||
padding: 0; | padding: 0; | ||
} | } | ||
- | #nav ul a { | + | html>body #nav ul a { |
font-weight: normal; | font-weight: normal; | ||
text-shadow: 0 1px 1px rgba(255, 255, 255, .9); | text-shadow: 0 1px 1px rgba(255, 255, 255, .9); | ||
} | } | ||
/* level 3+ list */ | /* level 3+ list */ | ||
- | #nav ul ul { | + | html>body #nav ul ul { |
left: 138px; | left: 138px; | ||
top: -8px; | top: -8px; | ||
} | } | ||
/* rounded corners for first and last child */ | /* rounded corners for first and last child */ | ||
- | #nav ul li:first-child > a { | + | html>body #nav ul li:first-child > a { |
-webkit-border-top-left-radius: 9px; | -webkit-border-top-left-radius: 9px; | ||
-moz-border-radius-topleft: 9px; | -moz-border-radius-topleft: 9px; | ||
Line 249: | Line 249: | ||
-moz-border-radius-topright: 9px; | -moz-border-radius-topright: 9px; | ||
} | } | ||
- | #nav ul li:last-child > a { | + | html>body #nav ul li:last-child > a { |
-webkit-border-bottom-left-radius: 9px; | -webkit-border-bottom-left-radius: 9px; | ||
-moz-border-radius-bottomleft: 9px; | -moz-border-radius-bottomleft: 9px; | ||
Line 256: | Line 256: | ||
} | } | ||
/* clearfix */ | /* clearfix */ | ||
- | #nav:after { | + | html>body #nav:after { |
content: "."; | content: "."; | ||
display: block; | display: block; | ||
Line 264: | Line 264: | ||
height: 0; | height: 0; | ||
} | } | ||
- | #nav { | + | html>body #nav { |
z-index:1; | z-index:1; | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
- | html[xmlns] #nav { | + | html>body html[xmlns] #nav { |
display: block; | display: block; | ||
} | } | ||
- | * html #nav { | + | * html html>body #nav { |
height: 1%; | height: 1%; | ||
} | } | ||
Line 307: | Line 307: | ||
position:absolute; | position:absolute; | ||
top:3px; | top:3px; | ||
- | left: | + | left:1000px; |
} | } | ||
#footer-box | #footer-box | ||
Line 366: | Line 366: | ||
div.exphoto | 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: alpha(opacity=75); | ||
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); | ||
Line 371: | Line 385: | ||
background: #d1d1d1; /* for non-css3 browsers */ | background: #d1d1d1; /* for non-css3 browsers */ | ||
- | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='# | + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb'); /* for IE */ |
- | background: -webkit-gradient(linear, left top, left bottom, from(# | + | background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb)); /* for webkit browsers */ |
- | background: -moz-linear-gradient(top, # | + | background: -moz-linear-gradient(top, #ffffff, #ebebeb); /* for firefox 3.6+ */ |
color: #444; | color: #444; | ||
Line 381: | Line 395: | ||
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); | text-shadow: 0 1px 0 rgba(255, 255, 255, .8); | ||
- | |||
- | |||
- | |||
- | |||
position:absolute; | position:absolute; | ||
left:20px; | left:20px; | ||
- | top: | + | top:300px; |
float:right; | float:right; | ||
- | |||
background; | background; | ||
- | color:# | + | color:#000000; |
float:center; | float:center; | ||
margin-left:150px; | margin-left:150px; | ||
width:560px; | width:560px; | ||
- | padding: | + | padding:30px; |
} | } | ||
Line 416: | Line 425: | ||
div.exmain | 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=80); | filter: alpha(opacity=80); | ||
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); | ||
-moz-opacity: 0.8; opacity:0.8; | -moz-opacity: 0.8; opacity:0.8; | ||
- | position: | + | position:relative; |
background:#FFFFFF; | background:#FFFFFF; | ||
- | top: | + | 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:200px; | ||
+ | left:20px; | ||
float:center; | float:center; | ||
margin-left:150px; | margin-left:150px; | ||
- | width: | + | margin-top:50px; |
+ | margin-bottom:50px; | ||
+ | width:560px; | ||
padding:20px; | padding:20px; | ||
+ | } | ||
+ | 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.ly | div.ly |
Revision as of 05:34, 23 July 2010
The Problem
The St Andrews iGEM team plan is to do something useful with quorum sensing – the method by which bacteria make decisions in a cell density dependent manner. They do this by secreting autoinducer molecules, which diffuse back into the cells and regulate their own biosynthesis. Certain concentrations of autoinducer represent to a bacterium an amount of fellow-bacteria in the environment and the response is activation or deactivation of a set of genes. We are interested in the quorum sensing system of Vibrio cholerae, the bacterium understood to be responsible for the deadly diarrhoeal disease, cholera. Cholera is extremely rare in the developed world, but in areas with poor sanitation it affects people who drink unsafe water. Young children are the most at risk, and left untreated death can occur by dehydration. According to the WHO, cholera kills between 100,000 and 120,000 people every year. Efforts have been made towards an effective cholera vaccine suitable for young children, but they have not yet been successful. It is now suggested that synthetic probiotic bacteria could be a safe and economical way to confer resistance to cholera.
Quorum Sensing in Vibrio cholerae
Most cholera cells are killed off by stomach acid, but those that remain alive attach to the gut wall and multiply. At this low cell density, autoinducer concentration is low, and virulence factors are expressed. Once high cell density is reached, enough toxin is present to cause severe diarrhoea. At this point, the autoinducer concentration is high, and virulence factors are repressed. The now avirulent V. Cholerae detach from the gut wall and are flushed out of the body to infect a new host. Our idea is to synthesise Escherichia coli bacteria that will use this ingenious mechanism to communicate with Vibrio cholerae. 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.
Our Plan
The wet work will focus on two challenges. The first being to add new functionality to the signalling parts present in the registry by re-engineering the existing