diff -r f507feede89a -r 09a1c134465b web/wp-admin/css/color-picker.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/wp-admin/css/color-picker.css Wed Dec 19 17:46:52 2012 -0800 @@ -0,0 +1,107 @@ +.wp-color-picker { + width: 80px; +} + +.wp-picker-container .hidden { + display: none; +} + +.wp-color-result { + background-color: #f9f9f9; + border: 1px solid #bbb; + border-radius: 2px; + cursor: pointer; + display: inline-block; + height: 22px; + margin: 0 6px 6px 0px; + position: relative; + top: 1px; + user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; + vertical-align: bottom; + display: inline-block; + padding-left: 30px; +} + +.wp-color-result:after { + background: #f3f3f3; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4)); + background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); + background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4); + background-image: -o-linear-gradient(top, #fefefe, #f4f4f4); + background-image: linear-gradient(to bottom, #fefefe, #f4f4f4); + color: #333; + text-shadow: 0 1px 0 #fff; + border-radius: 0 1px 1px 0; + border-left: 1px solid #bbb; + content: attr( title ); + display: block; + font-size: 11px; + line-height: 22px; + padding: 0 6px; + position: relative; + right: 0; + text-align: center; + top: 0; +} + +.wp-color-result:hover { + border-color: #aaa; + -webkit-box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.2 ); + box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.1 ); +} + +.wp-color-result:hover:after { + color: #222; + border-color: #aaa; + border-left: 1px solid #999; +} + +.wp-color-result.wp-picker-open { + top: 0; +} + +.wp-color-result.wp-picker-open:after { + content: attr( data-current ); +} + +.wp-picker-container, .wp-picker-container:active { + display: inline-block; + outline: 0; +} + +.wp-color-result:focus { + border-color: #888; + -webkit-box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.2 ); + box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.2 ); +} + +.wp-color-result:focus:after { + border-color: #888; +} + +.wp-picker-open + .wp-picker-input-wrap { + display: inline-block; + vertical-align: top; +} + +.wp-picker-container .button { + margin-left: 6px; +} + +.wp-picker-container .iris-square-slider .ui-slider-handle:focus { + background-color: #555 +} + +.wp-picker-container .iris-picker { + border-color: #dfdfdf; + margin-top: 6px; +} + +input[type="text"].iris-error { + background-color: #ffebe8; + border-color: #c00; + color: #000; +}