5 .wp-picker-container .hidden {
10 background-color: #f7f7f7;
11 border: 1px solid #ccc;
12 -webkit-border-radius: 3px;
15 display: inline-block;
17 margin: 0 6px 6px 0px;
20 -webkit-user-select: none;
21 -moz-user-select: none;
22 -ms-user-select: none;
24 vertical-align: bottom;
25 display: inline-block;
27 -webkit-box-shadow: 0 1px 0 #ccc;
28 box-shadow: 0 1px 0 #ccc;
31 .wp-color-result:after {
33 -webkit-border-radius: 0 2px 2px 0;
34 border-radius: 0 2px 2px 0;
35 border-left: 1px solid #ccc;
37 content: attr( title );
48 .wp-color-result:hover,
49 .wp-color-result:focus {
55 .wp-color-result:hover:after,
56 .wp-color-result:focus:after {
58 border-color: #a0a5aa;
59 border-left: 1px solid #999;
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 {
76 border-color: #5b9dd9;
77 -webkit-box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
78 box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
81 .wp-picker-open + .wp-picker-input-wrap {
82 display: inline-block;
86 .wp-picker-container .button {
90 .wp-picker-container .iris-square-slider .ui-slider-handle:focus {
91 background-color: #555
94 .wp-picker-container .iris-picker {
95 -webkit-border-radius: 0;
97 border-color: #dfdfdf;
101 .wp-picker-container input[type="text"].wp-color-picker {
104 font-family: monospace;
110 .wp-picker-container input[type="text"].wp-color-picker:focus::-webkit-input-placeholder {
114 .wp-picker-container input[type="text"].wp-color-picker:-moz-placeholder {
118 .wp-picker-container input[type="text"].iris-error {
119 background-color: #ffebe8;