Team:St Andrews/template

From 2011.igem.org

(Difference between revisions)
 
(165 intermediate revisions not shown)
Line 3: Line 3:
<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;
 +
background-color:transparent;
 +
}
Line 25: Line 43:
#p-logo {
#p-logo {
-
  position: absolute;
+
position: relative;
display: none;
display: none;
Line 34: Line 52:
  #top-section {
  #top-section {
-
   background-color: #ffffff;
+
   background-color: #0;
-
  height: 100px;
+
   border: none;
   border: none;
-
   width:910px;
+
   width:900px;
-
   height:55px;}
+
   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"; }
+
#projlogo
-
.container1 {position: relative; top:0px; left:0px;}
+
{
 +
position:relative;
 +
width:718px;
 +
height:154px;
 +
background-color:#0;
 +
}  
-
.title {
+
#igemlogo {
-
    width:182px;
+
position:absolute;
-
    height:190px;
+
width:65px;
-
    position: absolute;
+
height:50px;
-
    top: 0px;
+
left:60px;
-
    right: 0px;
+
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 108: 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">
-
</style>
+
<script type="text/javascript">
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
+
-
<script>
+
var $slider_started = false;
var $slider_started = false;
Line 208: Line 307:
</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 ="title">
 
-
        <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 233: 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 241: Line 320:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;">
height:60px;">
Line 249: 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 261: 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 269: Line 348:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;">
height:60px;">
Line 277: 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 289: 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 297: Line 376:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;"></div>
height:60px;"></div>
Line 303: 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 313: 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 321: Line 400:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;"></div>
height:60px;"></div>
Line 327: 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 339: 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 347: Line 426:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;"></div>
height:60px;"></div>
Line 353: 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 366: 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"