Team:Oxford

From 2014.igem.org

(Difference between revisions)
 
(402 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:Oxford/CSSmain}}
 +
{{Team:Oxford/scriptmain}}
 +
<html>
<html>
-
<head>
 
-
  <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org">
 
-
  <style type="text/css">
 
-
 
-
  @import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300);
 
-
 
-
  /* Enforce a lack of horizontal scrollbar so that the social section doesn't mess with the viewport. */
 
-
  html, body {
 
-
    max-width: 100%;
 
-
    overflow-x: hidden;
 
-
  }
 
-
 
-
  body {
 
-
    background: url(https://static.igem.org/mediawiki/2014/9/90/Oxigemradcam.jpg) no-repeat center center fixed;
 
-
    -webkit-background-size: cover;
 
-
    -moz-background-size: cover;
 
-
    -o-background-size: cover;
 
-
    background-size: cover;
 
-
    background-position: center top;
 
-
    margin: 0px;
 
-
    padding: 0;
 
-
    border: 0;
 
-
    vertical-align: baseline;
 
-
    font-family: 'Open Sans', 'helvetica', sans-serif;
 
-
    font-size: 11px;
 
-
    font-weight: 300;
 
-
  }
 
-
 
-
  #content {
 
-
    border:none;
 
-
    width:100%;
 
-
    margin:0;
 
-
    padding:0;
 
-
    background:none;
 
-
  }
 
-
 
-
  #catlinks {
 
-
    display:none;
 
-
  }
 
-
 
-
  #contentSub {
 
-
    display:none;
 
-
  }
 
-
 
-
  #menubar {
 
-
    width: auto;
 
-
    margin-top:1%;
 
-
}
 
-
 
-
  .left-menu:hover {
 
-
    background-color: transparent;
 
-
  }
 
-
  #menubar li a {
 
-
    background-color: transparent;
 
-
  }
 
-
  #menubar:hover {
 
-
    color: gray;
 
-
  }
 
-
  #menubar li a {
 
-
    color: gray;
 
-
  }
 
-
  #menubar:hover li a {
 
-
    color: #CCC;
 
-
  }
 
-
 
-
  #menubar.left-menu.noprint ul li:last-child {
 
-
  display:none;
 
-
  }
 
-
 
-
  #search-controls {
 
-
    display:none;
 
-
  }
 
-
 
-
  #top-section {
 
-
    height:0px;
 
-
    width:100%;
 
-
    border:none;
 
-
  }
 
-
 
-
  #footer-box {
 
-
    border:none;
 
-
    display:none;
 
-
    width:100%;
 
-
  }
 
-
 
-
  #p-logo {
 
-
    display:none
 
-
  }
 
-
 
-
  .firstHeading {
 
-
  display:none;
 
-
  }
 
-
 
-
  #bodyContent p{
 
-
    display:none;
 
-
  }
 
-
 
-
  html, div, span, applet, object, iframe,
 
-
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 
-
  a, abbr, acronym, address, big, cite, code,
 
-
  del, dfn, em, img, ins, kbd, q, s, samp,
 
-
  small, strike, strong, sub, sup, tt, var,
 
-
  b, u, i, center,
 
-
  dl, dt, dd, ol, ul, li,
 
-
  fieldset, form, label, legend,
 
-
  table, caption, tbody, tfoot, thead, tr, th, td,
 
-
  article, aside, canvas, details, embed,
 
-
  figure, figcaption, footer, header, hgroup,
 
-
  menu, nav, output, ruby, section, summary,
 
-
  time, mark, audio, video {
 
-
    margin: 0;
 
-
    padding: 0;
 
-
    border: 0;
 
-
    font-size: 100%;
 
-
    font: inherit;
 
-
    vertical-align: baseline;
 
-
  }
 
-
 
-
  #top-section {
 
-
    width: 965px;
 
-
    height: 0;
 
-
    margin: 0 auto;
 
-
    padding: 0;
 
-
    border: none;}
 
-
 
-
  .left-menu:hover {
 
-
    background-color: transparent;}
 
-
 
-
  #menubar li a {
 
-
    background-color: transparent;}
 
-
 
-
  .outer {
 
-
    width:100%;
 
-
    height:100%;
 
-
    padding-top:7%;
 
-
  }
 
-
 
-
  .inner {
 
-
    position: relative;
 
-
    width: 100%;
 
-
  }
 
-
 
-
  img.supercoil {
 
-
    width:65%;
 
-
    display: block;
 
-
    margin-left: auto;
 
-
    margin-right: auto }
 
-
 
-
  .Heading {
 
-
    position:absolute;
 
-
    display: block;
 
-
  }
 
-
 
-
 
-
  </style>
 
-
  <script type="text/javascript">
 
-
 
-
  function iconleft(x) {
 
-
    x.style.left="6%";
 
-
  }
 
-
  function iconnormal(x) {
 
-
    x.style.left="9%";
 
-
  }
 
-
  function DCMationbig(x) {
 
-
    x.style.height="12.5%";
 
-
    x.style.width="12.5%";
 
-
  }
 
-
  function DCMationnormal(x) {
 
-
    x.style.height="11%";
 
-
    x.style.width="11%";
 
-
  }
 
-
  function Achievementsbig(x) {
 
-
    x.style.height="12%";
 
-
    x.style.width="12%";
 
-
  }
 
-
  function Achievementsnormal(x) {
 
-
    x.style.height="11.1%";
 
-
    x.style.width="11.1%";
 
-
  }
 
-
  function Modellingbig(x) {
 
-
    x.style.height="9%";
 
-
    x.style.width="9%";
 
-
  }
 
-
  function Modellingnormal(x) {
 
-
    x.style.height="8.5%";
 
-
    x.style.width="8.5%";
 
-
  }
 
-
  function Policybig(x) {
 
-
    x.style.height="7.9%";
 
-
    x.style.width="7.9%";
 
-
  }
 
-
  function Policynormal(x) {
 
-
    x.style.height="7.3%";
 
-
    x.style.width="7.3%";
 
-
  }
 
-
  function iGEMcommbig(x) {
 
-
    x.style.height="9.4%";
 
-
    x.style.width="9.4%";
 
-
  }
 
-
  function iGEMcommnormal(x) {
 
-
    x.style.height="8.8%";
 
-
    x.style.width="8.8%";
 
-
  }
 
-
  function Interlabbig(x) {
 
-
    x.style.height="7%";
 
-
    x.style.width="7%";
 
-
  }
 
-
  function Interlabnormal(x) {
 
-
    x.style.height="6.5%";
 
-
    x.style.width="6.5%";
 
-
  }
 
-
  function Safetybig(x) {
 
-
    x.style.height="5.6%";
 
-
    x.style.width="5.6%";
 
-
  }
 
-
  function Safetynormal(x) {
 
-
    x.style.height="5%";
 
-
    x.style.width="5%";
 
-
  }
 
-
  function Teambig(x) {
 
-
    x.style.height="4.8%";
 
-
    x.style.width="4.8%";
 
-
  }
 
-
  function Teamnormal(x) {
 
-
    x.style.height="4.4%";
 
-
    x.style.width="4.4%";
 
-
  }
 
-
  function Subheadingbig(x) {
 
-
    x.style.height="40%";
 
-
    x.style.width="40%";
 
-
  }
 
-
  function Subheadingnormal(x) {
 
-
    x.style.height="38%";
 
-
    x.style.width="38%";
 
-
  }
 
-
 
-
 
-
  function DCMation() {
 
-
    document.getElementById('DCMationwrap').style.display = "block";
 
-
  }
 
-
  function DCMationHide(x) {
 
-
    document.getElementById('DCMationwrap').style.display = "none";
 
-
  }
 
-
  function Achievements() {
 
-
    document.getElementById('Achievementswrap').style.display = "block";
 
-
  }
 
-
  function AchievementsHide(x) {
 
-
    document.getElementById('Achievementswrap').style.display = "none";
 
-
  }
 
-
 
-
$(document).ready(function(){
 
-
  $("#arrowr").click(function(){
 
-
    $("#grey").animate({right:'-13%'}, "fast");
 
-
  });
 
-
});
 
-
$(document).ready(function(){
 
-
  $("#arrowl").click(function(){
 
-
    $("#grey").animate({right:'-9%'}, "fast");
 
-
  });
 
-
});
 
-
$(document).ready(function(){
 
-
  $("#split").click(function(){
 
-
    $("#right").animate({left:'85%'});
 
-
    $("#left").animate({left:'3.1%'});
 
-
    $("#abstract").animate({width:'69.9%', left:'15.1%'});
 
-
  });
 
-
});
 
-
 
-
$(document).ready(function(){
 
-
  $("#openabstract").click(function(){
 
-
    $("#right").animate({left:'85%'});
 
-
    $("#left").animate({left:'3.1%'});
 
-
    $("#abstract").animate({width:'69.9%', left:'15.1%'});
 
-
  });
 
-
});
 
-
 
-
$(document).ready(function(){
 
-
  $("#x").click(function(){
 
-
    $("#right").animate({left:'50%'});
 
-
    $("#left").animate({left:'38.1%'});
 
-
    $("#abstract").animate({width:'0%', left:'50%'});
 
-
  });
 
-
});
 
-
 
-
 
-
  function hideabstract(x) {
 
-
    document.getElementById('abstract2').style.display = "none";
 
-
    document.getElementById('x').style.display = "none";
 
-
  }
 
-
  function showabstract(x) {
 
-
    document.getElementById('abstract2').style.display = "inline";
 
-
    document.getElementById('x').style.display = "inline";
 
-
    document.getElementById('DCMationwrap').style.display = "none";
 
-
  }
 
-
 
-
 
-
 
-
 
-
  </script>
 
-
 
-
  <title></title>
 
-
</head>
 
<body>
<body>
   <div class="outer">
   <div class="outer">
-
 
   <div class="iGEMlogo" style="width:6.5%; position:absolute; top:0.7%; right:0.5%; opacity:0.8;">
   <div class="iGEMlogo" style="width:6.5%; position:absolute; top:0.7%; right:0.5%; opacity:0.8;">
     <a href="https://2014.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/OxigemiGEM.png" style="width:100%"/></a>
     <a href="https://2014.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/OxigemiGEM.png" style="width:100%"/></a>
Line 332: Line 32:
     <a href="mailto:oxfordigem@bioch.ox.ac.uk" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/3/35/OxigemIconmail.png" style="width:100%;" /></a>
     <a href="mailto:oxfordigem@bioch.ox.ac.uk" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/3/35/OxigemIconmail.png" style="width:100%;" /></a>
   </div>
   </div>
-
 
  </div>
  </div>
     <div class="inner">
     <div class="inner">
     <div style="position: relative; width:65% left: 0; top: 0;">
     <div style="position: relative; width:65% left: 0; top: 0;">
-
        
+
       <img id="Teamblue" src="https://static.igem.org/mediawiki/2014/3/35/OxigemTeamblue.png" style="opacity:0;position:absolute; width:14.67897%; left: 50%; top: 3.35%;">
-
       <img id="Safetyblue" src="https://static.igem.org/mediawiki/2014/8/84/OxigemSafetyblue.png" style="position:absolute; width:14.96679%; left: 35.4%; top: 1.2%;">
+
       <img id="Safetyblue" src="https://static.igem.org/mediawiki/2014/8/84/OxigemSafetyblue.png" style="opacity:0;position:absolute; width:14.96679%; left: 35.3%; top: 1.2%;">
-
       <img id="iGEMcommblue" src="https://static.igem.org/mediawiki/2014/c/cb/OxigemIGEMcommblue.png" style="display:none;position:absolute; width:17.41328%; left: 18.7%; top: 15%;">
+
       <img id="iGEMcommblue" src="https://static.igem.org/mediawiki/2014/c/cb/OxigemIGEMcommblue.png" style="opacity:0;position:absolute; width:17.41328%; left: 18.7%; top: 15%;">
-
       <img id="interlabblue" src="https://static.igem.org/mediawiki/2014/2/24/OxigemInterlabblue.png" style="display:none;position:absolute; width:16.54982%; left: 64.05%; top: 14.3%;">
+
       <img id="interlabblue" src="https://static.igem.org/mediawiki/2014/2/24/OxigemInterlabblue.png" style="opacity:0;position:absolute; width:16.54982%; left: 64.05%; top: 14.3%;">
-
 
+
       <img src="https://static.igem.org/mediawiki/2014/9/97/OxigemUp.png" style="position: relative; width:65%; left: 17%; top: 0;">
       <img src="https://static.igem.org/mediawiki/2014/9/97/OxigemUp.png" style="position: relative; width:65%; left: 17%; top: 0;">
-
 
       <img id="left" src="https://static.igem.org/mediawiki/2014/7/7b/OxigemLeft.png" style="position: absolute; width:12%; top: 18%; left: 38.1%;">
       <img id="left" src="https://static.igem.org/mediawiki/2014/7/7b/OxigemLeft.png" style="position: absolute; width:12%; top: 18%; left: 38.1%;">
       <img id="right" src="https://static.igem.org/mediawiki/2014/7/7b/OxigemRight.png" style="position: absolute; width:12%; top: 18%; left: 50%;">
       <img id="right" src="https://static.igem.org/mediawiki/2014/7/7b/OxigemRight.png" style="position: absolute; width:12%; top: 18%; left: 50%;">
-
   
+
       <img id="Policyblue" src="https://static.igem.org/mediawiki/2014/6/67/OxigemPolicyblue.png" style="opacity:0;position:absolute; width:15.25461%; left: 66.33%; top: 39.75%;">
-
 
+
       <img id="Modellingblue" src="https://static.igem.org/mediawiki/2014/6/67/OxigemModellingblue.png" style="opacity:0;position:absolute; width:15.68635%; left: 17.517%; top: 38.75%;">
-
       <img id="Policyblue" src="https://static.igem.org/mediawiki/2014/6/67/OxigemPolicyblue.png" style="display:none;position:absolute; width:15.25461%; left: 66.33%; top: 39.75%;">
+
       <img id="achievementsblue" src="https://static.igem.org/mediawiki/2014/9/9e/OxigemAchievementsblue.png" style="opacity:0; position:absolute; width:17.41328%; left: 49.5%; top: 61%;">
-
       <img id="Modellingblue" src="https://static.igem.org/mediawiki/2014/6/67/OxigemModellingblue.png" style="display:none;position:absolute; width:15.68635%; left: 17.517%; top: 38.75%;">
+
       <img id="DCMationblue" src="https://static.igem.org/mediawiki/2014/2/2f/OxigemDCMationblue.png" style="opacity:0;position:absolute; width:17.94096%; left: 31.95%; top: 60.6%;">
-
       <img id="achievementsblue" src="https://static.igem.org/mediawiki/2014/9/9e/OxigemAchievementsblue.png" style="display:none; position:absolute; width:17.41328%; left: 49.5%; top: 61%;">
+
     <div id="abstract" style="position: absolute; width:0%; height:100%; top: 0%; left: 50%; background-color: #f5f5f5; z-index:10; border-radius:15px;">
-
       <img id="DCMationblue" src="https://static.igem.org/mediawiki/2014/2/2f/OxigemDCMationblue.png" style="display:none;position:absolute; width:17.94096%; left: 31.9%; top: 60.6%;">
+
<a href="#"><img id="x" src="https://static.igem.org/mediawiki/2014/7/7f/Oxigemx.png" onclick="hideabstract()" style="position:absolute;opacity:0.6;right:0.9%;top:1.5%;display:none;" /></a>
-
      
+
-
 
+
-
 
+
-
      <div id="abstract" style="position: absolute; width:0%; height:100%; top: 0%; left: 50%; background-color: #f5f5f5; z-index:10; border-radius:15px;">
+
-
<a href="#"><img id="x" src="https://static.igem.org/mediawiki/2014/a/a5/X.png" onclick="hideabstract()" style="position:absolute;right:1%;top:1.5%;display:none;" /></a>
+
       <div id="abstract2" style="position:absolute; display:none; colour:white; width:90%;height:92%;margin-left:5%;margin-right:5%;margin-top:2%;overflow-y:scroll;overflow-x:visible;">
       <div id="abstract2" style="position:absolute; display:none; colour:white; width:90%;height:92%;margin-left:5%;margin-right:5%;margin-top:2%;overflow-y:scroll;overflow-x:visible;">
 +
      <div class="inner" style="width:100%;margin-left:auto;margin-right:auto;height:100%;position:absolute;">
 +
<img class="DCMationgif" style="margin-left:5%;" src="https://static.igem.org/mediawiki/2014/8/81/DCMation1.png" width="90%" align="middle" alt="" onclick='javascript:(this.src=="https://static.igem.org/mediawiki/2014/8/81/DCMation1.png"?this.src="https://static.igem.org/mediawiki/2014/e/e2/OxigemDCMationgif.gif":"")' />
 +
University of Oxford’s first iGEM team presents: DCMation, a novel bioremediation approach whose applications are limited only by the versatility of bacterial metabolism. OxiGEM are tackling environmental pollution by developing a user-friendly device for the detection & degradation of the hazardous yet indispensable solvent dichloromethane (DCM), to illustrate.
 +
<br>
 +
Inspired by the DCM degradation pathway of <font style="font-style: italic;">M. extorquens</font> DM4, our project is driven and refined by the dialogue between modelling simulations and experimental data. Bioremediation is optimised by expressing the DCM degrading system in host strains, along with microcompartments to accelerate the reaction and minimise toxic intermediates. Our biosensor is tuned to our characterisation and improvements of the catalytic efficiency of the system, while incorporation of the bacteria into novel diffusion-limiting biopolymeric beads ensures safe and rapid degradation.
 +
<br>
 +
This all-round modular design and scalability make DCMation ideal for extension to the disposal of many harmful substances. Explore our wiki for more!
-
<div class="inner" style="width:100%;margin-left:auto;margin-right:auto;height:100%;position:absolute;">
 
-
<img class="DCMationgif" style="margin-left:5%;" src="https://static.igem.org/mediawiki/2014/8/81/DCMation1.png" width="90%" align="middle" alt="" onclick='javascript:(this.src=="https://static.igem.org/mediawiki/2014/8/81/DCMation1.png"?this.src="https://static.igem.org/mediawiki/2014/4/4f/DCMationlogo.gif":"")' />
 
 +
      </div>
 +
      </div>
 +
      <div id="menu1" style="position:absolute; display:none; colour:white; width:90%;height:92%;margin-left:5%;margin-right:5%;margin-top:2%;overflow-y:visible;overflow-x:visible;">
 +
<img src="https://static.igem.org/mediawiki/2014/7/78/OxigemBiosensor1.png" style="position:absolute; width:106%;margin-left:-3%;margin-top:-10%;"  />
 +
<a href="#"><img id="next1" src="https://static.igem.org/mediawiki/2014/7/73/OxigemNext.png" style="position:absolute;width:3%;margin-left:101.5%;margin-top:27%;"  /></a>
-
Chlorinated solvents are indispensable to industry, research and household applications. Their accumulation in water supplies and carcinogenic properties present a major environmental and health hazard. <br><br>
+
<a href="https://2014.igem.org/Team:Oxford/biosensor"><img class="zero" src="https://static.igem.org/mediawiki/2014/a/af/Oxigem1.0.jpg" style="width:90%;margin-left:5%;margin-top:28%;" /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/biosensor_characterisation"><img class="one" src="https://static.igem.org/mediawiki/2014/f/f8/Oxigem1.1.jpg" style="width:90%;margin-left:5%;margin-top:0.2%;" /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/biosensor_construction"><img class="two" src="https://static.igem.org/mediawiki/2014/8/84/Oxigem1.2.jpg" style="width:90%;margin-left:5%;margin-top:0.2%;" /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/biosensor_optimisation"><img class="three" src="https://static.igem.org/mediawiki/2014/d/df/Oxigem1.3.jpg" style="width:90%;margin-left:5%;margin-top:0.2%;" /></a>
 +
      </div>
-
OxiGEM are tackling the issue by developing a bioremediation/detection kit to dispose of the common chlorinated solvent dichloromethane (DCM). Our system design, inspired by the DCM-degradation pathway of M. extorquens DM4, is initiated and refined by the <font style="font-weight:900;text-decoration: underline;">dialogue</font> between modelling simulations and experimental data. Incorporation of novel diffusion-limiting biopolymeric beads to encapsulate engineered bacteria ensures safe and efficient DCM degradation. <br><br>
+
      <div id="menu2" style="position:absolute; display:none; colour:white; width:90%;height:92%;margin-left:5%;margin-right:5%;margin-top:2%;overflow-y:visible;overflow-x:visible;">
 +
<img src="https://static.igem.org/mediawiki/2014/e/e8/OxigemBioremediation1.png" style="position:absolute; width:106%;margin-left:-3%;margin-top:-10%;"  />
 +
<a href="#"><img id="next2" src="https://static.igem.org/mediawiki/2014/7/73/OxigemNext.png" style="position:absolute;width:3%;margin-left:101.5%;margin-top:27%;"  /></a>
 +
<a href="#"><img id="back1" src="https://static.igem.org/mediawiki/2014/0/0c/OxigemBack.png" style="position:absolute;width:3%;margin-left:-4.5%;margin-top:27%;"  /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/bioremediation"><img class="one" src="https://static.igem.org/mediawiki/2014/d/d3/Oxigem2.0.jpg" style="width:90%;margin-left:5%;margin-top:28%;" /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/how_much_can_we_degrade?"><img class="two" src="https://static.igem.org/mediawiki/2014/2/21/Oxigem2.1.jpg" style="width:90%;margin-left:5%;margin-top:0.2%;" /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/what_are_microcompartments?"><img class="two" src="https://static.igem.org/mediawiki/2014/b/bb/Oxigem2.2.jpg" style="width:90%;margin-left:5%;margin-top:0.2%;" /></a>
 +
      </div>
-
We are constructing a synthetic fluorescent biosensor through GFP fusion to the dcmA promoter, regulated by the DCM-binding protein, DcmR, and maximising the sensitivity and catalytic efficiency of the system through directed evolution. <br><br>
+
      <div id="menu3" style="position:absolute; display:none; colour:white; width:90%;height:92%;margin-left:5%;margin-right:5%;margin-top:2%;overflow-y:visible;overflow-x:visible;">
-
 
+
<img src="https://static.igem.org/mediawiki/2014/1/1b/OxigemRealisation1.png" style="position:absolute; width:106%;margin-left:-3%;margin-top:-10%;"  />
-
Our DCM clean-up solution, branded ‘DCMation’, will be user-friendly in a wide range of workplaces and extendable to the disposal of many other harmful substrates.  
+
<a href="#"><img id="back2" src="https://static.igem.org/mediawiki/2014/0/0c/OxigemBack.png" style="position:absolute;width:3%;margin-left:-4.5%;margin-top:27%;"  /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/biosensor_realisation"><img class="one" src="https://static.igem.org/mediawiki/2014/f/f6/Oxigem3.1.jpg" style="width:90%;margin-left:5%;margin-top:28%;" /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/realisation_bioremediation"><img class="two" src="https://static.igem.org/mediawiki/2014/1/1b/Oxigem3.2.jpg" style="width:90%;margin-left:5%;margin-top:0.2%;" /></a>
 +
<a href="https://2014.igem.org/Team:Oxford/biopolymer_containment"><img class="three" src="https://static.igem.org/mediawiki/2014/9/91/Oxigem3.3.jpg" style="width:90%;margin-left:5%;margin-top:0.2%;" /></a>
       </div>
       </div>
-
      </div>
+
    </div>
-
      </div>
+
-
 
+
       <img id="down" src="https://static.igem.org/mediawiki/2014/1/1c/OxigemDown.png" style="position: absolute; width:65%; top: 0; left: 17%;">
       <img id="down" src="https://static.igem.org/mediawiki/2014/1/1c/OxigemDown.png" style="position: absolute; width:65%; top: 0; left: 17%;">
       <a href="#"><img id="split" src="https://static.igem.org/mediawiki/2014/2/21/OxigemBlank.png" onclick="showabstract()" style="position: absolute; width:24%; top:35%; left: 38%;" /></a>
       <a href="#"><img id="split" src="https://static.igem.org/mediawiki/2014/2/21/OxigemBlank.png" onclick="showabstract()" style="position: absolute; width:24%; top:35%; left: 38%;" /></a>
-
      
+
     </div>
-
    </div>
+
       <div class="Heading" id="DCMationheading" style="top: 72.2%; left: 34.8%; width:11%;" onclick="DCMation()" onmouseover=
-
       <div class="Heading" style="top: 72%; left: 35.5%; width:11%;" onclick="DCMation()" onmouseover=
+
       "DCMationbig(this)" onmouseout="DCMationnormal(this)" border="0"><a href="#"><img src=
       "DCMationbig(this)" onmouseout="DCMationnormal(this)" border="0"><a href="#"><img src=
       "https://static.igem.org/mediawiki/2014/2/22/OxigemDCMationheading.png" style="width: 100%;" ></a>
       "https://static.igem.org/mediawiki/2014/2/22/OxigemDCMationheading.png" style="width: 100%;" ></a>
       </div>
       </div>
-
 
+
       <div class="Heading" id="achievementsheading" style="top: 77.8%; left: 53%; width:11.1%;" onclick="Achievements()" onmouseover="Achievementsbig(this)" onmouseout=
-
       <div class="Heading" style="top: 77.8%; left: 53%; width:11.1%;" onclick="Achievements()" onmouseover="Achievementsbig(this)" onmouseout=
+
       "Achievementsnormal(this)" border="0"><a href="#"><img src=
       "Achievementsnormal(this)" border="0"><a href="#"><img src=
         "https://static.igem.org/mediawiki/2014/d/db/OxigemAchievements.png" style="width: 100%;"></a>
         "https://static.igem.org/mediawiki/2014/d/db/OxigemAchievements.png" style="width: 100%;"></a>
       </div>
       </div>
-
 
+
       <div class="Heading" id="Modellingheading" style="top: 57%; left: 21%; width:8.5%;" onmouseover="Modellingbig(this)" onmouseout=
-
       <div class="Heading" style="top: 57%; left: 21%; width:8.5%;" onmouseover="Modellingbig(this)" onmouseout=
+
       "Modellingnormal(this)" border="0">
       "Modellingnormal(this)" border="0">
-
         <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src=
+
         <a href="https://2014.igem.org/Team:Oxford/Modelling"><img src=
         "https://static.igem.org/mediawiki/2014/c/cd/OxigemModelling.png" style="width: 100%;"></a>
         "https://static.igem.org/mediawiki/2014/c/cd/OxigemModelling.png" style="width: 100%;"></a>
       </div>
       </div>
-
 
+
       <div class="Heading" id="Policyheading" style="top: 56%; left:70.5%; width:7.3%;" onmouseover="Policybig(this)" onmouseout=
-
       <div class="Heading" style="top: 56%; left:70.5%; width:7.3%;" onmouseover="Policybig(this)" onmouseout=
+
       "Policynormal(this)" border="0">
       "Policynormal(this)" border="0">
-
         <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src=
+
         <a href="https://2014.igem.org/Team:Oxford/policy_and_practices"><img src=
         "https://static.igem.org/mediawiki/2014/0/0a/OxigemP%26P.png" style="width: 100%;"></a>
         "https://static.igem.org/mediawiki/2014/0/0a/OxigemP%26P.png" style="width: 100%;"></a>
       </div>
       </div>
-
 
+
       <div class="Heading" id="iGEMcommheading" style="top: 27%; left: 24.5%; width:8.8%;" onclick="iGEMcomm()" onmouseover="iGEMcommbig(this)" onmouseout=
-
       <div class="Heading" style="top: 27%; left: 24.5%; width:8.8%;" onmouseover="iGEMcommbig(this)" onmouseout=
+
       "iGEMcommnormal(this)" border="0">
       "iGEMcommnormal(this)" border="0">
-
         <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src=
+
         <a href="#"><img src=
         "https://static.igem.org/mediawiki/2014/6/66/OxigemIGEMcomm.png" style="width: 100%;"></a>
         "https://static.igem.org/mediawiki/2014/6/66/OxigemIGEMcomm.png" style="width: 100%;"></a>
       </div>
       </div>
-
 
+
       <div class="Heading" id="interlabheading" style="top: 27.5%; left: 68%; width:6.5%;" onclick="Interlab()" onmouseover="Interlabbig(this)" onmouseout=
-
       <div class="Heading" style="top: 27.5%; left: 68%; width:6.5%;" onmouseover="Interlabbig(this)" onmouseout=
+
       "Interlabnormal(this)" border="0">
       "Interlabnormal(this)" border="0">
-
         <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src=
+
         <a href="#"><img src=
         "https://static.igem.org/mediawiki/2014/2/27/OxigemInterlab.png" style="width: 100%;"></a>
         "https://static.igem.org/mediawiki/2014/2/27/OxigemInterlab.png" style="width: 100%;"></a>
       </div>
       </div>
-
 
+
       <div class="Heading" id="Safetyheading" style="top: 15.3%; left: 40%; width:5%;" onmouseover="Safetybig(this)" onmouseout=
-
       <div class="Heading" style="top: 15.3%; left: 40%; width:5%;" onmouseover="Safetybig(this)" onmouseout=
+
       "Safetynormal(this)" border="0">
       "Safetynormal(this)" border="0">
         <a href="https://2014.igem.org/Team:Oxford/safety"><img src=
         <a href="https://2014.igem.org/Team:Oxford/safety"><img src=
         "https://static.igem.org/mediawiki/2014/e/ef/OxigemSafety.png" style="width: 100%;"></a>
         "https://static.igem.org/mediawiki/2014/e/ef/OxigemSafety.png" style="width: 100%;"></a>
       </div>
       </div>
-
 
+
       <div class="Heading" id="Teamheading" style="top: 16.5%; left: 55.5%; width:4.4%;" onmouseover="Teambig(this)" onmouseout=
-
       <div class="Heading" style="top: 16.5%; left: 55.5%; width:4.4%;" onmouseover="Teambig(this)" onmouseout=
+
       "Teamnormal(this)" border="0">
       "Teamnormal(this)" border="0">
         <a href="https://2014.igem.org/Team:Oxford/team"><img src="https://static.igem.org/mediawiki/2014/c/c1/OxigemTeam.png"
         <a href="https://2014.igem.org/Team:Oxford/team"><img src="https://static.igem.org/mediawiki/2014/c/c1/OxigemTeam.png"
Line 428: Line 134:
       <div id="DCMationwrap" onClick="DCMationHide()"
       <div id="DCMationwrap" onClick="DCMationHide()"
-
         style="background: rgba(0,0,0,.2); position: fixed; top:0; left: 0; right: 0; bottom: 0; display:none">
+
         style="background-color: rgba(0,0,0,0.1); position: fixed; top:0; left: 0; right: 0; bottom: 0; display:none">
         <div class="Heading" id="DCMationpopup" style=
         <div class="Heading" id="DCMationpopup" style=
-
         "left: 37.1%; width:26%; position:absolute; margin-top:12.5%;">
+
         "left: 39%; width:0%; position:absolute; margin-top:38%;">
-
           <img src="https://static.igem.org/mediawiki/2014/3/3c/OxigemDcmationsub.png" style="width: 100%;">
+
           <img src="https://static.igem.org/mediawiki/2014/3/32/OxigemDcmationbg.png" style="width: 100%;">
-
 
+
           <div class="Heading" style="top: 14.2%; left: 31%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout=
-
           <div class="Heading" style="top: 13.8%; left: 31%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout=
+
           "Subheadingnormal(this)" border="0">
           "Subheadingnormal(this)" border="0">
-
             <a href="#"><img id="openabstract" src=
+
             <a href="#"><img id="openabstract" onclick="showabstract()"  src=
-
             "https://static.igem.org/mediawiki/2014/1/1f/OxigemAbstract.png" onclick="showabstract()" style="width: 100%;"></a>
+
             "https://static.igem.org/mediawiki/2014/1/1f/OxigemAbstract.png" style="width: 100%;"></a>
           </div>
           </div>
-
 
+
           <div class="Heading" style="top: 33%; left: 30.9%; width:38.2%;" onmouseover="Subheadingbig(this)" onmouseout=
-
           <div class="Heading" style="top: 32.6%; left: 30.9%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout=
+
           "Subheadingnormal(this)" border="0">
           "Subheadingnormal(this)" border="0">
-
             <a href="https://2014.igem.org/Team:Oxford/notebook"><img src=
+
             <a href="#"><img id="openmenu1" src=
-
             "https://static.igem.org/mediawiki/2014/4/49/OxigemBiodetection.png" style="width: 100%;"></a>
+
             "https://static.igem.org/mediawiki/2014/0/0c/OxigemBiosensor.png" onclick="showmenu1()"  style="width: 100%;"></a>
           </div>
           </div>
-
 
+
           <div class="Heading" style="top: 51.3%; left: 31%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout=
-
           <div class="Heading" style="top: 50.57%; left: 31%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout=
+
           "Subheadingnormal(this)" border="0">
           "Subheadingnormal(this)" border="0">
-
             <a href="https://2014.igem.org/Team:Oxford/notebook"><img src=
+
             <a href="#"><img id="openmenu2" src=
-
             "https://static.igem.org/mediawiki/2014/8/80/OxigemBioremediation.png" style="width: 100%;"></a>
+
             "https://static.igem.org/mediawiki/2014/8/80/OxigemBioremediation.png" onclick="showmenu2()"  style="width: 100%;"></a>
           </div>
           </div>
-
 
+
           <div class="Heading" style="top: 70.2%; left: 30%; width:37.8%;" onmouseover="Subheadingbig(this)" onmouseout=
-
           <div class="Heading" style="top: 69.5%; left: 30%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout=
+
           "Subheadingnormal(this)" border="0">
           "Subheadingnormal(this)" border="0">
-
             <a href="https://2014.igem.org/Team:Oxford/notebook"><img src=
+
             <a href="#"><img id="openmenu3" src=
-
             "https://static.igem.org/mediawiki/2014/f/f7/OxigemRealisation.png" style="width: 100%;"></a>
+
             "https://static.igem.org/mediawiki/2014/f/f7/OxigemRealisation.png" onclick="showmenu3()"  style="width: 100%;"></a>
           </div>
           </div>
-
 
         </div>
         </div>
       </div>
       </div>
-
 
-
 
       <div id="Achievementswrap" onClick="AchievementsHide()"
       <div id="Achievementswrap" onClick="AchievementsHide()"
-
         style="background: rgba(0,0,0,.2); position: fixed; top:0; left: 0; right: 0; bottom: 0; display:none">
+
         style="background-color: rgba(0,0,0,0.1); position: fixed; top:0; left: 0; right: 0; bottom: 0; display:none">
         <div class="Heading" id="Achievementspopup" style=
         <div class="Heading" id="Achievementspopup" style=
-
         "left: 37.1%; width:26%; position:absolute; margin-top:12.5%;">
+
         "left:59%; width:0%; position:absolute; margin-top:38%;">
           <img src="https://static.igem.org/mediawiki/2014/b/be/OxigemAchievementsBg.png" style="width: 100%;">
           <img src="https://static.igem.org/mediawiki/2014/b/be/OxigemAchievementsBg.png" style="width: 100%;">
-
 
+
           <div class="Heading" style="top: 43%; left: 57%; width:26%;" onmouseover="Resultsbig(this)" onmouseout=
-
           <div class="Heading" style="top: 43%; left: 57%; width:26%;" onmouseover="Subheading1big(this)" onmouseout=
+
           "Resultsnormal(this)" border="0">
-
           "Subheading1normal(this)" border="0">
+
             <a href="https://2014.igem.org/Team:Oxford/Results"><img src=
             <a href="https://2014.igem.org/Team:Oxford/Results"><img src=
             "https://static.igem.org/mediawiki/2014/b/b8/OxigemResults.png" style="width: 100%;"></a>
             "https://static.igem.org/mediawiki/2014/b/b8/OxigemResults.png" style="width: 100%;"></a>
           </div>
           </div>
-
 
+
           <div class="Heading" style="top: 17%; left: 27%; width:40%;" onmouseover="Partsbig(this)" onmouseout=
-
           <div class="Heading" style="top: 17%; left: 27%; width:40%;" onmouseover="Subheading1big(this)" onmouseout=
+
           "Partsnormal(this)" border="0">
-
           "Subheading1normal(this)" border="0">
+
             <a href="https://2014.igem.org/Team:Oxford/Parts"><img src=
             <a href="https://2014.igem.org/Team:Oxford/Parts"><img src=
             "https://static.igem.org/mediawiki/2014/f/fa/OxigemParts.png" style="width: 100%;"></a>
             "https://static.igem.org/mediawiki/2014/f/fa/OxigemParts.png" style="width: 100%;"></a>
           </div>
           </div>
-
 
+
           <div class="Heading" style="top: 45%; left: 14%; width:33.5%;" onmouseover="Medalsbig(this)" onmouseout=
-
           <div class="Heading" style="top: 45%; left: 14%; width:33.5%;" onmouseover="Subheading1big(this)" onmouseout=
+
           "Medalsnormal(this)" border="0">
-
           "Subheading1normal(this)" border="0">
+
             <a href="https://2014.igem.org/Team:Oxford/MedalFulfilment"><img src=
-
             <a href="https://2014.igem.org/Team:Oxford/MedalFulfillment"><img src=
+
             "https://static.igem.org/mediawiki/2014/5/5e/OxigemMedalFulfillment.png" style="width: 100%;"></a>
             "https://static.igem.org/mediawiki/2014/5/5e/OxigemMedalFulfillment.png" style="width: 100%;"></a>
           </div>
           </div>
-
 
         </div>
         </div>
       </div>
       </div>
 +
    <div id="Interlabwrap" onClick="InterlabHide()"
 +
        style="background-color: rgba(0,0,0,0.1); position: fixed; top:0; left: 0; right: 0; bottom: 0; display:none">
 +
        <div class="Heading" id="Interlabpopup" style=
 +
        "left:72%; width:0%; position:absolute; margin-top:19%;">
 +
          <img src="https://static.igem.org/mediawiki/2014/d/df/OxigemInterlabbg.png" style="width: 100%;">
 +
          <div class="Heading" style="top: 63.5%; left: 39%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout=
 +
          "Subheadingnormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/devices"><img src=
 +
            "https://static.igem.org/mediawiki/2014/1/11/OxigemIDevices.png" style="width: 100%;"></a>
 +
          </div>
 +
          <div class="Heading" style="top: 22.5%; left: 17.3%; width:20.5%;" onmouseover="IMeasurementbig(this)" onmouseout=
 +
          "IMeasurementnormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/measurement"><img src=
 +
            "https://static.igem.org/mediawiki/2014/6/6d/OxigemIMeasurement.png" style="width: 100%;"></a>
 +
          </div>
 +
          <div class="Heading" style="top: 17%; left: 49.5%; width:34%;" onmouseover="IResultsbig(this)" onmouseout=
 +
          "IResultsnormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/InterlabResults"><img src=
 +
            "https://static.igem.org/mediawiki/2014/3/3a/OxigemIResults.png" style="width: 100%;"></a>
 +
          </div>
 +
        </div>
 +
    </div>
-
<div style="position:fixed;bottom:2%;left:5%;width:90%;height:50px;background-color:#f5f5f5;border-radius:25px;opacity:0.6;">  
+
    <div id="iGEMcommwrap" onClick="iGEMcommHide()"
 +
        style="background-color: rgba(0,0,0,0.1); position: fixed; top:0; left: 0; right: 0; bottom: 0; display:none">
 +
        <div class="Heading" id="iGEMcommpopup" style=
 +
        "left:25%; width:0%; position:absolute; margin-top:19%;">
 +
          <img src="https://static.igem.org/mediawiki/2014/e/e9/OxigemiGEMcommbg.png" style="width: 100%;">
 +
          <div class="Heading" style="top: 61.1%; left: 34.3%; width:43%;" onmouseover="Collabbig(this)" onmouseout=
 +
          "Collabnormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/alternatives_to_microcompartments"><img src=
 +
            "https://static.igem.org/mediawiki/2014/0/0c/OxigemCollaboration.png" style="width: 100%;"></a>
 +
          </div>
 +
          <div class="Heading" style="top: 17.5%; left: 54.5%; width:29.5%;" onmouseover="Eventsbig(this)" onmouseout=
 +
          "Eventsnormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/Events"><img src=
 +
            "https://static.igem.org/mediawiki/2014/a/af/OxigemEvents.png" style="width: 100%;"></a>
 +
          </div>
 +
          <div class="Heading" style="top: 24.5%; left: 16.5%; width:17%;" onmouseover="iGEMEuropebig(this)" onmouseout=
 +
          "iGEMEuropenormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/P&P_igem_europe"><img src=
 +
            "https://static.igem.org/mediawiki/2014/4/49/OxigemiGEMEurope.png" style="width: 100%;"></a>
 +
          </div>
 +
        </div>
 +
    </div>
-
       <div class="Heading" style="position:fixed;bottom:3.8%; left: 7%; width:7%;">
+
    <div style="position:fixed;bottom:2%;left:5%;width:90%;height:7%;background-color:#f5f5f5;border-radius:25px;opacity:0.6;">
-
         <a href="http://www.bbsrc.ac.uk/home/home.aspx"><img src="https://static.igem.org/mediawiki/2014/3/3e/BBSRC.png"
+
       <div class="Heading" style="position:fixed;bottom:3.8%; left: 7%; width:7%;max-height:6%;">
 +
         <a href="http://www.bbsrc.ac.uk/home/home.aspx" target="_blank"><img src="https://static.igem.org/mediawiki/2014/3/3e/BBSRC.png"
         style="width: 110%;"></a>
         style="width: 110%;"></a>
       </div>
       </div>
-
 
+
       <div class="Heading" style="position:fixed;bottom:3.8%; left: 16.5%; width:10%;max-height:6%;">
-
       <div class="Heading" style="position:fixed;bottom:3.8%; left: 16.5%; width:10%;">
+
         <a href="http://www.biochemistry.org" target="_blank"><img src="https://static.igem.org/mediawiki/2014/7/75/BS.png"
-
         <a href="http://www.biochemistry.org"><img src="https://static.igem.org/mediawiki/2014/7/75/BS.png"
+
         style="width: 110%;"></a>
         style="width: 110%;"></a>
       </div>
       </div>
-
 
+
       <div class="Heading" style="position:fixed;bottom:3.4%; left: 29%; width:9%;max-height:6%;">
-
       <div class="Heading" style="position:fixed;bottom:3.4%; left: 29%; width:9%;">
+
         <a href="http://www.sgm.ac.uk" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/20/SGM.png"
-
         <a href="http://www.sgm.ac.uk"><img src="https://static.igem.org/mediawiki/2014/2/20/SGM.png"
+
         style="width: 110%;"></a>
         style="width: 110%;"></a>
       </div>
       </div>
-
 
+
       <div class="Heading" style="position:fixed;bottom:4.4%; left: 40.4%; width:10%;max-height:6%;">
-
       <div class="Heading" style="position:fixed;bottom:4.4%; left: 40.4%; width:10%;">
+
         <a href="http://www.wellcome.ac.uk" target="_blank"><img src="https://static.igem.org/mediawiki/2014/4/4c/WT.png"
-
         <a href="http://www.wellcome.ac.uk"><img src="https://static.igem.org/mediawiki/2014/4/4c/WT.png"
+
         style="width: 110%;"></a>
         style="width: 110%;"></a>
       </div>
       </div>
-
 
+
       <div class="Heading" style="position:fixed;bottom:2.7%; left: 53.5%; width:6.5%;max-height:6%;">
-
       <div class="Heading" style="position:fixed;bottom:2.7%; left: 53.5%; width:6.5%;">
+
         <a href="http://www.deskgen.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/6/65/Oxfordigem_deskgen.png"
-
         <a href="http://www.deskgen.com/"><img src="https://static.igem.org/mediawiki/2014/6/65/Oxfordigem_deskgen.png"
+
         style="width: 110%;"></a>
         style="width: 110%;"></a>
       </div>
       </div>
-
 
+
       <div class="Heading" style="position:fixed;bottom:2.5%; left: 62.7%; width:9.5%;max-height:6%;">
-
       <div class="Heading" style="position:fixed;bottom:2.5%; left: 62.7%; width:9.5%;">
+
         <a href="http://www.bioch.ox.ac.uk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/20/Oxfordigem_dept.png"
-
         <a href="http://www.bioch.ox.ac.uk/"><img src="https://static.igem.org/mediawiki/2014/2/20/Oxfordigem_dept.png"
+
         style="width: 110%;"></a>
         style="width: 110%;"></a>
       </div>
       </div>
-
 
+
       <div class="Heading" style="position:fixed;bottom:3%; left: 75%; width:7%;max-height:6%;">
-
       <div class="Heading" style="position:fixed;bottom:3%; left: 75%; width:7%;">
+
         <a href="http://www.neb.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/b/b1/OxigemNeb_logo.png"
-
         <a href="http://www.neb.com/"><img src="https://static.igem.org/mediawiki/2014/9/9a/Neb_logo.jpg"
+
         style="width: 110%;"></a>
         style="width: 110%;"></a>
       </div>
       </div>
-
 
+
       <div class="Heading" style="position:fixed;bottom:3%; left: 84%; width:8%;max-height:6%;">
-
       <div class="Heading" style="position:fixed;bottom:3%; left: 84%; width:8%;">
+
         <a href="http://www.snapgene.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/f/ff/Oxfordigem_snapgene.png"
-
         <a href="http://www.snapgene.com/"><img src="https://static.igem.org/mediawiki/2014/f/ff/Oxfordigem_snapgene.png"
+
         style="width: 110%;"></a>
         style="width: 110%;"></a>
       </div>
       </div>
-
</div>
+
    </div>
-
 
+
-
 
+
-
 
+
     </div>
     </div>

Latest revision as of 19:15, 2 June 2015

Retrieved from "http://2014.igem.org/Team:Oxford"