Team:BCCS-Bristol/Header
From 2009.igem.org
(Difference between revisions)
(52 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> | ||
+ | <script type="text/javascript" src="http://dl.getdropbox.com/u/136370/jquery.gradient.js"></script> | ||
+ | <script type="text/javascript" src="http://dl.getdropbox.com/u/136370/jquery.corner.js"></script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(function() { | ||
+ | |||
+ | $('body').gradient({ | ||
+ | from: '003366', | ||
+ | to: '333333', | ||
+ | direction: 'horizontal' | ||
+ | }); | ||
+ | |||
+ | $("img.rounded").wrap('<div></div>').parent().corner("5px"); | ||
+ | |||
+ | }); | ||
+ | |||
+ | $('ul#nav a + ul').prev().append(' »'); | ||
+ | </script> | ||
<style> | <style> | ||
- | + | #content { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 1.14em; } | |
+ | h1.firstHeading { position: absolute; top: 150px; left: 25px; margin: 0; color: black; z-index: 3; border: 0; } | ||
+ | h2 { background: #DFE4EB; border:0;border-top: 1px solid #B1BECF; color: black } | ||
+ | .panel img { width: 200px } | ||
- | ul#nav, ul#nav ul {padding:0; margin:0; list-style-type: none; list-style-image: none } | + | ul#nav, ul#nav ul { padding:0; margin:0; list-style-type: none; list-style-image: none } |
- | ul#nav { position:relative; z-index:500; } | + | ul#nav { position:relative; left: 3px; z-index:500; } |
ul#nav ul { display: none;} | ul#nav ul { display: none;} | ||
- | ul#nav li {float:left; position:relative; } | + | ul#nav li {float:left; position:relative; margin-bottom: 0; } |
ul#nav a { | ul#nav a { | ||
display:block; | display:block; | ||
- | width: | + | width:12em; |
font-size:1em; | font-size:1em; | ||
height:2em; | height:2em; | ||
Line 16: | Line 38: | ||
text-decoration:none; | text-decoration:none; | ||
text-indent:0.5em; | text-indent:0.5em; | ||
- | |||
} | } | ||
Line 22: | Line 43: | ||
display:block; | display:block; | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:12em; /* ul#nav a width */ |
- | top: | + | top:0; |
} | } | ||
ul#nav > li:hover > ul { | ul#nav > li:hover > ul { | ||
left:0; | left:0; | ||
- | top:2. | + | top:2.4em; /* ul#nav a height + 2*(ul#nav > li > ul border-width) */ |
} | } | ||
- | ul#nav > li { | + | ul#nav > li { |
- | border: 0.5em solid # | + | border: 0.5em solid #003366; |
+ | background: #003366; | ||
} | } | ||
- | |||
ul#nav > li:first-child { | ul#nav > li:first-child { | ||
-moz-border-radius-topleft: 0.5em; | -moz-border-radius-topleft: 0.5em; | ||
- | |||
} | } | ||
ul#nav > li:last-child { | ul#nav > li:last-child { | ||
-moz-border-radius-topright: 0.5em; | -moz-border-radius-topright: 0.5em; | ||
- | |||
} | } | ||
- | ul#nav li > ul { border: | + | ul#nav li > ul { |
- | ul#nav li > a { background: #fff; color: | + | border: 0.2em solid #003366; |
- | ul#nav li:hover > a { color: #fff; background: # | + | -moz-border-radius: 0.2em; |
+ | } | ||
+ | ul#nav li > a { background: #fff; color: black; } | ||
+ | ul#nav li:hover > a { color: #fff; background: #003366; } | ||
- | ul#nav > li > a { color:#fff; background: # | + | ul#nav > li > a { color:#fff; background: #003366; } |
ul#nav > li:hover > a { } | ul#nav > li:hover > a { } | ||
+ | |||
</style> | </style> | ||
+ | </html> | ||
+ | |||
+ | {{:Team:BCCS-Bristol/Navigation}} | ||
+ | |||
+ | <html> | ||
+ | <div style="position: relative; width: 965px; height: 150px; background: url('https://static.igem.org/mediawiki/2009/c/c2/BCCSBanner.jpg'); clear: both; "> | ||
+ | <div style="position: absolute; bottom: 0; z-index: 2; width: 965px; height: 75px; | ||
+ | background: white; opacity:0.8;filter:alpha(opacity=80); border-top: 3px solid #ddd"></div> | ||
- | < | + | <div style="position: absolute; bottom: 12px; right: 25px; color: black; z-index: 3; font-size: 1.5em"> |
- | + | BCCS-Bristol | |
- | + | <br /> | |
- | + | <span style="font-size: small">iGEM 2009</span> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
+ | </div> | ||
</html> | </html> |
Latest revision as of 03:00, 22 October 2009
BCCS-Bristol
iGEM 2009
iGEM 2009