LCARStrek/communicator/skin/button.css

   1
   2 /** Standard toolbar buttons
   3  *  class="button-toolbar"
   4  **/
   5   .button-toolbar
   6     {
   7       border                : none;
   8       margin                : 0px 1px 0px 1px;
   9       padding               : 0px;
  10 /*      font                  : 3mm "Final Frontier",tahoma,arial,helvetica,sans-serif; */
  11       max-width             : 10em;
  12       min-height            : 16px;
  13     }
  14
  15   .button-toolbar[toggled="true"]
  16     {
  17       background-color      : #008484;
  18     }
  19
  20   .button-toolbar[disabled="true"],
  21   .button-toolbar[disabled="true"]:hover,
  22   .button-toolbar[disabled="true"]:hover:active
  23     {
  24       color                 : #8050B0;
  25     }
  26
  27   .button-toolbar > .button-internal-box
  28     {
  29       border                : none;
  30       padding               : 1px 2px 1px 2px;
  31     }
  32
  33   .button-toolbar:hover > .button-internal-box
  34     {
  35       border                : none;
  36       padding               : 1px 2px 1px 2px;
  37     }
  38
  39   .button-toolbar:hover:active > .button-internal-box
  40     {
  41       border                : none;
  42       padding               : 2px 1px 0px 3px;
  43     }
  44
  45   .button-toolbar[disabled="true"]:hover:active > .button-internal-box
  46     {
  47       border                : none;
  48       padding               : 1px 2px 1px 2px;
  49     }
  50
  51   .button-toolbar:hover:active[home-dragover="true"] > .button-internal-box
  52     {
  53       border                : none;
  54       padding               : 1px 2px 1px 2px;
  55     }
  56
  57   .button-toolbar > .button-internal-box > .button-text-container
  58     {
  59       padding               : 0px;
  60       margin                : 0px;
  61     }
  62
  63   .button-toolbar > .button-internal-box > .button-text-container > .button-text
  64     {
  65       padding               : 0px;
  66       padding-left          : 1px;
  67       margin                : 0px;
  68     }
  69
  70 /** The largest type of toolbar buttons. In the Seamonkey implementation,
  71  *  these are only used in the navigation toolbar in the navigator package.
  72  **/
  73
  74   /* outer frame */
  75   .button-toolbar-1
  76     {
  77 /*      background-color    : transparent;
  78       color               : #000000; */
  79       min-width           : 36px;
  80       min-height          : 36px;
  81       margin              : 0px 1px 0px 1px;
  82       padding             : 0px;
  83       font-size           : smaller;
  84       border              : none;
  85     }
  86
  87 /* internal frame */
  88   .button-toolbar-1[disabled="true"] > .button-internal-box,
  89   .button-toolbar-1[disabled="true"]:hover > .button-internal-box,
  90   .button-toolbar-1[disabled="true"]:hover:active > .button-internal-box
  91     {
  92       border              : none;
  93       padding             : 1px;
  94     }
  95
  96   .button-toolbar-1 > .button-internal-box
  97     {
  98       border              : none;
  99       vertical-align      : middle;
 100     }
 101
 102   .button-toolbar-1:hover > .button-internal-box
 103     {
 104       border              : none;
 105       vertical-align      : middle;
 106     }
 107
 108   .button-toolbar-1:hover:active > .button-internal-box
 109     {
 110       border              : none;
 111       vertical-align      : middle;
 112       padding             : 2px 0px 0px 2px;
 113     }
 114
 115   .button-toolbar-1 > .button-internal-box > .button-text-container
 116     {
 117       display             : none;
 118       text-align          : center;
 119     }
 120
 121 /** Styles for the standard 'large' toolbar button, these buttons are used for
 122  *  toolbar buttons that are the most commonly used elements on a toolbar, e.g.
 123  *  'GetMsg' in Mailnews or 'Send' in Mail/Compose.
 124  **/
 125   .button-toolbar-2
 126     {
 127 /*      background-color    : transparent;
 128       color               : #000000; */
 129       min-width           : 32px;
 130       min-height          : 32px;
 131       margin              : 0px 1px 0px 1px;
 132       padding             : 0px;
 133       font-size           : smaller;
 134       border              : none;
 135     }
 136
 137 /* internal frame */
 138   .button-toolbar-2 > .button-internal-box
 139     {
 140       border              : none;
 141       padding             : 1px;
 142       vertical-align      : middle;
 143     }
 144
 145   .button-toolbar-2:hover > .button-internal-box
 146     {
 147       padding             : 1px;
 148       border              : none;
 149     }
 150
 151   .button-toolbar-2:hover:active > .button-internal-box
 152     {
 153       padding             : 2px 0px 0px 2px;
 154       border              : none;
 155     }
 156
 157   .button-toolbar-2[disabled="true"] > .button-internal-box,
 158   .button-toolbar-2[disabled="true"]:hover > .button-internal-box,
 159   .button-toolbar-2[disabled="true"]:hover:active > .button-internal-box
 160     {
 161       padding             : 1px;
 162       border              : none;
 163     }
 164
 165 /* text wrapper frame */
 166   .button-toolbar-2 > .button-internal-box > .button-text-container
 167     {
 168       padding-top         : 3px;
 169       text-align          : center;
 170     }
 171
 172
 173 /** "Green" buttons, e.g. "Search"
 174  *  class="button-toolbar-3"
 175  **/
 176   .button-toolbar-3
 177     {
 178       margin                : 0px 1px 0px 1px;
 179       font-weight           : bold;
 180 /*      background-color      : #9999CC; */
 181       border                : none
 182     }
 183
 184   .button-toolbar-3[disabled="true"],
 185   .button-toolbar-3[disabled="true"]:hover,
 186   .button-toolbar-3[disabled="true"]:hover:active
 187     {
 188       border              : none;
 189 /*      color               : #CCCCCC; */
 190     }
 191
 192   .button-toolbar-3 > .button-internal-box,
 193     {
 194       border                : none;
 195       padding               : 1px;
 196     }
 197
 198   .button-toolbar-3:hover:active > .button-internal-box,
 199     {
 200       border                : none;
 201       padding               : 2px 0px 0px 2px;
 202     }
 203
 204 /** Expanding Region Button **/
 205
 206 /* outer frame */
 207   button.expander
 208     {
 209       border              : none;
 210       padding             : none;
 211 /*      margin              : 1px 5px 3px 1px; */
 212       background-color    : inherit;
 213       list-style-image    : url("chrome://global/skin/closedtwisty.gif");
 214     }
 215
 216   button[open="true"].expander
 217     {
 218       list-style-image    : url("chrome://global/skin/opentwisty.gif");
 219     }
 220
 221 /* internal frame */
 222   button.expander > .button-internal-box
 223     {
 224       border              : none;
 225       background-color    : inherit;
 226       padding             : none;
 227       margin              : none;
 228     }
 229
 230 /* text frame */
 231   button.expander > .button-internal-box > .button-text-container > .button-text
 232     {
 233       color               : #0000FF;
 234       text-decoration     : underline;
 235     }
 236
 237   button.expander:hover > .button-internal-box > .button-text-container > .button-text
 238     {
 239       color               : #FF0000;
 240     }
 241
 242 /**
 243  * button styles for taskbar, sidebar headers, etc.
 244  **/
 245 .button-toolbar-4
 246   {
 247     font                  : inherit;
 248     border                : none;
 249     padding               : 1px;
 250     margin                : 0px;
 251   }
 252
 253 .button-toolbar-4:hover
 254   {
 255     text-decoration       : none;
 256   }
 257
 258 .button-toolbar-4:hover:active
 259   {
 260     text-decoration       : none;
 261     padding               : 2px 0px 0px 2px;
 262   }
 263
 264 menubutton.button-toolbar-4
 265   {
 266     -moz-binding          : url("chrome://global/content/menulistBindings.xml#menubutton-single-right");
 267     padding               : 0px;
 268   }
 269
 270 .button-toolbar-4 > .menubutton-internal-box > .menubutton-single-icon
 271   {
 272       list-style-image    : url(chrome://global/skin/mb-single-arrow.gif);
 273       margin-left         : 4px;
 274   }
 275
 276 .button-toolbar-4:hover > .menubutton-internal-box > .menubutton-single-icon,
 277 .button-toolbar-4[open="true"] > .menubutton-internal-box > .menubutton-single-icon
 278   {
 279       list-style-image    : url(chrome://global/skin/mb-single-arrow-hover.gif);
 280   }
 281
 282 .button-toolbar-4 > .button-internal-box,
 283 .button-toolbar-4:hover:active > .button-internal-box,
 284 .button-toolbar-4 > .menubutton-internal-box
 285   {
 286     border                : none;
 287     padding               : 0px;
 288     padding-left          : 2px;
 289   }
 290
 291