Team:St Andrews/template

From 2011.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
<head>
<head>
-
</head>
+
<style type="text/css">
-
<body>
+
-
<link href='http://fonts.googleapis.com/css?family=Volkhov' rel='stylesheet' type='text/css'>
+
-
<style type="text/css">
+
.a4 A:link {text-decoration: none; color: white;}  
-
a
+
.a4 A:visited {text-decoration: none; color: black;}
-
{
+
.a4 A:active {text-decoration: none; color: white;}
-
outline:none;
+
.a4 A:hover {text-decoration: underline; color: white;}
-
color:white;
+
-
}
+
-
a:visited{
+
-
color:white;
+
-
}
+
body
body
Line 37: Line 30:
background-color: #000000;
background-color: #000000;
}
}
 +
 +
Line 71: Line 66:
-
 
-
#toppart
 
-
{
 
-
position:relative;
 
-
width: 900px;
 
-
height: 70px;
 
-
background-color:white;
 
-
border:none;
 
-
}
 
#projlogo  
#projlogo  
{
{
-
position:absolute;
+
position:relative;
-
width:843px;
+
width:718px;
-
height:49px;
+
height:154px;
-
top:20px;
+
-
left:5px;
+
background-color:#0;
background-color:#0;
}     
}     
Line 93: 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;  width:900px; height:250px; margin: 0px auto -1px auto; border="0"; }
+
.container0 {
-
.container1 {position: relative; background-color:white; top:0px; left:0px;width:900px; height:190px}
+
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;
}
}
Line 116: Line 131:
-
.unilogo   {
+
.unilogo {
-
    width:182px;
+
width:182px;
-
    height:190px;
+
height:190px;
-
    position: absolute;
+
position: absolute;
-
    top: 0px;
+
top: 15px;
-
    right:0px;
+
right:0px;
-
background-color:white;
+
}
-
  }
+
.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:relative; 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 161: 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" style="padding-top:84px;"/>
+
<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 class="ourlogo" src='https://static.igem.org/mediawiki/2011/0/09/Standrewsteamlogo.png' 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>
+
</div>
-
 
+
</div>
<div class="top-slider-main">
<div class="top-slider-main">
Line 303: 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='diary'>Project Diary</a><br />
    <a href='https://2011.igem.org/Team:St_Andrews/diary' class='listmain' id='diary'>Project Diary</a><br />
Line 357: 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/biosafe' class='listmain' id='nowhere'>Biosafety</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/conj' class='listmain' id='nowhere'>Conjugation</a><br /></div>
+
    <a href='https://2011.igem.org/Team:St_Andrews/conj' class='listmain' >Conjugation</a><br /></div>
</div>
</div>
Line 381: Line 406:
    <div class="content">
    <div class="content">
-
                         <a href='https://2011.igem.org/Team:St_Andrews/review' class='listmain' id='nowhere'>"Is iGEM Fair?"</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/debate/debate' class='listmain' id='nowhere'>Panel Debate</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'>Reflective Essays</a><br />
+
    <a href='https://2011.igem.org/Team:St_Andrews/essays' class='listmain' >Reflective Essays</a><br />
    </div>
    </div>
Line 407: 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 420: Line 443:
</div>
</div>
-
 
+
</div>
-
 
+
</span>
</body>
</body>

Latest revision as of 10:16, 20 September 2011