"
Template:Caltech PracticeBar
From 2012.igem.org
(Difference between revisions)
| Line 135: | Line 135: | ||
/*--- DROPDOWN ---*/ | /*--- DROPDOWN ---*/ | ||
#nav ul{ | #nav ul{ | ||
| - | background:# | + | background:#000000; /* 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; | ||
| 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:# | + | background:#000000; |
| - | text-decoration: | + | text-decoration:none; |
} | } | ||
#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 159: | 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:# | + | background:#000000; |
} | } | ||
Revision as of 00:24, 18 July 2012
