Team:St Andrews/template

From 2011.igem.org

(Difference between revisions)
 
(144 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;}
+
 
 +
#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;
   border: none;
   border: none;
   width:900px;
   width:900px;
Line 42: 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:84px;
+
width:718px;
-
height:50px;
+
height:154px;
-
top:10px;
+
background-color:#0;
-
left:50px;
+
-
background-color:#ff2;
+
}     
}     
#igemlogo {
#igemlogo {
position:absolute;
position:absolute;
-
width:84px;
+
width:65px;
height:50px;
height:50px;
 +
left:60px;
top:0px;
top:0px;
-
left:615px;
 
}
}
-
.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";  
 +
}
-
.title {
+
.leftpart {
-
    width:182px;
+
position:absolute; 
-
    height:190px;
+
width:718px;  
-
    position: absolute;
+
height:260px;  
-
    top: 0px;
+
border="0";
-
    right: 0px;
+
left:0px;  
 +
}
 +
.rightpart {
 +
position: absolute; 
 +
right:0px;
 +
width:182px;
 +
height:260px;
 +
border="0";
}
}
-
.unilogo  {
 
-
    width:52px;
 
-
    height:70px;
 
-
    position: absolute;
 
-
    top: 0px;
 
-
    right:60px;
 
-
  }
+
.pierimg {
-
.links
+
position: relative;  
-
{ position:absolute;
+
top:0px;  
-
padding:5px;
+
left:0px;
-
text-align:center;
+
width:718px;  
-
top:75px;}
+
height:106px;
 +
}
 +
.title {
 +
width:182px;
 +
height:195px;
 +
position: absolute;
 +
bottom: 0px;
 +
right: 0px;
-
.top-slider-main{width:900px; height:60px; overflow:hidden; position:absolute; border:0px ;solid #000; z-index:10; bottom:0px;}  
+
}
 +
img.ourlogo {
 +
width:182px;
 +
height: 171px;
 +
}
-
.top-slider-main div{width:380px; height:100px; position:absolute; }
 
-
.top-slider-main .slider-box1{z-index:94;}
+
.unilogo {
 +
width:182px;
 +
height:190px;
 +
position: absolute;
 +
top: 15px;
 +
right:0px;
 +
}
-
.top-slider-main .slider-box2{margin-left:380px; z-index:95;}
+
.links
 +
{  
 +
position:absolute;
 +
padding:18px;
 +
text-align:center;
 +
top:75px;
 +
}
-
.top-slider-main .slider-box3{margin-left:510px; z-index:96;}
 
-
.top-slider-main .slider-box4{margin-left:640px; z-index:97;}
+
.top-slider-main {
 +
width:900px;  
 +
height:60px;
 +
overflow:hidden;
 +
position:absolute;
 +
border:0px;
 +
solid #000;
 +
z-index:10;
 +
bottom:0px;}  
-
.top-slider-main .slider-box5{margin-left:770px; z-index:98;}
+
.top-slider-main div{width:280px; height:60px; position:absolute; }
 +
 
 +
.top-slider-main .slider-box1{z-index:94;}
 +
.top-slider-main .slider-box2{margin-left:280px; z-index:95;}
 +
.top-slider-main .slider-box3{margin-left:435px; z-index:96;}
 +
.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; 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 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 src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
+
<script type="text/javascript">
<script type="text/javascript">
Line 232: Line 306:
</script>
</script>
-
<div id="toppart">
 
-
  <div id="projlogo">
 
-
  Logo
 
-
  </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>
 
-
 
-
<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 269: 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 277: Line 320:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;">
height:60px;">
Line 285: 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 297: 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 305: Line 348:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;">
height:60px;">
Line 313: 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 325: 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 333: Line 376:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;"></div>
height:60px;"></div>
Line 339: 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 349: 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 357: Line 400:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;"></div>
height:60px;"></div>
Line 363: 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 375: 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 383: Line 426:
    background-position:center;
    background-position:center;
-
    width:130px;
+
    width:155px;
height:60px;"></div>
height:60px;"></div>
Line 389: 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 402: Line 443:
</div>
</div>
-
 
+
</div>
-
 
+
</span>
-
</head>
+
-
 
+
-
<body>
+
-
 
+
</body>
</body>

Latest revision as of 10:16, 20 September 2011