Team:Southampton/Project

From 2009.igem.org

(Difference between revisions)
m
m
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
@charset "utf-8";
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
/* CSS Document - University of Southampton iGEM 2009 */
-
<head>
+
-
  <meta content="text/html; charset=ISO-8859-1"
+
-
http-equiv="content-type" />
+
-
<title>University of Southampton
+
-
Wiki</title>
+
-
<link rel="stylesheet" href="http://www.personal.soton.ac.uk/jeh2v07/css/menu.css" type="text/css"/>
+
-
<style type= "text/css">
+
-
#youtubevideo {
+
-
align="center"
+
-
}
+
-
/*FOOTERPUSH*/
+
-
#footerpush {
+
-
width:1px;
+
-
height:1110px;
+
-
}
+
-
html, body {
+
-
  margin: 0;
+
-
  padding: 0;
+
-
}
+
/*LAYOUT BEGINS*/
/*LAYOUT BEGINS*/
-
#notebooktable {
 
-
width: 95%;
 
-
}
 
-
#maincont{
 
-
position:absolute;
 
-
left:0px;
 
-
top:296px;
 
-
width:975px;
 
-
height:870px;
 
-
background-image:url('http://www.personal.soton.ac.uk/jeh2v07/images/bg.gif');
 
-
background-repeat:repeat-y;
 
-
  margin: 0;
 
-
  padding: 0;
 
-
}
 
-
#sufooter {
 
-
position:absolute;
 
-
left:113px;
 
-
top:1173px;
 
-
z-index:150;
 
-
color: #333;
 
-
}
 
-
#contfoot {
 
-
position:absolute;
 
-
left:0px;
 
-
top:1135px;
 
-
width:975px;
 
-
height:61px;
 
-
z-index:100;
 
-
}
 
/*BANNER*/
/*BANNER*/
#banner {
#banner {
Line 62: Line 14:
#toolbar {
#toolbar {
position:absolute;
position:absolute;
-
left:3px;
+
left:4px;
top:0px;
top:0px;
-
width:975px;
+
width:974px;
height:27px;
height:27px;
z-index:100;
z-index:100;
Line 81: Line 33:
left:0px;
left:0px;
top:138px;
top:138px;
-
width:975px;
+
width:974px;
height:61px;
height:61px;
z-index:0;
z-index:0;
Line 145: Line 97:
width:731px;
width:731px;
height:273px;
height:273px;
 +
}
 +
#maincont {
 +
position:absolute;
 +
left:25px;
 +
top:380px;
 +
width:920px;
}
}
/*LOGOBOX2*/
/*LOGOBOX2*/
Line 255: Line 213:
/*LAYOUT ENDS*/
/*LAYOUT ENDS*/
/*HEADINGS BEGIN*/
/*HEADINGS BEGIN*/
-
h7 {
+
h1 {
font-size: 36px;
font-size: 36px;
 +
text-decoration:none;
 +
border-bottom: 0px solid #aaa;
 +
padding-top: 0em;
 +
padding-bottom: 0em;
color: #FFFFFF;
color: #FFFFFF;
margin-top: 0px;
margin-top: 0px;
Line 264: Line 226:
serif;
serif;
}
}
-
h8 {
+
h2 {
font-size: 12px;
font-size: 12px;
 +
text-decoration:none;
 +
border-bottom: 0px solid #aaa;
color: #5da8bd;
color: #5da8bd;
 +
padding-top: 0em;
 +
padding-bottom: 0em;
margin-top: 0px;
margin-top: 0px;
font-weight: normal;
font-weight: normal;
Line 300: Line 266:
sans-serif
sans-serif
}
}
-
/*HEADINGS END*/
+
a:link {
-
</style>
+
-
</head>
+
-
<body style="color: rgb(0, 0, 0); background-color: #919191;"
+
-
link="#000099" alink="#000099" vlink="#990099"><div id="footerpush"></div>
+
-
<div id="banner"><img style="width: 975px; height: 276px;" id="banner"
+
-
src="http://www.personal.soton.ac.uk/jeh2v07/images/white.jpg" alt="" /></div>
+
-
<div id="toolbar">
+
-
<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="#"><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="https://2009.igem.org/Team:Southampton/Project">Project Description</a></li>
+
-
        <li class=" cssMenui"><a class="  cssMenui" href="#"><span>Protocols</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/Project/Protocols">Protocol Overview</a></li>
+
-
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Transformation">Biobrick Transformation</a></li>
+
-
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/ColonyPCR">Colony PCR</a></li>
+
-
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/DoubleDigestion">DNA Double Digestion</a></li>
+
-
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Gel">Gel Electrophoresis</a></li>
+
-
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Hfpcr">High Fidelity PCR</a></li>
+
-
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/LBplates">LB Plates</a></li>
+
-
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Ligation">Ligation</a></li>
+
-
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/Ligationtransformation">Ligation Transformation</a></li>
+
-
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Project/Protocols/PlasmidPrep">Plasmid Preparation</a></li>
+
-
</ul>
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]--></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/Parts">Biobrick Parts</a></li>
+
-
<li class=" cssMenui"><a class="  cssMenui" href="#"><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">Team Profiles</a></li>
+
-
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Team/Advisors">Advisor Profiles</a></li>
+
-
<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>
+
-
       
+
-
        <li class=" cssMenui"><a class="  cssMenui" href="#"><span>Human Practices</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="#">Outreach</a></li>
+
color: #5da8bd;
-
<li class=" cssMenui"><a class="  cssMenui" href="#">iGEM Experience</a></li>
+
}
-
<li class=" cssMenui"><a class="  cssMenui" href="#">Political Awareness</a></li>
+
a:visited {
-
<li class=" cssMenui"><a class="  cssMenui" href="#">Additional</a></li>
+
color: #5da8bd;
-
</ul>
+
}
-
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
+
a:hover {
-
    <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Notebook">Notebook</a></li>
+
color: #FFFFFF;
-
<li class=" cssMenui"><a class="  cssMenui" href="#"><span>Acknowledgments</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
+
text-decoration: none;
-
<ul class=" cssMenum">
+
}
-
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Southampton/Sponsors">Sponsors</a></li>
+
a:active {
-
</ul>
+
color: #FFFFFF;
-
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
+
text-decoration: none;
-
</ul>
+
}
-
</div>
+
/*HEADINGS END*/
-
<div id="maintop"><img style="width: 975px; height: 24px;" id="bg"
+
/*CSS END*/
-
src="http://www.personal.soton.ac.uk/jeh2v07/images/maintop.gif" alt="" /></div>
+
-
<div id="logobox">
+
-
<img style="width: 63px; height: 63px;" alt="" src="http://www.personal.soton.ac.uk/jeh2v07/images/logobox.jpg" /></div>
+
-
<div id="projectheading">
+
-
<h7>Project Description</h7>
+
-
</div>
+
-
<div id="maincont">
+
-
  <p>.
+
-
  <p>
+
-
  <blockquote>
+
-
    <p>
+
-
      <br>
+
-
    </p>
+
-
<Br />
+
-
<h4>Rock-Paper-Scissors</h4>
+
-
      <h3>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.      </h3>
+
-
      <h3><a
+
-
href="http://en.wikipedia.org/wiki/Rock_paper_scissors">Click here for more information on rock-paper-scissors.</a></h3>
+
-
      <h3>&nbsp;</h3>
+
-
      <h3>&nbsp;</h3>
+
-
    <table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
+
-
        <tr>
+
-
          <td><object width="425" height="344" align="right">
+
-
            <param
+
-
name="movie"
+
-
value="http://www.youtube.com/v/yjDUgDZCtHA&amp;hl=en&amp;fs=1&amp;" />
+
-
            <param name="allowFullScreen"
+
-
value="true" />
+
-
            <param
+
-
name="allowscriptaccess" value="always" />
+
-
            <embed
+
-
src="http://www.youtube.com/v/yjDUgDZCtHA&amp;hl=en&amp;fs=1&amp;" width="425" height="344" align="right"
+
-
type="application/x-shockwave-flash" allowscriptaccess="always"
+
-
allowfullscreen="true"></embed>
+
-
          </object></td>
+
-
        </tr>
+
-
    </table>
+
-
    <h3><br />
+
-
    </h3>
+
-
    <div id="youtubevideo"></div>
+
-
    <h4>Conway&rsquo;s Game
+
-
      of Life</h4>
+
-
    <h3>John Conway&rsquo;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&rsquo;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.</h3>
+
-
    <h3><a
+
-
href="http://bitstorm.org/gameoflife/">Click here for
+
-
      more information on the Game of Life.</a></h3>
+
-
    <p>&nbsp;</p>
+
-
    <p>&nbsp;</p>
+
-
      </blockquote>
+
-
<a
+
-
href="http://en.wikipedia.org/wiki/Rock_paper_scissors">
+
-
C</a></div>
+
-
<div id="sufooter">
+
-
Home | Project | Biobrick
+
-
Parts | Team | Modelling | Notebook | Sponsors
+
-
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
+
-
&nbsp;&nbsp;&nbsp;
+
-
University of
+
-
Southampton iGEM 2009
+
-
</div>
+
-
<div id="contfoot">
+
-
<img src="http://www.personal.soton.ac.uk/jeh2v07/images/mainfoot.gif" width="975" height="61" /></div></body>
+
-
</html>
+

Revision as of 13:01, 18 September 2009

@charset "utf-8"; /* CSS Document - University of Southampton iGEM 2009 */ /*LAYOUT BEGINS*/ /*BANNER*/

  1. banner {

position:absolute; left:0px; top:0px; width:975px; height:276px; z-index:0; } /*TOOLBAR*/

  1. toolbar {

position:absolute; left:4px; top:0px; width:974px; height:27px; z-index:100; } /*BG*/

  1. bg {

position:absolute; left:0px; top:138px; width:975px; height:1005px; z-index:0; }

  1. maintop {

position:absolute; left:0px; top:138px; width:974px; height:61px; z-index:0; } /*FLICKRIVER*/

  1. flickriver {

position:absolute; left:36px; top:1113px; width:894px; height:134px; z-index:0; }

  1. flickriver2 {

position:absolute; left:480px; top:1113px; width:894px; height:134px; z-index:0; }

  1. blanker {

position:absolute; left:480px; top:1113px; width:238px; height:23px; z-index:10; }

  1. blanker2 {

position:absolute; left:280px; top:1224px; width:238px; height:23px; z-index:10; } /*PROJECT DESCRIPTION*/

  1. logobox {

position:absolute; left:90px; top:300px; width:63px; height:63px; z-index:10; }

  1. projectheading {

position:absolute; left:170px; top:300px; z-index:10; }

  1. bluesubtitle {

position:absolute; left:425px; top:324px; z-index:10; }

  1. projdesc {

position:absolute; left:25px; top:360px; width:731px; height:273px; }

  1. maincont {

position:absolute; left:25px; top:380px; width:920px; } /*LOGOBOX2*/

  1. logobox2 {

position:absolute; left:13px; top:695px; width:440px; height:398px; } /*UPDATESBOX*/

  1. updateheader {

position:absolute; left:795px; top:285px; }

  1. updatedate {

position:absolute; left:895px; top:310px; }

  1. updatecontent {

position:absolute; left:795px; top:330px; width:164px; height:333px }

  1. updatedate2 {

position:absolute; left:895px; top:475px; z-index:100; }

  1. updatecontent2 {

position:absolute; left:795px; top:490px; width:164px; height:333px } /*LINKBOX*/

  1. linkheader {

position:absolute; left:795px; top:690px; }

  1. linksemi {

position:absolute; left:801px; top:730px; }

  1. linklsi {

position:absolute; left:801px; top:800px; }

  1. linksoton {

position:absolute; left:801px; top:870px; }

  1. clustr {

position:absolute; left:795px; top:975px; } /*TEAMBOX*/

  1. teamheader {

position:absolute; left:480px; top:700px; }

  1. teampic {

position:absolute; left:472px; top:735px; width:296px; height:164px; }

  1. teamcaption {

position:absolute; left:480px; top:910px; width:270px; height:100px; }

  1. facebook {

position:absolute; left:472px; top:970px; width:97px; height:100px; }

  1. findout {

position:absolute; left:580px; top:975px; width:185px; height:100px; }

  1. projfind {

position:absolute; left:150px; top:920px; width:300px; height:100px; z-index:100; } /*LAYOUT ENDS*/ /*HEADINGS BEGIN*/ h1 { font-size: 36px; text-decoration:none; border-bottom: 0px solid #aaa; padding-top: 0em; padding-bottom: 0em; color: #FFFFFF; margin-top: 0px; margin-bottom: 3px; font-weight: normal; font-family: "Book Antiqua", Georgia, serif; } h2 { font-size: 12px; text-decoration:none; border-bottom: 0px solid #aaa; color: #5da8bd; padding-top: 0em; padding-bottom: 0em; 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 } a:link {

color: #5da8bd; } a:visited { color: #5da8bd; } a:hover { color: #FFFFFF; text-decoration: none; } a:active { color: #FFFFFF; text-decoration: none; } /*HEADINGS END*/ /*CSS END*/

Retrieved from "http://2009.igem.org/Team:Southampton/Project"