resolving bugs 28, 29, 30, 31, 34, 35, 36 (both skins)

[themes.git] / EarlyBlue / global / skin / menulist.css

\r
/* NEW WIDGET LANDING: <menulist> popup */\r
\r
/* outer frame */\r
  menulist \r
    {\r
      padding             : 0px;\r
      border              : none;\r
      background-color    : #CCCCCC;\r
      margin              : 1px 5px 2px 5px;\r
    }\r
\r
  menulist[menuactive="true"],\r
  menulist:hover \r
    {\r
      border              : none;\r
    }\r
\r
  menulist[open="true"] \r
    {\r
      border              : none;\r
    }\r
  \r
  menulist[disabled="true"]\r
    {\r
      border              : none;\r
      color               : #9999CC;\r
    }\r
    \r
/* icon display frame */\r
  menulist > .menu-icon \r
    {\r
      border-left         : 1px inset #CCD0DD;\r
      border-top          : 1px inset #CCD0DD;\r
      border-bottom       : 1px inset #CCD0DD;\r
      padding             : 2px 0px 2px 0px;\r
    }  \r
\r
  menulist[open="true"] > .menu-icon \r
    {\r
      border-left         : 1px inset #CCD0DD;\r
      border-top          : 1px inset #CCD0DD;\r
      border-bottom       : 1px inset #CCD0DD;\r
      padding             : 2px 0px 2px 0px;\r
    }\r
  \r
/* text display frame */\r
  menulist > .menu-text \r
    {\r
      padding             : 2px 4px 2px 4px;\r
      border-top          : 1px inset #CCD0DD;\r
      border-bottom       : 1px inset #CCD0DD;\r
      border-right        : 1px inset #CCD0DD;\r
      margin-right        : 0px;\r
    }\r
    \r
  menulist[open="true"] > .menu-text \r
    {\r
      border-top          : 1px inset #CCD0DD;\r
      border-bottom       : 1px inset #CCD0DD;\r
      border-right        : 1px inset #CCD0DD;\r
      padding             : 2px 4px 2px 4px;\r
    }\r
\r
/* drop marker display frame */\r
  menulist > .menu-dropmarker \r
    {\r
      border              : 1px outset #CCD0DD;\r
      border-left         : none;\r
      list-style-image    : url("chrome://global/skin/scroll-down.gif");\r
      padding             : 2px;\r
    }\r
  \r
  menulist[disabled="true"] > .menu-dropmarker\r
    {\r
      list-style-image    : url("chrome://global/skin/scroll-down-disabled.gif");\r
    }\r
\r
  menulist[open="true"] > .menu-dropmarker \r
    {\r
      border              : 1px inset #CCD0DD;\r
      padding             : 3px 2px 1px 2px;\r
    }\r
\r
/** rules for EDITABLE menulists (aka 'comboboxes'). \r
 **/\r
\r
/* outer frame */\r
  menulist[editable="true"] \r
    {\r
      padding             : 0px;\r
    }\r
\r
/* icon display frame */\r
  menulist[editable="true"] > .menu-icon \r
    {\r
      list-style-image    : url("chrome://communicator/skin/bookmarks/bookmark-item.gif");\r
      background-color    : white;\r
      padding             : 1px;\r
      border-left         : 1px inset #CCD0DD;\r
      border-top          : 1px inset #CCD0DD;\r
      border-right        : none;\r
      border-bottom       : 1px inset #CCD0DD;\r
    }\r
\r
/* text display frame */    \r
  menulist[editable="true"] > .menu-text \r
    {\r
      border-left         : none;\r
      border-top          : 1px inset #CCD0DD;\r
      border-right        : 1px inset #CCD0DD;\r
      border-bottom       : 1px inset #CCD0DD;\r
      margin              : 0px 2px 0px 0px;\r
    }\r
\r
/* drop marker display frame */\r
  menulist[editable="true"] > .menu-dropmarker \r
    {\r
      border              : 1px outset #CCD0DD;\r
    }\r
\r
  menulist[editable="true"][open="true"] > .menu-dropmarker \r
    {\r
      border              : 1px inset #CCD0DD;\r
    }\r
\r
/* rules for popups and separators associated with menulists */\r
  menulist > menupopup \r
    {\r
      border              : 1px outset #CCD0DDk;\r
      min-width           : 0px;\r
      padding             : 0px;\r
    }\r
    \r
  menulist > menupopup > menuseparator \r
    {\r
     border-bottom       : 1px inset #CCD0DD; \r
    }\r
\r
  menulist > menupopup > menuitem \r
    {\r
      padding             : 0px;\r
      min-width: 0px;\r
      max-width: auto;\r
    }\r
\r
  menulist > menupopup > menuitem > .menu-left \r
    {\r
      width               : 13px;\r
    }\r
\r
  menulist > menupopup > menuitem[selected="true"] > .menu-left\r
    {\r
      list-style-image    : url(chrome://global/skin/menu-check.gif);\r
    }\r
  \r
  menulist > menupopup > menuitem[menuactive="true"][selected="true"] > .menu-left\r
    {\r
      list-style-image    : url(chrome://global/skin/menu-check-hover.gif);\r
    }\r