|
|
(29 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 {
| + | <style> |
- | max-width: 100%;
| + | h1blue2 { |
- | overflow-x: hidden;
| + | font-size: 130%; |
- | }
| + | |
- | | + | |
- | 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:15px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:3%;padding-bottom:3%;
| + | |
- | 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-weight: 400; |
| font-family:Helvetica; | | font-family:Helvetica; |
- | color:#fff; | + | color:#4747E5; |
| + | line-height:150%; |
| } | | } |
- | | + | </style> |
- | 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">Bioremediation Homepage</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;"/>
| |
- |
| |
- |
| |
- | <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>Bioremediation</div>
| |
- | </div>
| |
- | <br><br>
| |
| | | |
| + | <img src="https://static.igem.org/mediawiki/2014/d/d5/Realisation_bioremediation.png" style="width:35%;margin-left:33%;margin-top:-50px;"> |
| | | |
| | | |
| | | |
- | <div class="pink_news_block">
| |
- | <h1>Bioremediation</h1>
| |
- | 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> | | </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> |
| | | |
| | | |
| + | <br> |
| + | <h1>DCMation: decimating DCM pollution using bioremediation</h1> |
| + | Bioremediation is a form of clean waste management that relies on the ability of organisms to break down a wide range of pollutants and toxic wastes that would otherwise harm the environment and potentially pose a threat to human health. Dichloromethane (DCM) is such a toxic waste product, and we have made it our mission to explore and develop a system to safely degrade DCM using bacteria. <br><br> |
| + | The three 'DCMation' links below will guide you through our interdisciplinary approach of evaluating and improving the DCM-degrading capacity of the native bacterium, Methylobacterium extorquens DM4. Additionally, these pages explain how and why we have expressed the DCM degradation system in E. coli and P. putida, and how we are adapting them for DCMation.<br><br> |
| + | The three 'Microcompartment' pages will take you on a journey of how models of microcompartments designed by our engineers work hand-in-hand with the results that our biochemists obtained in wet-lab experiments. After explaining what microcompartments are and why we use them, we introduce our collaboration with the Melbourne iGEM team and their project, the Star Peptide, which is a possible alternative to the use of microcompartments. <br><br> |
| | | |
| + | <br> |
| + | <font style="font-size:medium;font-weight:500;font-style: italic;">DcmA catalysis</font><br> |
| + | DcmA is the enzyme responsible for the breakdown of DCM and is expressed in M.extorquens under the control of the regulatory protein DcmR. This enzyme is a member of the glutathione-S-transferase family. |
| + | We propose the following plausible mechanism for the catalytic dehalogenation of dichloromethane by DcmA, in which glutathione (RSH) is a co-factor: |
| | | |
| + | <br> |
| + | <img src="https://static.igem.org/mediawiki/2014/9/9e/OxigemDcmAMechanism.jpg" style="width:70%;margin-left:15%;" /> |
| | | |
| + | </div> |
| | | |
| | | |
| | | |
| | | |
| + | <div class="white_news_block"> |
| | | |
| | | |
| + | <img src="https://static.igem.org/mediawiki/2014/7/76/Oxford_Micro_title.png" style="float:right;position:relative; width:48%; margin-left:4%;" /> |
| | | |
| + | <img src="https://static.igem.org/mediawiki/2014/f/fa/Oxford_DCMation_title.png" style="float:left;position:relative; width:48%;" /> |
| | | |
| + | <a href="https://2014.igem.org/Team:Oxford/how_much_can_we_degrade?"> |
| + | <img src="https://static.igem.org/mediawiki/2014/e/e4/Oxford_DCMation1.png" style="float:left;position:relative; width:14%;margin-top:1.5%;" /></a> |
| | | |
| + | <a href="https://2014.igem.org/Team:Oxford/codon_optimisation"><img src="https://static.igem.org/mediawiki/2014/1/12/Oxford_DCMation2.png" style="float:left;position:relative; width:14%; margin-left:3.2%;margin-top:1.5%;" /></a> |
| | | |
| + | <a href="https://2014.igem.org/Team:Oxford/directed evolution"><img src="https://static.igem.org/mediawiki/2014/a/af/Oxford_DCMation3.png" style="float:left;position:relative; width:14%; margin-left: 3.2%;margin-top:1.5%;" /></a> |
| | | |
| + | <a href="https://2014.igem.org/Team:Oxford/what_are_microcompartments?"><img src="https://static.igem.org/mediawiki/2014/a/ac/Oxford_Micro1.png" style="float:left;position:relative; width:14%;margin-left: 3.2%;margin-top:1.5%;" /></a> |
| | | |
| + | <a href="https://2014.igem.org/Team:Oxford/why_do_we_need_microcompartments?"> |
| + | <img src="https://static.igem.org/mediawiki/2014/5/56/Oxford_Micro2.png" style="float:left;position:relative; width:14%; margin-left: 3.2%;margin-top:1.5%;" /></a> |
| | | |
| | | |
| + | <a href="https://2014.igem.org/Team:Oxford/alternatives_to_microcompartments"> |
| + | <img src="https://static.igem.org/mediawiki/2014/2/2e/Oxford_Micro3.png" style="float:right;position:relative; width:14%;margin-top:1.5%;" /></a> |
| | | |
| | | |
| | | |
| + | <a href="https://2014.igem.org/Team:Oxford/bioremediation"> |
| + | <img src="https://static.igem.org/mediawiki/2014/b/b2/Oxford_bioremediation_title_dark.png" style="float:left;position:relative; width:50%;margin-top:1.5%;margin-left:25%;margin-right:25%;" /></a> |
| + | <br><br><br><br><br> |
| + | Oxford iGEM 2014 |
| | | |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <div id="sponsors" style="height:10%; width:100%;"></div>
| |
- |
| |
- | <div class="Heading" style="position:absolute;bottom:7.8%; left: 24%; width:8%;max-height:6%;">
| |
- | <a href="http://www.bbsrc.ac.uk/home/home.aspx"><img src="https://static.igem.org/mediawiki/2014/3/3e/BBSRC.png"
| |
- | style="width: 110%;"></a>
| |
- | </div>
| |
- |
| |
- | <div class="Heading" style="position:absolute;bottom:7.8%; left: 34.5%; width:11%;max-height:6%;">
| |
- | <a href="http://www.biochemistry.org"><img src="https://static.igem.org/mediawiki/2014/7/75/BS.png"
| |
- | style="width: 110%;"></a>
| |
- | </div>
| |
- |
| |
- | <div class="Heading" style="position:absolute;bottom:7.4%; left: 49%; width:10%;max-height:6%;">
| |
- | <a href="http://www.sgm.ac.uk"><img src="https://static.igem.org/mediawiki/2014/2/20/SGM.png"
| |
- | style="width: 110%;"></a>
| |
- | </div>
| |
- |
| |
- | <div class="Heading" style="position:absolute;bottom:8%; left: 61.4%; width:11%;max-height:6%;">
| |
- | <a href="http://www.wellcome.ac.uk"><img src="https://static.igem.org/mediawiki/2014/4/4c/WT.png"
| |
- | style="width: 110%;"></a>
| |
- | </div>
| |
- |
| |
- | <div class="Heading" style="position:absolute;bottom:2.7%; left: 25%; width:7.5%;max-height:6%;">
| |
- | <a href="http://www.deskgen.com/"><img src="https://static.igem.org/mediawiki/2014/6/65/Oxfordigem_deskgen.png"
| |
- | style="width: 110%;"></a>
| |
- | </div>
| |
- |
| |
- | <div class="Heading" style="position:absolute;bottom:2.5%; left: 35.5%; width:10.5%;max-height:6%;">
| |
- | <a href="http://www.bioch.ox.ac.uk/"><img src="https://static.igem.org/mediawiki/2014/2/20/Oxfordigem_dept.png"
| |
- | style="width: 110%;"></a>
| |
- | </div>
| |
- |
| |
- | <div class="Heading" style="position:absolute;bottom:3%; left: 50%; width:8%;max-height:6%;">
| |
- | <a href="http://www.neb.com/"><img src="https://static.igem.org/mediawiki/2014/c/c5/OxigemNeb_logo.jpg"
| |
- | style="width: 110%;"></a>
| |
- | </div>
| |
- |
| |
- | <div class="Heading" style="position:absolute;bottom:3%; left: 62.4%; width:9%;max-height:6%;">
| |
- | <a href="http://www.snapgene.com/"><img src="https://static.igem.org/mediawiki/2014/f/ff/Oxfordigem_snapgene.png"
| |
- | style="width: 110%;"></a>
| |
- | </div>
| |
| </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="#"><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}} |