Hmmmm....
Maybe I didn't apply the code correctly, but the drop down from fleet,when you hover over it it still has the light background.
Below is my current code:
Code: |
.RowbyAriMenu
{
padding-left: 50px;
}
.RowbyAriMenu #{$id} .yuimenubar ul,
.RowbyAriMenu #{$id}.yui-skin-sam .yuimenubarnav .yuimenubaritem
{
height: 26px;
}
.RowbyAriMenu #{$id} .yuimenubar ul ul
{
height: auto;
}
body .RowbyAriMenu #{$id}.yui-skin-sam ul li.yuimenubaritem-selected,
body .RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel-selected,
body .RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenuitemlabel-selected
{
text-decoration: underline;
}
.RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel,
.RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:link,
.RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:visited,
.RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:hover,
.RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenuitemlabel,
.RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenuitemlabel:link,
.RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenuitemlabel:visited,
.RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenuitemlabel:hover
{
border-style: none;
color: #FFF;
}
.RowbyAriMenu .moduletable
{
border-style: none;
}
body .RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel
{
padding: 0 10px 0 10px;
}
body .RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel-hassubmenu
{
padding: 0 20px 0 10px;
}
body #{$id}.yui-skin-sam .yuimenubaritem-selected
{
background-position: 0 0;
}
body #{$id}.yui-skin-sam .yuimenubar .bd .bd
{
background: url(js/build/assets/skins/sam/sprite.png) repeat-x 0 0;
}
#{$id}.yui-skin-sam .yuimenubar .bd .bd ul {
background: url(modules/mod_ariyuimenu/mod_ariyuimenu/js/build/assets/skins/sam/sprite.png) repeat-x 0 0;
#{$id}.yui-skin-sam .yuimenuitem-selected
{
background: url(modules/mod_ariyuimenu/mod_ariyuimenu/js/build/assets/skins/sam/sprite.png) repeat-x 0 0px;
}
|
Thanks,
Rowby