Team:St Andrews/template

From 2011.igem.org

(Difference between revisions)
 
(183 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  
+
body
-
{  
+
{
-
background-color: #0;
+
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  
Line 17: Line 22:
display: none;
display: none;
}
}
-
 
+
.right-menu li a
-
#p-logo
+
{
{
-
  position: absolute;
+
background-color: #000000;
-
  display: none;
+
}
}
-
 
+
.left-menu:hover
-
  #search-controls
+
{
{
-
  display: none;
+
background-color: #000000;
}
}
 +
 +
 +
 +
 +
#catlinks {
 +
border: none;
 +
background-color:transparent;
 +
}
 +
 +
 +
#footer-box {display: none; border=none;}
 +
 +
#p-logo {
 +
position: relative;
 +
display: none;
 +
 +
}
 +
 +
  #search-controls {
 +
  display: none;}
  #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.. -->
 
-
 
+
#projlogo
-
#unilogo  {
+
{
-
    width:52px;
+
position:relative;
-
    height:70px;
+
width:718px;
-
    position: absolute;
+
height:154px;
-
    top: 0px;
+
background-color:#0;
-
    left: 615px;}
+
}  
-
  .firstHeading {
+
#igemlogo {
-
  display: none;}
+
position:absolute;
 +
width:65px;
 +
height:50px;
 +
left:60px;
 +
top:0px;
-
.container0 {position: relative; background-color:#0; width:900px; height:250px; margin: 0px auto -1px auto; }
+
}
-
.container1 {position: relative; top:0px; left:0px}
+
.container0 {
-
.unilogo { width:182; height:190; position:absolute; top:0px; right:0px;}
+
position: relative;
 +
width:900px;  
 +
height:320px;  
 +
margin: 0px auto -1px auto;  
 +
border="0";  
 +
}
-
.top-slider-main{width:900px; height:60px; overflow:hidden; position:absolute; border:0px ;solid #000; z-index:10; bottom:0px;}  
+
.leftpart {
 +
position:absolute; 
 +
width:718px;  
 +
height:260px;  
 +
border="0";
 +
left:0px;  
 +
}
-
.top-slider-main div{width:380px; height:100px; position:absolute; }
+
.rightpart {
 +
position: absolute; 
 +
right:0px;
 +
width:182px;  
 +
height:260px;  
 +
border="0";  
 +
}
-
.top-slider-main .slider-box1{z-index:94;}
 
-
.top-slider-main .slider-box2{margin-left:380px; z-index:95;}
+
.pierimg {
 +
position: relative;
 +
top:0px;
 +
left:0px;
 +
width:718px;  
 +
height:106px;
 +
}
-
.top-slider-main .slider-box3{margin-left:510px; z-index:96;}
+
.title {
 +
width:182px;
 +
height:195px;
 +
position: absolute;
 +
bottom: 0px;
 +
right: 0px;
-
.top-slider-main .slider-box4{margin-left:640px; z-index:97;}
+
}
 +
img.ourlogo {
 +
width:182px;
 +
height: 171px;
 +
}
-
.top-slider-main .slider-box5{margin-left:770px; z-index:98;}
 
 +
.unilogo {
 +
width:182px;
 +
height:190px;
 +
position: absolute;
 +
top: 15px;
 +
right:0px;
 +
}
 +
.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 .left{position:relative; width:100px; height:100%; float:left; cursor:pointer; color:#FFF;}
+
.top-slider-main div{width:280px; height:60px; position:absolute; }
-
.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-box1{z-index:94;}
-
.top-slider-main .slider-box1 .left{background-color:#b0c4de;}
+
.top-slider-main .slider-box2{margin-left:280px; z-index:95;}
-
.top-slider-main .slider-box2 .left{background-color:#b0c4de;}
+
.top-slider-main .slider-box3{margin-left:435px; z-index:96;}
-
.top-slider-main .slider-box3 .left{background-color:#b0c4de;}
+
.top-slider-main .slider-box4{margin-left:590px; z-index:97;}
-
.top-slider-main .slider-box4 .left{background-color:#b0c4de;}
+
.top-slider-main .slider-box5{margin-left:745px; z-index:98;}
-
.top-slider-main .slider-box5 .left{background-color:#b0c4de;}
+
.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;}
-
#topbit {
+
-
              }
+
-
#menu {
+
.top-slider-main .slider-box3 .left{background-color:#b0c4de;}
-
              }
+
-
#thepier {
+
.top-slider-main .slider-box4 .left{background-color:#b0c4de;}
-
                }
+
 +
.top-slider-main .slider-box5 .left{background-color:#b0c4de;}
</style>
</style>
-
<script>
+
</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">
 +
<script type="text/javascript">
var $slider_started = false;
var $slider_started = false;
Line 202: 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 ="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 class="top-slider-main">
 
Line 221: 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 229: Line 320:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
-
height:60px;"
+
height:60px;">
    </div>
    </div>
Line 237: 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 249: 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 257: Line 348:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;">
height:60px;">
Line 265: 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 277: 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 285: Line 376:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;"></div>
height:60px;"></div>
Line 291: 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 301: 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 309: Line 400:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;"></div>
height:60px;"></div>
Line 315: 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 327: 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 335: Line 426:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;"></div>
height:60px;"></div>
Line 341: 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 354: Line 443:
</div>
</div>
 +
</div>
 +
</span>
-
 
-
</head>
 
-
 
-
<body>
 
</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"