5 .wp-picker-container .hidden {
10 background-color: #f7f7f7;
11 border: 1px solid #ccc;
14 display: inline-block;
16 margin: 0 0px 6px 6px;
20 -moz-user-select: none;
21 -ms-user-select: none;
22 -webkit-user-select: none;
23 vertical-align: bottom;
24 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 border-radius: 2px 0 0 2px;
34 border-right: 1px solid #ccc;
36 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-right: 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 {
100 border-color: #dfdfdf;
104 .wp-picker-container input[type="text"].wp-color-picker {
107 font-family: monospace;
113 .wp-picker-container input[type="text"].wp-color-picker:focus::-webkit-input-placeholder {
117 .wp-picker-container input[type="text"].wp-color-picker:-moz-placeholder {
121 .wp-picker-container input[type="text"].iris-error {
122 background-color: #ffebe8;