include/javascript/yui/build/button/assets/skins/sam/button-skin.css

   1 /*
   2 Copyright (c) 2011, Yahoo! Inc. All rights reserved.
   3 Code licensed under the BSD License:
   4 http://developer.yahoo.com/yui/license.html
   5 version: 2.9.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 .yui-skin-sam .yui-button a:visited {
  36
  37     padding: 0 10px;
  38     font-size: 93%;  /* 12px */
  39     line-height: 2;  /* ~24px */
  40     *line-height: 1.7; /* For IE */
  41     min-height: 2em; /* For Gecko */
  42     *min-height: auto; /* For IE */
  43     color: #000;
  44
  45 }
  46
  47 .yui-skin-sam .yui-button a {
  48
  49     /*
  50         Necessary to get Buttons of type "link" to be the correct
  51         height in IE.
  52     */
  53     *line-height: 1.875;
  54         *padding-bottom: 1px;
  55
  56 }
  57
  58 .yui-skin-sam .yui-split-button button,
  59 .yui-skin-sam .yui-menu-button button {
  60
  61     padding-right: 20px;
  62     background-position: right center;
  63     background-repeat: no-repeat;
  64
  65 }
  66
  67 .yui-skin-sam .yui-menu-button button {
  68
  69     background-image: url(menu-button-arrow.png);
  70
  71 }
  72
  73 .yui-skin-sam .yui-split-button button {
  74
  75     background-image: url(split-button-arrow.png);
  76
  77 }
  78
  79
  80 /* Focus state */
  81
  82
  83 .yui-skin-sam .yui-button-focus {
  84
  85     border-color: #7D98B8;
  86     background-position: 0 -1300px;
  87
  88 }
  89
  90 .yui-skin-sam .yui-button-focus .first-child {
  91
  92     border-color: #7D98B8;
  93
  94 }
  95
  96 .yui-skin-sam .yui-split-button-focus button {
  97
  98     background-image: url(split-button-arrow-focus.png);
  99
 100 }
 101
 102
 103 /* Hover state */
 104
 105 .yui-skin-sam .yui-button-hover {
 106
 107     border-color: #7D98B8;
 108     background-position: 0 -1300px;
 109
 110 }
 111
 112 .yui-skin-sam .yui-button-hover .first-child {
 113
 114     border-color: #7D98B8;
 115
 116 }
 117
 118 .yui-skin-sam .yui-split-button-hover button {
 119
 120     background-image: url(split-button-arrow-hover.png);
 121
 122 }
 123
 124
 125 /* Active state */
 126
 127 .yui-skin-sam .yui-button-active {
 128
 129     border-color: #7D98B8;
 130     background-position: 0 -1700px;
 131
 132 }
 133
 134 .yui-skin-sam .yui-button-active .first-child {
 135
 136     border-color: #7D98B8;
 137
 138 }
 139
 140 .yui-skin-sam .yui-split-button-activeoption {
 141
 142     border-color: #808080;
 143     background-position: 0 0;
 144
 145 }
 146
 147 .yui-skin-sam .yui-split-button-activeoption .first-child {
 148
 149     border-color: #808080;
 150
 151 }
 152
 153 .yui-skin-sam .yui-split-button-activeoption button {
 154
 155     background-image: url(split-button-arrow-active.png);
 156
 157 }
 158
 159
 160 /* Checked state */
 161
 162 .yui-skin-sam .yui-radio-button-checked,
 163 .yui-skin-sam .yui-checkbox-button-checked {
 164
 165     border-color: #304369;
 166     background-position: 0 -1400px;
 167
 168 }
 169
 170 .yui-skin-sam .yui-radio-button-checked .first-child,
 171 .yui-skin-sam .yui-checkbox-button-checked .first-child {
 172
 173     border-color: #304369;
 174
 175 }
 176
 177 .yui-skin-sam .yui-radio-button-checked button,
 178 .yui-skin-sam .yui-checkbox-button-checked button {
 179
 180     color: #fff;
 181
 182 }
 183
 184
 185 /* Disabled state */
 186
 187 .yui-skin-sam .yui-button-disabled {
 188
 189     border-color: #ccc;
 190     background-position: 0 -1500px;
 191
 192 }
 193
 194 .yui-skin-sam .yui-button-disabled .first-child {
 195
 196     border-color: #ccc;
 197
 198 }
 199
 200 .yui-skin-sam .yui-button-disabled button,
 201 .yui-skin-sam .yui-button-disabled a,
 202 .yui-skin-sam .yui-button-disabled a:visited {
 203
 204     color: #A6A6A6;
 205     cursor: default;
 206
 207 }
 208
 209 .yui-skin-sam .yui-menu-button-disabled button {
 210
 211     background-image: url(menu-button-arrow-disabled.png);
 212
 213 }
 214
 215 .yui-skin-sam .yui-split-button-disabled button {
 216
 217     background-image: url(split-button-arrow-disabled.png);
 218
 219 }