/* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.0 */ .yui-skin-sam .yui-button { display: -moz-inline-box; /* Gecko */ display: inline-block; /* IE, Opera and Safari */ 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 { display: block; *display: inline-block; /* IE */ border-width: 0 1px; border-style: solid; border-color: #808080; margin: 0 -1px; *position: relative; *left: -1px; } .yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a { display: block; *display: inline-block; /* IE */ padding: 0 10px; border: none; 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 button { *overflow: visible; /* Remove superfluous padding for IE */ background-color: transparent; cursor: pointer; cursor: hand; } .yui-skin-sam .yui-button a { text-decoration: none; } .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-button-focus button, .yui-skin-sam .yui-button-focus a { color: #000; } .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-button-hover button, .yui-skin-sam .yui-button-hover a { color: #000; } .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-button-active button, .yui-skin-sam .yui-button-active a { color: #000; } .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 { 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); }