EarlyBlue/global/skin/menubutton.css

   1 \r
   2 /* outermost frame */\r
   3   menubutton\r
   4     {\r
   5 /*      margin              : 3px 5px 3px 5px; */\r
   6     }\r
   7     \r
   8   menubutton[disabled="true"] \r
   9     {\r
  10       color               : #999999;\r
  11     }\r
  12   \r
  13   menubutton > .menubutton-internal-box\r
  14     {\r
  15       border              : none;\r
  16       padding             : 0px;\r
  17       vertical-align      : middle;\r
  18     }\r
  19 \r
  20   .menubutton-single-icon\r
  21     {\r
  22       margin-right        : 3px;\r
  23     }\r
  24     \r
  25 /** "Dual Functionality" menubutton\r
  26  *  Has a popup spawning button and a command invoking button, e.g. back/forward\r
  27  *  class="menubutton-dual"\r
  28  **/    \r
  29   \r
  30 /* inner button */\r
  31 \r
  32   menubutton > .menubutton-internal-box > .menubutton-dual-button,\r
  33   menubutton:hover > .menubutton-internal-box > .menubutton-dual-button,\r
  34   menubutton:active > .menubutton-internal-box > .menubutton-dual-button\r
  35     {\r
  36       border              : none;\r
  37       margin              : 0px;\r
  38       -moz-border-radius  : 0px;\r
  39     }\r
  40 \r
  41   menubutton > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,\r
  42     {\r
  43       border              : 1px outset #CCD0DD;\r
  44       margin              : 0px\r
  45     }\r
  46     \r
  47   menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,\r
  48   menubutton > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box,\r
  49   menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box\r
  50     {\r
  51       border              : 1px inset #CCD0DD;\r
  52     }\r
  53     \r
  54   menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box\r
  55     {\r
  56       border              : 1px outset #CCD0DD;\r
  57     }\r
  58 \r
  59 \r
  60 /* inner dropmarker */\r
  61   menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box\r
  62     {\r
  63       border              : 1px outset #CCD0DD;\r
  64       padding             : 0px 2px 0px 2px;\r
  65     }\r
  66     \r
  67   menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box\r
  68     {\r
  69       border              : 1px outset #CCD0DD;\r
  70     }\r
  71 \r
  72   menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box\r
  73     {\r
  74       border              : 1px inset #CCD0DD;\r
  75       padding             : 1px 1px -1px 3px;\r
  76     }\r
  77 \r
  78   menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker\r
  79     {\r
  80       border              : none;\r
  81       list-style-image    : url("chrome://global/skin/scroll-down.gif");\r
  82     }\r
  83     \r
  84   menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker\r
  85     {\r
  86       list-style-image    : url("chrome://global/skin/scroll-down-disabled.gif");\r
  87     }\r
  88 \r
  89   menubutton > menupopup\r
  90     {\r
  91       min-width           : 0px;\r
  92       border              : 1px outset #CCD0DD;\r
  93     }\r
  94     \r
  95   menubutton > menupopup > .menupopup-internal-box\r
  96     {\r
  97       border              : 1px outset #CCD0DD;\r
  98     }\r
  99     \r
 100   menubutton > menupopup > menuitem\r
 101     {\r
 102       padding             : 0px 0px 0px 3px;\r
 103     }\r
 104 \r
 105 /** Icon only menubutton.menubutton-duals\r
 106  *  class="menubutton.menubutton-dual-icon"\r
 107  **/\r
 108   .menubutton.menubutton-dual-icon \r
 109     {\r
 110       border              : none;\r
 111       background-color    : #CCD0DD;\r
 112     } \r
 113     \r
 114   .menubutton.menubutton-dual-icon > .menubutton.menubutton-dual-icon-internal-box\r
 115     {\r
 116       border              : 1px outset #CCD0DD;\r
 117       padding             : 1px;\r
 118     }\r
 119     \r
 120   .menubutton.menubutton-dual-icon:hover:active > .menubutton.menubutton-dual-icon-internal-box,\r
 121   .menubutton.menubutton-dual-icon[open="true"] > .menubutton.menubutton-dual-icon-internal-box\r
 122     {\r
 123       border              : 1px inset #CCD0DD;\r
 124       padding             : 2px 0px 0px 2px;\r
 125     }    \r
 126