Team:BCCS-Bristol/Header
From 2009.igem.org
(Difference between revisions)
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"> | ||
+ | $(function() { | ||
+ | $('ul#nav a + ul').prev().append(' »'); | ||
+ | }); | ||
+ | </script> | ||
<style> | <style> | ||
Line 22: | Line 28: | ||
position:absolute; | position:absolute; | ||
left:8em; /* ul#nav a width */ | left:8em; /* ul#nav a width */ | ||
- | top: | + | top:0; /* - ul#nav li > ul border-width */ |
} | } | ||
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 #343742; | + | border: 0.5em solid #343742; |
} | } | ||
- | |||
ul#nav > li:first-child { | ul#nav > li:first-child { | ||
-moz-border-radius-topleft: 0.5em; | -moz-border-radius-topleft: 0.5em; | ||
Line 43: | Line 48: | ||
} | } | ||
- | ul#nav li > ul { border: | + | ul#nav li > ul { |
+ | border: 0.2em solid #343742; | ||
+ | -moz-border-radius: 0.2em; | ||
+ | } | ||
ul#nav li > a { background: #fff; color: #343742; } | ul#nav li > a { background: #fff; color: #343742; } | ||
ul#nav li:hover > a { color: #fff; background: #343742; } | ul#nav li:hover > a { color: #fff; background: #343742; } | ||
Line 49: | Line 57: | ||
ul#nav > li > a { color:#fff; background: #343742; } | ul#nav > li > a { color:#fff; background: #343742; } | ||
ul#nav > li:hover > a { } | ul#nav > li:hover > a { } | ||
+ | |||
+ | ul#nav a + ul { background: red !important } | ||
</style> | </style> |
Revision as of 15:18, 20 October 2009