"
Template:Caltech PracticeBar
From 2012.igem.org
(Difference between revisions)
| Line 135: | Line 135: | ||
/*--- DROPDOWN ---*/ | /*--- DROPDOWN ---*/ | ||
#nav ul{ | #nav ul{ | ||
| - | background:# | + | background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */ |
background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */ | background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */ | ||
list-style:none; | list-style:none; | ||
position:absolute; | position:absolute; | ||
| - | + | left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */ | |
} | } | ||
#nav ul li{ | #nav ul li{ | ||
| Line 152: | Line 152: | ||
} | } | ||
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */ | #nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */ | ||
| + | background:#6b0c36; | ||
| + | text-decoration:underline; | ||
} | } | ||
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */ | #nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */ | ||
| Line 157: | Line 159: | ||
} | } | ||
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */ | #nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */ | ||
| + | background:#333; | ||
} | } | ||
Revision as of 00:23, 18 July 2012
