Team:St Andrews/template

From 2011.igem.org

(Difference between revisions)
 
(76 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
<head>
<head>
-
</head>
 
-
<body>
 
<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: #000000; 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;
}
}
Line 30: Line 32:
-
#catlinks {border: none;}
+
 
 +
 
 +
#catlinks {
 +
border: none;
 +
background-color:transparent;
 +
}
Line 53: Line 60:
     width: 900px;
     width: 900px;
     border: none;
     border: none;
-
     font-family: helvetica, arial, sans-serif;
+
     font-family: 'Volkhov', serif;
     padding:0px;
     padding:0px;
-
 
+
    background-color:transparent;
}
}
-
#toppart
+
#projlogo
{
{
position:relative;
position:relative;
-
width: 900px;
+
width:718px;
-
height: 70px;
+
height:154px;
-
background-color:#0;
+
-
border-bottom-style:solid;
+
-
border-color:#000000;
+
-
border-width:15px;
+
-
}
+
-
 
+
-
#projlogo
+
-
{
+
-
position:absolute;
+
-
width:843px;
+
-
height:49px;
+
-
top:20px;
+
-
left:5px;
+
background-color:#0;
background-color:#0;
}     
}     
Line 83: Line 77:
#igemlogo {
#igemlogo {
position:absolute;
position:absolute;
-
width:84px;
+
width:65px;
-
height:40px;
+
height:50px;
-
top:15px;
+
left:60px;
-
left:780px;
+
top:0px;
 +
 
}
}
-
.container0 {position: relative; background-color:#0; width:900px; height:250px; margin: 0px auto -1px auto; border="0"; }
+
.container0 {
-
.container1 {position: relative; top:0px; left:0px;}
+
position: relative;
 +
width:900px;  
 +
height:320px;  
 +
margin: 0px auto -1px auto;  
 +
border="0";  
 +
}
 +
 
 +
.leftpart {
 +
position:absolute; 
 +
width:718px;
 +
height:260px;
 +
border="0";
 +
left:0px;
 +
}
 +
 
 +
.rightpart {
 +
position: absolute; 
 +
right:0px;
 +
width:182px;
 +
height:260px;
 +
border="0";
 +
}
 +
 
 +
 
 +
.pierimg {
 +
position: relative;  
 +
top:0px;  
 +
left:0px;
 +
width:718px;
 +
height:106px;
 +
}
.title {
.title {
-
    width:182px;
+
width:182px;
-
    height:190px;
+
height:195px;
-
    position: absolute;
+
position: absolute;
-
    top: 0px;
+
bottom: 0px;
-
    right: 0px;
+
right: 0px;
 +
}
 +
img.ourlogo {
 +
width:182px;
 +
height: 171px;
}
}
-
.unilogo   {
+
 
-
    width:52px;
+
.unilogo {
-
    height:70px;
+
width:182px;
-
    position: absolute;
+
height:190px;
-
    top: 0px;
+
position: absolute;
-
    right:60px;
+
top: 15px;
-
  }
+
right:0px;
 +
}
.links  
.links  
-
{ position:absolute;
+
{  
 +
position:absolute;
padding:18px;
padding:18px;
text-align:center;
text-align:center;
-
top:75px;}
+
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 {
 +
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 div{width:280px; height:60px; position:absolute; }
Line 132: Line 172:
.top-slider-main div .left{position:relative; height:100%; float:left; cursor:pointer; color:#FFF;}
.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:#b0c4de; padding:3px;}
+
.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-box1 .left{}
Line 145: Line 185:
</style>
</style>
-
<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script> -->
+
</head>
 +
<body>
 +
<link href='http://fonts.googleapis.com/css?family=Volkhov' rel='stylesheet' type='text/css'/>
-
<div id="toppart">
 
-
  <div id="projlogo">
 
-
<img src='https://static.igem.org/mediawiki/2011/0/01/Kill.png'/>
 
-
  </div>
 
-
 
-
  <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>
 
 +
<span class="a4">
<div class="container0">
<div class="container0">
-
<div class="container1">  
+
<div class="leftpart">
-
<img border="0" src="https://static.igem.org/mediawiki/2011/b/b0/Pier.jpg"/>
+
<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>
-
+
<div class="rightpart">
-
<div class ="title">
+
<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">
         <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>
+
           <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 class="links">
+
</div>
-
          <a href='http://biology.st-andrews.ac.uk/'>School of Biology</a><br />     
+
</div>
-
          <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">
<div class="top-slider-main">
Line 294: Line 328:
    <div class="content">
    <div class="content">
-
    <a href='https://2011.igem.org/Team:St_Andrews' class='listmain'>Description</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/diary' class='listmain' id='nowhere'>Diary</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/safety' class='listmain' id='nowhere'>Safety</a><br />
+
    <a href='https://2011.igem.org/Team:St_Andrews/safety' class='listmain' id='safety'>Safety Form</a><br />
    </div>
    </div>
Line 322: Line 356:
    <div class="content">
    <div class="content">
-
      <a href='https://2011.igem.org/Team:St_Andrews/switch' class='listmain' id='nowhere'>The Kill Switch</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/modelling' class='listmain' id='nowhere'>Modelling</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 334: Line 368:
<div class="slider-box3">
<div class="slider-box3">
-
    <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/2/2a/Res2.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 348: Line 382:
    <div class="content">
    <div class="content">
-
    <a href='https://2011.igem.org/Team:St_Andrews/drugdel' class='listmain' id='nowhere'>Drug Delivery</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/conj' class='listmain' id='nowhere'>Conjugation</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 358: Line 392:
<div class="slider-box4">
<div class="slider-box4">
-
    <div class="left" style="background-image:url('https://static.igem.org/mediawiki/2011/a/ab/Ex2.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 372: Line 406:
    <div class="content">
    <div class="content">
-
    <a href='https://2011.igem.org/Team:St_Andrews/debate/debate' class='listmain' id='nowhere'>The Debate</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/review' class='listmain' id='nowhere'>A Review -iGEM</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/essays' class='listmain' id='nowhere'>Essays</a><br />
+
    <a href='https://2011.igem.org/Team:St_Andrews/essays' class='listmain' >Reflective Essays</a><br />
    </div>
    </div>
Line 398: Line 432:
    <div class="content">
    <div class="content">
-
    <a href='https://2011.igem.org/Team:St_Andrews/team' class='listmain' id='nowhere'>The Team</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/sponsors' class='listmain' id='nowhere'>Sponsors</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 411: Line 443:
</div>
</div>
-
 
+
</div>
-
 
+
</span>
</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"