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= | + | <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: ' | + | font-family: 'Droid Serif', arial, serif; |
+ | |||
} | } | ||
Line 62: | Line 63: | ||
} | } | ||
- | + | .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 | + | float: left; text-decoration: none; |
- | + | color: white; | |
- | + | padding: 5px 4px; | |
- | + | background-color: #dd0100; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | .menu ul li a:visited{ | ||
+ | color: white;} | ||
- | ul. | + | .menu ul li a:hover, .menu ul li .current |
- | + | { | |
+ | color: #dd0100; | ||
+ | background-color:#ffffff; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | .menu | |
- | + | { | |
- | + | width: 100%; | |
- | + | background-color: #dd0100; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | td | |
- | + | { | |
+ | padding:15px; | ||
} | } | ||
- | + | #slideshow-inner{ | |
- | + | display: inline; | |
- | right: | + | 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; | ||
+ | } | ||
- | + | </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=" | + | <div id="slideshow"> |
- | <img width= | + | |
+ | <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/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> | ||
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | </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> | ||
- | </ | + | |
+ | </body> | ||
</html> | </html> |
Revision as of 20:32, 27 October 2010