Team:St Andrews/template

From 2011.igem.org

(Difference between revisions)
 
(180 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
<head>
<head>
-
 
-
<!-- Start of internal Stylesheet  (I think it's better if we build our own..) -->
 
<style type="text/css">
<style type="text/css">
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
 
 +
.a4 A:link {text-decoration: none; color: white;}
 +
.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 { background-color: #fff;
+
body
-
           
+
{
-
            }
+
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 {
 
-
    display: none;}
 
-
a {
+
.firstHeading
-
    outline:none;}
+
{
 +
display: none;
 +
}
 +
.right-menu li a
 +
{
 +
background-color: #000000;
 +
}
 +
.left-menu:hover
 +
{
 +
background-color: #000000;
 +
}
-
#footer-box {display: none;}
+
 
 +
 
 +
#catlinks {
 +
border: none;
 +
background-color:transparent;
 +
}
 +
 
 +
 
 +
#footer-box {display: none; border=none;}
#p-logo {
#p-logo {
-
  position: absolute;
+
position: relative;
-
  display: none;}
+
display: none;
 +
 
 +
}
   #search-controls {
   #search-controls {
Line 29: 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;
 +
}
-
 
 
-
<!-- we can add more to this later but suggested basic structure.. -->
 
-
  #title {
+
#projlogo
-
    width:900px;
+
{
-
    height:55px;
+
position:relative;
-
    position: relative;
+
width:718px;
-
    top: 0px;
+
height:154px;
-
    left: 0px;}
+
background-color:#0;
 +
}  
-
#projectlogo {
+
#igemlogo {
-
    width:400px;
+
position:absolute;
-
    height:50px;
+
width:65px;
-
    position: absolute;
+
height:50px;
-
    top: 8px;
+
left:60px;
-
    left: 20px;}
+
top:0px;
-
#unilogo  {
+
}
-
    width:52px;
+
-
    height:70px;
+
-
    position: absolute;
+
-
    top: 0px;
+
-
    left: 615px;}
+
-
  .firstHeading {
+
.container0 {
-
  display: none;}  
+
position: relative;
 +
width:900px;
 +
height:320px;
 +
margin: 0px auto -1px auto;
 +
border="0";
 +
}
-
.container0 {position: relative; background-color:#000000; width:900px; height:250px; margin: 0px auto -1px auto; }
+
.leftpart {
 +
position:absolute;
 +
width:718px;  
 +
height:260px;
 +
border="0";
 +
left:0px;  
 +
}
-
.container1 {position: relative; top:0px; 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 105: 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">
-
#topbit {
+
<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>
-
#menu {
+
<div class="top-slider-main">
-
              }
+
<script type="text/javascript">
-
 
+
-
#thepier {
+
-
                }
+
-
 
+
-
 
+
-
</style>
+
-
<script>
+
var $slider_started = false;
var $slider_started = false;
Line 213: 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="top-slider-main">
 
Line 227: 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 235: Line 320:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
-
height:60px;"
+
height:60px;">
    </div>
    </div>
Line 243: 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 255: 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 263: Line 348:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;">
height:60px;">
Line 271: 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 283: 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 291: Line 376:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;"></div>
height:60px;"></div>
Line 297: 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 307: 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 315: Line 400:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;"></div>
height:60px;"></div>
Line 321: 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 333: 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 341: Line 426:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;"></div>
height:60px;"></div>
Line 347: 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/sponsors' class='listmain' >Sponsors</a><br />
-
 
+
    <a href='https://2011.igem.org/Team:St_Andrews/collaboration' class='listmain' >Collaboration</a><br />
-
    <a href='https://2011.igem.org/Team:St_Andrews' class='listmain' id='nowhere'>Nowhere</a><br />
+
    </div>
-
 
+
-
</div>
+
   
   
Line 360: Line 443:
</div>
</div>
-
 
-
 
-
</head>
 
-
 
-
<body>
 
-
 
-
<div id ='title'>
 
-
<div id ='unilogo'>
 
-
<a href='http://www.st-andrews.ac.uk/'>
 
-
    <img src='https://static.igem.org/mediawiki/2011/e/e0/University_logo.jpg'>
 
-
    </a>
 
</div>
</div>
 +
</span>
-
<div id ='projectlogo'>
 
-
 
-
  <a href='https://2010.igem.org/Team:Imperial_College_London'>
 
-
    <img src='https://static.igem.org/mediawiki/2010/9/9f/ICparalogo.png'>
 
-
    </a>
 
-
  </div>
 
-
 
-
</div>
 
</body>
</body>
</html>
</html>

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"