Team:St Andrews/template

From 2011.igem.org

(Difference between revisions)
 
(158 intermediate revisions not shown)
Line 1: Line 1:
 +
<html>
<html>
<head>
<head>
<style type="text/css">
<style type="text/css">
-
a
+
 
-
{
+
.a4 A:link {text-decoration: none; color: white;}
-
outline:none;
+
.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-color: #fff; border=none;
+
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;
}
}
-
  .firstHeading {
+
.firstHeading  
-
    display: none;}
+
{
 +
display: none;
 +
}
 +
.right-menu li a
 +
{
 +
background-color: #000000;
 +
}
 +
.left-menu:hover
 +
{
 +
background-color: #000000;
 +
}
-
#catlinks {border: none;}
+
 
 +
#catlinks {
 +
border: none;
 +
background-color:transparent;
 +
}
Line 24: Line 43:
#p-logo {
#p-logo {
-
  position: absolute;
+
position: relative;
display: none;
display: none;
Line 33: Line 52:
  #top-section {
  #top-section {
-
   background-color: #ffffff;
+
   background-color: #0;
-
  height: 5px;
+
   border: none;
   border: none;
   width:900px;
   width:900px;
-
   }
+
   height:5px;}
  #content {
  #content {
     width: 900px;
     width: 900px;
     border: none;
     border: none;
-
     font-family: helvetica, arial, sans-serif;
+
     font-family: 'Volkhov', serif;
-
     color: #555555;}
+
     padding:0px;
 +
    background-color:transparent;
 +
}
-
.container0 {position: relative; background-color:#0; width:900px; height:250px; margin: 0px auto -1px auto; border="0"; }
 
-
.container1 {position: relative; top:0px; left:0px;}
 
-
.logobox {
+
 
-
    width:182px;
+
#projlogo
-
    height:190px;
+
{
-
    position: absolute;
+
position:relative;
-
    top: 0px;
+
width:718px;
-
    right: 0px;
+
height:154px;
 +
background-color:#0;
 +
}   
 +
 
 +
#igemlogo {
 +
position:absolute;
 +
width:65px;
 +
height:50px;
 +
left:60px;
 +
top:0px;
}
}
-
.unilogo  {
+
.container0 {
-
    width:52px;
+
position: relative;
-
    height:70px;
+
width:900px;  
-
    position: absolute;
+
height:320px;  
-
    top: 0px;
+
margin: 0px auto -1px auto;  
-
    right:60px;
+
border="0";  
 +
}
-
  }
+
.leftpart {
-
.links
+
position:absolute;
-
{ position:absolute;
+
width:718px;  
-
padding:5px;
+
height:260px;  
-
text-align:center;
+
border="0";
-
top:75px;}
+
left:0px;  
 +
}
 +
.rightpart {
 +
position: absolute; 
 +
right:0px;
 +
width:182px;
 +
height:260px;
 +
border="0";
 +
}
-
.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:380px; height:100px; position:absolute; }
+
.pierimg {
 +
position: relative;  
 +
top:0px;  
 +
left:0px;
 +
width:718px;
 +
height:106px;
 +
}
-
.top-slider-main .slider-box1{z-index:94;}
+
.title {
 +
width:182px;
 +
height:195px;
 +
position: absolute;
 +
bottom: 0px;
 +
right: 0px;
-
.top-slider-main .slider-box2{margin-left:380px; z-index:95;}
+
}
 +
img.ourlogo {
 +
width:182px;
 +
height: 171px;
 +
}
-
.top-slider-main .slider-box3{margin-left:510px; z-index:96;}
 
-
.top-slider-main .slider-box4{margin-left:640px; z-index:97;}
+
.unilogo {
 +
width:182px;
 +
height:190px;
 +
position: absolute;
 +
top: 15px;
 +
right:0px;
 +
}
-
.top-slider-main .slider-box5{margin-left:770px; z-index:98;}
+
.links
 +
{  
 +
position:absolute;
 +
padding:18px;
 +
text-align:center;
 +
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 div{width:280px; height:60px; position:absolute; }
 +
.top-slider-main .slider-box1{z-index:94;}
-
.top-slider-main div .left{position:relative; width:100px; height:100%; float:left; cursor:pointer; color:#FFF;}
+
.top-slider-main .slider-box2{margin-left:280px; z-index:95;}
-
.top-slider-main div .content{position:relative; width:250px; background-color:#b0c4de; color:#000; float:left; font-family: Arial, Helvetica, sans-serif; font-size:1em;}
+
.top-slider-main .slider-box3{margin-left:435px; z-index:96;}
-
.top-slider-main .slider-box1 .left{background-color:#b0c4de;}
+
.top-slider-main .slider-box4{margin-left:590px; z-index:97;}
 +
 
 +
.top-slider-main .slider-box5{margin-left:745px; z-index:98;}
 +
 
 +
.top-slider-main div .left{position:relative; height:100%; float:left; cursor:pointer; color:#FFF;}
 +
 
 +
.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-box2 .left{background-color:#b0c4de;}
.top-slider-main .slider-box2 .left{background-color:#b0c4de;}
Line 104: Line 184:
.top-slider-main .slider-box5 .left{background-color:#b0c4de;}
.top-slider-main .slider-box5 .left{background-color:#b0c4de;}
 +
</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="leftpart">
 +
<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 class="rightpart">
 +
<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">
 +
          <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 class="top-slider-main">
 +
<script type="text/javascript">
-
</style>
 
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
 
-
<script>
 
var $slider_started = false;
var $slider_started = false;
 +
$(document).ready(function(){
$(document).ready(function(){
Line 201: Line 306:
</script>
</script>
-
<div class="container0">
 
-
<div class="container1">
 
-
<img border="0" src="https://static.igem.org/mediawiki/2011/b/b0/Pier.jpg"/>
 
-
</div>
 
-
<div class ="logobox">
 
-
        <div class ="unilogo">
 
-
          <a href='http://www.st-andrews.ac.uk/'><img src='https://static.igem.org/mediawiki/2011/e/e0/University_logo.jpg' border="0"></a>
 
-
        </div>
 
-
<div class="links">
 
-
          <a href='http://biology.st-andrews.ac.uk/'>School of Biology</a><br />     
 
-
          <a href='http://www.cs.st-andrews.ac.uk/'>School of Computer Science</a><br />               
 
-
<a href='http://medicine.st-andrews.ac.uk/'>School of Medicine</a><br /> 
 
-
          <a href='http://www.mcs.st-andrews.ac.uk/'>School of Mathematics</a>
 
-
</div>
 
-
    </div>
 
-
 
-
 
-
<div class="top-slider-main">
 
Line 225: Line 312:
<div class="slider-box1">
<div class="slider-box1">
-
    <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/8/8a/Proj.png');
+
    <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/1/18/Proj2.png');
-
    background-color:#000000;
+
    background-color:black;
    background-repeat:no-repeat;
    background-repeat:no-repeat;
Line 233: Line 320:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;">
height:60px;">
Line 241: Line 328:
    <div class="content">
    <div class="content">
-
    <a href='https://2011.igem.org/Team:St_Andrews' class='listmain' id='home'>Home</a><br />
+
    <a href='https://2011.igem.org/Team:St_Andrews' class="listmain">Description</a><br />
-
    <a href='https://2011.igem.org/Team:St_Andrews/description' class='listmain' id='nowhere'>Description</a><br />
+
    <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='nowhere'>Nowhere</a><br />
+
    <a href='https://2011.igem.org/Team:St_Andrews/safety' class='listmain' id='safety'>Safety Form</a><br />
    </div>
    </div>
Line 253: Line 340:
<div class="slider-box2">
<div class="slider-box2">
-
    <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/f/f7/Plan.png');
+
    <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/2/2a/Res2.png');
    background-color:#000000;
    background-color:#000000;
Line 261: Line 348:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;">
height:60px;">
Line 269: Line 356:
    <div class="content">
    <div class="content">
-
      <a href='https://2011.igem.org/Team:St_Andrews/safety' class='listmain' id='nowhere'>Safety</a><br />
+
      <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='nowhere'>Nowhere</a><br />
+
    <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='nowhere'>Nowhere</a><br />
+
    <a href='https://2011.igem.org/Team:St_Andrews/parts' class='listmain' id='parts'>Parts Submitted</a><br />
  </div>
  </div>
Line 281: Line 368:
<div class="slider-box3">
<div class="slider-box3">
-
    <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/3/31/Res.png');
+
    <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/2/28/App.png');
    background-color:#000000;
    background-color:#000000;
Line 289: Line 376:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;"></div>
height:60px;"></div>
Line 295: Line 382:
    <div class="content">
    <div class="content">
-
    <a href='https://2011.igem.org/Team:St_Andrews' class='listmain' id='nowhere'>Nowhere</a><br />
+
    <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' class='listmain' id='nowhere'>Nowhere</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' id='nowhere'>Nowhere</a><br /></div>
+
    <a href='https://2011.igem.org/Team:St_Andrews/conj' class='listmain' >Conjugation</a><br /></div>
</div>
</div>
Line 305: Line 392:
<div class="slider-box4">
<div class="slider-box4">
-
    <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/9/9e/Ex.png');
+
    <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/0/00/Hprac.png');
    background-color:#000000;
    background-color:#000000;
Line 313: Line 400:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;"></div>
height:60px;"></div>
Line 319: Line 406:
    <div class="content">
    <div class="content">
-
    <a href='https://2011.igem.org/Team:St_Andrews' class='listmain' id='nowhere'>Nowhere</a><br />
+
                        <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' id='nowhere'>Nowhere</a><br />
+
    <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' id='nowhere'>Nowhere</a><br />
+
    <a href='https://2011.igem.org/Team:St_Andrews/essays' class='listmain' >Reflective Essays</a><br />
    </div>
    </div>
Line 331: Line 418:
<div class="slider-box5">
<div class="slider-box5">
-
    <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/3/32/Team.png');
+
    <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/e/e4/Team2.png');
    background-color:#000000;
    background-color:#000000;
Line 339: Line 426:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;"></div>
height:60px;"></div>
Line 345: Line 432:
    <div class="content">
    <div class="content">
-
    <a href='https://2011.igem.org/Team:St_Andrews' class='listmain' id='nowhere'>Nowhere</a><br />
+
    <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' class='listmain' id='nowhere'>Nowhere</a><br />
+
-
 
+
-
    <a href='https://2011.igem.org/Team:St_Andrews' class='listmain' id='nowhere'>Nowhere</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 358: Line 443:
</div>
</div>
-
 
+
</div>
-
 
+
</span>
-
</head>
+
-
 
+
-
<body>
+
-
 
+
</body>
</body>

Latest revision as of 10:16, 20 September 2011

Description
Project Diary
Safety Form
The Kill Switch
Modelling
Parts Submitted
Drug Delivery
Biosafety
Conjugation
"Is iGEM Fair?"
Panel Debate
Reflective Essays
The Team
Sponsors
Collaboration

Retrieved from "http://2011.igem.org/Team:St_Andrews/template"