diff options
Diffstat (limited to 'js/yui3/cssbutton/cssbutton.css')
| -rw-r--r-- | js/yui3/cssbutton/cssbutton.css | 149 |
1 files changed, 149 insertions, 0 deletions
diff --git a/js/yui3/cssbutton/cssbutton.css b/js/yui3/cssbutton/cssbutton.css new file mode 100644 index 000000000..cb692a9d9 --- /dev/null +++ b/js/yui3/cssbutton/cssbutton.css @@ -0,0 +1,149 @@ +/* +YUI 3.7.3 (build 5687) +Copyright 2012 Yahoo! Inc. All rights reserved. +Licensed under the BSD License. +http://yuilibrary.com/license/ +*/ +.yui3-button { + /* Structure */ + display: inline-block; + *display: inline; /*IE 6/7*/ + zoom: 1; + font-size: 100%; + *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/ + *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */ + padding: 0.4em 1em 0.45em; + line-height: normal; + white-space: nowrap; + vertical-align: baseline; + text-align: center; + cursor: pointer; + -webkit-user-drag: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + + /* Presentation */ + color: #444; /* rgba not supported (IE 8) */ + color: rgba(0, 0, 0, 0.80); /* rgba supported */ + *color: #444; /* IE 6 & 7 */ + border: 1px solid #999; /*IE 6/7/8*/ + border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/ + background-color: #E6E6E6; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255, 0.30)), color-stop(40%, rgba(255,255,255, 0.15)), to(transparent)); + background-image: -webkit-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent); + background-image: -moz-linear-gradient(top, rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent); + background-image: -ms-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent); + background-image: -o-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent); + background-image: linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent); + text-decoration: none; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15); + -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15); + box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15); + + /* Transitions */ + -webkit-transition: 0.1s linear -webkit-box-shadow; + -moz-transition: 0.1s linear -moz-box-shadow; + -ms-transition: 0.1s linear box-shadow; + -o-transition: 0.1s linear box-shadow; + transition: 0.1s linear box-shadow; +} + +a.yui3-button { + color: rgba(0,0,0, 0.80); + color: #444; + text-decoration:none; +} + +.yui3-button-hover, +.yui3-button:hover { + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#26000000', GradientType=0); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.15))); + background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15)); + background-image: -moz-linear-gradient(top, transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15)); + background-image: -ms-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15)); + background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15)); + background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15)); +} + +.yui3-button-active, +.yui3-button:active { + border: inset 1px solid #999; /*IE 6/7/8*/ + border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000', endColorstr='#26000000', GradientType=0); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0, 0.10)), to(rgba(0,0,0, 0.15))); + background-image: -webkit-linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15)); + background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.10), rgba(0,0,0, 0.15)); + background-image: -ms-linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15)); + background-image: -o-linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15)); + background-image: linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15)); + -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset; + -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset; + box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset; +} + +.yui3-button[disabled], +.yui3-button-disabled, +.yui3-button-disabled:hover, +.yui3-button-disabled:active { + cursor: default; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + filter: alpha(opacity=55); + -khtml-opacity: 0.55; + -moz-opacity: 0.55; + opacity: 0.55; + -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset; + -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset; + box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset; +} + +/* Firefox: Get rid of the inner focus border */ +.yui3-button::-moz-focus-inner{ + padding: 0; + border: 0; +} + +/* Firefox: Add a border around a focused button */ +.yui3-button:-moz-focusring { + outline: thin dotted; +} + +/* Sam */ +.yui3-skin-sam .yui3-button-primary, +.yui3-skin-sam .yui3-button-selected { + background-color: #345FCB; + color: #fff; + -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 0 rgba(255, 255, 255, 0.17) inset, 0 1px 2px rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 0 rgba(255, 255, 255, 0.17) inset, 0 1px 2px rgba(0, 0, 0, 0.15); + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 0 rgba(255, 255, 255, 0.17) inset, 0 1px 2px rgba(0, 0, 0, 0.15); +} +.yui3-skin-sam .yui3-button:-moz-focusring { + outline-color: rgba(0, 0, 0, 0.85); +} + +/* Night */ +.yui3-skin-night .yui3-button { + border: 0px; + background-color: #343536; + color: #DCDCDC; + -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.15); + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.15); +} +.yui3-skin-night .yui3-button-primary, +.yui3-skin-night .yui3-button-selected { + background-color: #747576; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); +} + +.yui3-skin-night .yui3-button:-moz-focusring { + outline-color: rgba(255, 255, 255, 0.85); +} + +/* YUI CSS Detection Stamp */ +#yui3-css-stamp.cssbutton { display: none; } |