http://server.npserver4.com/~ccwd/multi/
I am using the Project Seven, Pop Menu Magic 2 (PMM2) horizontal menu with
the Multicolor skin.
Each of the 5 navigation items is supposed to have a different background
color
#1 - #082548
#2 - #143051
#3 - #213b5a
#4 - #2d4564
#5 - #39506d
On hover, each one should change to #ebb06d
The current page marker also #ebb06d
My current css code is below, but it's not producing the results above. Can
anyone point me in the right direction? The code below is only producing the
5 different colours on mouseover (instead of the yellow/ebb06d, and there's
no current page marker working.
Thanks.
Joanne
/*Special Multicolor Rules*/
.p7PMMh01 .root_1 li, .p7PMMh01 .root_1 ul a, .p7PMMh01 .root_1 a:hover,
.p7PMMh01 .root_1 a.trig_open, .p7PMMh01 .root_1 a.trig_open_left,
.p7PMMh01 .root_1 a.trig_open_up {
background-color: #082548 !important;
color: #ffffff !important;
border-color: #000;
}
.p7PMMh01 .root_2 li, .p7PMMh01 .root_2 ul a, .p7PMMh01 .root_2 a:hover,
.p7PMMh01 .root_2 a.trig_open, .p7PMMh01 .root_2 a.trig_open_left,
.p7PMMh01 .root_2 a.trig_open_up {
background-color: #143051 !important;
color: #FFF !important;
border-color: #000;
}
.p7PMMh01 .root_3 li, .p7PMMh01 .root_3 ul a, .p7PMMh01 .root_3 a:hover,
.p7PMMh01 .root_3 a.trig_open, .p7PMMh01 .root_3 a.trig_open_left,
.p7PMMh01 .root_3 a.trig_open_up {
background-color: #213b5a !important;
color: #FFF !important;
border-color: #000;
}
.p7PMMh01 .root_4 li, .p7PMMh01 .root_4 ul a, .p7PMMh01 .root_4 a:hover,
.p7PMMh01 .root_4 a.trig_open, .p7PMMh01 .root_4 a.trig_open_left,
.p7PMMh01 .root_4 a.trig_open_up {
background-color: #2d4564 !important;
color: #ffffff !important;
border-color: #000;
}
.p7PMMh01 .root_5 li, .p7PMMh01 .root_5 ul a, .p7PMMh01 .root_5 a:hover,
.p7PMMh01 .root_5 a.trig_open, .p7PMMh01 .root_5 a.trig_open_left,
.p7PMMh01 .root_5 a.trig_open_up {
background-color: #39506d !important;
color: #ffffff !important;
border-color: #000;
}
.p7PMMh01 .root_1 ul a:hover, .p7PMMh01 .root_1 ul a.trig_open, .p7PMMh01
.root_1 ul a.trig_open_left {
background-color: #ebbd18 !important;
color: #FFF !important;
}
.p7PMMh01 .root_2 ul a:hover, .p7PMMh01 .root_2 ul a.trig_open, .p7PMMh01
.root_2 ul a.trig_open_left {
background-color: #ebbd18 !important;
color: #FFF !important;
}
.p7PMMh01 .root_3 ul a:hover, .p7PMMh01 .root_3 ul a.trig_open, .p7PMMh01
.root_3 ul a.trig_open_left {
background-color: #ebbd18 !important;
color: #FFF !important;
}
.p7PMMh01 .root_4 ul a:hover, .p7PMMh01 .root_4 ul a.trig_open, .p7PMMh01
.root_4 ul a.trig_open_left {
background-color: #ebbd18 !important;
color: #FFF !important;
}
.p7PMMh01 .root_5 ul a:hover, .p7PMMh01 .root_5 ul a.trig_open, .p7PMMh01
.root_5 ul a.trig_open_left {
background-color: #ebbd18 !important;
color: #FFF !important;
}
/*The Current Marker (You are here) links*/
.p7PMMh01 .current_mark {
background-color: #ebbd18;
color: #ffffff !important;
}
/*
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
