cesy: "Cesy" - An old-fashioned quill and ink (Default)
Cesy ([personal profile] cesy) wrote in [community profile] style_system2009-09-30 10:27 am

Navigation module CSS for Bases

With Bases, the hover and active for the navigation module gives a background colour that is linked to the module link hover colour. I want to specify a different background colour for hover and active for the navigation module. What CSS should I use? I can't figure it out.

Layout info: http://www.dreamwidth.org/customize/advanced/layersource?id=77277
Preview: http://cesy.dreamwidth.org/?s2id=90493
ninetydegrees: Art: self-portrait (Default)

[personal profile] ninetydegrees 2009-09-30 01:11 pm (UTC)(link)
In the source code, I can see:

#content > .inner > .module-navlinks .module-list-item a:hover {background: $*color_module_link_hover; text-decoration: underline; }

#content > .inner > .module-navlinks .current {
background: $*color_module_link_hover; }

I simply used:

.module-navlinks .module-list-item a:hover {background: #ff00ff !important;}
.module-navlinks .module-list-item a.current {background: #ffff00 !important;}

and it worked for me.