Team:Southampton/Parts
From 2009.igem.org
(Difference between revisions)
m |
|||
Line 1: | Line 1: | ||
- | <!DOCTYPE html PUBLIC "-//W3C//DTD | + | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
- | <html> | + | <html xmlns="http://www.w3.org/1999/xhtml"> |
<head> | <head> | ||
- | <meta | + | <meta content="text/html; charset=ISO-8859-1" |
- | + | http-equiv="content-type" /> | |
- | + | <title>University of Southampton | |
- | < | + | Wiki</title> |
- | + | <style type= "text/css"> | |
- | + | #youtubevideo { | |
- | + | align="center" | |
- | + | } | |
- | + | /*FOOTERPUSH*/ | |
- | + | #footerpush { | |
- | + | width:1px; | |
- | + | height:1110px; | |
- | + | } | |
- | + | html, body { | |
- | + | margin: 0; | |
- | + | padding: 0; | |
- | + | } | |
- | + | /*LAYOUT BEGINS*/ | |
- | + | #notebooktable { | |
- | + | width: 95%; | |
- | + | } | |
- | + | #maincont{ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | # | + | |
position:absolute; | position:absolute; | ||
left:0px; | left:0px; | ||
- | top: | + | top:296px; |
width:975px; | width:975px; | ||
- | height: | + | height:870px; |
+ | background-image:url('http://www.personal.soton.ac.uk/jeh2v07/images/bg.gif'); | ||
+ | background-repeat:repeat-y; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
} | } | ||
- | # | + | #sufooter { |
+ | position:absolute; | ||
+ | left:113px; | ||
+ | top:1173px; | ||
+ | z-index:150; | ||
+ | color: #333; | ||
+ | } | ||
+ | #contfoot { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:1135px; | ||
+ | width:975px; | ||
+ | height:61px; | ||
+ | z-index:100; | ||
+ | } | ||
+ | /*BANNER*/ | ||
+ | #banner { | ||
position:absolute; | position:absolute; | ||
left:0px; | left:0px; | ||
top:0px; | top:0px; | ||
- | width: | + | width:975px; |
- | height: | + | height:276px; |
+ | z-index:0; | ||
} | } | ||
- | # | + | /*TOOLBAR*/ |
+ | #toolbar { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:3px; |
top:0px; | top:0px; | ||
- | width: | + | width:975px; |
- | height: | + | height:27px; |
+ | z-index:100; | ||
} | } | ||
- | # | + | /*BG*/ |
+ | #bg { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:0px; |
- | top: | + | top:138px; |
- | width: | + | width:975px; |
- | height: | + | height:1005px; |
+ | z-index:0; | ||
} | } | ||
- | # | + | #maintop { |
position:absolute; | position:absolute; | ||
- | left: | + | left:0px; |
- | top: | + | top:138px; |
- | width: | + | width:975px; |
- | height: | + | height:61px; |
+ | z-index:0; | ||
} | } | ||
- | # | + | /*FLICKRIVER*/ |
+ | #flickriver { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:36px; |
- | top: | + | top:1113px; |
- | width: | + | width:894px; |
- | height: | + | height:134px; |
+ | z-index:0; | ||
} | } | ||
- | # | + | #flickriver2 { |
position:absolute; | position:absolute; | ||
- | left: | + | left:480px; |
- | top: | + | top:1113px; |
- | width: | + | width:894px; |
- | height: | + | height:134px; |
+ | z-index:0; | ||
} | } | ||
- | # | + | #blanker { |
position:absolute; | position:absolute; | ||
- | left: | + | left:480px; |
- | top: | + | top:1113px; |
- | width: | + | width:238px; |
- | height: | + | height:23px; |
+ | z-index:10; | ||
} | } | ||
- | # | + | #blanker2 { |
position:absolute; | position:absolute; | ||
- | left: | + | left:280px; |
- | top: | + | top:1224px; |
- | width: | + | width:238px; |
- | height: | + | height:23px; |
+ | z-index:10; | ||
} | } | ||
- | # | + | /*PROJECT DESCRIPTION*/ |
+ | #logobox { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:90px; |
- | top: | + | top:300px; |
- | width: | + | width:63px; |
- | height: | + | height:63px; |
+ | z-index:10; | ||
} | } | ||
- | # | + | #projectheading { |
position:absolute; | position:absolute; | ||
- | left: | + | left:170px; |
- | top: | + | top:300px; |
- | + | z-index:10; | |
- | + | ||
} | } | ||
- | + | #bluesubtitle { | |
- | + | position:absolute; | |
- | + | left:425px; | |
- | + | top:324px; | |
- | + | z-index:10; | |
} | } | ||
- | + | #projdesc { | |
- | + | position:absolute; | |
- | + | left:25px; | |
- | + | top:360px; | |
- | + | width:731px; | |
+ | height:273px; | ||
} | } | ||
- | /* | + | /*LOGOBOX2*/ |
- | + | #logobox2 { | |
- | + | position:absolute; | |
- | + | left:13px; | |
- | + | top:695px; | |
+ | width:440px; | ||
+ | height:398px; | ||
} | } | ||
- | /* | + | /*UPDATESBOX*/ |
- | + | #updateheader { | |
- | + | position:absolute; | |
+ | left:795px; | ||
+ | top:285px; | ||
} | } | ||
- | + | #updatedate { | |
- | + | position:absolute; | |
- | + | left:895px; | |
+ | top:310px; | ||
} | } | ||
- | + | #updatecontent { | |
- | + | position:absolute; | |
- | + | left:795px; | |
- | + | top:330px; | |
- | + | width:164px; | |
+ | height:333px | ||
} | } | ||
- | + | #updatedate2 { | |
- | + | position:absolute; | |
- | + | left:895px; | |
+ | top:475px; | ||
+ | z-index:100; | ||
} | } | ||
- | + | #updatecontent2 { | |
- | + | position:absolute; | |
- | + | left:795px; | |
- | + | top:490px; | |
- | + | width:164px; | |
- | + | height:333px | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | /*LINKBOX*/ | |
- | + | #linkheader { | |
+ | position:absolute; | ||
+ | left:795px; | ||
+ | top:690px; | ||
} | } | ||
- | + | #linksemi { | |
- | + | position:absolute; | |
- | + | left:801px; | |
- | + | top:730px; | |
} | } | ||
- | + | #linklsi { | |
- | + | position:absolute; | |
- | + | left:801px; | |
+ | top:800px; | ||
} | } | ||
- | + | #linksoton { | |
- | + | position:absolute; | |
- | + | left:801px; | |
+ | top:870px; | ||
} | } | ||
- | + | #clustr { | |
- | + | position:absolute; | |
- | + | left:795px; | |
- | + | top:975px; | |
} | } | ||
- | + | /*TEAMBOX*/ | |
- | + | #teamheader { | |
- | + | position:absolute; | |
- | + | left:480px; | |
- | + | top:700px; | |
} | } | ||
- | + | #teampic { | |
- | + | position:absolute; | |
- | + | left:472px; | |
- | + | top:735px; | |
- | + | width:296px; | |
- | + | height:164px; | |
- | + | ||
- | ; | + | |
} | } | ||
- | + | #teamcaption { | |
- | + | position:absolute; | |
- | + | left:480px; | |
- | + | top:910px; | |
- | + | width:270px; | |
+ | height:100px; | ||
} | } | ||
- | + | #facebook { | |
- | + | position:absolute; | |
+ | left:472px; | ||
+ | top:970px; | ||
+ | width:97px; | ||
+ | height:100px; | ||
} | } | ||
- | + | #findout { | |
- | + | position:absolute; | |
- | + | left:580px; | |
- | + | top:975px; | |
- | + | width:185px; | |
- | + | height:100px; | |
} | } | ||
- | + | #projfind { | |
- | + | position:absolute; | |
- | + | left:150px; | |
- | + | top:920px; | |
- | + | width:300px; | |
- | + | height:100px; | |
- | + | z-index:100; | |
- | + | ||
} | } | ||
- | + | /*LAYOUT ENDS*/ | |
- | + | /*HEADINGS BEGIN*/ | |
- | color:# | + | h7 { |
- | + | font-size: 36px; | |
- | + | color: #FFFFFF; | |
- | font-weight: | + | margin-top: 0px; |
- | font-family: | + | margin-bottom: 3px; |
+ | font-weight: normal; font-family: "Book Antiqua", | ||
+ | Georgia, | ||
+ | serif; | ||
} | } | ||
- | + | h8 { | |
- | + | font-size: 12px; | |
- | margin- | + | color: #5da8bd; |
+ | margin-top: 0px; | ||
+ | font-weight: normal; | ||
+ | font-family: Arial, | ||
+ | sans-serif; | ||
} | } | ||
- | + | h3 {font-size: 13px; | |
- | + | color: #ebebeb; | |
- | + | margin-top: 0px; | |
- | + | font-weight: normal; margin-bottom: 3px; | |
- | + | font-family: Arial, | |
+ | sans-serif; | ||
} | } | ||
- | + | h4 { | |
- | + | font-size: 24px; | |
+ | color: #FFFFFF; | ||
+ | margin-top: 0px; | ||
+ | font-weight: normal; font-family: "Book Antiqua",Georgia, | ||
+ | serif; | ||
} | } | ||
- | + | h5 { | |
- | + | font-size: 14px; | |
+ | color: #323232; | ||
+ | margin-top: 0px; | ||
+ | font-weight: normal; font-family: Arial, | ||
+ | sans-serif | ||
} | } | ||
- | + | h6 { | |
- | + | font-size: 12px; | |
- | + | color: #ebebeb; | |
- | + | margin-top: 0px; | |
- | margin: | + | font-weight: normal; font-family: Arial, |
- | + | sans-serif | |
- | + | ||
} | } | ||
- | + | /*HEADINGS END*/ | |
- | list-style: | + | /*MENU CODE*/ |
- | font-size:0. | + | ul.cssMenu ul{display:none} |
+ | ul.cssMenu li:hover>ul{display:block} | ||
+ | ul.cssMenu ul{position: absolute;left:-1px;top:98%;} | ||
+ | ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;} | ||
+ | ul.cssMenu,ul.cssMenu ul { | ||
+ | margin:0px; | ||
+ | list-style:none; | ||
+ | padding:0px 2px 2px 0px; | ||
+ | background-repeat:repeat; | ||
+ | background: rgba(51, 51, 51, 0.2); | ||
+ | border-width:0px; | ||
+ | border-style:solid; | ||
+ | } | ||
+ | ul.cssMenu table {border-collapse:collapse}ul.cssMenu { | ||
+ | display:block; | ||
+ | zoom:1; | ||
+ | float: left; | ||
+ | } | ||
+ | ul.cssMenu ul{ | ||
+ | width:129px; | ||
+ | } | ||
+ | ul.cssMenu li{ | ||
+ | display:block; | ||
+ | margin:2px 0px 0px 2px; | ||
+ | font-size:0px; | ||
+ | } | ||
+ | ul.cssMenu a:active, ul.cssMenu a:focus { | ||
+ | outline-style:none; | ||
+ | } | ||
+ | ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover { | ||
+ | display:block; | ||
+ | vertical-align:middle; | ||
+ | border-width:0px; | ||
+ | background: rgba(51, 51, 51, 0.2);border-style:solid; | ||
+ | text-align:left; | ||
+ | text-decoration:none; | ||
+ | padding:2px 42px 2px 42px; | ||
+ | _padding-left:0; | ||
+ | font:normal 13px Trebuchet MS,Tahoma; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | cursor:default; | ||
} | } | ||
- | + | ul.cssMenu span{ | |
- | + | overflow:hidden; | |
} | } | ||
- | + | ul.cssMenu li { | |
- | + | ||
- | + | ||
float:left; | float:left; | ||
} | } | ||
- | + | ul.cssMenu ul li { | |
- | + | float:none; | |
- | + | ||
- | float: | + | |
} | } | ||
- | + | ul.cssMenu ul a { | |
- | + | text-align:left; | |
- | + | white-space:nowrap; | |
} | } | ||
- | + | ul.cssMenu li.sep{ | |
- | padding: | + | text-align:left; |
+ | padding:0px; | ||
+ | line-height:0; | ||
+ | height:100%; | ||
} | } | ||
- | + | ul.cssMenu li.sep span{ | |
- | + | float:none; padding-right:0; | |
- | + | width:3px; | |
- | + | height:100%; | |
+ | display:inline-block; | ||
+ | background-color:#FFFFFF #111111 #111111 #cccccc; background-image:none;} | ||
+ | ul.cssMenu ul li.sep span{ | ||
+ | width:100%; | ||
+ | height:3px; | ||
} | } | ||
- | + | ul.cssMenu li:hover{ | |
- | + | position:relative; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | ul.cssMenu li:hover>a{ | |
- | + | background: rgba(0, 64, 109, 0.1);border-style:solid; | |
- | + | font:normal 13px Trebuchet MS, Tahoma; | |
- | + | color: #FFFFFF; | |
- | + | text-decoration:none; | |
- | + | ||
} | } | ||
- | + | ul.cssMenu li a:hover{ | |
- | color:# | + | position:relative; |
+ | background: rgba(0, 64, 109, 0.1);border-style:solid; | ||
+ | font:normal 13px Trebuchet MS, Tahoma; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
} | } | ||
- | + | ul.cssMenu li.dis a { | |
- | + | color: #666 !important; | |
- | + | ||
} | } | ||
- | + | ul.cssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px; | |
- | + | height:16px; | |
- | + | ||
} | } | ||
- | . | + | ul.cssMenu ul img {width:16px; |
- | + | height:16px; | |
+ | } | ||
+ | ul.cssMenu img.over{display:none} | ||
+ | ul.cssMenu li.dis a:hover img.over{display:none !important} | ||
+ | ul.cssMenu li.dis a:hover img.def {display:inline !important} | ||
+ | ul.cssMenu li:hover > a img.def {display:none} | ||
+ | ul.cssMenu li:hover > a img.over {display:inline} | ||
+ | ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline} | ||
+ | ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none} | ||
+ | ul.cssMenu a:hover ul{display:block} | ||
+ | ul.cssMenu span{ | ||
+ | display:block; | ||
+ | background-image:url(./images/arr_white.gif); | ||
+ | background-position:right center; | ||
+ | background-repeat: no-repeat; | ||
+ | padding-right:12px;} | ||
+ | ul.cssMenu li:hover>a>span{ background-image:url(./images/arrv_white.gif); | ||
} | } | ||
- | + | ul.cssMenu a:hover span{ _background-image:url(./images/arrv_white.gif)} | |
+ | ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arr_white.gif)} | ||
+ | body | ||
+ | </style> | ||
</head> | </head> | ||
- | <body | + | <body style="color: rgb(0, 0, 0); background-color: #919191;" |
- | <div | + | link="#000099" alink="#000099" vlink="#990099"><div id="footerpush"></div> |
- | < | + | <div id="banner"><img style="width: 975px; height: 276px;" id="banner" |
- | < | + | src="http://www.personal.soton.ac.uk/jeh2v07/images/blue.jpg" alt="" /></div> |
- | < | + | <div id="toolbar"> |
- | + | <ul class="cssMenu cssMenum"> | |
- | < | + | <li class="cssMenui"><a class="cssMenui" |
- | < | + | href="https://2009.igem.org/Team:Southampton">Home</a></li> |
- | < | + | <li class="cssMenui"><a class="cssMenui" |
- | < | + | href="https://2009.igem.org/Team:Southampton/Project">Project</a></li> |
- | < | + | <li class="cssMenui"><a class="cssMenui" |
- | + | href="https://2009.igem.org/Team:Southampton/Parts">Biobrick | |
- | + | Parts</a></li> | |
- | + | <li class="cssMenui"><a class="cssMenui" | |
- | + | href="https://2009.igem.org/Team:Southampton/Team"><span>Team</span><!--[if gt IE 6]--></a><!--[endif]--><!--[if lte IE 6]><table><tr><td><![endif]--> | |
- | < | + | <ul class="cssMenum"> |
- | < | + | <li class="cssMenui"><a class="cssMenui" |
- | href="https://2009.igem.org/Team:Southampton" | + | href="https://2009.igem.org/Team:Southampton/Team/Gallery">Gallery</a></li> |
- | + | </ul> | |
- | + | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | |
- | + | <li class="cssMenui"><a class="cssMenui" | |
- | + | href="https://2009.igem.org/Team:Southampton/Modeling">Modelling</a></li> | |
- | < | + | <li class="cssMenui"><a class="cssMenui" |
- | href="https://2009.igem.org/Team:Southampton/ | + | href="https://2009.igem.org/Team:Southampton/Notebook">Notebook</a></li> |
- | + | <li class="cssMenui"><a class="cssMenui" | |
- | + | href="https://2009.igem.org/Team:Southampton/Sponsors">Sponsors</a></li> | |
- | + | </ul> | |
- | + | ||
- | + | ||
</div> | </div> | ||
- | <div id=" | + | <div id="maintop"><img style="width: 975px; height: 24px;" id="bg" |
- | + | src="http://www.personal.soton.ac.uk/jeh2v07/images/maintop.gif" alt="" /></div> | |
- | + | <div id="logobox"> | |
- | + | <img style="width: 63px; height: 63px;" alt="" src="http://www.personal.soton.ac.uk/jeh2v07/images/logobox.jpg" /></div> | |
- | + | <div id="projectheading"> | |
- | + | <h7>Biobrick Parts</h7> | |
- | src="http:// | + | <h4>Coming Soon</h4> |
- | <div id=" | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <div id=" | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | <div id=" | + | <div id="maincont"> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | <div id=" | + | <div id="sufooter"> |
- | + | Home | Project | Biobrick | |
- | + | Parts | Team | Modelling | Notebook | Sponsors | |
- | + | | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | | | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | Parts | + | |
- | + | ||
- | | | + | |
- | + | ||
- | + | ||
- | | | + | |
- | + | ||
| | ||
- | + | University of | |
- | University of Southampton | + | Southampton iGEM 2009 |
- | + | ||
- | 2009 | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | </body> | + | <div id="contfoot"> |
+ | <img src="http://www.personal.soton.ac.uk/jeh2v07/images/mainfoot.gif" width="975" height="61" /></div></body> | ||
</html> | </html> |
Revision as of 09:29, 15 September 2009
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">