Team:St Andrews/defaulttemplate
From 2010.igem.org
(Difference between revisions)
(267 intermediate revisions not shown) | |||
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 10: | Line 10: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
body | body | ||
{ | { | ||
background: #00539B; | background: #00539B; | ||
- | font-family: ' | + | font-family: 'Droid Serif', arial, serif; |
+ | |||
} | } | ||
Line 34: | Line 22: | ||
{ | { | ||
position:relative; | position:relative; | ||
- | |||
width:160px; | width:160px; | ||
} | } | ||
Line 43: | Line 30: | ||
left:200px; | left:200px; | ||
top:-250px; | top:-250px; | ||
- | color:# | + | color:#000000; |
- | background: # | + | background: #ffffff; |
margin-left:0px; | margin-left:0px; | ||
width:390px; | width:390px; | ||
Line 76: | Line 63: | ||
} | } | ||
- | + | .banner | |
{ | { | ||
padding:2px; | padding:2px; | ||
Line 96: | Line 83: | ||
height: 25px; | height: 25px; | ||
position: absolute; | position: absolute; | ||
- | padding: 0px | + | padding: 0px 50px !important; padding: 5px 5px 5px 5px; |
} | } | ||
Line 107: | Line 94: | ||
} | } | ||
+ | ul.dropdown ul { | ||
+ | margin:10; | ||
+ | padding:10; | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | |||
+ | } | ||
+ | .menu ul{ | ||
+ | margin: 0; padding: 0; | ||
+ | |||
+ | float: left; | ||
+ | } | ||
+ | .menu ul li{ | ||
+ | display: inline;} | ||
+ | .menu ul li a{ | ||
+ | float: left; text-decoration: none; | ||
+ | color: white; | ||
+ | padding: 5px 4px; | ||
+ | background-color: #dd0100; | ||
+ | } | ||
+ | .menu ul li a:visited{ | ||
+ | color: white; | ||
+ | } | ||
+ | .menu ul li a:hover, .menu ul li .current | ||
+ | { | ||
+ | color: #dd0100; | ||
+ | background-color:#ffffff; | ||
+ | } | ||
+ | ul.menu li:hover > ul { | ||
+ | visibility: visible; | ||
+ | } | ||
+ | .menu | ||
+ | { | ||
+ | width: 100%; | ||
+ | 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 { | ul.dropdown li { | ||
float: left; | float: left; | ||
+ | line-height: 1.3em; | ||
vertical-align: middle; | vertical-align: middle; | ||
+ | zoom: 1; | ||
} | } | ||
Line 126: | Line 216: | ||
ul.dropdown li:hover { | ul.dropdown li:hover { | ||
position: relative; | position: relative; | ||
+ | z-index: 599; | ||
cursor: default; | cursor: default; | ||
} | } | ||
Line 132: | Line 223: | ||
visibility: hidden; | visibility: hidden; | ||
position: absolute; | position: absolute; | ||
- | + | top: 100%; | |
+ | left: 0; | ||
+ | z-index: 598; | ||
+ | width: 100%; | ||
} | } | ||
ul.dropdown ul li { | ul.dropdown ul li { | ||
- | |||
- | |||
- | |||
float: none; | float: none; | ||
} | } | ||
- | + | ul.dropdown ul ul { | |
+ | top: 1px; | ||
+ | left: 99%; | ||
+ | } | ||
ul.dropdown li:hover > ul { | ul.dropdown li:hover > ul { | ||
Line 154: | Line 248: | ||
} | } | ||
- | ul.dropdown { | + | ul.dropdown li.rtl ul ul { |
- | + | top: 1px; | |
- | + | right: 99%; | |
- | + | left: auto; | |
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | </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> | |
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | + | </br> | |
+ | <div id="slideshow"> | ||
+ | <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 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 | + | |
+ | <div class="menu"> | ||
<ul class="dropdown dropdown-horizontal"> | <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></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/safety">Safety</a> </li> | ||
+ | <li><a href="https://igem.org/Main_Page"> Igem 2010 Home </a> </li> | ||
+ | </ul> | ||
+ | <br style="clear: left" /> | ||
+ | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 21:47, 27 October 2010