Team:St Andrews/defaulttemplate
From 2010.igem.org
(Difference between revisions)
(341 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 | + | body |
- | font-family: ' | + | { |
+ | background: #00539B; | ||
+ | font-family: 'Droid Serif', arial, serif; | ||
+ | |||
} | } | ||
Line 19: | Line 22: | ||
{ | { | ||
position:relative; | position:relative; | ||
- | |||
width:160px; | width:160px; | ||
} | } | ||
Line 25: | Line 27: | ||
div.text | div.text | ||
{ | { | ||
- | |||
position:relative; | position:relative; | ||
- | left: | + | left:200px; |
- | top:- | + | top:-250px; |
- | + | ||
color:#000000; | color:#000000; | ||
+ | background: #ffffff; | ||
margin-left:0px; | margin-left:0px; | ||
width:390px; | width:390px; | ||
Line 62: | Line 63: | ||
} | } | ||
- | + | .banner | |
{ | { | ||
padding:2px; | padding:2px; | ||
Line 82: | Line 83: | ||
height: 25px; | height: 25px; | ||
position: absolute; | position: absolute; | ||
- | padding: 0px | + | padding: 0px 50px !important; padding: 5px 5px 5px 5px; |
} | } | ||
Line 92: | 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 li, | ||
+ | ul.dropdown ul { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | ul.dropdown { | ||
+ | position: relative; | ||
+ | z-index: 597; | ||
+ | } | ||
+ | |||
+ | ul.dropdown li { | ||
+ | float: left; | ||
+ | line-height: 1.3em; | ||
+ | vertical-align: middle; | ||
+ | zoom: 1; | ||
+ | } | ||
+ | |||
+ | ul.dropdown li.hover, | ||
+ | ul.dropdown li:hover { | ||
+ | position: relative; | ||
+ | z-index: 599; | ||
+ | cursor: default; | ||
+ | } | ||
+ | |||
+ | ul.dropdown ul { | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | top: 100%; | ||
+ | left: 0; | ||
+ | z-index: 598; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | ul.dropdown ul li { | ||
+ | float: none; | ||
+ | } | ||
+ | |||
+ | ul.dropdown ul ul { | ||
+ | top: 1px; | ||
+ | left: 99%; | ||
+ | } | ||
+ | |||
+ | ul.dropdown li:hover > ul { | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | ul.dropdown li.rtl ul { | ||
+ | top: 100%; | ||
+ | right: 0; | ||
+ | left: auto; | ||
+ | } | ||
+ | |||
+ | ul.dropdown li.rtl ul ul { | ||
+ | top: 1px; | ||
+ | right: 99%; | ||
+ | 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> | ||
- | <img width= | + | |
+ | |||
+ | </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 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> | ||
+ | <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