2 - Changing Pop-up Menus

Pop-up menus use separate styles to the menu bar...

Under construction

Menu background and borders

to follow

Menu item states

to follow

Menu item text

To change the text settings for all items on pop-up menus, you need to apply the styles to the .label which contains the text, for example:

div.dynarch-popup-menu tr.item .label {
 font-family: Verdana, sans-serif;
 color: #0000ff;
}

You can also customise the text for different states, for example:

/* mouse hovers over item */
div.dynarch-popup-menu tr.item.hover .label {
 color: #00ff00;
}
/* item is active, eg. showing sub-menu */
div.dynarch-popup-menu tr.item.active .label {
 color: #ff0000;
}

Items with sub-menus

to follow

Panel specific styles

Should you wish to customise the pop-up menus within a specific theme panel, you can prefix the style with the [panel class]:

/* customise text colour of pop-ups from menus in the wiki page */
.atb-content div.dynarch-popup-menu tr.item .label {
 font-weight: bold;
}