|
|
| (12 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;
| |
| - | }
| |
| - |
| |
| - | </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">Directed evolution</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>Directed Evolution</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>Directed Evolution</h1black> | + | <h1>Introduction: directed evolution</h1> |
| - | | + | The next step in improving the genes and gene products we are working with is to use directed evolution to enhance protein function and/or stability. Because of the limited time we had available for lab work, we weren’t able to fully pursue this. Nevertheless, the information below lays out our plans for potential future work. |
| | + | <br><br> |
| | </div> | | </div> |
| - |
| |
| | | | |
| | | | |
| | <div class="white_news_block"> | | <div class="white_news_block"> |
| - | BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES
| + | Evolution occurs by natural processes such as point mutations, insertions, and deletions, as well as larger rearrangements and duplications of part of the genome. All of these can change properties of both translated and untranslated regions. Directed evolution is a technique used in protein engineering that accelerates this natural process with the aims of improving the function of a protein of interest. |
| - | </div> | + | <br><br> |
| - | | + | For our project DCMation, we wanted to use random mutagenesis on dcmA, the enzyme that breaks down DCM. The thought behind this was to increase the enzyme’s activity, catalytic efficiency, and/or stability, thus accelerating the rate of DCM turnover in our system. |
| - | | + | <br><br> |
| - | <div class="blue_news_block"> | + | The plan was to use hypermutagenic PCR, which is a method that relies on inaccurate polymerisation reactions to introduce point mutations. Taq polymerase would be ideal for this purpose, since it lacks proofreading ability and is therefore prone to errors. With suitable conditions, this can lead to overall mutation frequencies of 10% per amplification (JP Vartanian, 1996). A screen would then have been used to determine which colony’s purified and mutated dcmA was more efficient at turning over DCM compared to the wild-type enzyme. |
| - | <h1black>Directed Evolution</h1black> | + | |
| | | | |
| | </div> | | </div> |
| | | | |
| | | | |
| - |
| |
| - | <div class="white_news_block">
| |
| - | BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES BIOREMEDIATION INTRODUCTION PLUS QUOTES
| |
| - | </div>
| |
| | | | |
| | | | |
| Line 474: |
Line 73: |
| | | | |
| | <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}} |
"
