wradmin/public/yui/button/assets/skins/sam/button-skin.css

   1 /*
   2 Copyright (c) 2009, Yahoo! Inc. All rights reserved.
   3 Code licensed under the BSD License:
   4 http://developer.yahoo.net/yui/license.txt
   5 version: 2.7.0
   6 */
   7 .yui-skin-sam .yui-button  {
   8
   9     border-width: 1px 0;
  10     border-style: solid;
  11     border-color: #808080;
  12     background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
  13     margin: auto .25em;
  14
  15 }
  16
  17 .yui-skin-sam .yui-button .first-child {
  18
  19     border-width: 0 1px;
  20     border-style: solid;
  21     border-color: #808080;
  22     margin: 0 -1px;
  23
  24         /*
  25                 Using negative margins for rounded corners won't work in IE 6 and IE 7
  26                 (Quirks Mode Only), so set the "margin" property to "0" for those
  27                 browsers.
  28         */
  29         _margin: 0;
  30
  31 }
  32
  33 .yui-skin-sam .yui-button button,
  34 .yui-skin-sam .yui-button a {
  35
  36     padding: 0 10px;
  37     font-size: 93%;  /* 12px */
  38     line-height: 2;  /* ~24px */
  39     *line-height: 1.7; /* For IE */
  40     min-height: 2em; /* For Gecko */
  41     *min-height: auto; /* For IE */
  42     color: #000;
  43
  44 }
  45
  46 .yui-skin-sam .yui-button a {
  47
  48     /*
  49         Necessary to get Buttons of type "link" to be the correct
  50         height in IE.
  51     */
  52     *line-height: 1.875;
  53         *padding-bottom: 1px;
  54
  55 }
  56
  57 .yui-skin-sam .yui-split-button button,
  58 .yui-skin-sam .yui-menu-button button {
  59
  60     padding-right: 20px;
  61     background-position: right center;
  62     background-repeat: no-repeat;
  63
  64 }
  65
  66 .yui-skin-sam .yui-menu-button button {
  67
  68     background-image: url(menu-button-arrow.png);
  69
  70 }
  71
  72 .yui-skin-sam .yui-split-button button {
  73
  74     background-image: url(split-button-arrow.png);
  75
  76 }
  77
  78
  79 /* Focus state */
  80
  81
  82 .yui-skin-sam .yui-button-focus {
  83
  84     border-color: #7D98B8;
  85     background-position: 0 -1300px;
  86
  87 }
  88
  89 .yui-skin-sam .yui-button-focus .first-child {
  90
  91     border-color: #7D98B8;
  92
  93 }
  94
  95 .yui-skin-sam .yui-button-focus button,
  96 .yui-skin-sam .yui-button-focus a {
  97
  98     color: #000;
  99
 100 }
 101
 102 .yui-skin-sam .yui-split-button-focus button {
 103
 104     background-image: url(split-button-arrow-focus.png);
 105
 106 }
 107
 108
 109 /* Hover state */
 110
 111 .yui-skin-sam .yui-button-hover {
 112
 113     border-color: #7D98B8;
 114     background-position: 0 -1300px;
 115
 116 }
 117
 118 .yui-skin-sam .yui-button-hover .first-child {
 119
 120     border-color: #7D98B8;
 121
 122 }
 123
 124 .yui-skin-sam .yui-button-hover button,
 125 .yui-skin-sam .yui-button-hover a {
 126
 127     color: #000;
 128
 129 }
 130
 131 .yui-skin-sam .yui-split-button-hover button {
 132
 133     background-image: url(split-button-arrow-hover.png);
 134
 135 }
 136
 137
 138 /* Active state */
 139
 140 .yui-skin-sam .yui-button-active {
 141
 142     border-color: #7D98B8;
 143     background-position: 0 -1700px;
 144
 145 }
 146
 147 .yui-skin-sam .yui-button-active .first-child {
 148
 149     border-color: #7D98B8;
 150
 151 }
 152
 153 .yui-skin-sam .yui-button-active button,
 154 .yui-skin-sam .yui-button-active a {
 155
 156     color: #000;
 157
 158 }
 159
 160 .yui-skin-sam .yui-split-button-activeoption {
 161
 162     border-color: #808080;
 163     background-position: 0 0;
 164
 165 }
 166
 167 .yui-skin-sam .yui-split-button-activeoption .first-child {
 168
 169     border-color: #808080;
 170
 171 }
 172
 173 .yui-skin-sam .yui-split-button-activeoption button {
 174
 175     background-image: url(split-button-arrow-active.png);
 176
 177 }
 178
 179
 180 /* Checked state */
 181
 182 .yui-skin-sam .yui-radio-button-checked,
 183 .yui-skin-sam .yui-checkbox-button-checked {
 184
 185     border-color: #304369;
 186     background-position: 0 -1400px;
 187
 188 }
 189
 190 .yui-skin-sam .yui-radio-button-checked .first-child,
 191 .yui-skin-sam .yui-checkbox-button-checked .first-child {
 192
 193     border-color: #304369;
 194
 195 }
 196
 197 .yui-skin-sam .yui-radio-button-checked button,
 198 .yui-skin-sam .yui-checkbox-button-checked button {
 199
 200     color: #fff;
 201
 202 }
 203
 204
 205 /* Disabled state */
 206
 207 .yui-skin-sam .yui-button-disabled {
 208
 209     border-color: #ccc;
 210     background-position: 0 -1500px;
 211
 212 }
 213
 214 .yui-skin-sam .yui-button-disabled .first-child {
 215
 216     border-color: #ccc;
 217
 218 }
 219
 220 .yui-skin-sam .yui-button-disabled button,
 221 .yui-skin-sam .yui-button-disabled a {
 222
 223     color: #A6A6A6;
 224     cursor: default;
 225
 226 }
 227
 228 .yui-skin-sam .yui-menu-button-disabled button {
 229
 230     background-image: url(menu-button-arrow-disabled.png);
 231
 232 }
 233
 234 .yui-skin-sam .yui-split-button-disabled button {
 235
 236     background-image: url(split-button-arrow-disabled.png);
 237
 238 }