Team:Oxford/biosensor realisation
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <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; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .white_news_block { | ||
+ | |||
+ | background: #fff; | ||
+ | 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: #F9A7B0; | ||
+ | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%; | ||
+ | width:96%; | ||
+ | } | ||
+ | |||
+ | .orange_news_block2 { | ||
+ | |||
+ | background: #F9A7B0; | ||
+ | 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%; | ||
+ | } | ||
+ | |||
+ | |||
+ | h1 { | ||
+ | font-size: 120%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | margin-bottom: 2%; | ||
+ | |||
+ | } | ||
+ | h1white { | ||
+ | font-size: 230%; | ||
+ | font-weight: 400; | ||
+ | font-family:Helvetica; | ||
+ | color:#000000; | ||
+ | } | ||
+ | |||
+ | 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: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>Realisation</div> | ||
</div> | </div> | ||
- | |||
<br><br> | <br><br> | ||
Line 194: | Line 432: | ||
<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> | <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><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> | </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> | </body> | ||
</html> | </html> | ||
- | |||
- |
Revision as of 19:51, 21 September 2014