button-skin.css
218 lines
| 3.7 KiB
| text/css
|
CssLexer
| r547 | /* | ||
| r1073 | Copyright (c) 2010, Yahoo! Inc. All rights reserved. | ||
| r547 | Code licensed under the BSD License: | ||
| r1073 | http://developer.yahoo.com/yui/license.html | ||
| version: 2.8.2r1 | |||
| r547 | */ | ||
| .yui-skin-sam .yui-button { | |||
| border-width: 1px 0; | |||
| border-style: solid; | |||
| border-color: #808080; | |||
| background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0; | |||
| margin: auto .25em; | |||
| } | |||
| .yui-skin-sam .yui-button .first-child { | |||
| border-width: 0 1px; | |||
| border-style: solid; | |||
| border-color: #808080; | |||
| margin: 0 -1px; | |||
| /* | |||
| Using negative margins for rounded corners won't work in IE 6 and IE 7 | |||
| (Quirks Mode Only), so set the "margin" property to "0" for those | |||
| browsers. | |||
| */ | |||
| _margin: 0; | |||
| } | |||
| .yui-skin-sam .yui-button button, | |||
| .yui-skin-sam .yui-button a, | |||
| .yui-skin-sam .yui-button a:visited { | |||
| padding: 0 10px; | |||
| font-size: 93%; /* 12px */ | |||
| line-height: 2; /* ~24px */ | |||
| *line-height: 1.7; /* For IE */ | |||
| min-height: 2em; /* For Gecko */ | |||
| *min-height: auto; /* For IE */ | |||
| color: #000; | |||
| } | |||
| .yui-skin-sam .yui-button a { | |||
| /* | |||
| Necessary to get Buttons of type "link" to be the correct | |||
| height in IE. | |||
| */ | |||
| *line-height: 1.875; | |||
| *padding-bottom: 1px; | |||
| } | |||
| .yui-skin-sam .yui-split-button button, | |||
| .yui-skin-sam .yui-menu-button button { | |||
| padding-right: 20px; | |||
| background-position: right center; | |||
| background-repeat: no-repeat; | |||
| } | |||
| .yui-skin-sam .yui-menu-button button { | |||
| background-image: url(menu-button-arrow.png); | |||
| } | |||
| .yui-skin-sam .yui-split-button button { | |||
| background-image: url(split-button-arrow.png); | |||
| } | |||
| /* Focus state */ | |||
| .yui-skin-sam .yui-button-focus { | |||
| border-color: #7D98B8; | |||
| background-position: 0 -1300px; | |||
| } | |||
| .yui-skin-sam .yui-button-focus .first-child { | |||
| border-color: #7D98B8; | |||
| } | |||
| .yui-skin-sam .yui-split-button-focus button { | |||
| background-image: url(split-button-arrow-focus.png); | |||
| } | |||
| /* Hover state */ | |||
| .yui-skin-sam .yui-button-hover { | |||
| border-color: #7D98B8; | |||
| background-position: 0 -1300px; | |||
| } | |||
| .yui-skin-sam .yui-button-hover .first-child { | |||
| border-color: #7D98B8; | |||
| } | |||
| .yui-skin-sam .yui-split-button-hover button { | |||
| background-image: url(split-button-arrow-hover.png); | |||
| } | |||
| /* Active state */ | |||
| .yui-skin-sam .yui-button-active { | |||
| border-color: #7D98B8; | |||
| background-position: 0 -1700px; | |||
| } | |||
| .yui-skin-sam .yui-button-active .first-child { | |||
| border-color: #7D98B8; | |||
| } | |||
| .yui-skin-sam .yui-split-button-activeoption { | |||
| border-color: #808080; | |||
| background-position: 0 0; | |||
| } | |||
| .yui-skin-sam .yui-split-button-activeoption .first-child { | |||
| border-color: #808080; | |||
| } | |||
| .yui-skin-sam .yui-split-button-activeoption button { | |||
| background-image: url(split-button-arrow-active.png); | |||
| } | |||
| /* Checked state */ | |||
| .yui-skin-sam .yui-radio-button-checked, | |||
| .yui-skin-sam .yui-checkbox-button-checked { | |||
| border-color: #304369; | |||
| background-position: 0 -1400px; | |||
| } | |||
| .yui-skin-sam .yui-radio-button-checked .first-child, | |||
| .yui-skin-sam .yui-checkbox-button-checked .first-child { | |||
| border-color: #304369; | |||
| } | |||
| .yui-skin-sam .yui-radio-button-checked button, | |||
| .yui-skin-sam .yui-checkbox-button-checked button { | |||
| color: #fff; | |||
| } | |||
| /* Disabled state */ | |||
| .yui-skin-sam .yui-button-disabled { | |||
| border-color: #ccc; | |||
| background-position: 0 -1500px; | |||
| } | |||
| .yui-skin-sam .yui-button-disabled .first-child { | |||
| border-color: #ccc; | |||
| } | |||
| .yui-skin-sam .yui-button-disabled button, | |||
| .yui-skin-sam .yui-button-disabled a, | |||
| .yui-skin-sam .yui-button-disabled a:visited { | |||
| color: #A6A6A6; | |||
| cursor: default; | |||
| } | |||
| .yui-skin-sam .yui-menu-button-disabled button { | |||
| background-image: url(menu-button-arrow-disabled.png); | |||
| } | |||
| .yui-skin-sam .yui-split-button-disabled button { | |||
| background-image: url(split-button-arrow-disabled.png); | |||
| } |
