Team:St Andrews/defaulttemplate

From 2010.igem.org

(Difference between revisions)
 
(198 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<link href='http://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'>
+
<link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
<style>
<style>
Line 14: Line 14:
{
{
   background: #00539B;
   background: #00539B;
-
font-family: 'Vollkorn', arial, serif;
+
font-family: 'Droid Serif', arial, serif;
 +
 
}
}
Line 62: Line 63:
}
}
-
#banner
+
.banner
{
{
   padding:2px;
   padding:2px;
Line 93: Line 94:
}
}
-
 
+
ul.dropdown ul {
 +
margin:10;
 +
padding:10;
 +
visibility: hidden;
 +
position: absolute;
 +
 +
}
.menu ul{
.menu ul{
margin: 0; padding: 0;
margin: 0; padding: 0;
-
float: left;}
+
     
 +
float: left;
 +
}
.menu ul li{
.menu ul li{
Line 106: Line 115:
float: left; text-decoration: none;
float: left; text-decoration: none;
color: white;
color: white;
-
padding: 6.5px 11px;
+
padding: 5px 4px;
-
background-color: #dd0100; }
+
background-color: #dd0100;  
 +
}
.menu ul li a:visited{
.menu ul li a:visited{
-
color: white;}
+
color: white;
 +
}
-
.menu ul li a:hover, .menu ul li .current{
+
.menu ul li a:hover, .menu ul li .current
 +
{
color: #dd0100;
color: #dd0100;
-
background-color:#ffffff;}
+
background-color:#ffffff;
 +
}
 +
ul.menu li:hover > ul {
 +
visibility: visible;
 +
}
-
.menu{
+
.menu
 +
{
width: 100%;
width: 100%;
-
background-color: #dd0100; }
+
background-color: #dd0100;  
 +
}
-
+
 
-
+
 
 +
td
 +
{
 +
padding:15px;
 +
}
 +
 
 +
#slideshow-inner{
 +
    display: inline;
 +
    float: left; 
 +
    margin-right: 0;
 +
    margin-left: 0px;
 +
    overflow: hidden;
 +
    position: relative;
 +
width: 100%;
 +
 
 +
    }
 +
 
 +
.slideshow-text h3
 +
{
 +
color: #ffffff;
 +
}
 +
 
 +
.slideshow-text {
 +
    background-image: url('http://www.st-andrews.ac.uk/media/v2-img_darkglass.png');
 +
    background-repeat: repeat;
 +
    bottom: 0;
 +
    color: #ffffff;
 +
    height: auto;
 +
    font-size: large;
 +
    left: 0;
 +
    position: absolute;
 +
    width: 100%;
 +
    }
 +
 
 +
#sideshow-inner
 +
{
 +
position: relative;
 +
}
 +
 
 +
td
 +
{
 +
vertical-align: top;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
ul.dropdown,
 +
ul.dropdown li,
 +
ul.dropdown ul {
 +
list-style: none;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 
 +
ul.dropdown {
 +
position: relative;
 +
z-index: 597;
 +
}
 +
 
 +
ul.dropdown li {
 +
float: left;
 +
line-height: 1.3em;
 +
vertical-align: middle;
 +
zoom: 1;
 +
}
 +
 
 +
ul.dropdown li.hover,
 +
ul.dropdown li:hover {
 +
position: relative;
 +
z-index: 599;
 +
cursor: default;
 +
}
 +
 
 +
ul.dropdown ul {
 +
visibility: hidden;
 +
position: absolute;
 +
top: 100%;
 +
left: 0;
 +
z-index: 598;
 +
width: 100%;
 +
}
 +
 
 +
ul.dropdown ul li {
 +
float: none;
 +
}
 +
 
 +
ul.dropdown ul ul {
 +
top: 1px;
 +
left: 99%;
 +
}
 +
 
 +
ul.dropdown li:hover > ul {
 +
visibility: visible;
 +
}
 +
 
 +
ul.dropdown li.rtl ul {
 +
top: 100%;
 +
right: 0;
 +
left: auto;
 +
}
 +
 
 +
ul.dropdown li.rtl ul ul {
 +
top: 1px;
 +
right: 99%;
 +
left: auto;
 +
}
</style>
</style>
 +
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
 +
<!-- include Cycle plugin -->
 +
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
    $('#slideshow').cycle({
 +
        fx: 'fade',
 +
        pause: 1,
 +
        random: 0,
 +
        next: '#next',
 +
        prev: '#prev',
 +
        timeout: 7000
 +
    });
 +
});
 +
 +
</script>
 +
 +
<body>
<body>
 +
</br>
</br>
-
<div id="banner">
+
<div id="slideshow">
-
<img width=100% height=400 title="St Mary's Quad, St Andrews" alt="St Mary's Quad, St Andrews" src="https://static.igem.org/mediawiki/2010/d/da/Stmarys.jpg"/>
+
 
 +
<div id="slideshow-inner">
 +
<img width=100% height=400 title="St Andrews from East Sands" alt="St Andrews from East Sands" src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc4/hs906.snc4/71975_462639537832_622357832_5539021_8166064_n.jpg"/>
 +
<div class="slideshow-text">
 +
    <h3>University of St Andrews iGEM 2010</h3>
 +
    <p>Welcome!</p>
 +
</div>
</div>
</div>
 +
 +
 +
 +
 +
<div id="slideshow-inner">
 +
<img width=100% height=400 title="The SAINTS" alt="The Saints" src="https://static.igem.org/mediawiki/2010/6/6c/WikiBanner.jpg" />
 +
<div class="slideshow-text">
 +
    <h3>University of St Andrews iGEM 2010</h3>
 +
    <p>Our first year at iGEM!</p>
 +
</div>
 +
</div>
 +
 +
</div>
 +
 +
 +
</div>
 +
 +
<div class="menu">
<div class="menu">
-
<ul>
+
<ul class="dropdown dropdown-horizontal">
-
  <li><a href="https://2010.igem.org/Team:St_Andrews">Home</a></li>   
+
  <li><a href="https://2010.igem.org/Team:St_Andrews">Home     </a></li>   
  <li><a href="https://2010.igem.org/Team:St_Andrews/project/modelling">Modelling</a></li>
  <li><a href="https://2010.igem.org/Team:St_Andrews/project/modelling">Modelling</a></li>
-
  <li><a href="https://2010.igem.org/Team:St_Andrews/project/laboratory">Laboratory</a></li>
+
  <li><a href="https://2010.igem.org/Team:St_Andrews/project/laboratory">CqsA and Bistable Switch</a></li>
 +
<li><a href="https://2010.igem.org/Team:St_Andrews/project/RBS">RBS</a></li>
 +
<ul>
 +
<li>test</li>
 +
</ul>
 +
<li><a href="https://2010.igem.org/Team:St_Andrews/project/parts">Parts</a></li>
  <li><a href="https://2010.igem.org/Team:St_Andrews/project/ethics">Human Practices</a> </li>
  <li><a href="https://2010.igem.org/Team:St_Andrews/project/ethics">Human Practices</a> </li>
 +
<li><a href="https://2010.igem.org/Team:St_Andrews/project/safety">Safety</a> </li>
 +
<li><a href="https://igem.org/Main_Page"> Igem 2010 Home </a> </li>
</ul>
</ul>
<br style="clear: left" />
<br style="clear: left" />

Latest revision as of 21:47, 27 October 2010


St Andrews from East Sands

University of St Andrews iGEM 2010

Welcome!

The Saints

University of St Andrews iGEM 2010

Our first year at iGEM!