Team:St Andrews/template

From 2011.igem.org

(Difference between revisions)
 
(137 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: #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;
}
}
Line 19: Line 21:
{
{
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 38: Line 52:
  #top-section {
  #top-section {
-
   background-color: #ffffff;
+
   background-color: #0;
   border: none;
   border: none;
   width:900px;
   width:900px;
Line 46: Line 60:
     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;
 +
}
-
 
-
#toppart
 
-
{
 
-
position:relative;
 
-
width: 900px;
 
-
height: 100px;
 
-
background-color:#f6f6b8;
 
-
}
 
#projlogo  
#projlogo  
{
{
-
position:absolute;
+
position:relative;
-
width:300px;
+
width:718px;
-
height:50px;
+
height:154px;
-
top:20px;
+
background-color:#0;
-
left:50px;
+
-
background-color:#ff2;
+
}     
}     
#igemlogo {
#igemlogo {
position:absolute;
position:absolute;
-
width:84px;
+
width:65px;
height:50px;
height:50px;
-
top:20px;
+
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;
 
-
    height:70px;
 
-
    position: absolute;
 
-
    top: 0px;
 
-
    right:60px;
 
-
  }
+
.unilogo {
 +
width:182px;
 +
height:190px;
 +
position: absolute;
 +
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:380px; height:100px; position:absolute; }
+
.top-slider-main div{width:280px; height:60px; position:absolute; }
.top-slider-main .slider-box1{z-index:94;}
.top-slider-main .slider-box1{z-index:94;}
-
.top-slider-main .slider-box2{margin-left:380px; z-index:95;}
+
.top-slider-main .slider-box2{margin-left:280px; z-index:95;}
-
.top-slider-main .slider-box3{margin-left:510px; z-index:96;}
+
.top-slider-main .slider-box3{margin-left:435px; z-index:96;}
-
.top-slider-main .slider-box4{margin-left:640px; z-index:97;}
+
.top-slider-main .slider-box4{margin-left:590px; z-index:97;}
-
.top-slider-main .slider-box5{margin-left:770px; z-index:98;}
+
.top-slider-main .slider-box5{margin-left:745px; z-index:98;}
-
.top-slider-main div .left{position:relative; width:100px; 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:250px; background-color:#b0c4de; color:#000; float:left; font-family: Arial, Helvetica, sans-serif; font-size:1em;}
+
.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{background-color:#b0c4de;}
+
.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 133: 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">
 
-
  Project Name / Logo goes here!
 
-
  </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 266: 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 274: Line 320:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;">
height:60px;">
Line 282: 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 294: 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 302: Line 348:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;">
height:60px;">
Line 310: 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 322: 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 330: Line 376:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;"></div>
height:60px;"></div>
Line 336: 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 346: 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 354: Line 400:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;"></div>
height:60px;"></div>
Line 360: 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 372: 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 380: Line 426:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;"></div>
height:60px;"></div>
Line 386: 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 399: 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"