EarlyBlue/communicator/skin/menubutton.css

   1
   2 /** Styles applying to items in a button-toolbar-3 style menu
   3  *  menuitem class="button-toolbar-3"
   4  **/
   5   .button-toolbar-3 > .menubutton-icon-internal-box
   6     {
   7       border                : 1px outset #9999CC;
   8     }
   9
  10   .button-toolbar-3[open="true"] > .menubutton-icon-internal-box,
  11   .button-toolbar-3:hover:active > .menubutton-icon-internal-box
  12     {
  13       border                : 1px inset #9999CC;
  14     }
  15
  16   menupopup.button-toolbar-3
  17     {
  18       border                : none;
  19     }
  20
  21   menuitem.button-toolbar-3
  22     {
  23       font-weight           : normal;
  24     }
  25
  26   .button-toolbar-3[menuactive="true"]
  27     {
  28       background-color      : #666699;
  29       color                 : #FFFFFF;
  30       font-weight           : normal;
  31     }
  32
  33 /** menubuttons on generic grey toolbars
  34  *  class="button-toolbar"
  35  **/
  36   .button-toolbar > .menubutton-internal-box
  37     {
  38       border                : 1px solid transparent;
  39       padding               : 1px 2px 1px 2px;
  40     }
  41
  42
  43  .button-toolbar:hover > .menubutton-internal-box
  44     {
  45       border                : 1px outset #CCD0DD;
  46       padding               : 1px 2px 1px 2px;
  47     }
  48
  49  .button-toolbar[open="true"] > .menubutton-internal-box,
  50  .button-toolbar[open="true"] > .button-internal-box,
  51  .button-toolbar:hover:active > .menubutton-internal-box
  52     {
  53       border                : 1px inset #CCD0DD;
  54       padding               : 2px 1px 0px 3px;
  55     }
  56
  57 /**
  58  * Navigation bar style menubuttons
  59  **/
  60
  61
  62 /* This is really a hack to deal with buggy :hover - but it's now in toolkit (see below, taken from classic) */
  63
  64 /**
  65  * XXX - this is a hack. :hover does not work to spec and so we're using a binding
  66  *       with JS that lives in xpfe/global/resources/content/menulistBindings.xml
  67  *       to set attributes on various parts of the button when mouse down/over
  68  *       events fire. When :hover works correctly, this can be removed (see
  69  *       revision 1.21 of this file for details.
  70  */
  71
  72
  73 .menubutton-dual.top
  74   {
  75     -moz-binding          : url("chrome://global/content/bindings/menubutton.xml#menubutton-dual-ex");
  76 /*    -moz-user-focus       : ignore !important; */
  77   }
  78
  79 .menubutton-dual.left
  80   {
  81     -moz-binding          : url("chrome://global/content/bindings/menubutton.xml#menubutton-dual-ex-left");
  82 /*    -moz-user-focus       : none !important; */
  83   }
  84
  85
  86
  87 .menubutton-dual
  88   {
  89     font-size               : smaller;
  90   }
  91
  92 .menubutton-dual-ex-button > .button-internal-box > .button-text-container
  93   {
  94     padding-top             : 3px;
  95     text-align              : center;
  96   }
  97
  98
  99
 100 .menubutton-dual > .menubutton-dual-ex-button > .button-internal-box
 101   {
 102     border                  : 1px solid transparent;
 103     padding                 : 1px;
 104   }
 105
 106 .menubutton-dual-ex-button
 107   {
 108     margin                  : 0px;
 109   }
 110
 111 .menubutton-dual:hover > .menubutton-dual-ex-button > .button-internal-box,
 112 .menubutton-dual[buttonover="true"] > .menubutton-dual-ex-button > .button-internal-box
 113   {
 114     border                  : 1px outset #CCD0DD;
 115     padding                 : 1px;
 116   }
 117
 118 .menubutton-dual:hover:active > .menubutton-dual-ex-button > .button-internal-box,
 119 .menubutton-dual[open="true"] > .menubutton-dual-ex-button > .button-internal-box,
 120 .menubutton-dual > .menubutton-dual-ex-button:hover:active > .button-internal-box
 121   {
 122     border                  : 1px inset #CCD0DD;
 123     padding                 : 2px 0px 0px 2px;
 124   }
 125
 126
 127 .menubutton-dual[disabled="true"] > .menubutton-dual-ex-button > .button-internal-box,
 128 .menubutton-dual[disabled="true"]:hover:active > .menubutton-dual-ex-button > .button-internal-box,
 129 .menubutton-dual[disabled="true"][open="true"] > .menubutton-dual-ex-button > .button-internal-box,
 130 .menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-ex-button > .button-internal-box,
 131 .menubutton-dual[disabled="true"] > .menubutton-dual-ex-button:hover:active > .button-internal-box
 132   {
 133     border                  : 1px solid transparent;
 134     padding                 : 1px;
 135   }
 136
 137
 138
 139 .menubutton-dual > .menubutton-dual-dropmarker-box
 140   {
 141     border                  : 1px solid transparent;
 142     padding                 : 1px;
 143   }
 144
 145 .menubutton-dual-ex:hover > .menubutton-dual-dropmarker-box,
 146 .menubutton-dual:hover > .menubutton-dual-dropmarker-box,
 147 .menubutton-dual > .menubutton-dual-dropmarker-box:hover,
 148 .menubutton-dual[buttonover="true"] > .menubutton-dual-dropmarker-box
 149   {
 150     border                  : 1px outset #CCD0DD;
 151     padding                 : 1px;
 152   }
 153
 154 .menubutton-dual:hover:active > .menubutton-dual-dropmarker-box,
 155 .menubutton-dual[open="true"] > .menubutton-dual-dropmarker-box
 156   {
 157     border                  : 1px inset #CCD0DD;
 158     padding                 : 2px 0px 0px 2px;
 159   }
 160
 161
 162 .menubutton-dual[disabled="true"] > .menubutton-dual-dropmarker-box,
 163 .menubutton-dual[disabled="true"]:hover:active > .menubutton-dual-dropmarker-box,
 164 .menubutton-dual[disabled="true"][open="true"] > .menubutton-dual-dropmarker-box,
 165 .menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-dropmarker-box
 166   {
 167     border                  : 1px solid transparent;
 168     padding                 : 1px;
 169   }
 170
 171
 172 menubutton > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
 173   {
 174 /*    padding-bottom           : 17px;  */
 175     padding-bottom           : 24px;
 176   }
 177
 178
 179
 180
 181