5 .wp-picker-container .hidden {
10 background-color: #f9f9f9;
11 border: 1px solid #bbb;
14 display: inline-block;
16 margin: 0 6px 6px 0px;
20 -moz-user-select: none;
21 -ms-user-select: none;
22 -webkit-user-select: none;
23 vertical-align: bottom;
24 display: inline-block;
28 .wp-color-result:after {
30 background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4));
31 background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
32 background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
33 background-image: -o-linear-gradient(top, #fefefe, #f4f4f4);
34 background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
36 text-shadow: 0 1px 0 #fff;
37 border-radius: 0 1px 1px 0;
38 border-left: 1px solid #bbb;
39 content: attr( title );
50 .wp-color-result:hover {
52 -webkit-box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.2 );
53 box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.1 );
56 .wp-color-result:hover:after {
59 border-left: 1px solid #999;
62 .wp-color-result.wp-picker-open {
66 .wp-color-result.wp-picker-open:after {
67 content: attr( data-current );
70 .wp-picker-container, .wp-picker-container:active {
71 display: inline-block;
75 .wp-color-result:focus {
77 -webkit-box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.2 );
78 box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.2 );
81 .wp-color-result:focus:after {
85 .wp-picker-open + .wp-picker-input-wrap {
86 display: inline-block;
90 .wp-picker-container .button {
94 .wp-picker-container .iris-square-slider .ui-slider-handle:focus {
95 background-color: #555
98 .wp-picker-container .iris-picker {
99 border-color: #dfdfdf;
103 input[type="text"].iris-error {
104 background-color: #ffebe8;