"
Team:SDU-Denmark/css2
From 2010.igem.org
(Difference between revisions)
| Line 5: | Line 5: | ||
display: none; | display: none; | ||
} | } | ||
| + | |||
| + | ul#topnav { | ||
| + | margin: 0; padding: 0; | ||
| + | float: left; | ||
| + | width: 823px; | ||
| + | height: 74px; | ||
| + | list-style: none; | ||
| + | position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/ | ||
| + | font-family: verdana, sans-serif; | ||
| + | font-size: //14px; | ||
| + | font-weight: //bold; | ||
| + | color: //#FFFFFF; | ||
| + | text-align: //center; | ||
| + | background: url(Navibg.jpg) repeat-x; | ||
| + | } | ||
| + | ul#topnav li { | ||
| + | float: left; | ||
| + | margin: 0; padding: 0; | ||
| + | border-right: //1px solid #555; /*--Divider for each parent level links--*/ | ||
| + | } | ||
| + | ul#topnav li a { | ||
| + | padding: 10px 15px; | ||
| + | display: block; | ||
| + | color: #6982f9; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | ul#topnav li:hover { background: ; } | ||
| + | /*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/ | ||
| + | |||
| + | ul#topnav li span { | ||
| + | float: left; | ||
| + | padding: 15px 0; | ||
| + | position: absolute; | ||
| + | left: 0; top:25px; | ||
| + | display: none; /*--Hide by default--*/ | ||
| + | width: 823px; | ||
| + | color: //#6982f9; | ||
| + | /*--Bottom right rounded corner--*/ | ||
| + | -moz-border-radius-bottomright: 5px; | ||
| + | -khtml-border-radius-bottomright: 5px; | ||
| + | -webkit-border-bottom-right-radius: 5px; | ||
| + | /*--Bottom left rounded corner--*/ | ||
| + | -moz-border-radius-bottomleft: 5px; | ||
| + | -khtml-border-radius-bottomleft: 5px; | ||
| + | -webkit-border-bottom-left-radius: 5px; | ||
| + | } | ||
| + | ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/ | ||
| + | ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/ | ||
| + | ul#topnav li span a:hover {text-decoration: underline; color: #6982f9} | ||
a:link { color: #ffffff; } | a:link { color: #ffffff; } | ||
Revision as of 13:11, 28 June 2010
