|
|
| (20 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | + | {{Team:Oxford/templates/header}} |
| | + | |
| | <html> | | <html> |
| - | <head>
| |
| - | <style type="text/css">
| |
| | | | |
| - | @import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300);
| |
| - |
| |
| - | html, body {
| |
| - | max-width: 100%;
| |
| - | overflow-x: hidden;
| |
| - | }
| |
| - |
| |
| - | body {
| |
| - | background-color: #EBEBEB;
| |
| - | margin: 0px;
| |
| - | padding: 0;
| |
| - | border: 0;
| |
| - | vertical-align: baseline;
| |
| - | font-family: 'Open Sans', 'helvetica', sans-serif;
| |
| - | font-size: 10px;
| |
| - | 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:0.5%;
| |
| - | }
| |
| - |
| |
| - | .left-menu:hover {
| |
| - | background-color: transparent;
| |
| - | }
| |
| - | #menubar li a {
| |
| - | background-color: transparent;
| |
| - | }
| |
| - | #menubar:hover {
| |
| - | color: gray;
| |
| - | }
| |
| - | #menubar li a {
| |
| - | color: #B5B5B5;
| |
| - | }
| |
| - | #menubar:hover li a {
| |
| - | color: gray;
| |
| - | }
| |
| - |
| |
| - | #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 {
| |
| - | position:fixed;
| |
| - | width:100%;
| |
| - | height:100%;
| |
| - | }
| |
| - |
| |
| - | img.supercoil {
| |
| - | width:65%;
| |
| - | display: block;
| |
| - | margin-left: auto;
| |
| - | margin-right: auto }
| |
| - |
| |
| - | .Heading {
| |
| - | position:absolute;
| |
| - | display: block;
| |
| - | }
| |
| - |
| |
| - | .heading {
| |
| - | -webkit-transition: margin-left 0.3s, -webkit-transform 0.3s;
| |
| - | transition: margin-left 0.3s;
| |
| - | }
| |
| - |
| |
| - | .heading:hover {
| |
| - | margin-left:30px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | .pink_news_block {
| |
| - |
| |
| - | background: #DEA5A4;
| |
| - | border-radius:15px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:3%;padding-bottom:3%;
| |
| - | width:96%;
| |
| - | }
| |
| - |
| |
| - | .blue_news_block {
| |
| - |
| |
| - | background: #ADD8E6;
| |
| - | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
| |
| - | width:96%;
| |
| - | }
| |
| - |
| |
| - | .orange_news_block1 {
| |
| - |
| |
| - | background: #FA6800;
| |
| - | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
| |
| - | width:32%;
| |
| - | }
| |
| - |
| |
| - | .orange_news_block2 {
| |
| - |
| |
| - | background: #FA6800;
| |
| - | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
| |
| - | width:96%;
| |
| - | }
| |
| - |
| |
| - | .yellow_news_block {
| |
| - |
| |
| - | background: #FFFF06;
| |
| - | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
| |
| - | width:27%;
| |
| - | }
| |
| - | .white_news_block {
| |
| - |
| |
| - | background: #fff;
| |
| - | border-radius:15px; margin-top:2%; margin-left: 0%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
| |
| - | width:96%;
| |
| - | }
| |
| - |
| |
| - | h1 {
| |
| - | font-size: 120%;
| |
| - | font-weight: 400;
| |
| - | font-family:Helvetica;
| |
| - | margin-bottom: 2%;
| |
| - |
| |
| - | }
| |
| - | h1white {
| |
| - | font-size: 230%;
| |
| - | font-weight: 400;
| |
| - | font-family:Helvetica;
| |
| - | color:#fff;
| |
| - | }
| |
| - |
| |
| - | h1black {
| |
| - | font-size: 230%;
| |
| - | font-weight: 400;
| |
| - | font-family:Helvetica;
| |
| - | color:#030B79
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | #list li {
| |
| - | list-style-image: url("https://static.igem.org/mediawiki/2014/6/6f/OxigemTick.png"); }
| |
| - | }
| |
| - | </style>
| |
| - | <script type="text/javascript">
| |
| - |
| |
| - | function iconleft(x) {
| |
| - | x.style.left="6%";
| |
| - | }
| |
| - | function iconnormal(x) {
| |
| - | x.style.left="9%";
| |
| - | }
| |
| - | $(document).ready(function(){
| |
| - | $("#arrowr").click(function(){
| |
| - | $("#grey").animate({right:'-175px'}, "fast");
| |
| - | });
| |
| - | $("#arrowl").click(function(){
| |
| - | $("#grey").animate({right:'-120px'}, "fast");
| |
| - | });
| |
| - | $("#modelling").hover(function(){
| |
| - | $("#modelling").animate({opacity:'0.95'}, "fast");
| |
| - | $("#modelling1").css({display:'inline'});
| |
| - | });
| |
| - | $("#modelling").mouseout(function(){
| |
| - | $("#modelling").animate({opacity:'0.75'}, "fast");
| |
| - | $("#modelling1").css({display:'none'});
| |
| - | });
| |
| - | $("#achievements").hover(function(){
| |
| - | $("#achievements").animate({opacity:'0.95'}, "fast");
| |
| - | $("#achievements1").css({display:'inline'});
| |
| - | });
| |
| - | $("#achievements").mouseout(function(){
| |
| - | $("#achievements").animate({opacity:'0.75'}, "fast");
| |
| - | $("#achievements1").css({display:'none'});
| |
| - | });
| |
| - | $("#igemcomm").hover(function(){
| |
| - | $("#igemcomm").animate({opacity:'0.95'}, "fast");
| |
| - | $("#igemcomm1").css({display:'inline'});
| |
| - | });
| |
| - | $("#igemcomm").mouseout(function(){
| |
| - | $("#igemcomm").animate({opacity:'0.75'}, "fast");
| |
| - | $("#igemcomm1").css({display:'none'});
| |
| - | });
| |
| - | $("#safety").hover(function(){
| |
| - | $("#safety").animate({opacity:'0.95'}, "fast");
| |
| - | $("#safety1").css({display:'inline'});
| |
| - | });
| |
| - | $("#safety").mouseout(function(){
| |
| - | $("#safety").animate({opacity:'0.75'}, "fast");
| |
| - | $("#safety1").css({display:'none'});
| |
| - | });
| |
| - | $("#team").hover(function(){
| |
| - | $("#team").animate({opacity:'0.95'}, "fast");
| |
| - | $("#team1").css({display:'inline'});
| |
| - | });
| |
| - | $("#team").mouseout(function(){
| |
| - | $("#team").animate({opacity:'0.75'}, "fast");
| |
| - | $("#team1").css({display:'none'});
| |
| - | });
| |
| - | $("#dcmation").hover(function(){
| |
| - | $("#dcmation").animate({opacity:'0.95'}, "fast");
| |
| - | $("#dcmation1").css({display:'inline'});
| |
| - | });
| |
| - | $("#dcmation").mouseout(function(){
| |
| - | $("#dcmation").animate({opacity:'0.75'}, "fast");
| |
| - | $("#dcmation1").css({display:'none'});
| |
| - | });
| |
| - | $("#interlab").hover(function(){
| |
| - | $("#interlab").animate({opacity:'0.95'}, "fast");
| |
| - | $("#interlab1").css({display:'inline'});
| |
| - | });
| |
| - | $("#interlab").mouseout(function(){
| |
| - | $("#interlab").animate({opacity:'0.75'}, "fast");
| |
| - | $("#interlab1").css({display:'none'});
| |
| - | });
| |
| - | $("#policy").hover(function(){
| |
| - | $("#policy").animate({opacity:'0.95'}, "fast");
| |
| - | $("#policy1").css({display:'inline'});
| |
| - | });
| |
| - | $("#policy").mouseout(function(){
| |
| - | $("#policy").animate({opacity:'0.75'}, "fast");
| |
| - | $("#policy1").css({display:'none'});
| |
| - | });
| |
| - | });
| |
| - |
| |
| - |
| |
| - | jQuery(document).ready(function(){
| |
| - | jQuery('#tb1').live('click', function(event) {
| |
| - | jQuery('#b1').toggle('show');
| |
| - | });
| |
| - | jQuery('#tb2').live('click', function(event) {
| |
| - | jQuery('#b2').toggle('show');
| |
| - | });
| |
| - | jQuery('#tb3').live('click', function(event) {
| |
| - | jQuery('#b3').toggle('show');
| |
| - | });
| |
| - | jQuery('#tb4').live('click', function(event) {
| |
| - | jQuery('#b4').toggle('show');
| |
| - | });
| |
| - | jQuery('#tb5').live('click', function(event) {
| |
| - | jQuery('#b5').toggle('show');
| |
| - | });
| |
| - | jQuery('#ts1').live('click', function(event) {
| |
| - | jQuery('#s1').toggle('show');
| |
| - | });
| |
| - | jQuery('#ts2').live('click', function(event) {
| |
| - | jQuery('#s2').toggle('show');
| |
| - | });
| |
| - | jQuery('#ts3').live('click', function(event) {
| |
| - | jQuery('#s3').toggle('show');
| |
| - | });
| |
| - | jQuery('#ts4').live('click', function(event) {
| |
| - | jQuery('#s4').toggle('show');
| |
| - | });
| |
| - | jQuery('#tg1').live('click', function(event) {
| |
| - | jQuery('#g1').toggle('show');
| |
| - | });
| |
| - | jQuery('#tg2').live('click', function(event) {
| |
| - | jQuery('#g2').toggle('show');
| |
| - | });
| |
| - | jQuery('#tg3').live('click', function(event) {
| |
| - | jQuery('#g3').toggle('show');
| |
| - | });
| |
| - | });
| |
| - |
| |
| - |
| |
| - | function startup(){
| |
| - | $("#sidebarblue").animate({marginLeft:'+=250px'}, 1000);
| |
| - | $("#sidebarlogo").animate({marginLeft:'+=250px'}, 1000);
| |
| - | }
| |
| - | function startup1(){
| |
| - | $(".1").animate({marginLeft:'+=250px'}, 1000);
| |
| - | }
| |
| - | function startup2(){
| |
| - | $(".2").animate({marginLeft:'+=250px'}, 1000);
| |
| - | }
| |
| - | function startup3(){
| |
| - | $(".3").animate({marginLeft:'+=250px'}, 1000);
| |
| - | }
| |
| - | function startup4(){
| |
| - | $(".4").animate({marginLeft:'+=250px'}, 1000);
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | $(document).ready(function(){
| |
| - | setTimeout(function() {
| |
| - | startup();
| |
| - | }, 1500);
| |
| - | setTimeout(function() {
| |
| - | startup1();
| |
| - | }, 1520);
| |
| - | setTimeout(function() {
| |
| - | startup2();
| |
| - | }, 1560);
| |
| - | setTimeout(function() {
| |
| - | startup3();
| |
| - | }, 1640);
| |
| - | setTimeout(function() {
| |
| - | startup4();
| |
| - | }, 1750);
| |
| - | });
| |
| - |
| |
| - | </script>
| |
| - |
| |
| - | <title></title>
| |
| - | </head>
| |
| | | | |
| | <body> | | <body> |
| | <div class="outer" style="overflow-y: scroll; overflow-x: hidden;"> | | <div class="outer" style="overflow-y: scroll; overflow-x: hidden;"> |
| | | | |
| | + | <div id="stuff" style="float:left;position:absolute;margin-left:200px;margin-right:100px; margin-top:50px;min-width:645px;"> |
| | + | <img src="https://static.igem.org/mediawiki/2014/0/0f/Real_Bioremediation.jpg" style="position:absolute; width:100%;z-index:-1; border-radius:15px;"/> |
| | | | |
| | + | <div style="background-color:#D9D9D9; opacity:0.7; z-index:5; Height:75px; width:100%;font-size:65px;font-family:Helvetica;padding-top:5px; font-weight: 450;margin-top:10px;"> |
| | + | <div style="background-color:white; opacity:0.9; Height:75px; width:100%;margin-top:5px:margin-bottom:5px;font-size:65px;font-family:Helvetica;padding-top:5px; color:#00000; font-weight: 450;"><br><center><font style="opacity:0.7">Codon optimisation</font></center></div> |
| | + | </div> |
| | + | <br> |
| | | | |
| - | <div id="stuff" style="float:left;position:absolute;margin-left:200px;margin-right:100px; margin-top:50px;"> | + | <div style="border-bottom-left-radius:10px;border-bottom-right-radius:10px; padding-left:10px;padding-right:10px;min-width:300px;"> |
| | | | |
| - | <img src="https://static.igem.org/mediawiki/2014/0/08/Oxigemradcamcrop.jpg" style="position:absolute; width:100%;min-width:100%;z-index:-1; border-radius:15px;"/>
| |
| | | | |
| | + | <img src="https://static.igem.org/mediawiki/2014/d/d5/Realisation_bioremediation.png" style="width:35%;margin-left:33%;margin-top:-50px;"> |
| | | | |
| - | <div style="background-color:#D9D9D9; opacity:0.7; z-index:5; margin-right:auto;margin-left:auto; Height:75px; width:60%;min-width:300px;font-size:65px;font-family:Helvetica;padding-top:5px; font-weight: 450;">
| |
| - | <div style="background-color:white; opacity:0.7; Height:75px; width:100%;margin-top:5px:margin-bottom:5px;min-width:300px;font-size:65px;font-family:Helvetica;padding-top:5px; color:#596C8A; font-weight: 450;"><br>Codon Optimisation</div>
| |
| - | </div>
| |
| - | <br><br>
| |
| | | | |
| | | | |
| | + | </div> |
| | + | <div style="background-color:white; border-bottom-left-radius:10px;border-radius:10px; padding-left:10px;padding-right:10px;min-width:300px;margin-top:-50px;"> |
| | + | <a href="https://static.igem.org/mediawiki/2014/3/3d/OxigemLAB_BOOK.pdf" target="_blank"><img src="https://static.igem.org/mediawiki/2014/5/50/OxigemLabbook.png" style="position:absolute;width:6%;margin-left:84%;margin-top:-13%;z-index:10;"></a> |
| | + | <a href="https://static.igem.org/mediawiki/2014/1/16/Oxigem_LAB_PROTOCOLS.pdf" target="_blank"><img src="https://static.igem.org/mediawiki/2014/a/a4/OxigemProtocols.png" style="position:absolute;width:6%;margin-left:91%;margin-top:-13%;z-index:10;"></a> |
| | | | |
| | | | |
| - | <div class="blue_news_block"> | + | <br> |
| - | <h1black>Codon Optimisation</h1black> | + | <h1>Introduction: Codon Optimisation</h1> |
| - | | + | In our quest to optimise the process of DCM breakdown, the first step was to move the genes we were interested in into well-characterised host strains. The source bacterium Methylobacterium extorquens DM4 proved very difficult to grow in the lab, and took its leisurely time once it did decide to grow. It's also not a particularly well-studied bacterium, unlike E. coli and P. putida, which we decided to work with. This section explains the concept of codon optimisation, why we used it, and how we did so. <br><br> |
| | </div> | | </div> |
| | | | |
| | + | <div class="white_news_block"> |
| | | | |
| - |
| |
| - | <div class="white_news_block">
| |
| | Cells use codons, which are composed of three consecutive nucleotides, to read the genetic code and translate it into proteins. This genetic code can not only vary between species, but it is also degenerate, meaning that several codons may specify a particular amino acid. Different species have unique codon usage biases, implying that they prefer particular codons over other codons that define the same amino acid. An excerpt of a codon usage frequency table is given for the three strains we worked with to highlight different codon biases. | | Cells use codons, which are composed of three consecutive nucleotides, to read the genetic code and translate it into proteins. This genetic code can not only vary between species, but it is also degenerate, meaning that several codons may specify a particular amino acid. Different species have unique codon usage biases, implying that they prefer particular codons over other codons that define the same amino acid. An excerpt of a codon usage frequency table is given for the three strains we worked with to highlight different codon biases. |
| | <br><br> | | <br><br> |
| | <img src="https://static.igem.org/mediawiki/2014/0/0d/Oxford_codon_optimisation.png" style="float:left;position:relative; width:80%;margin-left:10%;margin-right:10%" /> | | <img src="https://static.igem.org/mediawiki/2014/0/0d/Oxford_codon_optimisation.png" style="float:left;position:relative; width:80%;margin-left:10%;margin-right:10%" /> |
| | <br><br> | | <br><br> |
| - | Since we are expressing the dcmA enzyme from M. extorquens in E. coli and P. putida, we used an online tool to optimise the sequence of dcmA so that it can be translated by our host strains. To ensure that dcmA is not over-produced and therefore a strain on the metabolic capacity of the cell, codon usage was only optimised to ~70%. | + | Since we are expressing the dcmA enzyme from M. extorquens in E. coli and P. putida, we used an online tool to optimise the sequence of dcmA so that it can be translated by our host strains. To ensure that dcmA is not over-produced and therefore a strain on the metabolic capacity of the cell, codon usage was only optimised to ~70%.<br><br> |
| | | | |
| | </div> | | </div> |
| Line 446: |
Line 49: |
| | | | |
| | | | |
| | + | <div class="row"> |
| | + | <a href="#show14" class="show wetlab-row" id="show14"><div class="wetlab"> |
| | + | <h1white>Expression of dcmA in E.coli</h1white> |
| | + | <img src="https://static.igem.org/mediawiki/2014/4/4d/Oxford_plus-sign-clip-art.png" style="float:right;position:relative; width:2%;" /> |
| | + | </div></a> |
| | | | |
| | + | <a href="#hide14" class="hide" id="hide14"><div class="wetlab"> |
| | + | <h1white>Expression of dcmA in E.coli</h1white></div></a> |
| | + | <div class="list"> |
| | + | <div class="white_news_block2"> |
| | + | Using the pRSFDuet vector and codon-optimised dcmA as the insert, we expressed dcmA fused to sfGFP in E.coli. The fused protein has a total molecular weight of 61.84 kDa. We managed to show this using western blots as indicated in part A of the figure below: |
| | | | |
| | + | <img src="https://static.igem.org/mediawiki/2014/e/e5/DCMAsfGFP.jpg" style="float:left;position:relative; width:60%;margin-left:20%;margin-right:20%" /> |
| | | | |
| | + | <br> |
| | + | |
| | + | As shown in this figure, we have induced expression of dcmA-sfGFP with 0, 0.1 and 1 mM concentrations of IPTG (the inserts in pRSFDuet are under lac-control). Part B of this figure indicates OD and fluorescence readings of the three samples, showing how sfGPF (and thus expression levels of dcmA) increase at higher IPTG concentrations. |
| | + | |
| | + | <br> |
| | + | |
| | + | |
| | + | |
| | + | </div> |
| | + | |
| | + | </div> |
| | + | </div> |
| | | | |
| | | | |
| Line 478: |
Line 104: |
| | | | |
| | <a href="https://2014.igem.org/Team:Oxford/bioremediation"> | | <a href="https://2014.igem.org/Team:Oxford/bioremediation"> |
| - | <img src="https://static.igem.org/mediawiki/2014/1/11/Oxford_bioremediation_title.png" style="float:left;position:relative; width:80%;margin-top:1.5%;margin-left:10%;" /></a> | + | <img src="https://static.igem.org/mediawiki/2014/1/11/Oxford_bioremediation_title.png" style="float:left;position:relative;width:50%; margin-top:2%;margin-left:25%;margin-right:25%;" /></a> |
| - | | + | |
| - | <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| | | | |
| | | | |
| | | | |
| - | <div id="sponsors" style="height:10%; width:100%;"></div> | + | <br><br><br> |
| | + | Oxford iGEM 2014 |
| | | | |
| - |
| |
| | </div> | | </div> |
| | | | |
| - | <img id="sidebarblue" src="https://static.igem.org/mediawiki/2014/e/ec/OxigemsidebarBlue.png" style="float:left;position:fixed;margin-left:-250px;height:100%;" />
| |
| | | | |
| - | <img class="1" src="https://static.igem.org/mediawiki/2014/a/a5/OxigemDotsDCMation.png" style="opacity:0.9;float:left;position:fixed;margin-left:-250px; top:31.6%; height:17.6%;" />
| |
| - | <img class="2" src="https://static.igem.org/mediawiki/2014/0/06/OxigemDotsinterlab.png" style="opacity:0.9;float:left;position:fixed;margin-left:-250px; top:18.3%; height:15.125%;" />
| |
| - | <img class="3" src="https://static.igem.org/mediawiki/2014/e/ee/OxigemDotsP%26P.png" style="opacity:0.9;float:left;position:fixed;margin-left:-250px; top:9%; height:12.75%;" />
| |
| - | <img class="4" src="https://static.igem.org/mediawiki/2014/c/ca/OxigemDotsTeam.png" style="float:left;position:fixed;margin-left:-250px; top:0%; height:12.625%;" />
| |
| - | <img class="1" src="https://static.igem.org/mediawiki/2014/f/f5/OxigemDotsModelling.png" style="opacity:0.8;float:left;position:fixed;margin-left:-250px; top:50.6%; height:17.75%;" />
| |
| - | <img class="2" src="https://static.igem.org/mediawiki/2014/8/87/OxigemDotsAchievements.png" style="opacity:0.9;float:left;position:fixed;margin-left:-250px; top:66.45%; height:13.28%;" />
| |
| - | <img class="3" src="https://static.igem.org/mediawiki/2014/7/7b/OxigemDotsiGEMcomm.png" style="opacity:0.9;float:left;position:fixed;margin-left:-250px; top:78%; height:12.5%;" />
| |
| - | <img class="4" src="https://static.igem.org/mediawiki/2014/0/0e/OxigemDotsSafety.png" style="float:left;position:fixed;margin-left:-250px; top:88.15%; height:11.9%;" />
| |
| | | | |
| - | <a href="https://2014.igem.org/Team:Oxford"><img id="sidebarlogo" class="oxigem" src="https://static.igem.org/mediawiki/2014/a/a4/Oxigemsidebarlogo.png" style="float:left;position:fixed;margin-left:-250px; top:42.5%; height:15%;"/></a>
| |
| | | | |
| - | <img src="https://static.igem.org/mediawiki/2014/3/37/OxigemDotModelling.png" style="float:left;position:fixed; top:59.3%; height:4.125%;" />
| |
| - | <img src="https://static.igem.org/mediawiki/2014/0/05/OxigemDotAchievements.png" style="float:left;position:fixed; top:71%; height:4%;" />
| |
| - | <img src="https://static.igem.org/mediawiki/2014/7/77/OxigemDotiGEMcomm.png" style="float:left;position:fixed; top:81.5%; height:4.375%;" />
| |
| - | <img src="https://static.igem.org/mediawiki/2014/2/27/OxigemDotSafety.png" style="float:left;position:fixed; top:93%; height:4.125%;" />
| |
| - | <img src="https://static.igem.org/mediawiki/2014/e/e7/OxigemDotDCMation.png" style="float:left;position:fixed; top:37%; height:4.125%;" />
| |
| - | <img src="https://static.igem.org/mediawiki/2014/9/94/OxigemDotInterlab.png" style="float:left;position:fixed; top:25%; height:4.125%;" />
| |
| - | <img src="https://static.igem.org/mediawiki/2014/1/19/OxigemDotP%26P.png" style="float:left;position:fixed; top:13.5%; height:4.375%;" />
| |
| - | <img src="https://static.igem.org/mediawiki/2014/c/cc/OxigemDotTeam.png" style="float:left;position:fixed; top:3%; height:4.375%;" />
| |
| | | | |
| - | <img id="modelling1" src="https://static.igem.org/mediawiki/2014/9/93/OxigemDotModelling1.png" style="display:none;float:left;position:fixed; top:59.3%; height:4.125%;" /> | + | <br> |
| - | <img id="achievements1" src="https://static.igem.org/mediawiki/2014/0/0f/OxigemDotAchievements1.png" style="display:none;float:left;position:fixed; top:71%; height:4%;" />
| + | |
| - | <img id="igemcomm1" src="https://static.igem.org/mediawiki/2014/a/a8/OxigemDotiGEMcomm1.png" style="display:none;float:left;position:fixed; top:81.5%; height:4.375%;" />
| + | |
| - | <img id="safety1" src="https://static.igem.org/mediawiki/2014/e/ee/OxigemDotSafety1.png" style="display:none;float:left;position:fixed; top:93%; height:4.125%;" />
| + | |
| - | <img id="dcmation1" src="https://static.igem.org/mediawiki/2014/d/db/OxigemDotDCMation1.png" style="display:none;float:left;position:fixed; top:37%; height:4.125%;" />
| + | |
| - | <img id="interlab1" src="https://static.igem.org/mediawiki/2014/5/52/OxigemDotInterlab1.png" style="display:none;float:left;position:fixed; top:25%; height:4.125%;" />
| + | |
| - | <img id="policy1" src="https://static.igem.org/mediawiki/2014/b/bf/OxigemDotP%26P1.png" style="display:none;float:left;position:fixed; top:13.5%; height:4.375%;" />
| + | |
| - | <img id="team1" src="https://static.igem.org/mediawiki/2014/c/c5/OxigemDotTeam1.png" style="display:none;float:left;position:fixed; top:3%; height:4.375%;" />
| + | |
| | | | |
| - | <a href="#"><img class="heading" id="modelling" src="https://static.igem.org/mediawiki/2014/e/e0/OxigemSidebarModelling.png" style="opacity:0.8;float:left;position:fixed; top:59%; height:4.5%;" /></a>
| |
| - | <a href="#"><img class="heading" id="achievements" src="https://static.igem.org/mediawiki/2014/4/4a/OxigemSidebarAchievements.png" style="opacity:0.75;float:left;position:fixed; top:71%; height:4%;" /></a>
| |
| - | <a href="#"><img class="heading" id="igemcomm" src="https://static.igem.org/mediawiki/2014/8/83/OxigemSidebariGEMcomm.png" style="opacity:0.8;float:left;position:fixed; top:81.1%; height:5.375%;" /></a>
| |
| - | <a href="https://2014.igem.org/Team:Oxford/safety"><img class="heading" id="safety" src="https://static.igem.org/mediawiki/2014/3/3d/OxigemSidebarSafety.png" style="opacity:0.75;float:left;position:fixed; top:92.9%; height:4.375%;" /></a>
| |
| - | <a href="#"><img class="heading" id="dcmation" src="https://static.igem.org/mediawiki/2014/1/18/OxigemSidebarDCMation.png" style="opacity:0.8;float:left;position:fixed; top:36%; height:5.75%;" /></a>
| |
| - | <a href="#"><img class="heading" id="interlab" src="https://static.igem.org/mediawiki/2014/e/e2/OxigemSidebarInterlab.png" style="opacity:0.8;float:left;position:fixed; top:24.4%; height:5.25%;" /></a>
| |
| - | <a href="https://2014.igem.org/Team:Oxford/policy_and_practices"><img class="heading" id="policy" src="https://static.igem.org/mediawiki/2014/7/7b/OxigemSidebarP%26P.png" style="opacity:0.8;float:left;position:fixed; top:13.2%; height:4.875%;" /></a>
| |
| - | <a href="https://2014.igem.org/Team:Oxford/team"><img class="heading" id="team" src="https://static.igem.org/mediawiki/2014/3/3b/OxigemSidebarTeam.png" style="opacity:0.8;float:left;position:fixed; top:3%; height:4.625%;" /></a>
| |
| | | | |
| | | | |
| | | | |
| | | | |
| - |
| |
| - |
| |
| - | <img src="https://static.igem.org/mediawiki/2014/6/60/OxigemAchievements2.png" style="position:fixed; display:none; height:4%; top:37%; left:2%;" />
| |
| - |
| |
| - |
| |
| - | <div class="iGEMlogo" style="width:6.5%; position:absolute; top:0.7%; right:0.5%; min-width:50px;">
| |
| - | <a href="https://2014.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2014/5/56/OxigemiGEMgrey.png" style="width:100%"/></a>
| |
| - | </div>
| |
| - | <a href="#"><img id="arrowl" src="https://static.igem.org/mediawiki/2014/1/1d/OxigemArrowleft.png" style="position:fixed; width:50px; top:23%;right:0px; opacity:0.6; z-index:4;" /></a>
| |
| - | <div id="grey" style="width:190px; position:fixed; top:23%; right:-175px; 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:14%;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>
| |
| | | | |
| | </body> | | </body> |
| | </html> | | </html> |
| | + | |
| | + | {{Team:Oxford/templates/footer}} |
"
