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                 : #FFCF00;
  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/menulistBindings.xml#menubutton-dual-ex");
 119 /*    -moz-user-focus       : ignore !important; */
 120   }
 121
 122 .menubutton-dual.left
 123   {
 124     -moz-binding          : url("chrome://global/content/menulistBindings.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 /* where have you gone?
 136
 137 .menubutton-dual.toolbar:hover > .menubutton-internal-box,
 138 .menubutton-dual.toolbar:hover:active > .menubutton-internal-box
 139   {
 140       -moz-border-radius    : 3px;
 141     background-color        : #FFCF00;
 142     color                   : #000000;
 143   }
 144
 145 .menubutton-dual.toolbar[open="true"] > .menubutton-internal-box
 146   {
 147     background-color        : #FF9F00;
 148     color                   : #000000;
 149   }
 150
 151 .menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box,
 152 .menubutton-dual.toolbar[disabled="true"]:hover:active > .menubutton-internal-box,
 153 .menubutton-dual.toolbar[disabled="true"][open="true"] > .menubutton-internal-box
 154   {
 155       -moz-border-radius    : 3px;
 156     background-color        : #000000;
 157     color                   : #8050B0;
 158   }
 159
 160
 161 .menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button,
 162 .menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-button,
 163 .menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-button
 164   {
 165     -moz-border-radius      : 3px 0px 0px 3px;
 166   }
 167
 168 */
 169
 170 .menubutton-dual-ex-button > .button-internal-box > .button-text-container
 171   {
 172     padding-top             : 3px;
 173     text-align              : center;
 174   }
 175
 176
 177
 178 .menubutton-dual > .menubutton-dual-ex-button > .button-internal-box
 179   {
 180     padding                 : 1px;
 181     border                  : none;
 182     -moz-border-radius      : 3px 0px 0px 3px;
 183   }
 184
 185 .menubutton-dual-ex-button
 186   {
 187     margin                  : 0px;
 188   }
 189
 190 .menubutton-dual:hover > .menubutton-dual-ex-button > .button-internal-box,
 191 .menubutton-dual[buttonover="true"] > .menubutton-dual-ex-button > .button-internal-box
 192   {
 193     background-color        : #FFCF00;
 194     color                   : #000000;
 195     padding                 : 1px;
 196     border                  : none;
 197   }
 198
 199 .menubutton-dual:hover:active > .menubutton-dual-ex-button > .button-internal-box,
 200 .menubutton-dual > .menubutton-dual-ex-button:hover:active > .button-internal-box
 201   {
 202     background-color        : #FFCF00;
 203     color                   : #000000;
 204     padding                 : 2px 0px 0px 2px;
 205     border                  : none;
 206   }
 207
 208 .menubutton-dual[open="true"] > .menubutton-dual-ex-button > .button-internal-box
 209   {
 210     background-color        : #FF9F00;
 211     color                   : #000000;
 212     padding                 : 2px 0px 0px 2px;
 213     border                  : none;
 214   }
 215
 216 .menubutton-dual[disabled="true"] > .menubutton-dual-ex-button > .button-internal-box,
 217 .menubutton-dual[disabled="true"]:hover:active > .menubutton-dual-ex-button > .button-internal-box,
 218 .menubutton-dual[disabled="true"][open="true"] > .menubutton-dual-ex-button > .button-internal-box,
 219 .menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-ex-button > .button-internal-box,
 220 .menubutton-dual[disabled="true"] > .menubutton-dual-ex-button:hover:active > .button-internal-box
 221   {
 222     background-color        : #000000;
 223     color                   : #8050B0;
 224     padding                 : 1px;
 225     border                  : none;
 226   }
 227
 228
 229
 230 .menubutton-dual > .menubutton-dual-dropmarker-box
 231   {
 232     -moz-border-radius      : 0px 3px 3px 0px;
 233     padding                 : 1px;
 234     border                  : none;
 235   }
 236
 237 .menubutton-dual-ex:hover > .menubutton-dual-dropmarker-box,
 238 .menubutton-dual:hover > .menubutton-dual-dropmarker-box,
 239 .menubutton-dual > .menubutton-dual-dropmarker-box:hover,
 240 .menubutton-dual[buttonover="true"] > .menubutton-dual-dropmarker-box
 241   {
 242     background-color        : #FFCF00;
 243     color                   : #000000;
 244     padding                 : 1px;
 245     border                  : none;
 246   }
 247
 248 .menubutton-dual:hover:active > .menubutton-dual-dropmarker-box
 249   {
 250     background-color        : #FFCF00;
 251     color                   : #000000;
 252     padding                 : 2px 0px 0px 2px;
 253     border                  : none;
 254   }
 255
 256 .menubutton-dual[open="true"] > .menubutton-dual-dropmarker-box
 257   {
 258     background-color        : #FF9F00;
 259     color                   : #000000;
 260     padding                 : 2px 0px 0px 2px;
 261     border                  : none;
 262   }
 263
 264 .menubutton-dual[disabled="true"] > .menubutton-dual-dropmarker-box,
 265 .menubutton-dual[disabled="true"]:hover:active > .menubutton-dual-dropmarker-box,
 266 .menubutton-dual[disabled="true"][open="true"] > .menubutton-dual-dropmarker-box,
 267 .menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-dropmarker-box
 268   {
 269     background-color        : #000000;
 270     color                   : #8050B0;
 271     padding                 : 1px;
 272     border                  : none;
 273   }
 274
 275 menubutton > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
 276   {
 277 /*    padding-bottom           : 17px;  */
 278     padding-bottom           : 24px;
 279   }
 280
 281
 282