Team:St Andrews/defaulttemplate

From 2010.igem.org

(Difference between revisions)
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 96: Line 97:
 +
.menu ul{
 +
margin: 0; padding: 0;
 +
     
 +
float: left;
 +
}
 +
.menu ul li{
 +
display: inline;}
-
 
+
.menu ul li a{
-
ul.dropdown li,
+
float: left; text-decoration: none;
-
ul.dropdown,
+
color: white;
-
ul.dropdown ul {
+
padding: 5px 4px;
-
padding: 0px 50px;
+
background-color: #dd0100;  
-
list-style: none;
+
-
margin: 0;
+
-
padding: 0;
+
}
}
 +
.menu ul li a:visited{
 +
color: white;}
-
ul.dropdown li {
+
.menu ul li a:hover, .menu ul li .current
-
vertical-align: middle;
+
{
 +
color: #dd0100;
 +
background-color:#ffffff;
}
}
-
ul.dropdown li.hover,
 
-
ul.dropdown li:hover {
 
-
position: relative;
 
-
cursor: default;
 
-
}
 
-
ul.dropdown ul {
+
.menu
-
margin:10;
+
{
-
padding:10;
+
width: 100%;
-
visibility: hidden;
+
background-color: #dd0100;  
-
position: absolute;
+
-
float: right
+
-
+
-
}
+
-
 
+
-
ul.dropdown ul li {
+
-
top: 0%;
+
-
left: 0;
+
-
width: 100%;
+
-
float: right;
+
}
}
-
ul.dropdown li:hover > ul {
+
td
-
visibility: visible;
+
{
 +
padding:15px;
}
}
-
ul.dropdown li.rtl ul {
+
#slideshow-inner{
-
top: 0%;
+
    display: inline;
-
  right: 100%;
+
    float: left;  
-
left: auto;
+
    margin-right: 0;
-
}
+
    margin-left: 0px;
 +
    overflow: hidden;
 +
    position: relative;
 +
width: 100%;
 +
 
 +
    }
-
ul.dropdown {
+
.slideshow-text h3
-
  float:right;
+
{
-
position:relative;
+
  color: #ffffff;
-
right:50%;
+
}
}
-
ul.dropdown li {
+
.slideshow-text {
-
padding: 2px 4px;
+
    background-image: url('http://www.st-andrews.ac.uk/media/v2-img_darkglass.png');
-
background-color: #FFFFFF;
+
    background-repeat: repeat;
-
color: 000000;
+
    bottom: 0;
-
        float:left;
+
    color: #ffffff;
-
        position:relative;
+
    height: auto;
-
        left:50%;
+
    font-size: large;
-
}
+
    left: 0;
 +
    position: absolute;
 +
    width: 100%;
 +
    }
 +
#sideshow-inner
 +
{
 +
position: relative;
 +
}
 +
td
 +
{
 +
vertical-align: top;
 +
}
-
ul.dropdown ul {
+
</style>
-
color: #00539B;
+
-
        font-weight: normal;
+
-
        right: auto;
+
-
}
+
-
ul.dropdown ul li {
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
-
  background-color: #FFFFFF;
+
<!-- include Cycle plugin -->
-
          left: auto;
+
<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
 +
    });
 +
});
-
ul.dropdown ul li:hover {
+
</script>
-
  color: #FFFFFF;
+
-
          background-color: #00539B;
+
-
}
+
-
 
-
 
-
 
-
</style>
 
<body>
<body>
 +
</br>
</br>
-
<div id="banner">
+
<div id="slideshow">
-
<img width=950 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>
-
</br>
 
-
<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/project/modelling">Modelling</a>
 
-
    <ul>
 
-
      <li> ITEM1</li>
 
-
      <li> ITEM2</li>
 
-
    </ul>
 
 +
<div id="slideshow-inner">
 +
<img width=100% height=400 title="The SAINTS" alt="The Saints" src="https://static.igem.org/mediawiki/2010/1/1a/StAndrewsBanner.jpg" />
 +
<div class="slideshow-text">
 +
    <h3>University of St Andrews iGEM 2010</h3>
 +
    <p>Our first year at iGEM! Only and purely undergrads work!</p>
 +
</div>
 +
</div>
-
<li><a href="https://2010.igem.org/Team:St_Andrews/project/laboratory">Laboratory</a>
+
</div>
-
    <ul>
+
-
      <li> ITEM1</li>
+
-
      <li> ITEM2</li>
+
-
    </ul>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/project/ethics">Human Practices</a>
 
-
    <ul>
 
-
      <li> ITEM1</li>
 
-
      <li> ITEM2</li>
 
-
    </ul>
 
-
  </li>
+
</div>
 +
 
 +
 
 +
 
 +
<div class="menu">
 +
<ul>
 +
  <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/laboratory">Laboratory</a></li>
 +
<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/safety">Safety</a> </li>
 +
<li><a href="https://igem.org/Main_Page"> Igem 2010 Home </a> </li>
</ul>
</ul>
 +
<br style="clear: left" />
 +
</div>
-
</br>
+
 
 +
</body>
</html>
</html>

Revision as of 20:32, 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! Only and purely undergrads work!