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 rgba(0,0,0,.08);
28 box-shadow: 0 1px 0 rgba(0,0,0,.08);
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 );
46 -webkit-box-shadow: inset 0 1px 0 #fff;
47 box-shadow: inset 0 1px 0 #fff;
50 .wp-color-result:hover {
56 .wp-color-result:hover:after {
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 {
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 -webkit-border-radius: 0;
101 border-color: #dfdfdf;
105 .wp-picker-container input[type="text"].wp-color-picker {
108 font-family: monospace;
114 .wp-picker-container input[type="text"].wp-color-picker:focus::-webkit-input-placeholder {
118 .wp-picker-container input[type="text"].wp-color-picker:-moz-placeholder {
122 .wp-picker-container input[type="text"].iris-error {
123 background-color: #ffebe8;