|
|
(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>
| + | |