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=Droid+Serif' rel='stylesheet' type='text/css'>
+
<link href='http://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'>
<style>
<style>
Line 9: Line 9:
color: #FFFFFF;
color: #FFFFFF;
}
}
 +
body  
body  
{
{
-
   background: #00539B url('https://static.igem.org/mediawiki/2010/e/e2/Crestforbackground.png') no-repeat fixed left center;
+
   background: #00539B;
-
font-family: 'Droid Serif', arial, serif;
+
font-family: 'Vollkorn', arial, serif;
-
 
+
}
}
Line 22: Line 22:
{
{
position:relative;
position:relative;
 +
z-index:6;
width:160px;
width:160px;
}
}
Line 63: Line 64:
}
}
-
.banner
+
#banner
{
{
   padding:2px;
   padding:2px;
Line 83: Line 84:
     height: 25px;
     height: 25px;
     position: absolute;
     position: absolute;
-
     padding: 0px 50px !important; padding: 5px 5px 5px 5px;
+
     padding: 0px 5px !important; padding: 5px 5px 5px 5px;
}
}
Line 95: Line 96:
-
#submenu{
 
-
display: none;
 
-
}
 
-
.menu ul{
+
 
-
margin: 0; padding: 0;
+
ul.dropdown li,
-
     
+
ul.dropdown,
-
float: left;
+
ul.dropdown ul {
 +
padding: 0px 50px;
 +
list-style: none;
 +
margin: 0;
 +
padding: 0;
}
}
-
.menu ul li{
 
-
display: inline;}
 
-
.menu ul li a{
+
ul.dropdown li {
-
float: left; text-decoration: none;
+
float: middle;
-
color: white;
+
vertical-align: middle;
-
padding: 5px 4px;
+
-
background-color: #dd0100;  
+
}
}
-
.menu ul li a:visited{
+
ul.dropdown li.hover,
-
color: white;}
+
ul.dropdown li:hover {
 +
position: relative;
 +
cursor: default;
 +
}
-
.menu ul li a:hover, .menu ul li .current
+
ul.dropdown ul {
-
{
+
margin:10;
-
color: #dd0100;
+
padding:10;
-
background-color:#ffffff;
+
visibility: hidden;
 +
position: absolute;
 +
}
}
-
 
+
ul.dropdown ul li {
-
.menu
+
top: 100%;
-
{
+
left: 0;
-
width: 100%;
+
width: 100%;
-
background-color: #dd0100;  
+
float: none;
}
}
-
td
+
ul.dropdown li:hover > ul {
-
{
+
visibility: visible;
-
padding:15px;
+
}
}
-
#slideshow-inner{
+
ul.dropdown li.rtl ul {
-
    display: inline;
+
top: 100%;
-
    float: left;  
+
  right: 0;
-
    margin-right: 0;
+
left: auto;
-
    margin-left: 0px;
+
}
-
    overflow: hidden;
+
-
    position: relative;
+
-
width: 100%;
+
-
 
+
-
    }
+
-
.slideshow-text h3
+
ul.dropdown {
-
{
+
  float:right;
-
  color: #ffffff;
+
position:relative;
 +
right:50%;
}
}
-
.slideshow-text {
+
ul.dropdown li {
-
    background-image: url('http://www.st-andrews.ac.uk/media/v2-img_darkglass.png');
+
padding: 2px 4px;
-
    background-repeat: repeat;
+
background-color: #FFFFFF;
-
    bottom: 0;
+
color: 000000;
-
    color: #ffffff;
+
        float:left;
-
    height: auto;
+
        position:relative;
-
    font-size: large;
+
        left:50%;
-
    left: 0;
+
}
-
    position: absolute;
+
-
    width: 100%;
+
-
    }
+
-
#sideshow-inner
 
-
{
 
-
position: relative;
 
-
}
 
-
td
 
-
{
 
-
vertical-align: top;
 
-
}
 
-
</style>
+
ul.dropdown ul {
 +
color: #00539B;
 +
        font-weight: normal;
 +
        right: auto;
 +
}
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
+
ul.dropdown ul li {
-
<!-- include Cycle plugin -->
+
  background-color: #FFFFFF;
-
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
+
          left: auto;
-
<script type="text/javascript">
+
}
-
$(document).ready(function(){
+
-
    $('#slideshow').cycle({
+
-
        fx: 'fade',
+
-
        pause: 1,
+
-
        random: 0,
+
-
        next: '#next',
+
-
        prev: '#prev',
+
-
        timeout: 7000
+
-
    });
+
-
});
+
-
</script>
+
ul.dropdown ul li:hover {
 +
  color: #FFFFFF;
 +
          background-color: #00539B;
 +
}
 +
 +
-
<body>
 
-
</br>
+
-
<div id="slideshow">
+
-
<div id="slideshow-inner">
+
#navbar
-
<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">
+
  background-color: red;
-
    <h3>University of St Andrews iGEM 2010</h3>
+
}
-
    <p>Welcome!</p>
+
-
</div>
+
-
</div>
+
 +
</style>
 +
<body>
-
<div id="slideshow-inner">
+
<div id="banner">
-
<img width=100% height=400 title="The SAINTS" alt="The Saints" src="https://static.igem.org/mediawiki/2010/1/1a/StAndrewsBanner.jpg" />
+
<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 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>
</div>
-
</div>
 
 +
<div id="navbar">
 +
<ul class="dropdown dropdown-horizontal">
-
</div>
 
 +
<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 class="menu">
+
  <li><a href="https://2010.igem.org/Team:St_Andrews/project/laboratory">Laboratory</a>
-
<ul>
+
    <ul>
-
<li><a href="https://2010.igem.org/Team:St_Andrews">Home    </a></li> 
+
      <li> ITEM1</li>
-
<li><a href="https://2010.igem.org/Team:St_Andrews/project/modelling">Modelling</a></li>
+
      <li> ITEM2</li>
-
  <li><a href="https://2010.igem.org/Team:St_Andrews/project/laboratory">Laboratory</a></li>
+
    </ul>
-
 
+
 
-
    <ul id="submenu">
+
  <li><a href="https://2010.igem.org/Team:St_Andrews/project/ethics">Human Practices</a>
-
        <li>FOO</li>
+
    <ul>
-
    </ul>
+
      <li> ITEM1</li>
-
<li><a href="https://2010.igem.org/Team:St_Andrews/project/parts">Parts</a></li>
+
      <li> ITEM2</li>
-
  <li><a href="https://2010.igem.org/Team:St_Andrews/project/ethics">Human Practices</a> </li>
+
    </ul>
-
<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>
+
</li>
</ul>
</ul>
-
<br style="clear: left" />
 
</div>
</div>
 +
</br>
</body>
</body>
</html>
</html>

Revision as of 20:26, 27 October 2010


Retrieved from "http://2010.igem.org/Team:St_Andrews/defaulttemplate"