I'm getting closer and closer
. I basically have everything the way I wanted, except I lost my submenu-indicator. I would think this:
{$id}.yui-skin-sam .yuimenu .bd UL LI.yuimenuitem-hassubmenu {
background-image: url(js/build/menu/assets/skins/sam/menuitem_submenuindicator.png);
background-position: right center;
background-repeat: no-repeat;
}
would work, but unfortunately not. Any suggestions?
I also notice that the active menu is always in the 'active' color, even if the mouse isn't over the menu. Not a real problem, but is there a way to change that?
ETA: literally a minute after posting I found it. The above should have been:
{$id}.yui-skin-sam .yuimenu .bd UL LI A.yuimenuitemlabel-hassubmenu {
Once you figure the CSS out, this really is a thing of beauty
.