Forum:Sidebar Customisation - Specificity

I'm trying to figure out how to customise specific bars in the sidebar navigation. I'm working via a personal custom monaco at the moment. I have background-color: #FFFFFF; color: #000000; } 	background-color: #EAEAEA; } 	border-color: #000000; } and I'm a bit confused about how the widget tags conflict/work with that.. Though I think it might essentially be for the search bar. .widget { color: #000000; } .widget a { color: #000000; } .widget dt { background-color: #D6E0F5; color: #000000; } .widget dd { background: transparent url (http://images2.wikia.nocookie.net/__cb20100622170060/tlbbeu/images/2/21/80opacitywhite.png); } If you look on the wiki, I'd like for example .. when a user hovers Wiki Content, then Classes, the individual classes to each have a particular colour or background, for example red for Assassin, yellow for Beggars Alliance. I've looked on other wikis, wikia help documentation and the source code of the wiki page and I can't figure a way to do it.
 * 1) navigation a {
 * 1) navigation a:hover, #navigation a.yuimenuitemlabel-hassubmenu-selected, #navigation .navigation-hover {
 * 1) navigation li, #navigation .menu-item {

I think a crucial part of my problem is that the sub-menus are brought up via AJAX.. *<![CDATA[*/wsl.loadScriptAjax("/index.php?action=ajax\x26v=0.06\x26rs=getMenu\x26id=d1373e25ddc28f56b642553bd1184b04");/*]]>* Can anyone shed any light or help?

BeardedBee 13:16, July 7, 2010 (UTC)


 * The following code should work: Mark  ( talk ) 13:31, July 7, 2010 (UTC)

color: MAINCOLOUR !important; background-color: BGCOLOUR !important; }
 * 1) navigation a[href="LINK WHERE THE SIDEBAR LINKS TO"],
 * 2) navigation a[href="http://example.wikia.com/wiki/example (SHOULD HAVE SAME LINK AS TOP ONE)"] + DIV A {

Hi Mark, I didn't expect such a quick reply, thanks! I stuck this in my monaco.css test page.. color: #59FF00 !important; background-color: #005DFF !important; } and nothings changed. Anything I've done wrong? BeardedBee 14:27, July 7, 2010 (UTC)
 * 1) navigation a[href="http://tlbbeu.wikia.com/wiki/Assassin"],
 * 2) navigation a[href="http://tlbbeu.wikia.com/wiki/Assassin"] + DIV A {
 * Got it, try the following: Mark  ( talk ) 15:17, July 7, 2010 (UTC)

/* link colours at sidebar */ color: #59FF00 !important; background-color: #005DFF !important; }
 * 1) navigation a[href="/wiki/Assassin"],
 * 2) navigation a[href="/wiki/Assassin"] + DIV A {

color: #59FF00 !important; background-color: #005DFF !important; }
 * 1) navigation a[href="/wiki/Class_System"],
 * 2) navigation a[href="/wiki/Class_System"] + DIV A {

color: #59FF00 !important; background-color: #005DFF !important; }
 * 1) navigation a[href="/wiki/Portal:Wiki_Content"],
 * 2) navigation a[href="/wiki/Portal:Wiki_Content"] + DIV A {

color: #59FF00 !important; background-color: #005DFF !important; }
 * 1) navigation a[href="/wiki/Portal:Wiki_Content"]
 * 2) navigation a[href="/wiki/Portal:Wiki_Content"] + DIV A {

Ah that's great Mark, thank you.

I don't understand why you put in the Portal:Wiki_Content attribute twice, perhaps ctrl+v typo? A rough idea of what I'm doing now is this.. color: #FF0008 !important; background-color: #FFD6C4 !important; }
 * 1) navigation a[href="/wiki/Assassin"],
 * 2) navigation a[href="/wiki/Assassin"] + DIV A {

color: #59FF00 !important; background-color: #005DFF !important; }
 * 1) navigation a[href="/wiki/Beggars_Alliance"],
 * 2) navigation a[href="/wiki/Beggars_Alliance"] + DIV A, #navigation a[href="/wiki/Assassin"]:hover {

The colour are only examples, and I have to redefine the pseudoclasses. One thing though, I read that using the !important tag isn't something one should rely on, but then I'm still fairly new to css, so if it works, great!

Thanks again:) BeardedBee 15:34, July 7, 2010 (UTC)