Team:Southampton/Team
From 2009.igem.org
(Difference between revisions)
(Prototype team page) |
m |
||
Line 1: | Line 1: | ||
- | <!-- *** | + | <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
+ | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
+ | <head> | ||
+ | <meta http-equiv="Content-Type" | ||
+ | content="text/html; charset=ISO-8859-1" /> | ||
+ | <script language="JavaScript"> | ||
+ | <!-- Begin | ||
+ | loadImage1 = new Image(); | ||
+ | loadImage1.src = "http://img15.imageshack.us/img15/7758/b1on02.jpg"; | ||
+ | staticImage1 = new Image(); | ||
+ | staticImage1.src = "http://img15.imageshack.us/img15/6361/indexmaster02.jpg"; | ||
+ | loadImage2 = new Image(); | ||
+ | loadImage2.src = "http://img39.imageshack.us/img39/1922/b1on03.jpg"; | ||
+ | staticImage2 = new Image(); | ||
+ | staticImage2.src = "http://img406.imageshack.us/img406/4093/indexmaster03.jpg"; | ||
+ | loadImage3 = new Image(); | ||
+ | loadImage3.src = "http://img406.imageshack.us/img406/5826/b1on04.jpg"; | ||
+ | staticImage3 = new Image(); | ||
+ | staticImage3.src = "http://img222.imageshack.us/img222/3673/indexmaster04.jpg"; | ||
+ | loadImage4 = new Image(); | ||
+ | loadImage4.src = "http://img194.imageshack.us/img194/6172/b1on05.jpg"; | ||
+ | staticImage4 = new Image(); | ||
+ | staticImage4.src = "http://img222.imageshack.us/img222/7475/indexmaster05.jpg"; | ||
+ | loadImage5 = new Image(); | ||
+ | loadImage5.src = "http://img80.imageshack.us/img80/3337/b1on06.jpg"; | ||
+ | staticImage5 = new Image(); | ||
+ | staticImage5.src = "http://img406.imageshack.us/img406/8228/indexmaster06.jpg"; | ||
+ | loadImage6 = new Image(); | ||
+ | loadImage6.src = "http://img401.imageshack.us/img401/7168/b1on07.jpg"; | ||
+ | staticImage6 = new Image(); | ||
+ | staticImage6.src = "http://img80.imageshack.us/img80/4577/indexmaster07.jpg"; | ||
+ | // End --> | ||
+ | </script> | ||
+ | <title>University of Southampton | ||
+ | iGEM 2009 Wiki</title> | ||
+ | <style type="text/css"> | ||
+ | <!-- | ||
+ | #Table_01 { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:0px; | ||
+ | width:975px; | ||
+ | height:292px; | ||
+ | } | ||
+ | #index-master--01 { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:0px; | ||
+ | width:975px; | ||
+ | height:26px; | ||
+ | } | ||
+ | #index-master--02 { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:26px; | ||
+ | width:100px; | ||
+ | height:32px; | ||
+ | } | ||
+ | #index-master--03 { | ||
+ | position:absolute; | ||
+ | left:100px; | ||
+ | top:26px; | ||
+ | width:101px; | ||
+ | height:34px; | ||
+ | } | ||
+ | #index-master--04 { | ||
+ | position:absolute; | ||
+ | left:201px; | ||
+ | top:26px; | ||
+ | width:100px; | ||
+ | height:32px; | ||
+ | } | ||
+ | #index-master--05 { | ||
+ | position:absolute; | ||
+ | left:301px; | ||
+ | top:26px; | ||
+ | width:101px; | ||
+ | height:34px; | ||
+ | } | ||
+ | #index-master--06 { | ||
+ | position:absolute; | ||
+ | left:402px; | ||
+ | top:26px; | ||
+ | width:100px; | ||
+ | height:34px; | ||
+ | } | ||
+ | #index-master--07 { | ||
+ | position:absolute; | ||
+ | left:502px; | ||
+ | top:26px; | ||
+ | width:99px; | ||
+ | height:34px; | ||
+ | } | ||
+ | #index-master--08 { | ||
+ | position:absolute; | ||
+ | left:601px; | ||
+ | top:26px; | ||
+ | width:374px; | ||
+ | height:266px; | ||
+ | } | ||
+ | #index-master--09 { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:58px; | ||
+ | width:100px; | ||
+ | height:234px; | ||
+ | } | ||
+ | #index-master--10 { | ||
+ | position:absolute; | ||
+ | left:201px; | ||
+ | top:58px; | ||
+ | width:100px; | ||
+ | height:234px; | ||
+ | } | ||
+ | #index-master--11 { | ||
+ | position:absolute; | ||
+ | left:100px; | ||
+ | top:60px; | ||
+ | width:101px; | ||
+ | height:232px; | ||
+ | } | ||
+ | #index-master--12 { | ||
+ | position:absolute; | ||
+ | left:301px; | ||
+ | top:60px; | ||
+ | width:300px; | ||
+ | height:232px; | ||
+ | } | ||
+ | #index-master--13 { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:292px; | ||
+ | width:977px; | ||
+ | height:50px; | ||
+ | } | ||
+ | --> | ||
+ | * { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | body { | ||
+ | background:#262626 none repeat-x scroll top left; | ||
+ | margin:0 auto; | ||
+ | padding:0; | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | } | ||
+ | /* wrapper */ | ||
+ | div#wrap { | ||
+ | width:90%; | ||
+ | margin:0 auto; | ||
+ | padding:0 10px; | ||
+ | } | ||
+ | /* header & nav */ | ||
+ | div.header { | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | div.innertitle { | ||
+ | width:90%; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | div.nav ul { | ||
+ | list-style:none; | ||
+ | padding:0 0 0 10px; | ||
+ | margin:0; | ||
+ | position:relative; | ||
+ | } | ||
+ | div.nav ul li { | ||
+ | display:inline; | ||
+ | float:left; | ||
+ | } | ||
+ | div.nav ul li a, div.nav ul li a:visited { | ||
+ | float:left; | ||
+ | margin:0 5px; | ||
+ | padding:30px 20px 10px 20px; | ||
+ | height:40px; | ||
+ | text-decoration:none; | ||
+ | color:#ffffff; | ||
+ | font-weight:normal; | ||
+ | font-size:0.9em; | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | } | ||
+ | div.nav ul li a:hover { | ||
+ | background-color:#360050; | ||
+ | } | ||
+ | /* headers */ | ||
+ | h1, h2 { | ||
+ | text-align:left; | ||
+ | color:#fff; | ||
+ | } | ||
+ | h1 { | ||
+ | font-size:3em; | ||
+ | padding-left:10px; | ||
+ | } | ||
+ | h1 a, h1 a:hover, h1 a:visited { | ||
+ | text-decoration:none; | ||
+ | color:#ffffff; | ||
+ | } | ||
+ | h2 { | ||
+ | padding:0 0 10px 10px; | ||
+ | font-size:0.9em; | ||
+ | font-family:Georgia, "Times New Roman", Times, serif; | ||
+ | } | ||
+ | h3 { | ||
+ | font-size:1.5em; | ||
+ | font-family:'Lucida Sans Unicode','Lucida Grande',verdana,sans-serif; | ||
+ | font-weight:normal; | ||
+ | color:#084c8b; | ||
+ | } | ||
+ | h4 { | ||
+ | color:#084c8b; | ||
+ | font-family:Georgia, "Times New Roman", Times, serif; | ||
+ | font-size:1.4em; | ||
+ | font-weight:normal; | ||
+ | padding:10px 5px 30px 65px; | ||
+ | background: url(http://img266.imageshack.us/img266/8870/cog.png) no-repeat 0 2px; | ||
+ | ; | ||
+ | } | ||
+ | /* element defaults */ | ||
+ | p { | ||
+ | margin-bottom:20px; | ||
+ | line-height:1.7em; | ||
+ | font-size:0.95em; color:#333333; | ||
+ | } | ||
+ | ul { | ||
+ | padding:0 0 20px 35px; | ||
+ | } | ||
+ | code { | ||
+ | border:1px solid #51007A; | ||
+ | border-left-width:10px; | ||
+ | display:block; | ||
+ | padding:10px; | ||
+ | margin:10px 0; | ||
+ | } | ||
+ | /* default forms */ | ||
+ | form {} | ||
+ | form input, form textarea { | ||
+ | border:2px solid #dddddd; | ||
+ | padding:5px; | ||
+ | color:#666666; | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | font-size:1.0em; | ||
+ | } | ||
+ | form input.formbutton { | ||
+ | background:#5E008D url('images/nav-bg.png') repeat-x scroll bottom left; | ||
+ | color:#ffffff; | ||
+ | font-size:0.9em; | ||
+ | border:1px solid #220033; | ||
+ | font-weight:bold; | ||
+ | font-family:Verdana, Arial, Helvetica, sans-serif; | ||
+ | } | ||
+ | /* default tables */ table { | ||
+ | width:100%; | ||
+ | margin-bottom:10px; | ||
+ | } | ||
+ | table tr th, table tr td { | ||
+ | padding:5px 10px; } | ||
+ | table tr th { | ||
+ | background:#5E008D url('images/nav-bg.png') repeat-x scroll bottom left; | ||
+ | color:#ffffff; | ||
+ | } | ||
+ | table tr td { | ||
+ | border-bottom:1px solid #dddddd; | ||
+ | } | ||
+ | /* default links */ | ||
+ | a { color:#51007A; | ||
+ | } | ||
+ | a:visited { color:#51007A; | ||
+ | } a:hover { color:#300047; } | ||
+ | /* centeral page */ | ||
+ | div.page { | ||
+ | margin:0 0 0 11px; | ||
+ | background-color:#ffffff; | ||
+ | padding:10px 10px 0 10px; | ||
+ | } | ||
+ | div.page ul { | ||
+ | list-style:square; | ||
+ | font-size:0.95em; | ||
+ | } | ||
+ | div.page ul li { | ||
+ | padding:3px 0; | ||
+ | } | ||
+ | /* content */ | ||
+ | div.content { | ||
+ | width:78%; | ||
+ | float:left; | ||
+ | } | ||
+ | /* sidebar */ | ||
+ | div.sidebar { | ||
+ | width:20%; | ||
+ | float:right; | ||
+ | } | ||
+ | div.sidebar ul { | ||
+ | list-style:none; | ||
+ | padding:10px 10px 25px 10px; | ||
+ | } | ||
+ | div.sidebar ul li { | ||
+ | padding:7px 0; | ||
+ | } | ||
+ | div.sidebar ul li a { | ||
+ | font-family:Georgia, "Times New Roman", Times, serif; | ||
+ | text-decoration:none; | ||
+ | font-size:1.1em; | ||
+ | } | ||
+ | /* footer */ | ||
+ | div.footer { | ||
+ | clear:both; | ||
+ | margin-top:10px; | ||
+ | border-top:1px solid #c6c6c6; | ||
+ | background:#dddddd url('http://img34.imageshack.us/img34/4941/footerbg.png') repeat-x scroll bottom left; | ||
+ | height:80px; | ||
+ | } | ||
+ | div.footer p { | ||
+ | text-align:center; | ||
+ | color:#666666; | ||
+ | padding-top:30px; | ||
+ | font-size:0.9em; | ||
+ | font-family:"Trebuchet MS", Verdana, Arial; | ||
+ | } | ||
+ | div.footer p a { | ||
+ | color:#666666; | ||
+ | } | ||
+ | /* search form */ | ||
+ | form.searchform { | ||
+ | padding-top:10px; | ||
+ | } | ||
+ | /* misc classes */ | ||
+ | *:focus { | ||
+ | outline:none; | ||
+ | } | ||
+ | .clear { | ||
+ | clear:both; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class="header"> | ||
+ | <br /> | ||
+ | <br /> | ||
+ | <br /><br /> | ||
+ | <br /><br /> | ||
+ | <br /><br /> | ||
+ | <br /><br /> | ||
+ | <br /><br /> | ||
- | < | + | |
- | <div id=" | + | <!-- Save for Web Slices (index(master).psd) --> |
- | <div id=" | + | <div id="Table_01"> |
- | + | <div id="index-master--01"><img | |
+ | src="http://img266.imageshack.us/img266/7070/indexmaster01.jpg" | ||
+ | alt="" height="26" width="975" /> </div> | ||
+ | <div id="index-master--02"> | ||
+ | <a href="HomePage" | ||
+ | onmouseover="image1.src=loadImage1.src;" | ||
+ | onmouseout="image1.src=staticImage1.src;"><img | ||
+ | name="image1" | ||
+ | src="http://img15.imageshack.us/img15/6361/indexmaster02.jpg" | ||
+ | border="0" /></a></div> | ||
+ | <div id="index-master--03"> | ||
+ | <a href="TEAM" | ||
+ | onmouseover="image2.src=loadImage2.src;" | ||
+ | onmouseout="image2.src=staticImage2.src;"><img | ||
+ | name="image2" | ||
+ | src="http://img406.imageshack.us/img406/4093/indexmaster03.jpg" | ||
+ | border="0" /></a></div> | ||
+ | <div id="index-master--04"> | ||
+ | <a href="PROJECT" | ||
+ | onmouseover="image3.src=loadImage3.src;" | ||
+ | onmouseout="image3.src=staticImage3.src;"><img | ||
+ | name="image3" | ||
+ | src="http://img222.imageshack.us/img222/3673/indexmaster04.jpg" | ||
+ | border="0" /></a></div> | ||
+ | <div id="index-master--05"> | ||
+ | <a href="MODELLING" | ||
+ | onmouseover="image4.src=loadImage4.src;" | ||
+ | onmouseout="image4.src=staticImage4.src;"><img | ||
+ | name="image4" | ||
+ | src="http://img222.imageshack.us/img222/7475/indexmaster05.jpg" | ||
+ | border="0" /></a></div> | ||
+ | <div id="index-master--06"> | ||
+ | <a href="BACONSANDWICH" | ||
+ | onmouseover="image5.src=loadImage5.src;" | ||
+ | onmouseout="image5.src=staticImage5.src;"><img | ||
+ | name="image5" | ||
+ | src="http://img406.imageshack.us/img406/8228/indexmaster06.jpg" | ||
+ | border="0" /></a></div> | ||
+ | <div id="index-master--07"> | ||
+ | <a href="BACONCHEESE" | ||
+ | onmouseover="image6.src=loadImage6.src;" | ||
+ | onmouseout="image6.src=staticImage6.src;"><img | ||
+ | name="image6" | ||
+ | src="http://img80.imageshack.us/img80/4577/indexmaster07.jpg" | ||
+ | border="0" /></a></div> | ||
+ | <div id="index-master--08"> | ||
+ | <img | ||
+ | src="http://img194.imageshack.us/img194/3238/indexmaster08.jpg" | ||
+ | alt="" height="266" width="374" /> </div> | ||
+ | <div id="index-master--09"> | ||
+ | <img | ||
+ | src="http://img194.imageshack.us/img194/9066/indexmaster09.jpg" | ||
+ | alt="" height="234" width="100" /> </div> | ||
+ | <div id="index-master--10"> | ||
+ | <img | ||
+ | src="http://img34.imageshack.us/img34/5529/indexmaster10.jpg" | ||
+ | alt="" height="234" width="100" /> </div> | ||
+ | <div id="index-master--11"> | ||
+ | <img | ||
+ | src="http://img266.imageshack.us/img266/1660/indexmaster11.jpg" | ||
+ | alt="" height="232" width="101" /> </div> | ||
+ | <div id="index-master--12"> | ||
+ | <img | ||
+ | src="http://img15.imageshack.us/img15/1310/indexmaster12.jpg" | ||
+ | alt="" height="232" width="300" /> </div> | ||
</div> | </div> | ||
- | <div id=" | + | <div id="index-master--13"> |
- | + | <img | |
+ | src="http://img136.imageshack.us/img136/1714/baro.gif" | ||
+ | alt="" height="50" width="977" /> </div> | ||
</div> | </div> | ||
- | < | + | <!-- End Save for Web Slices --> |
- | + | ||
</div> | </div> | ||
+ | <div id="wrap"> | ||
+ | <div class="pagewrapper"> | ||
+ | <div class="innerpagewrapper"> | ||
+ | <div class="page"> | ||
+ | <div class="content"><!-- CONTENT --> | ||
+ | <h3>The Team</h3> | ||
+ | <p>A little background information about the Southampton team:</p> | ||
+ | <br/> <br/> | ||
+ | <!-- END CONTENT --> </div> | ||
+ | <div class="sidebar"><!-- SIDEBAR --> | ||
+ | <h4>Search <img | ||
+ | style="width: 94px; height: 37px;" alt="" | ||
+ | src="http://img196.imageshack.us/img196/9328/googlezgn.jpg" /></h4> | ||
+ | <form method="get" | ||
+ | action="http://www.google.com/search"> | ||
+ | <div | ||
+ | style="border: 0px solid black; padding: 4px; width: 25em;"> | ||
+ | <table style="width: 150px; height: 120px;" | ||
+ | border="0" cellpadding="0"> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td><input | ||
+ | name="q" size="15" maxlength="180" type="text" /> | ||
+ | <input value="Go" | ||
+ | type="submit" /></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style="font-size: 75%;" | ||
+ | align="center"><input | ||
+ | name="sitesearch" value="https://2009.igem.org/Team:Southampton" | ||
+ | checked="checked" type="checkbox" /> only | ||
+ | search Southampton iGEM wiki<br /> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | </div> | ||
+ | </form> | ||
+ | <h4>Statistics</h4> | ||
+ | <br /> | ||
+ | <a | ||
+ | href="http://www3.clustrmaps.com/counter/maps.php?url=https://2009.igem.org/Team:Southampton" | ||
+ | id="clustrMapsLink"><img | ||
+ | src="index_files/index2.jpeg" style="border: 0px none ;" | ||
+ | alt="Locations of visitors to this page" | ||
+ | title="Locations of visitors to this page" id="clustrMapsImg" | ||
+ | onerror="this.onerror=null; this.src='http://www2.clustrmaps.com/images/clustrmaps-back-soon.jpg'; document.getElementById('clustrMapsLink').href='http://www2.clustrmaps.com';" /></a> | ||
+ | <h4>Links</h4> | ||
+ | <br /> | ||
+ | <a href="http://www.semibiotics.org"><img | ||
+ | style="border: 0px solid ; width: 143px; height: 54px;" alt="" | ||
+ | src="http://img406.imageshack.us/img406/1584/semibio.jpg" /></a><br /> | ||
+ | <br /> | ||
+ | <a | ||
+ | href="http://www.facebook.com/group.php?gid=107692312882"><img | ||
+ | style="border: 0px solid ; width: 143px; height: 54px;" alt="" | ||
+ | src="http://img194.imageshack.us/img194/6637/94031861.jpg" /></a><br /> | ||
+ | <div style="margin-left: 80px;"><br /> | ||
</div> | </div> | ||
+ | <a href="http://www.soton.ac.uk"><img | ||
+ | style="border: 0px solid ; width: 143px; height: 54px;" alt="" | ||
+ | src="http://img222.imageshack.us/img222/1320/soton.jpg" /></a> | ||
+ | </div> | ||
+ | <div class="footer"> | ||
+ | <p>Home | The Team | The Project | | ||
+ | Biobrick Parts | Modelling | | ||
+ | Notebook | ||
+ | | ||
+ | University of Southampton <span | ||
+ | style="font-weight: bold;">iGEM</span> | ||
+ | 2009 | ||
+ | <br /> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- |
Revision as of 13:44, 3 August 2009
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
The Team
A little background information about the Southampton team: