EarlyBlue/global/skin/menulist.css

   1 \r
   2 /* NEW WIDGET LANDING: <menulist> popup */\r
   3 \r
   4 /* outer frame */\r
   5   menulist \r
   6     {\r
   7       padding             : 0px;\r
   8       border              : none;\r
   9       background-color    : #CCCCCC;\r
  10       margin              : 1px 5px 2px 5px;\r
  11     }\r
  12 \r
  13   menulist[menuactive="true"],\r
  14   menulist:hover \r
  15     {\r
  16       border              : none;\r
  17     }\r
  18 \r
  19   menulist[open="true"] \r
  20     {\r
  21       border              : none;\r
  22     }\r
  23   \r
  24   menulist[disabled="true"]\r
  25     {\r
  26       border              : none;\r
  27       color               : #9999CC;\r
  28     }\r
  29     \r
  30 /* icon display frame */\r
  31   menulist > .menu-icon \r
  32     {\r
  33       border-left         : 1px inset #CCD0DD;\r
  34       border-top          : 1px inset #CCD0DD;\r
  35       border-bottom       : 1px inset #CCD0DD;\r
  36       padding             : 2px 0px 2px 0px;\r
  37     }  \r
  38 \r
  39   menulist[open="true"] > .menu-icon \r
  40     {\r
  41       border-left         : 1px inset #CCD0DD;\r
  42       border-top          : 1px inset #CCD0DD;\r
  43       border-bottom       : 1px inset #CCD0DD;\r
  44       padding             : 2px 0px 2px 0px;\r
  45     }\r
  46   \r
  47 /* text display frame */\r
  48   menulist > .menu-text \r
  49     {\r
  50       padding             : 2px 4px 2px 4px;\r
  51       border-top          : 1px inset #CCD0DD;\r
  52       border-bottom       : 1px inset #CCD0DD;\r
  53       border-right        : 1px inset #CCD0DD;\r
  54       margin-right        : 0px;\r
  55     }\r
  56     \r
  57   menulist[open="true"] > .menu-text \r
  58     {\r
  59       border-top          : 1px inset #CCD0DD;\r
  60       border-bottom       : 1px inset #CCD0DD;\r
  61       border-right        : 1px inset #CCD0DD;\r
  62       padding             : 2px 4px 2px 4px;\r
  63     }\r
  64 \r
  65 /* drop marker display frame */\r
  66   menulist > .menu-dropmarker \r
  67     {\r
  68       border              : 1px outset #CCD0DD;\r
  69       border-left         : none;\r
  70       list-style-image    : url("chrome://global/skin/scroll-down.gif");\r
  71       padding             : 2px;\r
  72     }\r
  73   \r
  74   menulist[disabled="true"] > .menu-dropmarker\r
  75     {\r
  76       list-style-image    : url("chrome://global/skin/scroll-down-disabled.gif");\r
  77     }\r
  78 \r
  79   menulist[open="true"] > .menu-dropmarker \r
  80     {\r
  81       border              : 1px inset #CCD0DD;\r
  82       padding             : 3px 2px 1px 2px;\r
  83     }\r
  84 \r
  85 /** rules for EDITABLE menulists (aka 'comboboxes'). \r
  86  **/\r
  87 \r
  88 /* outer frame */\r
  89   menulist[editable="true"] \r
  90     {\r
  91       padding             : 0px;\r
  92     }\r
  93 \r
  94 /* icon display frame */\r
  95   menulist[editable="true"] > .menu-icon \r
  96     {\r
  97       list-style-image    : url("chrome://communicator/skin/bookmarks/bookmark-item.gif");\r
  98       background-color    : white;\r
  99       padding             : 1px;\r
 100       border-left         : 1px inset #CCD0DD;\r
 101       border-top          : 1px inset #CCD0DD;\r
 102       border-right        : none;\r
 103       border-bottom       : 1px inset #CCD0DD;\r
 104     }\r
 105 \r
 106 /* text display frame */    \r
 107   menulist[editable="true"] > .menu-text \r
 108     {\r
 109       border-left         : none;\r
 110       border-top          : 1px inset #CCD0DD;\r
 111       border-right        : 1px inset #CCD0DD;\r
 112       border-bottom       : 1px inset #CCD0DD;\r
 113       margin              : 0px 2px 0px 0px;\r
 114     }\r
 115 \r
 116 /* drop marker display frame */\r
 117   menulist[editable="true"] > .menu-dropmarker \r
 118     {\r
 119       border              : 1px outset #CCD0DD;\r
 120     }\r
 121 \r
 122   menulist[editable="true"][open="true"] > .menu-dropmarker \r
 123     {\r
 124       border              : 1px inset #CCD0DD;\r
 125     }\r
 126 \r
 127 /* rules for popups and separators associated with menulists */\r
 128   menulist > menupopup \r
 129     {\r
 130       border              : 1px outset #CCD0DDk;\r
 131       min-width           : 0px;\r
 132       padding             : 0px;\r
 133     }\r
 134     \r
 135   menulist > menupopup > menuseparator \r
 136     {\r
 137      border-bottom       : 1px inset #CCD0DD; \r
 138     }\r
 139 \r
 140   menulist > menupopup > menuitem \r
 141     {\r
 142       padding             : 0px;\r
 143       min-width: 0px;\r
 144       max-width: auto;\r
 145     }\r
 146 \r
 147   menulist > menupopup > menuitem > .menu-left \r
 148     {\r
 149       width               : 13px;\r
 150     }\r
 151 \r
 152   menulist > menupopup > menuitem[selected="true"] > .menu-left\r
 153     {\r
 154       list-style-image    : url(chrome://global/skin/menu-check.gif);\r
 155     }\r
 156   \r
 157   menulist > menupopup > menuitem[menuactive="true"][selected="true"] > .menu-left\r
 158     {\r
 159       list-style-image    : url(chrome://global/skin/menu-check-hover.gif);\r
 160     }\r