EarlyBlue/communicator/skin/button.css

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