LCARStrek/skin/LCARStrek/global/button.css

   1 /* NEW WIDGET ANDING: <button> */
   2
   3 /** Default Button Styles (apply to usage of <button> without
   4  *  any applied class).
   5  **/
   6
   7 /* outer frame */
   8   button
   9     {
  10       -moz-border-radius  : 3px;
  11       border              : none;
  12       margin              : 1px 5px 2px 5px;
  13       min-width           : 6em;
  14       background-color    : #000000;
  15       color               : #FFCF00;
  16       -moz-user-focus     : normal;
  17     }
  18
  19   .button-text {
  20     margin: 0px !important;
  21     text-align: center;
  22   }
  23
  24   button[disabled="true"],
  25   button[disabled="true"][default],
  26   button[disabled="true"]:hover,
  27   button[disabled="true"]:hover:active
  28     {
  29       border              : none;
  30       background-color    : #000000;
  31       color               : #8050B0;
  32     }
  33
  34   .button-box,
  35   button[disabled="true"][default] > .button-box,
  36   button[disabled="true"]:hover:active > .button-box
  37     {
  38       -moz-border-radius  : 3px;
  39       border              : none;
  40       -moz-user-focus     : none;
  41     }
  42
  43   .button-box-2,
  44   button[disabled="true"][default] > .button-box > .button-box-2,
  45   button[disabled="true"]:hover:active > .button-box > .button-box-2
  46     {
  47                         border              : none;
  48     }
  49
  50   button:hover,
  51   button:hover:active,
  52   button[open="true"],
  53   button[checked="true"]
  54     {
  55       border              : none;
  56       background-color    : #FFCF00;
  57       color               : #000000;
  58     }
  59
  60   button:hover:active > .button-box,
  61   button[checked="true"] > .button-box,
  62   button[checked="true"]:focus > .button-box,
  63   button[open="true"] > .button-box,
  64   button[open="true"]:focus > .button-box
  65     {
  66       border              : none;
  67     }
  68
  69   button:hover:active > .button-box > .button-box-2,
  70   button[checked="true"] > .button-box > .button-box-2,
  71   button[checked="true"]:focus> .button-box > .button-box-2,
  72   button[open="true"] > .button-box > .button-box-2,
  73   button[open="true"]:focus > .button-box > .button-box-2
  74     {
  75       border              : none;
  76     }
  77
  78   button:hover:active > .button-box > .button-box-2 > .button-box-text,
  79   button[open="true"] > .button-box > .button-box-2 > .button-box-text
  80     {
  81       padding             : 1px 2px 0px 3px;
  82     }
  83
  84   button[disabled="true"] > .button-box > .button-box-2 > .button-box-text,
  85   button[disabled="true"]:hover:active > .button-box > .button-box-2 > .button-box-text
  86     {
  87       padding             : 0px 3px 1px 2px;
  88     }
  89
  90 /* text wrapping frame (hack because <text> does not support alignment) */
  91   .button-box-text,
  92   button[disabled]:focus > .button-box > .button-box-2 > .button-box-text
  93     {
  94       padding             : 0px 3px 1px 2px;
  95       margin              : 1px;
  96     }
  97
  98 /** Styles for "DEFAULT" buttons (usually 'OK' or equivalent in dialogs.
  99  *  To activate, set 'default' attribute on button.
 100  **/
 101
 102 /* outer frame */
 103   button[default], button:focus
 104     {
 105       border              : none;
 106     }
 107
 108   button[default] > .button-box > .button-box-2 > .button-box-text
 109     {
 110       font-weight         : bold;
 111       list-style-image    : url("chrome://global/skin/return.gif");
 112       -moz-box-direction  : reverse;
 113     }
 114
 115   button[default]:hover > .button-box > .button-box-2 > .button-box-text
 116     {
 117       list-style-image    : url("chrome://global/skin/return-hover.gif");
 118     }
 119
 120   button[default][disabled="true"] > .button-box > .button-box-2 > .button-box-text,
 121   button[default][disabled="true"]:hover > .button-box > .button-box-2 > .button-box-text
 122     {
 123       list-style-image    : url("chrome://global/skin/return-disabled.gif");
 124     }
 125
 126 /* ::::: menu-button buttons ::::: */
 127
 128 button[type="menu-button"] {
 129   margin: 0px !important;
 130   border: none !important;
 131 }
 132
 133 .menu-button-dropmarker {
 134   list-style-image: url("chrome://global/skin/scroll-down.gif");
 135 }
 136
 137 .menu-button-dropmarker:hover {
 138   list-style-image: url("chrome://global/skin/scroll-down-hover.gif");
 139 }
 140
 141 .menu-button-dropmarker[disabled="true"],
 142 .menu-button-dropmarker[disabled="true"]:hover {
 143   list-style-image: url("chrome://global/skin/scroll-down-disabled.gif");
 144 }
 145
 146 /* ::::: plain buttons ::::: */
 147
 148 button.plain,
 149 button.plain:hover,
 150 button.plain:hover:active,
 151 button.plain > .button-box,
 152 button.plain:hover > .button-box,
 153 button.plain:hover:active > .button-box {
 154   border: 0px ! important;
 155   margin: 0px;
 156   padding: 0px;
 157 }
 158