/*
*
* standard menu style definitions
*
*/
ul
#menu-bar /*top level menu*/{
behavior
:menu-bar;flow
: horizontal;color
:windowtext;margin
:0;}
ul
#menu-bar > li /* menu item in menu bar */{
padding
:2px 8px;margin
:0;white-space
:nowrap;width
:max-intrinsic;display
:block;}
ul
#menu-bar > li:current /* current menu item in menu bar */{
background-color
:highlight; color:highlighttext;}
menu
/* popup menu */{
behavior
:menu; /*is a menu*/flow
: vertical;display
:none;margin
:0;padding
:0;border
:1px solid threedshadow;background-color
: window;color
:windowtext;margin
:0 1px; /* to offset it from parent li */}
#
menu menu{
margin
:0; /* do not offset it*/}
/* menu item in popup menus */
menu li
{
width
:*;padding-left
:20px; /* room for icon */padding-right
:10px; /* room for the arrow */padding-top
:2px;padding-bottom
:2px;color
:windowtext;}
/* accesskey label (span) */
menu li span
.accesskey{
display
:inline-block;margin-left
:*; /* spring to attach it to the right */color
:threedshadow;}
/* menu with subitems (popup) */
menu li
[popup]{
background-image
:url(stock:arrow-right.png); /* that arrow */background-repeat
: no-repeat;background-position
: 100% 50%;}
/* current menu item */
menu li
:current{
background-color
:highlight;color
:highlighttext;}
/* menu separator */
menu hr
{
margin
:2px;}
button
[type="menu"]{
behavior
:button popup-menu;}
button
[type="menu"]:owns-popup /* button when popup is shown */{
background-image
:url(theme:button-pressed); /* ?? */}
/* radio menu item */
menu li
[type="radio"]{
behavior
:radio;background-repeat
:no-repeat;background-position
:3px 50%;background-image
:url(theme:radio-normal);}
menu li
[type="radio"]:hover{
background-image
:url(theme:radio-hover);}
menu li
[type="radio"]:active{
background-image
:url(theme:radio-pressed);}
menu li
[type="radio"]:disabled{
background-image
:url(theme:radio-disabled);}
menu li
[type="radio"]:checked{
background-image
:url(theme:radio-checked-normal);}
menu li
[type="radio"]:checked:hover{
background-image
:url(theme:radio-checked-hover);}
menu li
[type="radio"]:checked:active{
background-image
:url(theme:radio-checked-pressed);}
menu li
[type="radio"]:checked:disabled{
background-image
:url(theme:radio-checked-disabled);}
/* checkmark menu item */
menu li
[type="check"]{
behavior
:check;background-repeat
:no-repeat;background-position
:3px 50%;background-image
:url(theme:check-normal);}
menu li
[type="check"]:hover{
background-image
:url(theme:check-hover);}
menu li
[type="check"]:active{
background-image
:url(theme:check-pressed);}
menu li
[type="check"]:disabled{
background-image
:url(theme:check-disabled);}
menu li
[type="check"]:checked{
background-image
:url(theme:check-checked-normal);}
menu li
[type="check"]:checked:hover{
background-image
:url(theme:check-checked-hover);}
menu li
[type="check"]:checked:active{
background-image
:url(theme:check-checked-pressed);}
menu li
[type="check"]:checked:disabled{
background-image
:url(theme:check-checked-disabled);}