Team:St Andrews/template
From 2011.igem.org
(Difference between revisions)
Max.nicosia (Talk | contribs) |
Max.nicosia (Talk | contribs) |
||
(157 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | |||
<html> | <html> | ||
<head> | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | + | ||
- | { | + | .a4 A:link {text-decoration: none; color: white;} |
- | + | .a4 A:visited {text-decoration: none; color: black;} | |
- | } | + | .a4 A:active {text-decoration: none; color: white;} |
+ | .a4 A:hover {text-decoration: underline; color: white;} | ||
body | body | ||
{ | { | ||
- | background- | + | background-image:url('https://static.igem.org/mediawiki/2011/a/a0/Vladstudio_oxygen_2_1920x1200.jpg'); |
+ | background-repeat:no-repeat; | ||
+ | background-attachment:fixed; | ||
+ | border=none; | ||
} | } | ||
- | + | .firstHeading | |
- | + | { | |
+ | display: none; | ||
+ | } | ||
+ | .right-menu li a | ||
+ | { | ||
+ | background-color: #000000; | ||
+ | } | ||
+ | .left-menu:hover | ||
+ | { | ||
+ | background-color: #000000; | ||
+ | } | ||
- | #catlinks {border: none;} | + | |
+ | #catlinks { | ||
+ | border: none; | ||
+ | background-color:transparent; | ||
+ | } | ||
Line 24: | Line 43: | ||
#p-logo { | #p-logo { | ||
- | + | position: relative; | |
display: none; | display: none; | ||
Line 33: | Line 52: | ||
#top-section { | #top-section { | ||
- | background-color: # | + | background-color: #0; |
- | + | ||
border: none; | border: none; | ||
width:900px; | width:900px; | ||
- | } | + | height:5px;} |
#content { | #content { | ||
width: 900px; | width: 900px; | ||
border: none; | border: none; | ||
- | font-family: | + | font-family: 'Volkhov', serif; |
- | color: | + | padding:0px; |
+ | background-color:transparent; | ||
+ | } | ||
- | |||
- | |||
- | + | ||
- | + | #projlogo | |
- | + | { | |
- | + | position:relative; | |
- | + | width:718px; | |
- | + | height:154px; | |
+ | background-color:#0; | ||
+ | } | ||
+ | |||
+ | #igemlogo { | ||
+ | position:absolute; | ||
+ | width:65px; | ||
+ | height:50px; | ||
+ | left:60px; | ||
+ | top:0px; | ||
} | } | ||
- | . | + | .container0 { |
- | + | position: relative; | |
- | + | width:900px; | |
- | + | height:320px; | |
- | + | margin: 0px auto -1px auto; | |
- | + | border="0"; | |
+ | } | ||
- | + | .leftpart { | |
- | . | + | position:absolute; |
- | { position:absolute; | + | width:718px; |
- | + | height:260px; | |
- | + | border="0"; | |
- | + | left:0px; | |
+ | } | ||
+ | .rightpart { | ||
+ | position: absolute; | ||
+ | right:0px; | ||
+ | width:182px; | ||
+ | height:260px; | ||
+ | border="0"; | ||
+ | } | ||
- | |||
- | . | + | .pierimg { |
+ | position: relative; | ||
+ | top:0px; | ||
+ | left:0px; | ||
+ | width:718px; | ||
+ | height:106px; | ||
+ | } | ||
- | . | + | .title { |
+ | width:182px; | ||
+ | height:195px; | ||
+ | position: absolute; | ||
+ | bottom: 0px; | ||
+ | right: 0px; | ||
- | . | + | } |
+ | img.ourlogo { | ||
+ | width:182px; | ||
+ | height: 171px; | ||
+ | } | ||
- | |||
- | . | + | .unilogo { |
+ | width:182px; | ||
+ | height:190px; | ||
+ | position: absolute; | ||
+ | top: 15px; | ||
+ | right:0px; | ||
+ | } | ||
- | . | + | .links |
+ | { | ||
+ | position:absolute; | ||
+ | padding:18px; | ||
+ | text-align:center; | ||
+ | top:75px; | ||
+ | } | ||
+ | .top-slider-main { | ||
+ | width:900px; | ||
+ | height:60px; | ||
+ | overflow:hidden; | ||
+ | position:absolute; | ||
+ | border:0px; | ||
+ | solid #000; | ||
+ | z-index:10; | ||
+ | bottom:0px;} | ||
+ | .top-slider-main div{width:280px; height:60px; position:absolute; } | ||
+ | .top-slider-main .slider-box1{z-index:94;} | ||
- | .top-slider-main | + | .top-slider-main .slider-box2{margin-left:280px; z-index:95;} |
- | .top-slider-main | + | .top-slider-main .slider-box3{margin-left:435px; z-index:96;} |
- | .top-slider-main .slider- | + | .top-slider-main .slider-box4{margin-left:590px; z-index:97;} |
+ | |||
+ | .top-slider-main .slider-box5{margin-left:745px; z-index:98;} | ||
+ | |||
+ | .top-slider-main div .left{position:relative; height:100%; float:left; cursor:pointer; color:#FFF;} | ||
+ | |||
+ | .top-slider-main div .content{position:relative; width:119px; height:54px; color:#000; float:left; font-family: Arial, Helvetica, sans-serif; font-size:1em; background-color:#transparent; padding:3px;} | ||
+ | |||
+ | .top-slider-main .slider-box1 .left{} | ||
.top-slider-main .slider-box2 .left{background-color:#b0c4de;} | .top-slider-main .slider-box2 .left{background-color:#b0c4de;} | ||
Line 104: | Line 184: | ||
.top-slider-main .slider-box5 .left{background-color:#b0c4de;} | .top-slider-main .slider-box5 .left{background-color:#b0c4de;} | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Volkhov' rel='stylesheet' type='text/css'/> | ||
+ | <span class="a4"> | ||
+ | <div class="container0"> | ||
+ | <div class="leftpart"> | ||
+ | <div id="projlogo"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/0/01/Kill.png"/> | ||
+ | </div> | ||
+ | <div class="pierimg"> | ||
+ | <img border="0" src="https://static.igem.org/mediawiki/2011/b/b0/Pier.jpg"/> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="rightpart"> | ||
+ | <div id="igemlogo"> | ||
+ | <a href="https://2011.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2010/7/7d/ICLlogo2.png"/></a> | ||
+ | </div> | ||
+ | <div class ="title"> | ||
+ | <div class ="unilogo"> | ||
+ | <a href="http://www.st-andrews.ac.uk/"><img class="ourlogo" src="https://static.igem.org/mediawiki/2011/0/09/Standrewsteamlogo.png" border="0"/></a> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="top-slider-main"> | ||
+ | <script type="text/javascript"> | ||
- | |||
- | |||
- | |||
var $slider_started = false; | var $slider_started = false; | ||
+ | |||
$(document).ready(function(){ | $(document).ready(function(){ | ||
Line 201: | Line 306: | ||
</script> | </script> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
Line 225: | Line 312: | ||
<div class="slider-box1"> | <div class="slider-box1"> | ||
- | <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/ | + | <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/1/18/Proj2.png'); |
- | background-color: | + | background-color:black; |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
Line 233: | Line 320: | ||
background-position:center; | background-position:center; | ||
- | width: | + | width:155px; |
height:60px;"> | height:60px;"> | ||
Line 241: | Line 328: | ||
<div class="content"> | <div class="content"> | ||
- | <a href='https://2011.igem.org/Team:St_Andrews' class= | + | <a href='https://2011.igem.org/Team:St_Andrews' class="listmain">Description</a><br /> |
- | <a href='https://2011.igem.org/Team:St_Andrews/ | + | <a href='https://2011.igem.org/Team:St_Andrews/diary' class='listmain' id='diary'>Project Diary</a><br /> |
- | <a href='https://2011.igem.org/Team:St_Andrews' class='listmain' id=' | + | <a href='https://2011.igem.org/Team:St_Andrews/safety' class='listmain' id='safety'>Safety Form</a><br /> |
</div> | </div> | ||
Line 253: | Line 340: | ||
<div class="slider-box2"> | <div class="slider-box2"> | ||
- | <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/ | + | <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/2/2a/Res2.png'); |
background-color:#000000; | background-color:#000000; | ||
Line 261: | Line 348: | ||
background-position:center; | background-position:center; | ||
- | width: | + | width:155px; |
height:60px;"> | height:60px;"> | ||
Line 269: | Line 356: | ||
<div class="content"> | <div class="content"> | ||
- | <a href='https://2011.igem.org/Team:St_Andrews/ | + | <a href='https://2011.igem.org/Team:St_Andrews/switch' class='listmain' id='kill'>The Kill Switch</a><br /> |
- | <a href='https://2011.igem.org/Team:St_Andrews' class='listmain' id=' | + | <a href='https://2011.igem.org/Team:St_Andrews/modelling' class='listmain' id='model'>Modelling</a><br /> |
- | <a href='https://2011.igem.org/Team:St_Andrews' class='listmain' id=' | + | <a href='https://2011.igem.org/Team:St_Andrews/parts' class='listmain' id='parts'>Parts Submitted</a><br /> |
</div> | </div> | ||
Line 281: | Line 368: | ||
<div class="slider-box3"> | <div class="slider-box3"> | ||
- | <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/ | + | <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/2/28/App.png'); |
background-color:#000000; | background-color:#000000; | ||
Line 289: | Line 376: | ||
background-position:center; | background-position:center; | ||
- | width: | + | width:155px; |
height:60px;"></div> | height:60px;"></div> | ||
Line 295: | Line 382: | ||
<div class="content"> | <div class="content"> | ||
- | <a href='https://2011.igem.org/Team:St_Andrews' class='listmain | + | <a href='https://2011.igem.org/Team:St_Andrews/drugdel' class='listmain'>Drug Delivery</a><br /> |
- | + | <a href='https://2011.igem.org/Team:St_Andrews/biosafe' class='listmain'>Biosafety</a><br /> | |
- | <a href='https://2011.igem.org/Team:St_Andrews' class='listmain | + | <a href='https://2011.igem.org/Team:St_Andrews/conj' class='listmain' >Conjugation</a><br /></div> |
</div> | </div> | ||
Line 305: | Line 392: | ||
<div class="slider-box4"> | <div class="slider-box4"> | ||
- | <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/ | + | <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/0/00/Hprac.png'); |
background-color:#000000; | background-color:#000000; | ||
Line 313: | Line 400: | ||
background-position:center; | background-position:center; | ||
- | width: | + | width:155px; |
height:60px;"></div> | height:60px;"></div> | ||
Line 319: | Line 406: | ||
<div class="content"> | <div class="content"> | ||
- | + | <a href='https://2011.igem.org/Team:St_Andrews/review' class='listmain' >"Is iGEM Fair?"</a><br /> | |
- | <a href='https://2011.igem.org/Team:St_Andrews' class='listmain | + | <a href='https://2011.igem.org/Team:St_Andrews/debate' class='listmain' >Panel Debate</a><br /> |
- | <a href='https://2011.igem.org/Team:St_Andrews' class='listmain | + | <a href='https://2011.igem.org/Team:St_Andrews/essays' class='listmain' >Reflective Essays</a><br /> |
</div> | </div> | ||
Line 331: | Line 418: | ||
<div class="slider-box5"> | <div class="slider-box5"> | ||
- | <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/ | + | <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/e/e4/Team2.png'); |
background-color:#000000; | background-color:#000000; | ||
Line 339: | Line 426: | ||
background-position:center; | background-position:center; | ||
- | width: | + | width:155px; |
height:60px;"></div> | height:60px;"></div> | ||
Line 345: | Line 432: | ||
<div class="content"> | <div class="content"> | ||
- | <a href='https://2011.igem.org/Team:St_Andrews | + | <a href='https://2011.igem.org/Team:St_Andrews/team' class='listmain' >The Team</a><br /> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <a href='https://2011.igem.org/Team:St_Andrews/sponsors' class='listmain' >Sponsors</a><br /> | ||
+ | <a href='https://2011.igem.org/Team:St_Andrews/collaboration' class='listmain' >Collaboration</a><br /> | ||
</div> | </div> | ||
Line 358: | Line 443: | ||
</div> | </div> | ||
- | + | </div> | |
- | + | </span> | |
- | </ | + | |
- | + | ||
- | < | + | |
- | + | ||
</body> | </body> |
Latest revision as of 10:16, 20 September 2011