LCARStrek/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                : none;
   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                : none;
  14     }
  15
  16   menuitem.button-toolbar-3
  17     {
  18       font-weight           : normal;
  19     }
  20
  21   .button-toolbar-3[menuactive="true"]
  22     {
  23       font-weight           : normal;
  24     }
  25
  26 /** menubuttons on generic grey toolbars
  27  *  class="button-toolbar"
  28  **/
  29   .button-toolbar > .menubutton-internal-box
  30     {
  31       -moz-border-radius    : 3px;
  32       padding               : 1px 2px 1px 2px;
  33       background-color      : #000000;
  34       color                 : #E7ADE7;
  35     }
  36
  37
  38  .button-toolbar:hover > .menubutton-internal-box
  39     {
  40       background-color      : #FFCF00;
  41       color                 : #000000;
  42       padding               : 1px 2px 1px 2px;
  43     }
  44
  45  .button-toolbar:hover:active > .menubutton-internal-box
  46     {
  47       background-color      : #FFCF00;
  48       color                 : #000000;
  49       padding               : 2px 1px 0px 3px;
  50     }
  51
  52  .button-toolbar[open="true"] > .menubutton-internal-box
  53     {
  54       background-color      : #FF9F00;
  55       color                 : #000000;
  56       padding               : 2px 1px 0px 3px;
  57     }
  58
  59 /** menubuttons on taskbar
  60  *  class="button-toolbar-4"
  61  **/
  62   .button-toolbar-4
  63     {
  64       border                : none;
  65     }
  66
  67   .button-toolbar-4 > .menubutton-internal-box
  68     {
  69       -moz-border-radius    : 3px;
  70       border                : none;
  71       padding               : 1px 2px 1px 2px;
  72     }
  73
  74  .button-toolbar-4:hover > .menubutton-internal-box
  75     {
  76       background-color      : #FFCF00;
  77       color                 : #000000;
  78       padding               : 1px 2px 1px 2px;
  79     }
  80
  81  .button-toolbar-4:hover:active > .menubutton-internal-box
  82     {
  83       background-color      : #FFCF00;
  84       color                 : #000000;
  85       padding               : 2px 1px 0px 3px;
  86     }
  87
  88  .button-toolbar-4[open="true"] > .menubutton-internal-box
  89     {
  90       background-color      : #FF9F00;
  91       color                 : #000000;
  92       padding               : 2px 1px 0px 3px;
  93     }
  94
  95  .button-toolbar-4:hover:active,
  96  .button-toolbar-4[open="true"]
  97     {
  98       padding               : 0px;
  99     }
 100
 101 /**
 102  * Navigation bar style menubuttons
 103  **/
 104
 105 /* This is really a hack to deal with buggy :hover - but it's now in toolkit (see below, taken from classic) */
 106
 107 /**
 108  * XXX - this is a hack. :hover does not work to spec and so we're using a binding
 109  *       with JS that lives in xpfe/global/resources/content/menulistBindings.xml
 110  *       to set attributes on various parts of the button when mouse down/over
 111  *       events fire. When :hover works correctly, this can be removed (see
 112  *       revision 1.21 of this file for details.
 113  */
 114
 115
 116 .menubutton-dual.top
 117   {
 118     -moz-binding          : url("chrome://global/content/bindings/menubutton.xml#menubutton-dual-ex");
 119 /*    -moz-user-focus       : ignore !important; */
 120   }
 121
 122 .menubutton-dual.left
 123   {
 124     -moz-binding          : url("chrome://global/content/bindings/menubutton.xml#menubutton-dual-ex-left");
 125 /*    -moz-user-focus       : none !important; */
 126   }
 127
 128
 129
 130 .menubutton-dual
 131   {
 132     font-size               : smaller;
 133   }
 134
 135 /* Mail & Co. */
 136
 137 .menubutton-dual.toolbar
 138   {
 139     min-width               : 32px;
 140     min-height              : 32px;
 141     max-height              : 40px;
 142     margin                  : 0px 1px 0px 1px;
 143     padding                 : 0px;
 144     font-size               : smaller;
 145     border                  : none;
 146   }
 147
 148 .menubutton-dual.toolbar > button > .button-internal-box
 149   {
 150     min-width               : 32px;
 151     min-height              : 32px;
 152     max-height              : 40px;
 153     border                  : none;
 154   }
 155
 156
 157 .menubutton-dual-ex-button > .button-internal-box > .button-text-container
 158   {
 159     padding-top             : 3px;
 160     -moz-box-pack           : center;
 161   }
 162
 163
 164
 165 .menubutton-dual > .menubutton-dual-ex-button > .button-internal-box
 166   {
 167     padding                 : 1px;
 168     border                  : none;
 169     -moz-border-radius      : 3px 0px 0px 3px;
 170   }
 171
 172 .menubutton-dual-ex-button
 173   {
 174     margin                  : 0px;
 175   }
 176
 177 .menubutton-dual:hover > .menubutton-dual-ex-button > .button-internal-box,
 178 .menubutton-dual[buttonover="true"] > .menubutton-dual-ex-button > .button-internal-box
 179   {
 180     background-color        : #FFCF00;
 181     color                   : #000000;
 182     padding                 : 1px;
 183     border                  : none;
 184   }
 185
 186 .menubutton-dual:hover:active > .menubutton-dual-ex-button > .button-internal-box,
 187 .menubutton-dual > .menubutton-dual-ex-button:hover:active > .button-internal-box
 188   {
 189     background-color        : #FFCF00;
 190     color                   : #000000;
 191     padding                 : 2px 0px 0px 2px;
 192     border                  : none;
 193   }
 194
 195 .menubutton-dual[open="true"] > .menubutton-dual-ex-button > .button-internal-box
 196   {
 197     background-color        : #FF9F00;
 198     color                   : #000000;
 199     padding                 : 2px 0px 0px 2px;
 200     border                  : none;
 201   }
 202
 203 .menubutton-dual[disabled="true"] > .menubutton-dual-ex-button > .button-internal-box,
 204 .menubutton-dual[disabled="true"]:hover:active > .menubutton-dual-ex-button > .button-internal-box,
 205 .menubutton-dual[disabled="true"][open="true"] > .menubutton-dual-ex-button > .button-internal-box,
 206 .menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-ex-button > .button-internal-box,
 207 .menubutton-dual[disabled="true"] > .menubutton-dual-ex-button:hover:active > .button-internal-box
 208   {
 209     background-color        : #000000;
 210     color                   : #8050B0;
 211     padding                 : 1px;
 212     border                  : none;
 213   }
 214
 215
 216
 217 .menubutton-dual > .menubutton-dual-dropmarker-box
 218   {
 219     -moz-border-radius      : 0px 3px 3px 0px;
 220     padding                 : 1px;
 221     border                  : none;
 222   }
 223
 224 .menubutton-dual-ex:hover > .menubutton-dual-dropmarker-box,
 225 .menubutton-dual:hover > .menubutton-dual-dropmarker-box,
 226 .menubutton-dual > .menubutton-dual-dropmarker-box:hover,
 227 .menubutton-dual[buttonover="true"] > .menubutton-dual-dropmarker-box
 228   {
 229     background-color        : #FFCF00;
 230     color                   : #000000;
 231     padding                 : 1px;
 232     border                  : none;
 233   }
 234
 235 .menubutton-dual:hover:active > .menubutton-dual-dropmarker-box
 236   {
 237     background-color        : #FFCF00;
 238     color                   : #000000;
 239     padding                 : 2px 0px 0px 2px;
 240     border                  : none;
 241   }
 242
 243 .menubutton-dual[open="true"] > .menubutton-dual-dropmarker-box
 244   {
 245     background-color        : #FF9F00;
 246     color                   : #000000;
 247     padding                 : 2px 0px 0px 2px;
 248     border                  : none;
 249   }
 250
 251 .menubutton-dual[disabled="true"] > .menubutton-dual-dropmarker-box,
 252 .menubutton-dual[disabled="true"]:hover:active > .menubutton-dual-dropmarker-box,
 253 .menubutton-dual[disabled="true"][open="true"] > .menubutton-dual-dropmarker-box,
 254 .menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-dropmarker-box
 255   {
 256     background-color        : #000000;
 257     color                   : #8050B0;
 258     padding                 : 1px;
 259     border                  : none;
 260   }
 261
 262 menubutton > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
 263   {
 264 /*    padding-bottom           : 17px;  */
 265     padding-bottom           : 24px;
 266   }
 267