Team:Oxford/P&P public engagement
From 2014.igem.org
Olivervince (Talk | contribs) |
Olivervince (Talk | contribs) |
||
Line 454: | Line 454: | ||
- | + | <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> | </html> |
Revision as of 07:48, 20 September 2014
.pink_news_block { background: #FDDBDB; border-radius:15px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:3%;padding-bottom:3%; width:96%; } .right_news_block { background: #fff; border-radius:15px; padding-left:2%;padding-right:2%;padding-top:3%;padding-bottom:3%; width:75%;float:right;line-height:150%; } .right_news_block2 { background: #fff; border-radius:15px; padding-left:2%;padding-right:2%;padding-top:3%;padding-bottom:3%; width:75%;float:right;line-height:150%;margin-top:2%; } .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%; line-height:150%; } h1white { font-size: 230%; font-weight: 400; font-family:Helvetica; color:#fff; line-height:150%; } h1blue { font-size: 180%; font-weight: 400; font-family:Helvetica; color:#4747E5; line-height:150%; font-style: italic; } h1blue2 { font-size: 130%; font-weight: 400; font-family:Helvetica; color:#4747E5; line-height:150%; } h1blue3 { font-size: 140%; font-weight: 400; font-family:Helvetica; color:#4747E5; line-height:150%; } h2blue3 { font-size: 120%; font-weight: 400; font-family:Helvetica; color:#4747E5; line-height:150%; } h1black { font-size: 230%; font-weight: 400; font-family:Helvetica; line-height:150%; } h1grey { font-size: 280%; font-weight: 400; font-family:Helvetica; color:#615555; line-height:150%; } h1purple { font-size: 140%; font-weight: 400; font-family:Helvetica; color:#CE68D5; line-height:150%; } h2purple { font-size: 120%; font-weight: 400; font-family:Helvetica; color:#CE68D5; line-height:150%; } h1red { font-size: 140%; font-weight: 400; font-family:Helvetica; color:#B31127; line-height:150%; } h2red { font-size: 120%; font-weight: 400; font-family:Helvetica; color:#B31127; line-height:150%; } h1orange { font-size: 140%; font-weight: 400; font-family:Helvetica; color:#F98500; line-height:150%; } h2orange { font-size: 120%; font-weight: 400; font-family:Helvetica; color:#F98500; line-height:150%; } h1green { font-size: 140%; font-weight: 400; font-family:Helvetica; color:#0F9101; line-height:150%; } h2green { font-size: 120%; font-weight: 400; font-family:Helvetica; color:#0F9101; line-height:150%; }