EarlyBlue/global/skin/menubutton.css

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