Team:Oxford

From 2014.igem.org

(Difference between revisions)
 
(2075 intermediate revisions not shown)
Line 1: Line 1:
-
 
+
{{Team:Oxford/CSSmain}}
 +
{{Team:Oxford/scriptmain}}
<html>
<html>
-
        <head>
 
-
                <meta charset="UTF-8">
 
-
                <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 
-
                <script type="text/javascript" src="http://www.aemcreative.co.uk/js/script.js"></script>
 
-
               
 
-
                <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
 
-
                <!--[if lt IE 9]>
 
-
                        <script src="http://www.aemcreative.co.uk/shiv/dist/html5shiv.js"></script>
 
-
                <![endif]-->
 
-
                <!--[if lt IE 9]>
 
-
                <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
 
-
                <![endif]-->
 
-
                <!--[if (gte IE 6)&(lte IE 8)]>
 
-
                  <script type="text/javascript" src="http://www.aemcreative.co.uk/js/selectivizr.js"></script>
 
-
                <![endif]-->
 
-
                <link rel="stylesheet" type="text/css" href="/css/reset.css">
 
-
                <link rel="stylesheet" type="text/css" href="/css/main.css">
 
-
                <meta name="viewport" content="initial-scale=1, user-scalable=yes,maximum-scale=1.5,width=device-width">
 
-
               
 
-
               
 
-
                <style>
 
-
                /*
 
-
html5doctor.com Reset Stylesheet
 
-
v1.6.1
 
-
Last Updated: 2010-09-17
 
-
Author: Richard Clark - http://richclarkdesign.com
 
-
Twitter: @rich_clark
 
-
*/
 
-
 
-
html, body, div, span, object, iframe,
 
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 
-
abbr, address, cite, code,
 
-
del, dfn, em, img, ins, kbd, q, samp,
 
-
small, strong, sub, sup, var,
 
-
b, i,
 
-
dl, dt, dd, ol, ul, li,
 
-
fieldset, form, label, legend,
 
-
table, caption, tbody, tfoot, thead, tr, th, td,
 
-
article, aside, canvas, details, figcaption, figure,
 
-
footer, header, hgroup, menu, nav, section, summary,
 
-
time, mark, audio, video {
 
-
    margin:0;
 
-
    padding:0;
 
-
    border:0;
 
-
    outline:0;
 
-
    font-size:100%;
 
-
    vertical-align:baseline;
 
-
    background:transparent;
 
-
}
 
-
 
-
body {
 
-
    line-height:1;
 
-
}
 
-
 
-
article,aside,details,figcaption,figure,
 
-
footer,header,hgroup,menu,nav,section {
 
-
    display:block;
 
-
}
 
-
 
-
blockquote, q {
 
-
    quotes:none;
 
-
}
 
-
 
-
blockquote:before, blockquote:after,
 
-
q:before, q:after {
 
-
    content:'';
 
-
    content:none;
 
-
}
 
-
 
-
a {
 
-
    margin:0;
 
-
    padding:0;
 
-
    font-size:100%;
 
-
    vertical-align:baseline;
 
-
    background:transparent;
 
-
}
 
-
 
-
ins {
 
-
    background-color:#ff9;
 
-
    color:#000;
 
-
    text-decoration:none;
 
-
}
 
-
 
-
mark {
 
-
    background-color:#ff9;
 
-
    color:#000;
 
-
    font-style:italic;
 
-
    font-weight:bold;
 
-
}
 
-
 
-
del {
 
-
    text-decoration: line-through;
 
-
}
 
-
 
-
abbr[title], dfn[title] {
 
-
    border-bottom:1px dotted;
 
-
    cursor:help;
 
-
}
 
-
 
-
table {
 
-
    border-collapse:collapse;
 
-
    border-spacing:0;
 
-
}
 
-
 
-
hr {
 
-
    display:block;
 
-
    height:1px;
 
-
    border:0; 
 
-
    border-top:1px solid #cccccc;
 
-
    margin:1em 0;
 
-
    padding:0;
 
-
}
 
-
 
-
input, select {
 
-
    vertical-align:middle;
 
-
}
 
-
 
-
.clearfix:after {
 
-
        content: ".";
 
-
        display: block;
 
-
        clear: both;
 
-
        visibility: hidden;
 
-
        line-height: 0;
 
-
        height: 0;
 
-
}
 
-
 
-
.clearfix {
 
-
        display: inline-block;
 
-
}
 
-
 
-
html[xmlns] .clearfix {
 
-
        display: block;
 
-
}
 
-
 
-
* html .clearfix {
 
-
        height: 1%;
 
-
}
 
-
 
-
                </style>
 
-
               
 
-
               
 
-
                <style>
 
-
                /* page setup */
 
-
body {
 
-
  font-size: 14px;
 
-
  color: #000;
 
-
  font-weight: 300;
 
-
  background-color: whitesmoke;
 
-
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
-
  -webkit-font-smoothing: antialiased; }
 
-
 
-
::selection, ::-moz-selection {
 
-
  background: whitesmoke;
 
-
  color: #CCC;
 
-
  /* Safari */ }
 
-
 
-
::-moz-selection {
 
-
  background: whitesmoke;
 
-
  color: #666666;
 
-
  /* Firefox */ }
 
-
 
-
p {
 
-
  line-height: 2; }
 
-
 
-
h1 {
 
-
  text-align: center;
 
-
  font-size: 1.8em;
 
-
  color: #002147;
 
-
  margin-bottom: .5em; }
 
-
 
-
h1.alt {
 
-
  color: #fab313; }
 
-
 
-
h2 {
 
-
  font-weight: bold;
 
-
  text-transform: uppercase; }
 
-
 
-
h3 {
 
-
  color: #333333;
 
-
  font-size: 1.1em;
 
-
  margin-bottom: .5em;
 
-
  font-weight: 500; }
 
-
 
-
a {
 
-
  color: black;
 
-
  text-decoration: underline; }
 
-
 
-
.content {
 
-
  max-width: 960px;
 
-
  margin: 0 auto;
 
-
  display: block !important;
 
-
  position: relative;
 
-
  -webkit-backface-visibility: hidden; }
 
-
 
-
.column {
 
-
  float: left;
 
-
  max-width: none;
 
-
  display: block; }
 
-
 
-
.block {
 
-
  width: 100%;
 
-
  margin: 3.5em 0 3.5em 0; }
 
-
 
-
.verse {
 
-
  text-align: center;
 
-
  display: block;
 
-
  width: 50%;
 
-
  margin: 0 auto;
 
-
  min-width: 280px; }
 
-
 
-
.full {
 
-
  width: 100%; }
 
-
 
-
.half {
 
-
  width: 50%; }
 
-
 
-
.quarter {
 
-
  width: 25%; }
 
-
 
-
.fourty {
 
-
  width: 40%; }
 
-
 
-
.sixty {
 
-
  width: 60%; }
 
-
 
-
.third {
 
-
  width: 33.333334%; }
 
-
 
-
.two-third {
 
-
  width: 66.666667%; }
 
-
 
-
@media all and (max-width: 1000px) {
 
-
  .content {
 
-
    padding-left: 2%;
 
-
    padding-right: 2%;
 
-
    width: 96%;
 
-
    position: relative; } }
 
-
@media all and (max-width: 768px) {
 
-
  .column {
 
-
    margin-bottom: .75em; }
 
-
 
-
  .half {
 
-
    width: 100%; }
 
-
 
-
  .quarter {
 
-
    width: 50%; } }
 
-
@media all and (max-width: 480px) {
 
-
  .column {
 
-
    width: 100%; }
 
-
 
-
  .column p, .column h2 {
 
-
    display: block; } }
 
-
/* page setup END */
 
-
/* header */
 
-
header {
 
-
  width: 100%;
 
-
  margin: 1.5em 0 1.5em 0;
 
-
  display: block !important; }
 
-
 
-
#logo {
 
-
  float: left;
 
-
  width: 15em;
 
-
  height: 5em;
 
-
  margin-right: 2em;
 
-
  display: block;
 
-
  height: 4em;
 
-
  margin-top: -.2em; }
 
-
 
 
-
        #logo img {
 
-
                height: 5em;
 
-
        }
 
-
 
-
 
-
nav ul {
 
-
  font-size: 1.2em;
 
-
  padding-top: .2em;
 
-
  list-style: none;
 
-
  display: block;
 
-
  font-weight: bold;
 
-
  text-transform: uppercase;
 
-
  line-height: 2;
 
-
  margin-top: -.5em;
 
-
  float: right;
 
-
  text-align: right; }
 
-
 
-
nav {
 
-
  overflow: hidden; }
 
-
 
-
nav a {
 
-
  text-decoration: none; }
 
-
 
-
nav li {
 
-
  display: inline-block;
 
-
  *display: inline;
 
-
  *zoom: 1;
 
-
  margin-right: 1em; }
 
-
 
-
nav a {
 
-
  color: #002147;
 
-
}
 
-
 
-
nav a:hover {
 
-
  color: #002147;
 
-
  color: #fab313;
 
-
  }
 
-
 
-
.current a {
 
-
  color: black; }
 
-
 
-
@media all and (max-width: 480px) {
 
-
  header {
 
-
    margin: 1.5em 0 1em 0; }
 
-
 
-
  #logo {
 
-
    top: 0 !important;
 
-
    width: 12em;
 
-
    margin: 0 auto;
 
-
    display: block;
 
-
    text-align: center;
 
-
    float: none;
 
-
    height: 5em;
 
-
    }
 
-
 
-
 
-
  nav {
 
-
    width: 100%;
 
-
    overflow: auto; }
 
-
 
-
  nav ul {
 
-
    top: 0;
 
-
    text-align: center;
 
-
    float: none;
 
-
    margin: 0 auto;
 
-
    margin-top: .5em; }
 
-
 
-
  nav li {
 
-
    margin-right: .5em;
 
-
    margin-left: .5em; } }
 
-
/* header end */
 
-
/* footer */
 
-
footer {
 
-
  clear: both;
 
-
  padding: 1em 0 2em 0;
 
-
  line-height: 2;
 
-
  color: #666666;
 
-
  border-top: 1px solid #eee; }
 
-
 
-
footer a {
 
-
  text-decoration: none;
 
-
  font-weight: 500;
 
-
  color: inherit; }
 
-
 
-
footer p {
 
-
  color: #333333;
 
-
  text-decoration: none; }
 
-
 
-
footer ul {
 
-
  list-style: none; }
 
-
 
-
#companies {
 
-
  opacity: 0.9;
 
-
  margin-top: .25em; }
 
-
 
-
#companies li {
 
-
  float: left;
 
-
  margin-right: 2em; }
 
-
 
-
#companies img {
 
-
  height: 30px; }
 
-
 
-
@media all and (max-width: 768px) {
 
-
  footer .column {
 
-
    text-align: center;
 
-
    margin-bottom: 2em; } }
 
-
/* footer end */
 
-
/* homepage */
 
-
#clients_home {
 
-
  width: 100%; }
 
-
 
-
#clients_home .column {
 
-
  height: 240px;
 
-
  background-size: 95%;
 
-
  opacity: 0.75;
 
-
  background-repeat: no-repeat;
 
-
  background-position: center center;
 
-
  -webkit-transition: all .1s ease-in-out;
 
-
  -moz-transition: all .1s ease-in-out; }
 
-
 
-
#clients_home .column:hover {
 
-
  -webkit-transform: scale(1.05);
 
-
  -moz-transform: scale(1.05);
 
-
  opacity: 1; }
 
-
 
-
#clients_home #ssc_home {
 
-
  background-image: url("/assets/portfolio/ssc/thumb.png"); }
 
-
 
-
#clients_home #torro_home {
 
-
  background-image: url("/assets/portfolio/torro/thumb.png"); }
 
-
 
-
#clients_home #greygoose_home {
 
-
  background-image: url("/assets/portfolio/goose/thumb.png"); }
 
-
 
-
#clients_home #lutterworthsc_home {
 
-
  background-image: url("/assets/portfolio/lutterworthsc/thumb.png"); }
 
-
 
-
#services_home {
 
-
  margin-bottom: 3em; }
 
-
 
-
#services_home .column p {
 
-
  width: 94%;
 
-
  margin-left: 3%;
 
-
  color: #666; }
 
-
 
-
#services_home .column h3 {
 
-
  text-align: center;
 
-
  margin: .75em 0 .75em 0; }
 
-
 
-
#services_home .image {
 
-
  height: 100px;
 
-
  background: #fff;
 
-
  width: 94%;
 
-
  margin: 0 0 3% 0; }
 
-
 
-
#services_home #services_branding {
 
-
  background: url("/assets/services/ccc.png");
 
-
  background-size: cover; }
 
-
#services_home #services_webapp {
+
<body>
-
   background: url("/assets/services/webapp.png");
+
  <div class="outer">
-
  background-size: cover; }
+
  <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>
 +
  </div>
 +
  <a href="#"><img id="arrowl" src="https://static.igem.org/mediawiki/2014/7/77/OxigemArrowl.png" style="position:absolute; width:2.5%; top:53%;right:1.5%; opacity:0.6; z-index:4;" /></a>
 +
  <div id="grey" style="width:14%; position:absolute; top:23%; right:-13%; z-index:4;">
 +
    <img src="https://static.igem.org/mediawiki/2014/0/0d/OxigemGrey.png" style="position:relative;width:100%;" />
 +
    <a href="#"><img id="arrowr" src="https://static.igem.org/mediawiki/2014/0/03/OxigemArrowr.png" style="position:absolute;width:16%;top:5%;left:10%;"></a>
 +
    <div class="fbicon" style="position:absolute;width:23%; top:20%; left:9%;" onmouseover=
 +
      "iconleft(this)" onmouseout="iconnormal(this)" border="0"><a href="https://www.facebook.com/oxfordigem" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/8/88/OxigemIconfacebook.png" style="width:100%;" /></a>
 +
    </div>    
 +
  <div class="twicon" style="position:absolute;width:23%; top:35%; left:9%;" onmouseover=
 +
      "iconleft(this)" onmouseout="iconnormal(this)" border="0">
 +
    <a href="https://twitter.com/OxfordiGEM" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/3/3d/OxigemIgemtwitter.png" style="width:100%;" /></a>
 +
  </div>
 +
  <div class="yticon" style="position:absolute;width:23%; top:50%; left:9%;" onmouseover=
 +
      "iconleft(this)" onmouseout="iconnormal(this)" border="0">
 +
    <a href="https://www.youtube.com/channel/UCx1QJHqQcZ09aT97V2f4Xdw" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/e/ea/OxigemIconyoutube.png" style="width:100%;" /></a>
 +
  </div>
 +
  <div class="oxicon" style="position:absolute;width:23%; top:65%; left:9%;" onmouseover=
 +
      "iconleft(this)" onmouseout="iconnormal(this)" border="0">
 +
    <a href="http://www.ox.ac.uk" target="_blank"><img src="https://static.igem.org/mediawiki/2014/8/8d/Iconoxford.png" style="width:100%;" /></a>
 +
  </div>
 +
  <div class="mailicon" style="position:absolute;width:23%; top:80%; left:9%;" onmouseover=
 +
      "iconleft(this)" onmouseout="iconnormal(this)" border="0" >
 +
    <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>
-
#services_home #services_responsive {
+
    <div class="inner">
-
  background: url("/assets/services/responsive.png");
+
    <div style="position: relative; width:65% left: 0; top: 0;">
-
  background-size: cover; }
+
      <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="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="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="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 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="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="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="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%;">
 +
    <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/7/7f/Oxigemx.png" onclick="hideabstract()" style="position:absolute;opacity:0.6;right:0.9%;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 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":"")' />
-
#slider_container {
+
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.
-
  background: white; }
+
<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!
-
.slider {
 
-
  width: 100%;
 
-
  height: 300px; }
 
-
@media all and (max-width: 768px) {
+
      </div>
-
  #clients_home .column {
+
      </div>
-
    margin-bottom: 0;
+
-
    background-size: 80%; } }
+
-
@media all and (max-width: 480px) {
+
-
  #clients_home .column {
+
-
    margin-bottom: 0;
+
-
    background-size: 90%;
+
-
    width: 50%; }
+
-
  #services_home .column {
+
      <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;">
-
    margin-bottom: 2em; }
+
<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>
-
  #services_home .column p {
+
<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>
-
    width: 80%;
+
<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>
-
    margin: 0 auto; }
+
<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>
-
  #services_home .image {
+
      <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;">
-
    width: 80%;
+
<img src="https://static.igem.org/mediawiki/2014/e/e8/OxigemBioremediation1.png" style="position:absolute; width:106%;margin-left:-3%;margin-top:-10%;"  />
-
    display: block;
+
<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>
-
    margin: 0 auto; } }
+
<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>
-
/* homepage ENDS */
+
<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>
-
/* services */
+
<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>
-
#services_list {
+
<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>
-
  margin-bottom: 3em; }
+
      </div>
-
#services_list .column p {
+
      <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;">
-
  width: 94%;
+
<img src="https://static.igem.org/mediawiki/2014/1/1b/OxigemRealisation1.png" style="position:absolute; width:106%;margin-left:-3%;margin-top:-10%;"  />
-
  margin-left: 3%;
+
<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>
-
  color: #666; }
+
<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>
 +
      <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>
 +
    </div>
-
#services_list .column h3 {
+
      <div class="Heading" id="DCMationheading" style="top: 72.2%; left: 34.8%; width:11%;" onclick="DCMation()" onmouseover=
-
  text-align: center;
+
      "DCMationbig(this)" onmouseout="DCMationnormal(this)" border="0"><a href="#"><img src=
-
  margin: .75em 0 .75em 0; }
+
      "https://static.igem.org/mediawiki/2014/2/22/OxigemDCMationheading.png" style="width: 100%;" ></a>
 +
      </div>
 +
      <div class="Heading" id="achievementsheading" style="top: 77.8%; left: 53%; width:11.1%;" onclick="Achievements()" onmouseover="Achievementsbig(this)" onmouseout=
 +
      "Achievementsnormal(this)" border="0"><a href="#"><img src=
 +
        "https://static.igem.org/mediawiki/2014/d/db/OxigemAchievements.png" style="width: 100%;"></a>
 +
      </div>
 +
      <div class="Heading" id="Modellingheading" style="top: 57%; left: 21%; width:8.5%;" onmouseover="Modellingbig(this)" onmouseout=
 +
      "Modellingnormal(this)" border="0">
 +
        <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>
 +
      </div>
 +
      <div class="Heading" id="Policyheading" style="top: 56%; left:70.5%; width:7.3%;" onmouseover="Policybig(this)" onmouseout=
 +
      "Policynormal(this)" border="0">
 +
        <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>
 +
      </div>
 +
      <div class="Heading" id="iGEMcommheading" style="top: 27%; left: 24.5%; width:8.8%;" onclick="iGEMcomm()" onmouseover="iGEMcommbig(this)" onmouseout=
 +
      "iGEMcommnormal(this)" border="0">
 +
        <a href="#"><img src=
 +
        "https://static.igem.org/mediawiki/2014/6/66/OxigemIGEMcomm.png" style="width: 100%;"></a>
 +
      </div>
 +
      <div class="Heading" id="interlabheading" style="top: 27.5%; left: 68%; width:6.5%;" onclick="Interlab()" onmouseover="Interlabbig(this)" onmouseout=
 +
      "Interlabnormal(this)" border="0">
 +
        <a href="#"><img src=
 +
        "https://static.igem.org/mediawiki/2014/2/27/OxigemInterlab.png" style="width: 100%;"></a>
 +
      </div>
 +
      <div class="Heading" id="Safetyheading" style="top: 15.3%; left: 40%; width:5%;" onmouseover="Safetybig(this)" onmouseout=
 +
      "Safetynormal(this)" border="0">
 +
        <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>
 +
      </div>
 +
      <div class="Heading" id="Teamheading" style="top: 16.5%; left: 55.5%; width:4.4%;" onmouseover="Teambig(this)" onmouseout=
 +
      "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"
 +
        style="width: 100%;"></a>
 +
      </div>
-
#services_list .image {
+
      <div id="DCMationwrap" onClick="DCMationHide()"
-
  height: 100px;
+
        style="background-color: rgba(0,0,0,0.1); position: fixed; top:0; left: 0; right: 0; bottom: 0; display:none">
-
  background: #fff;
+
        <div class="Heading" id="DCMationpopup" style=
-
  width: 94%;
+
        "left: 39%; width:0%; position:absolute; margin-top:38%;">
-
  margin: 0 0 3% 0; }
+
          <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=
 +
          "Subheadingnormal(this)" border="0">
 +
            <a href="#"><img id="openabstract" onclick="showabstract()"  src=
 +
            "https://static.igem.org/mediawiki/2014/1/1f/OxigemAbstract.png" style="width: 100%;"></a>
 +
          </div>
 +
          <div class="Heading" style="top: 33%; left: 30.9%; width:38.2%;" onmouseover="Subheadingbig(this)" onmouseout=
 +
          "Subheadingnormal(this)" border="0">
 +
            <a href="#"><img id="openmenu1" src=
 +
            "https://static.igem.org/mediawiki/2014/0/0c/OxigemBiosensor.png" onclick="showmenu1()"  style="width: 100%;"></a>
 +
          </div>
 +
          <div class="Heading" style="top: 51.3%; left: 31%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout=
 +
          "Subheadingnormal(this)" border="0">
 +
            <a href="#"><img id="openmenu2" src=
 +
            "https://static.igem.org/mediawiki/2014/8/80/OxigemBioremediation.png" onclick="showmenu2()"  style="width: 100%;"></a>
 +
          </div>
 +
          <div class="Heading" style="top: 70.2%; left: 30%; width:37.8%;" onmouseover="Subheadingbig(this)" onmouseout=
 +
          "Subheadingnormal(this)" border="0">
 +
            <a href="#"><img id="openmenu3" src=
 +
            "https://static.igem.org/mediawiki/2014/f/f7/OxigemRealisation.png" onclick="showmenu3()"  style="width: 100%;"></a>
 +
          </div>
 +
        </div>
 +
      </div>
-
#services_list > .clearfix {
+
      <div id="Achievementswrap" onClick="AchievementsHide()"
-
  margin-bottom: 1.5em; }
+
        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=
 +
        "left:59%; width:0%; position:absolute; margin-top:38%;">
 +
          <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=
 +
          "Resultsnormal(this)" border="0">
 +
            <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>
 +
          </div>
 +
          <div class="Heading" style="top: 17%; left: 27%; width:40%;" onmouseover="Partsbig(this)" onmouseout=
 +
          "Partsnormal(this)" border="0">
 +
            <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>
 +
          </div>
 +
          <div class="Heading" style="top: 45%; left: 14%; width:33.5%;" onmouseover="Medalsbig(this)" onmouseout=
 +
          "Medalsnormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/MedalFulfilment"><img src=
 +
            "https://static.igem.org/mediawiki/2014/5/5e/OxigemMedalFulfillment.png" style="width: 100%;"></a>
 +
          </div>
 +
        </div>
 +
      </div>
-
@media all and (max-width: 480px) {
+
    <div id="Interlabwrap" onClick="InterlabHide()"
-
  #services_list .column {
+
        style="background-color: rgba(0,0,0,0.1); position: fixed; top:0; left: 0; right: 0; bottom: 0; display:none">
-
    margin-bottom: 2em; }
+
        <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>
-
  #services_list .column p {
+
    <div id="iGEMcommwrap" onClick="iGEMcommHide()"
-
    width: 80%;
+
        style="background-color: rgba(0,0,0,0.1); position: fixed; top:0; left: 0; right: 0; bottom: 0; display:none">
-
    margin: 0 auto; }
+
        <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>
-
  #services_list .image {
+
    <div style="position:fixed;bottom:2%;left:5%;width:90%;height:7%;background-color:#f5f5f5;border-radius:25px;opacity:0.6;">
-
    width: 80%;
+
      <div class="Heading" style="position:fixed;bottom:3.8%; left: 7%; width:7%;max-height:6%;">
-
    display: block;
+
        <a href="http://www.bbsrc.ac.uk/home/home.aspx" target="_blank"><img src="https://static.igem.org/mediawiki/2014/3/3e/BBSRC.png"
-
    margin: 0 auto; } }
+
        style="width: 110%;"></a>
 +
      </div>
 +
      <div class="Heading" style="position:fixed;bottom:3.8%; left: 16.5%; width:10%;max-height:6%;">
 +
        <a href="http://www.biochemistry.org" target="_blank"><img src="https://static.igem.org/mediawiki/2014/7/75/BS.png"
 +
        style="width: 110%;"></a>
 +
      </div>
 +
      <div class="Heading" style="position:fixed;bottom:3.4%; left: 29%; width:9%;max-height:6%;">
 +
        <a href="http://www.sgm.ac.uk" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/20/SGM.png"
 +
        style="width: 110%;"></a>
 +
      </div>
 +
      <div class="Heading" style="position:fixed;bottom:4.4%; left: 40.4%; width:10%;max-height:6%;">
 +
        <a href="http://www.wellcome.ac.uk" target="_blank"><img src="https://static.igem.org/mediawiki/2014/4/4c/WT.png"
 +
        style="width: 110%;"></a>
 +
      </div>
 +
      <div class="Heading" style="position:fixed;bottom:2.7%; left: 53.5%; width:6.5%;max-height:6%;">
 +
        <a href="http://www.deskgen.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/6/65/Oxfordigem_deskgen.png"
 +
        style="width: 110%;"></a>
 +
      </div>
 +
      <div class="Heading" style="position:fixed;bottom:2.5%; left: 62.7%; width:9.5%;max-height:6%;">
 +
        <a href="http://www.bioch.ox.ac.uk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/20/Oxfordigem_dept.png"
 +
        style="width: 110%;"></a>
 +
      </div>
 +
      <div class="Heading" style="position:fixed;bottom:3%; left: 75%; width:7%;max-height:6%;">
 +
        <a href="http://www.neb.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/b/b1/OxigemNeb_logo.png"
 +
        style="width: 110%;"></a>
 +
      </div>
 +
      <div class="Heading" style="position:fixed;bottom:3%; left: 84%; width:8%;max-height:6%;">
 +
        <a href="http://www.snapgene.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/f/ff/Oxfordigem_snapgene.png"
 +
        style="width: 110%;"></a>
 +
      </div>
 +
    </div>
-
                </style>
+
    </div>
-
               
+
  </div>
-
               
+
</body>
-
        </head>
+
-
        <body>
+
-
                <div class="content">
+
-
                        <header class="clearfix">
+
-
                                <div id="logo" class="clearfix">
+
-
                                        <img src="http://www.aemcreative.co.uk/oxford/logo.png" />
+
-
                                </div>
+
-
                                <nav>
+
-
                                        <ul>
+
-
                                                <li><a href="https://2014.igem.org/Team:Oxford/Home">Home</a></li>
+
-
                                                <li><a href="https://2014.igem.org/Team:Oxford/Team">Team</a></li>
+
-
                                                <li><a href="https://2014.igem.org/Team:Oxford/Project">Project</a></li>
+
-
                                                <li><a href="https://2014.igem.org/Team:Oxford/Parts">Parts</a></li>
+
-
                                                <li><a href="https://2014.igem.org/Team:Oxford/Modelling">Modelling</a></li>
+
-
                                                <li><a href="https://2014.igem.org/Team:Oxford/Notebook">Notebook</a></li>
+
-
                                                <li><a href="https://2014.igem.org/Team:Oxford/Safety">Safety</a></li>
+
-
                                                <li><a href="https://2014.igem.org/Team:Oxford/Attributions">Attributions</a></li>
+
-
                                        </ul>
+
-
                                </nav>
+
-
                        </header>
+
-
                </div>
+
-
                <div class="content">
+
-
               
+
-
                </div>
+
-
                <footer class="background">
+
-
                        <div class="content clearfix">
+
-
                        </div>
+
-
                </footer>
+
-
        </body>
+
</html>
</html>

Latest revision as of 19:15, 2 June 2015

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