Team:St Andrews/defaulttemplate
From 2010.igem.org
(Difference between revisions)
(311 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 | ||
{ | { | ||
+ | background: #00539B; | ||
+ | font-family: 'Droid Serif', arial, serif; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 24: | Line 22: | ||
{ | { | ||
position:relative; | position:relative; | ||
- | |||
width:160px; | width:160px; | ||
} | } | ||
Line 33: | 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 66: | Line 63: | ||
} | } | ||
- | + | .banner | |
{ | { | ||
padding:2px; | padding:2px; | ||
Line 86: | Line 83: | ||
height: 25px; | height: 25px; | ||
position: absolute; | position: absolute; | ||
- | padding: 0px | + | padding: 0px 50px !important; padding: 5px 5px 5px 5px; |
} | } | ||
Line 96: | Line 93: | ||
display: none; | display: none; | ||
} | } | ||
+ | |||
+ | 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, | ||
Line 101: | Line 197: | ||
ul.dropdown ul { | ul.dropdown ul { | ||
list-style: none; | list-style: none; | ||
- | |||
- | |||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
Line 116: | Line 210: | ||
line-height: 1.3em; | line-height: 1.3em; | ||
vertical-align: middle; | vertical-align: middle; | ||
- | + | zoom: 1; | |
} | } | ||
ul.dropdown li.hover, | ul.dropdown li.hover, | ||
ul.dropdown li:hover { | ul.dropdown li:hover { | ||
- | position: relative; | + | position: relative; |
z-index: 599; | z-index: 599; | ||
cursor: default; | cursor: default; | ||
Line 129: | Line 223: | ||
visibility: hidden; | visibility: hidden; | ||
position: absolute; | position: absolute; | ||
- | |||
top: 100%; | top: 100%; | ||
left: 0; | left: 0; | ||
Line 160: | Line 253: | ||
left: auto; | 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> | ||
+ | <div id="slideshow"> | ||
- | <div id=" | + | <div id="slideshow-inner"> |
- | <img width= | + | <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> | ||
- | |||
- | |||
- | <li><a href="https://2010.igem.org/Team:St_Andrews" | + | |
- | + | <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"> | ||
+ | <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> | </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> | </div> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 21:47, 27 October 2010