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,
51 .wp-color-result:focus {
57 .wp-color-result:hover:after,
58 .wp-color-result:focus:after {
61 border-left: 1px solid #999;
68 .wp-color-result.wp-picker-open:after {
69 content: attr( data-current );
72 .wp-picker-container, .wp-picker-container:active {
73 display: inline-block;
77 .wp-color-result:focus {
80 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
83 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
86 .wp-picker-open + .wp-picker-input-wrap {
87 display: inline-block;
91 .wp-picker-container .button {
95 .wp-picker-container .iris-square-slider .ui-slider-handle:focus {
96 background-color: #555
99 .wp-picker-container .iris-picker {
100 -webkit-border-radius: 0;
102 border-color: #dfdfdf;
106 .wp-picker-container input[type="text"].wp-color-picker {
109 font-family: monospace;
115 .wp-picker-container input[type="text"].wp-color-picker:focus::-webkit-input-placeholder {
119 .wp-picker-container input[type="text"].wp-color-picker:-moz-placeholder {
123 .wp-picker-container input[type="text"].iris-error {
124 background-color: #ffebe8;