Team:St Andrews/template
From 2011.igem.org
(Difference between revisions)
Max.nicosia (Talk | contribs) |
Max.nicosia (Talk | contribs) |
||
(94 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<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; | ||
} | } | ||
Line 30: | Line 32: | ||
- | #catlinks {border: none;} | + | |
+ | |||
+ | #catlinks { | ||
+ | border: none; | ||
+ | background-color:transparent; | ||
+ | } | ||
Line 53: | Line 60: | ||
width: 900px; | width: 900px; | ||
border: none; | border: none; | ||
- | font-family: | + | font-family: 'Volkhov', serif; |
padding:0px; | padding:0px; | ||
- | + | background-color:transparent; | |
} | } | ||
- | # | + | #projlogo |
{ | { | ||
position:relative; | position:relative; | ||
- | width: | + | width:718px; |
- | height: | + | height:154px; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
background-color:#0; | background-color:#0; | ||
} | } | ||
Line 83: | Line 77: | ||
#igemlogo { | #igemlogo { | ||
position:absolute; | position:absolute; | ||
- | width: | + | width:65px; |
height:50px; | height:50px; | ||
- | + | left:60px; | |
- | + | top:0px; | |
+ | |||
} | } | ||
- | .container0 {position: relative; | + | .container0 { |
- | . | + | position: relative; |
+ | width:900px; | ||
+ | height:320px; | ||
+ | margin: 0px auto -1px auto; | ||
+ | border="0"; | ||
+ | } | ||
+ | |||
+ | .leftpart { | ||
+ | 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 { | .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 | .links | ||
- | { position:absolute; | + | { |
+ | position:absolute; | ||
padding:18px; | padding:18px; | ||
text-align:center; | text-align:center; | ||
- | top:75px;} | + | 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 { |
+ | 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 div{width:280px; height:60px; position:absolute; } | ||
Line 124: | Line 164: | ||
.top-slider-main .slider-box2{margin-left:280px; z-index:95;} | .top-slider-main .slider-box2{margin-left:280px; z-index:95;} | ||
- | .top-slider-main .slider-box3{margin-left: | + | .top-slider-main .slider-box3{margin-left:435px; z-index:96;} |
.top-slider-main .slider-box4{margin-left:590px; z-index:97;} | .top-slider-main .slider-box4{margin-left:590px; z-index:97;} | ||
Line 132: | Line 172: | ||
.top-slider-main div .left{position:relative; height:100%; float:left; cursor:pointer; color:#FFF;} | .top-slider-main div .left{position:relative; height:100%; float:left; cursor:pointer; color:#FFF;} | ||
- | .top-slider-main div .content{position:relative; width: | + | .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-box1 .left{} | ||
Line 145: | Line 185: | ||
</style> | </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="container0"> | ||
- | <div class=" | + | <div class="leftpart"> |
- | <img border="0" src="https://static.igem.org/mediawiki/2011/b/b0/Pier.jpg"/> | + | <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> | ||
- | + | <div class="rightpart"> | |
- | <div class ="title"> | + | <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"> | <div class ="unilogo"> | ||
- | <a href= | + | <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> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </div> | + | |
- | + | ||
- | + | ||
<div class="top-slider-main"> | <div class="top-slider-main"> | ||
Line 294: | 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 306: | 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 322: | 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 334: | Line 368: | ||
<div class="slider-box3"> | <div class="slider-box3"> | ||
- | <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/2/ | + | <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/2/28/App.png'); |
background-color:#000000; | background-color:#000000; | ||
Line 348: | 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 358: | 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 372: | 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 398: | Line 432: | ||
<div class="content"> | <div class="content"> | ||
- | <a href='https://2011.igem.org/Team:St_Andrews/team' class='listmain | + | <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 411: | Line 443: | ||
</div> | </div> | ||
- | + | </div> | |
- | + | </span> | |
</body> | </body> |
Latest revision as of 10:16, 20 September 2011