Team:Southampton
From 2009.igem.org
m |
m |
||
Line 6: | Line 6: | ||
<title>University of Southampton | <title>University of Southampton | ||
Wiki</title> | Wiki</title> | ||
- | < | + | <style type= "text/css"> |
+ | /*FOOTERPUSH*/ | ||
+ | #footerpush { | ||
+ | width:974px; | ||
+ | height:1005px; | ||
+ | } | ||
+ | /*LAYOUT BEGINS*/ | ||
+ | /*BANNER*/ | ||
+ | #banner { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:0px; | ||
+ | width:974px; | ||
+ | height:276px; | ||
+ | z-index:0; | ||
+ | } | ||
+ | /*TOOLBAR*/ | ||
+ | #toolbar { | ||
+ | position:absolute; | ||
+ | left:3px; | ||
+ | top:0px; | ||
+ | width:974px; | ||
+ | height:27px; | ||
+ | z-index:100; | ||
+ | } | ||
+ | /*BG*/ | ||
+ | #bg { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:138px; | ||
+ | width:974px; | ||
+ | height:1005px; | ||
+ | z-index:0; | ||
+ | } | ||
+ | #maintop { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:138px; | ||
+ | width:974px; | ||
+ | height:61px; | ||
+ | z-index:0; | ||
+ | } | ||
+ | /*FLICKRIVER*/ | ||
+ | #flickriver { | ||
+ | position:absolute; | ||
+ | left:36px; | ||
+ | top:1113px; | ||
+ | width:894px; | ||
+ | height:134px; | ||
+ | z-index:0; | ||
+ | } | ||
+ | #flickriver2 { | ||
+ | position:absolute; | ||
+ | left:480px; | ||
+ | top:1113px; | ||
+ | width:894px; | ||
+ | height:134px; | ||
+ | z-index:0; | ||
+ | } | ||
+ | #blanker { | ||
+ | position:absolute; | ||
+ | left:480px; | ||
+ | top:1113px; | ||
+ | width:238px; | ||
+ | height:23px; | ||
+ | z-index:10; | ||
+ | } | ||
+ | #blanker2 { | ||
+ | position:absolute; | ||
+ | left:280px; | ||
+ | top:1224px; | ||
+ | width:238px; | ||
+ | height:23px; | ||
+ | z-index:10; | ||
+ | } | ||
+ | /*PROJECT DESCRIPTION*/ | ||
+ | #logobox { | ||
+ | position:absolute; | ||
+ | left:90px; | ||
+ | top:300px; | ||
+ | width:63px; | ||
+ | height:63px; | ||
+ | z-index:10; | ||
+ | } | ||
+ | #projectheading { | ||
+ | position:absolute; | ||
+ | left:170px; | ||
+ | top:300px; | ||
+ | z-index:10; | ||
+ | } | ||
+ | #bluesubtitle { | ||
+ | position:absolute; | ||
+ | left:425px; | ||
+ | top:340px; | ||
+ | z-index:10; | ||
+ | } | ||
+ | #projdesc { | ||
+ | position:absolute; | ||
+ | left:25px; | ||
+ | top:380px; | ||
+ | width:731px; | ||
+ | height:273px; | ||
+ | } | ||
+ | #maincont { | ||
+ | position:absolute; | ||
+ | left:25px; | ||
+ | top:380px; | ||
+ | width:920px; | ||
+ | } | ||
+ | /*LOGOBOX2*/ | ||
+ | #logobox2 { | ||
+ | position:absolute; | ||
+ | left:13px; | ||
+ | top:695px; | ||
+ | width:440px; | ||
+ | height:398px; | ||
+ | } | ||
+ | /*UPDATESBOX*/ | ||
+ | #updateheader { | ||
+ | position:absolute; | ||
+ | left:795px; | ||
+ | top:285px; | ||
+ | } | ||
+ | #updatedate { | ||
+ | position:absolute; | ||
+ | left:895px; | ||
+ | top:310px; | ||
+ | } | ||
+ | #updatecontent { | ||
+ | position:absolute; | ||
+ | left:795px; | ||
+ | top:330px; | ||
+ | width:164px; | ||
+ | height:333px | ||
+ | } | ||
+ | #updatedate2 { | ||
+ | position:absolute; | ||
+ | left:895px; | ||
+ | top:470px; | ||
+ | z-index:100; | ||
+ | } | ||
+ | #updatecontent2 { | ||
+ | position:absolute; | ||
+ | left:795px; | ||
+ | top:490px; | ||
+ | width:164px; | ||
+ | height:333px | ||
+ | } | ||
+ | /*LINKBOX*/ | ||
+ | #linkheader { | ||
+ | position:absolute; | ||
+ | left:795px; | ||
+ | top:690px; | ||
+ | } | ||
+ | #linksemi { | ||
+ | position:absolute; | ||
+ | left:801px; | ||
+ | top:730px; | ||
+ | } | ||
+ | #linklsi { | ||
+ | position:absolute; | ||
+ | left:801px; | ||
+ | top:800px; | ||
+ | } | ||
+ | #linksoton { | ||
+ | position:absolute; | ||
+ | left:801px; | ||
+ | top:870px; | ||
+ | } | ||
+ | #clustr { | ||
+ | position:absolute; | ||
+ | left:795px; | ||
+ | top:975px; | ||
+ | } | ||
+ | /*TEAMBOX*/ | ||
+ | #teamheader { | ||
+ | position:absolute; | ||
+ | left:480px; | ||
+ | top:690px; | ||
+ | } | ||
+ | #teampic { | ||
+ | position:absolute; | ||
+ | left:472px; | ||
+ | top:735px; | ||
+ | width:296px; | ||
+ | height:164px; | ||
+ | } | ||
+ | #teamcaption { | ||
+ | position:absolute; | ||
+ | left:480px; | ||
+ | top:910px; | ||
+ | width:270px; | ||
+ | height:100px; | ||
+ | } | ||
+ | #facebook { | ||
+ | position:absolute; | ||
+ | left:472px; | ||
+ | top:970px; | ||
+ | width:97px; | ||
+ | height:100px; | ||
+ | } | ||
+ | #findout { | ||
+ | position:absolute; | ||
+ | left:580px; | ||
+ | top:975px; | ||
+ | width:185px; | ||
+ | height:100px; | ||
+ | } | ||
+ | #projfind { | ||
+ | position:absolute; | ||
+ | left:150px; | ||
+ | top:920px; | ||
+ | width:300px; | ||
+ | height:100px; | ||
+ | z-index:100; | ||
+ | } | ||
+ | /*FOOTER*/ | ||
+ | #sufooter { | ||
+ | position:absolute; | ||
+ | left:102px; | ||
+ | top:1258px; | ||
+ | z-index:100; | ||
+ | } | ||
+ | /*LAYOUT ENDS*/ | ||
+ | /*HEADINGS BEGIN*/ | ||
+ | h1 { | ||
+ | font-size: 36px; | ||
+ | color: #FFFFFF; | ||
+ | margin-top: 0px; | ||
+ | margin-bottom: 3px; | ||
+ | font-weight: normal; font-family: "Book Antiqua", | ||
+ | Georgia, | ||
+ | serif; | ||
+ | } | ||
+ | h2 { | ||
+ | font-size: 12px; | ||
+ | color: #5da8bd; | ||
+ | margin-top: 0px; | ||
+ | font-weight: normal; | ||
+ | font-family: Arial, | ||
+ | sans-serif; | ||
+ | } | ||
+ | h3 {font-size: 13px; | ||
+ | color: #ebebeb; | ||
+ | margin-top: 0px; | ||
+ | font-weight: normal; margin-bottom: 3px; | ||
+ | font-family: Arial, | ||
+ | sans-serif; | ||
+ | } | ||
+ | h4 { | ||
+ | font-size: 24px; | ||
+ | color: #FFFFFF; | ||
+ | margin-top: 0px; | ||
+ | font-weight: normal; font-family: "Book Antiqua",Georgia, | ||
+ | serif; | ||
+ | } | ||
+ | h5 { | ||
+ | font-size: 14px; | ||
+ | color: #323232; | ||
+ | margin-top: 0px; | ||
+ | font-weight: normal; font-family: Arial, | ||
+ | sans-serif | ||
+ | } | ||
+ | h6 { | ||
+ | font-size: 12px; | ||
+ | color: #ebebeb; | ||
+ | margin-top: 0px; | ||
+ | font-weight: normal; font-family: Arial, | ||
+ | sans-serif | ||
+ | } | ||
+ | /*HEADINGS END*/ | ||
+ | /*MENU CODE*/ | ||
+ | ul.cssMenu ul{display:none} | ||
+ | ul.cssMenu li:hover>ul{display:block} | ||
+ | ul.cssMenu ul{position: absolute;left:-1px;top:98%;} | ||
+ | ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;} | ||
+ | ul.cssMenu,ul.cssMenu ul { | ||
+ | margin:0px; | ||
+ | list-style:none; | ||
+ | padding:0px 2px 2px 0px; | ||
+ | background-repeat:repeat; | ||
+ | background: rgba(51, 51, 51, 0.2); | ||
+ | border-width:0px; | ||
+ | border-style:solid; | ||
+ | } | ||
+ | ul.cssMenu table {border-collapse:collapse}ul.cssMenu { | ||
+ | display:block; | ||
+ | zoom:1; | ||
+ | float: left; | ||
+ | } | ||
+ | ul.cssMenu ul{ | ||
+ | width:129px; | ||
+ | } | ||
+ | ul.cssMenu li{ | ||
+ | display:block; | ||
+ | margin:2px 0px 0px 2px; | ||
+ | font-size:0px; | ||
+ | } | ||
+ | ul.cssMenu a:active, ul.cssMenu a:focus { | ||
+ | outline-style:none; | ||
+ | } | ||
+ | ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover { | ||
+ | display:block; | ||
+ | vertical-align:middle; | ||
+ | border-width:0px; | ||
+ | background: rgba(51, 51, 51, 0.2);border-style:solid; | ||
+ | text-align:left; | ||
+ | text-decoration:none; | ||
+ | padding:2px 42px 2px 42px; | ||
+ | _padding-left:0; | ||
+ | font:normal 13px Trebuchet MS,Tahoma; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | cursor:default; | ||
+ | } | ||
+ | ul.cssMenu span{ | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | ul.cssMenu li { | ||
+ | float:left; | ||
+ | } | ||
+ | ul.cssMenu ul li { | ||
+ | float:none; | ||
+ | } | ||
+ | ul.cssMenu ul a { | ||
+ | text-align:left; | ||
+ | white-space:nowrap; | ||
+ | } | ||
+ | ul.cssMenu li.sep{ | ||
+ | text-align:left; | ||
+ | padding:0px; | ||
+ | line-height:0; | ||
+ | height:100%; | ||
+ | } | ||
+ | ul.cssMenu li.sep span{ | ||
+ | float:none; padding-right:0; | ||
+ | width:3px; | ||
+ | height:100%; | ||
+ | display:inline-block; | ||
+ | background-color:#FFFFFF #111111 #111111 #cccccc; background-image:none;} | ||
+ | ul.cssMenu ul li.sep span{ | ||
+ | width:100%; | ||
+ | height:3px; | ||
+ | } | ||
+ | ul.cssMenu li:hover{ | ||
+ | position:relative; | ||
+ | } | ||
+ | ul.cssMenu li:hover>a{ | ||
+ | background: rgba(0, 64, 109, 0.1);border-style:solid; | ||
+ | font:normal 13px Trebuchet MS, Tahoma; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul.cssMenu li a:hover{ | ||
+ | position:relative; | ||
+ | background: rgba(0, 64, 109, 0.1);border-style:solid; | ||
+ | font:normal 13px Trebuchet MS, Tahoma; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul.cssMenu li.dis a { | ||
+ | color: #666 !important; | ||
+ | } | ||
+ | ul.cssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px; | ||
+ | height:16px; | ||
+ | } | ||
+ | ul.cssMenu ul img {width:16px; | ||
+ | height:16px; | ||
+ | } | ||
+ | ul.cssMenu img.over{display:none} | ||
+ | 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:hover > a img.def {display:none} | ||
+ | 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.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none} | ||
+ | ul.cssMenu a:hover ul{display:block} | ||
+ | ul.cssMenu span{ | ||
+ | display:block; | ||
+ | background-image:url(./images/arr_white.gif); | ||
+ | background-position:right center; | ||
+ | background-repeat: no-repeat; | ||
+ | padding-right:12px;} | ||
+ | ul.cssMenu li:hover>a>span{ background-image:url(./images/arrv_white.gif); | ||
+ | } | ||
+ | ul.cssMenu a:hover span{ _background-image:url(./images/arrv_white.gif)} | ||
+ | ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arr_white.gif)} | ||
+ | } | ||
+ | </style> | ||
</head> | </head> | ||
<body style="color: rgb(0, 0, 0); background-color: rgb(50, 50, 50);" | <body style="color: rgb(0, 0, 0); background-color: rgb(50, 50, 50);" | ||
- | link="#000099" alink="#000099" vlink="#990099"> | + | link="#000099" alink="#000099" vlink="#990099"><div id="footerpush"></div> |
<div id="banner"><img style="width: 974px; height: 276px;" id="banner" | <div id="banner"><img style="width: 974px; height: 276px;" id="banner" | ||
src="http://www.personal.soton.ac.uk/jeh2v07/images/blue.jpg" alt="" /></div> | src="http://www.personal.soton.ac.uk/jeh2v07/images/blue.jpg" alt="" /></div> | ||
Line 184: | Line 572: | ||
<img style="width: 238px; height: 23px;" alt="" src="http://www.personal.soton.ac.uk/jeh2v07/images/blank.gif" /></div> | <img style="width: 238px; height: 23px;" alt="" src="http://www.personal.soton.ac.uk/jeh2v07/images/blank.gif" /></div> | ||
- | <div id=" | + | <div id="sufooter"> |
<h5>Home | Project | Biobrick | <h5>Home | Project | Biobrick | ||
Parts | Team | Modelling | Notebook | Sponsors | Parts | Team | Modelling | Notebook | Sponsors |
Revision as of 18:11, 13 September 2009
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Project Description
01/08/2009 - Project
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.