|
|
| (5 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <head>
| |
| - | <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org">
| |
| - | <style type="text/css">
| |
| | | | |
| - | @import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300);
| |
| - |
| |
| - | /* Enforce a lack of horizontal scrollbar so that the social section doesn't mess with the viewport. */
| |
| - | html, body {
| |
| - | max-width: 100%;
| |
| - | overflow-x: hidden;
| |
| - | }
| |
| - |
| |
| - | body {
| |
| - | background-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;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | .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:96%;
| |
| - | }
| |
| - |
| |
| - | .orange_news_block2 {
| |
| - |
| |
| - | background: #FA6800;
| |
| - | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
| |
| - | width:44%;
| |
| - | }
| |
| - |
| |
| - | .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>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <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:'-13%'}, "fast");
| |
| - | });
| |
| - | });
| |
| - | $(document).ready(function(){
| |
| - | $("#arrowl").click(function(){
| |
| - | $("#grey").animate({right:'-9%'}, "fast");
| |
| - | });
| |
| - | });
| |
| - |
| |
| - | </script>
| |
| - |
| |
| - | <title></title>
| |
| - | </head>
| |
| - |
| |
| - | <body>
| |
| - | <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;">
| |
| - |
| |
| - | <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:85%;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>Activator/Repressor equations</div>
| |
| - | </div>
| |
| - | <br><br>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <div class="pink_news_block">
| |
| - | <h1>Introduction about the realisation of the biosensor</h1>
| |
| - | Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <head>
| |
| - | <style type="text/css">
| |
| - | .row { vertical-align: top; height:auto !important; }
| |
| - | .list {display:none; }
| |
| - | .show {display: none; }
| |
| - | .hide:target + .show {display: inline; }
| |
| - | .hide:target {display: none; }
| |
| - | .hide:target ~ .list {display:inline; }
| |
| - | @media print { .hide, .show { display: none; } }
| |
| - | </style>
| |
| - |
| |
| - | <div class="row">
| |
| - | <a href="#hide1" class="hide" id="hide1"><div class="orange_news_block1">
| |
| - | <h1white>Lots and lots of info about Realisation </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="#show1" class="show" id="show1"><div class="orange_news_block1">
| |
| - | <h1white>Lots and lots of info about Realisation </h1white></div></a>
| |
| - | <div class="list">
| |
| - | <div class="pink_news_block">
| |
| - | <h1>Title about realisation</h1>
| |
| - | Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation
| |
| - | </div>
| |
| - | <div class="pink_news_block">
| |
| - | <h1>Second paragraph about realisation</h1>
| |
| - | Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation Lots and lots of info about Realisation
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <div class="white_news_block">
| |
| - | <img src="https://static.igem.org/mediawiki/2014/b/be/Oxford_Equations_explained.png" style=" width:100%;" />
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <div class="white_news_block">
| |
| - | <a href="https://2014.igem.org/Team:Oxford/biosensor_characterisation"><img src="https://static.igem.org/mediawiki/2014/c/ca/Oxford_Characterisation.png" style="float:left;position:relative; width:23%;" /></a>
| |
| - |
| |
| - | <a href="https://2014.igem.org/Team:Oxford/biosensor_realisation"><img src="https://static.igem.org/mediawiki/2014/4/49/Oxford_Realisation_dark.png" style="float:right;position:relative; width:23%;" /></a>
| |
| - |
| |
| - | <a href="https://2014.igem.org/Team:Oxford/biosensor_construction"><img src="https://static.igem.org/mediawiki/2014/a/ae/Oxford_construction.png" style="float:left;position:relative; width:23%; margin-left: 2.66%" /></a>
| |
| - |
| |
| - | <a href="https://2014.igem.org/Team:Oxford/biosensor_optimisation"><img src="https://static.igem.org/mediawiki/2014/9/93/Oxford_Optimisation.png" style="float:right;position:relative; width:23%; margin-right: 2.66%" /></a>
| |
| - |
| |
| - | <a href="https://2014.igem.org/Team:Oxford/biosensor"><img src="https://static.igem.org/mediawiki/2014/a/a7/Oxford_biosensor_link.png" style="float:left;position:relative; width:100%; margin-top:2%" /></a>
| |
| - |
| |
| - | <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <div id="sponsors" style="height:200px; width:100%;"></div>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <img src="https://static.igem.org/mediawiki/2014/9/91/OxigemSidebar.png" style="float:left;position:fixed; height:100%;" />
| |
| - |
| |
| - |
| |
| - |
| |
| - | <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/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:50%;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>
| |
| - |
| |
| - | </body>
| |
| - | </html>
| |
"
