"
Team:SDU-Denmark/css2
From 2010.igem.org
(Difference between revisions)
| Line 14: | Line 14: | ||
position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/ | position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/ | ||
font-family: verdana, sans-serif; | font-family: verdana, sans-serif; | ||
| - | + | font-size: //14px; | |
| - | + | font-weight: //bold; | |
| - | + | color: //#FFFFFF; | |
| - | + | text-align: //center; | |
background: url(Navibg.jpg) repeat-x; | background: url(Navibg.jpg) repeat-x; | ||
} | } | ||
| + | |||
ul#topnav li { | ul#topnav li { | ||
float: left; | float: left; | ||
| Line 25: | Line 26: | ||
border-right: //1px solid #555; /*--Divider for each parent level links--*/ | border-right: //1px solid #555; /*--Divider for each parent level links--*/ | ||
} | } | ||
| + | |||
ul#topnav li a { | ul#topnav li a { | ||
padding: 10px 15px; | padding: 10px 15px; | ||
| Line 31: | Line 33: | ||
text-decoration: none; | 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: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 { | ul#topnav li span { | ||
| Line 51: | Line 55: | ||
-webkit-border-bottom-left-radius: 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:hover span { |
| - | ul#topnav li span a:hover {text-decoration: underline; color: #6982f9} | + | 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:17, 28 June 2010
