Team:Southampton
From 2009.igem.org
m |
m |
||
Line 25: | Line 25: | ||
#toolbar { | #toolbar { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:0px; |
top:0px; | top:0px; | ||
width:974px; | width:974px; | ||
Line 283: | Line 283: | ||
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;} | ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;} | ||
ul.cssMenu,ul.cssMenu ul { | ul.cssMenu,ul.cssMenu ul { | ||
- | margin:0px; | + | margin:0px; |
- | list-style:none; | + | list-style:none; |
- | padding:0px 2px 2px 0px; | + | padding:0px 2px 2px 0px; |
- | background-repeat:repeat; | + | background-image:url('http://www.personal.soton.ac.uk/jeh2v07/images/trans2.png'); |
- | + | background-repeat:repeat; | |
- | border-width:0px; | + | border-color:#AAAAAA; |
- | border-style:solid; | + | border-width:0px; |
+ | border-style:solid; | ||
} | } | ||
ul.cssMenu table {border-collapse:collapse}ul.cssMenu { | ul.cssMenu table {border-collapse:collapse}ul.cssMenu { | ||
- | display:block; | + | display:block; |
- | zoom:1; | + | zoom:1; |
- | float: left; | + | float: left; |
} | } | ||
ul.cssMenu ul{ | ul.cssMenu ul{ | ||
- | width: | + | width:120px; |
} | } | ||
ul.cssMenu li{ | ul.cssMenu li{ | ||
- | display:block; | + | display:block; |
- | margin:2px 0px 0px 2px; | + | margin:2px 0px 0px 2px; |
- | font-size:0px; | + | font-size:0px; |
} | } | ||
ul.cssMenu a:active, ul.cssMenu a:focus { | ul.cssMenu a:active, ul.cssMenu a:focus { | ||
Line 308: | Line 309: | ||
} | } | ||
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover { | ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover { | ||
- | display:block; | + | display:block; |
- | vertical-align:middle; | + | vertical-align:middle; |
- | border-width:0px; | + | background-image:url('http://www.personal.soton.ac.uk/jeh2v07/images/trans1.png'); |
- | + | background-repeat:repeat; | |
- | text-align:left; | + | border-width:0px; |
- | text-decoration:none; | + | border-color:#FFFFFF; |
- | padding:2px | + | border-style:solid; |
- | + | text-align:left; | |
- | font: | + | text-decoration:none; |
- | color: #FFFFFF; | + | padding:2px 24px 2px 24px; |
- | text-decoration:none; | + | font:12px Verdana; |
- | cursor:default; | + | color: #FFFFFF; |
+ | text-decoration:none; | ||
+ | cursor:default; | ||
} | } | ||
ul.cssMenu span{ | ul.cssMenu span{ | ||
- | overflow:hidden; | + | overflow:hidden; |
} | } | ||
ul.cssMenu li { | ul.cssMenu li { | ||
- | float:left; | + | float:left; |
} | } | ||
ul.cssMenu ul li { | ul.cssMenu ul li { | ||
- | float:none; | + | float:none; |
} | } | ||
ul.cssMenu ul a { | ul.cssMenu ul a { | ||
- | text-align:left; | + | text-align:left; |
- | white-space:nowrap; | + | white-space:nowrap; |
} | } | ||
ul.cssMenu li.sep{ | ul.cssMenu li.sep{ | ||
- | text-align: | + | text-align:center; |
- | padding:0px; | + | padding:0px; |
- | line-height:0; | + | line-height:0; |
- | height:100%; | + | height:100%; |
} | } | ||
ul.cssMenu li.sep span{ | ul.cssMenu li.sep span{ | ||
- | float:none; padding-right:0; | + | float:none; padding-right:0; |
- | width: | + | width:5; |
- | height: | + | height:16; |
- | display:inline-block; | + | display:inline-block; |
- | background-color:# | + | background-color:#AAAAAA; background-image:none;} |
ul.cssMenu ul li.sep span{ | ul.cssMenu ul li.sep span{ | ||
- | width: | + | width:80%; |
- | height: | + | height:3; |
} | } | ||
ul.cssMenu li:hover{ | ul.cssMenu li:hover{ | ||
- | position:relative; | + | position:relative; |
} | } | ||
ul.cssMenu li:hover>a{ | ul.cssMenu li:hover>a{ | ||
- | background: | + | background-color:#4287D4; |
- | font: | + | border-color:#FFFFFF; |
- | color: # | + | border-style:solid; |
- | text-decoration:none; | + | font:12px Verdana; |
+ | color: #ffffff; | ||
+ | text-decoration:none; | ||
} | } | ||
ul.cssMenu li a:hover{ | ul.cssMenu li a:hover{ | ||
- | position:relative; | + | position:relative; |
- | background: | + | background-color:#4287D4; |
- | font: | + | border-color:#FFFFFF; |
- | color: # | + | border-style:solid; |
- | text-decoration:none; | + | font:12px Verdana; |
+ | color: #ffffff; | ||
+ | text-decoration:none; | ||
} | } | ||
ul.cssMenu li.dis a { | ul.cssMenu li.dis a { | ||
- | color: # | + | color: #94b8c9 !important; |
} | } | ||
- | ul.cssMenu img {border: none;float:left;_float:none;margin-right: | + | ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px; |
height:16px; | height:16px; | ||
} | } | ||
Line 378: | Line 385: | ||
ul.cssMenu li.dis a:hover img.over{display:none !important} | ul.cssMenu li.dis a:hover img.over{display:none !important} | ||
ul.cssMenu li.dis a:hover img.def {display:inline !important} | ul.cssMenu li.dis a:hover img.def {display:inline !important} | ||
- | ul.cssMenu li:hover > a img.def {display:none} | + | ul.cssMenu li:hover > a img.def {display:none} |
ul.cssMenu li:hover > a img.over {display:inline} | ul.cssMenu li:hover > a img.over {display:inline} | ||
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline} | ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline} | ||
Line 384: | Line 391: | ||
ul.cssMenu a:hover ul{display:block} | ul.cssMenu a:hover ul{display:block} | ||
ul.cssMenu span{ | ul.cssMenu span{ | ||
- | display:block; | + | display:block; |
- | + | background-position:right center; | |
- | background-position:right center; | + | background-repeat: no-repeat; |
- | background-repeat: no-repeat; | + | padding-right:11px;} |
- | padding-right: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
</style> | </style> | ||
</head> | </head> | ||
Line 402: | Line 403: | ||
<div id="toolbar"> | <div id="toolbar"> | ||
<ul class="cssMenu cssMenum"> | <ul class="cssMenu cssMenum"> | ||
- | + | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton">Home</a></li> | |
- | + | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Project"><span>Project</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | |
- | + | <ul class=" cssMenum"> | |
- | + | <li class=" cssMenui"><a class=" cssMenui" href="#">Protocols</a></li> | |
- | + | </ul> | |
- | + | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | |
- | href="https://2009.igem.org/Team:Southampton/Parts">Biobrick | + | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Parts">Biobrick Parts</a></li> |
- | Parts</a></li> | + | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Team"><span>Team</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> |
- | + | <ul class=" cssMenum"> | |
- | + | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Team/Gallery">Gallery</a></li> | |
- | + | </ul> | |
- | + | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | |
- | + | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Modeling">Modelling</a></li> | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | + | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Humanpractices">Human Practices</a></li> |
- | + | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Notebook">Notebook</a></li> | |
- | + | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>Acknowledgments</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | |
- | + | <ul class=" cssMenum"> | |
- | + | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Southampton/Sponsors">Sponsors</a></li> | |
- | href="https://2009.igem.org/Team:Southampton/Notebook">Notebook</a></li> | + | </ul> |
- | + | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | |
- | href="https://2009.igem.org/Team:Southampton/Sponsors">Sponsors</a></li> | + | |
</ul> | </ul> | ||
</div> | </div> |
Revision as of 10:22, 16 September 2009
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
As a new team to the iGEM competition, Southampton hopes to bring an innovative application of quorum sensing to the 2009 Jamboree. Using this method of bacterial communication, we have designed two systems, which demonstrate the classic games ‘Rock-Paper-Scissors’ and ‘Conway’s Game of Life’.We aim for these complementary systems to exhibit complex intercellular behaviours arising from the application of simple ‘game’ rules.
John Conway’s Game of Life is a popular representation of cellular automata. As a zero player game, it proceeds without further input once initiated. We intend to utilize the Game’s basic rules to develop a system on two separate plasmids that fluoresces in an imitation of the Game. Thereby we aim to initiate and thus control the creation of patterns produced by the oscillating bacteria.
Rock-Paper-Scissors’ is a well-known two-person hand game whereby the players seek to produce a gesture that will defeat that of their opponent. By coordinating the promoters and operators of three different bacterial cells, we have designed a system where each bacterium can disable the primary plasmid of specific opponent cells, whilst simultaneously enduring the attacks of their rival cells. Our aim is to have no bias within the system so that the end result is not predetermined.
Learn more about the iGEM competition here and about synthetic biology here or here.