|
|
| (16 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
| + | |
| - | <html xmlns="http://www.w3.org/1999/xhtml">
| + | |
| - | <head>
| + | |
| - | <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;
| + | |
| - | left:0px;
| + | |
| - | top:296px;
| + | |
| - | width:975px;
| + | |
| - | 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;
| + | |
| - | left:0px;
| + | |
| - | top:0px;
| + | |
| - | width:975px;
| + | |
| - | height:276px;
| + | |
| - | z-index:0;
| + | |
| - | }
| + | |
| - | /*TOOLBAR*/
| + | |
| - | #toolbar {
| + | |
| - | position:absolute;
| + | |
| - | left:3px;
| + | |
| - | top:0px;
| + | |
| - | width:975px;
| + | |
| - | height:27px;
| + | |
| - | z-index:100;
| + | |
| - | }
| + | |
| - | /*BG*/
| + | |
| - | #bg {
| + | |
| - | position:absolute;
| + | |
| - | left:0px;
| + | |
| - | top:138px;
| + | |
| - | width:975px;
| + | |
| - | height:1005px;
| + | |
| - | z-index:0;
| + | |
| - | }
| + | |
| - | #maintop {
| + | |
| - | position:absolute;
| + | |
| - | left:0px;
| + | |
| - | top:138px;
| + | |
| - | width:975px;
| + | |
| - | height:61px;
| + | |
| - | z-index:0;
| + | |
| - | }
| + | |
| - | /*FLICKRIVER*/
| + | |
| - | #flickriver {
| + | |
| - | position:absolute;
| + | |
| - | left:36px;
| + | |
| - | top:1113px;
| + | |
| - | width:894px;
| + | |
| - | height:134px;
| + | |
| - | z-index:0;
| + | |
| - | }
| + | |
| - | #flickriver2 {
| + | |
| - | position:absolute;
| + | |
| - | left:480px;
| + | |
| - | top:1113px;
| + | |
| - | width:894px;
| + | |
| - | height:134px;
| + | |
| - | z-index:0;
| + | |
| - | }
| + | |
| - | #blanker {
| + | |
| - | position:absolute;
| + | |
| - | left:480px;
| + | |
| - | top:1113px;
| + | |
| - | width:238px;
| + | |
| - | height:23px;
| + | |
| - | z-index:10;
| + | |
| - | }
| + | |
| - | #blanker2 {
| + | |
| - | position:absolute;
| + | |
| - | left:280px;
| + | |
| - | top:1224px;
| + | |
| - | width:238px;
| + | |
| - | height:23px;
| + | |
| - | z-index:10;
| + | |
| - | }
| + | |
| - | /*PROJECT DESCRIPTION*/
| + | |
| - | #logobox {
| + | |
| - | position:absolute;
| + | |
| - | left:90px;
| + | |
| - | top:300px;
| + | |
| - | width:63px;
| + | |
| - | height:63px;
| + | |
| - | z-index:10;
| + | |
| - | }
| + | |
| - | #projectheading {
| + | |
| - | position:absolute;
| + | |
| - | left:170px;
| + | |
| - | 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*/
| + | |
| - | h7 {
| + | |
| - | font-size: 36px;
| + | |
| - | color: #FFFFFF;
| + | |
| - | margin-top: 0px;
| + | |
| - | margin-bottom: 3px;
| + | |
| - | font-weight: normal; font-family: "Book Antiqua",
| + | |
| - | Georgia,
| + | |
| - | serif;
| + | |
| - | }
| + | |
| - | h8 {
| + | |
| - | font-size: 12px;
| + | |
| - | 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;
| + | |
| - | font-weight: normal; font-family: Arial,
| + | |
| - | sans-serif
| + | |
| - | }
| + | |
| - | /*HEADINGS END*/
| + | |
| - | /*MENU CODE*/
| + | |
| - | 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;
| + | |
| - | }
| + | |
| - | ul.cssMenu ul li {
| + | |
| - | float:none;
| + | |
| - | }
| + | |
| - | ul.cssMenu ul a {
| + | |
| - | text-align:left;
| + | |
| - | white-space:nowrap;
| + | |
| - | }
| + | |
| - | ul.cssMenu li.sep{
| + | |
| - | 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{
| + | |
| - | 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>
| + | |
| - | <body style="color: rgb(0, 0, 0); background-color: #919191;"
| + | |
| - | 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/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/Notebook">Notebook</a></li>
| + | |
| - | <li class="cssMenui"><a class="cssMenui"
| + | |
| - | href="https://2009.igem.org/Team:Southampton/Sponsors">Sponsors</a></li>
| + | |
| - | </ul>
| + | |
| - | </div>
| + | |
| - | <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>
| + | |
| - | <h4>Coming Soon</h4>
| + | |
| - | </div>
| + | |
| - | <div id="maincont">
| + | |
| - | </div>
| + | |
| - | <div id="sufooter">
| + | |
| - | Home | Project | Biobrick
| + | |
| - | Parts | Team | Modelling | Notebook | Sponsors
| + | |
| - |
| + | |
| - |
| + | |
| - | University of
| + | |
| - | Southampton iGEM 2009
| + | |
| - | </div>
| + | |
| - | <div id="contfoot">
| + | |
| - | <img src="http://www.personal.soton.ac.uk/jeh2v07/images/mainfoot.gif" width="975" height="61" /></div></body>
| + | |
| - | </html>
| + | |
"
