15 padding: 0 0 0 30px; |
15 padding: 0 0 0 30px; |
16 font-size: 11px; |
16 font-size: 11px; |
17 } |
17 } |
18 |
18 |
19 .wp-color-result-text { |
19 .wp-color-result-text { |
20 background: #f7f7f7; |
20 background: #f6f7f7; |
21 border-radius: 0 2px 2px 0; |
21 border-radius: 0 2px 2px 0; |
22 border-left: 1px solid #ccc; |
22 border-left: 1px solid #c3c4c7; |
23 color: #555; |
23 color: #50575e; |
24 display: block; |
24 display: block; |
25 line-height: 2.54545455; /* 28px */ |
25 line-height: 2.54545455; /* 28px */ |
26 padding: 0 6px; |
26 padding: 0 6px; |
27 text-align: center; |
27 text-align: center; |
28 } |
28 } |
29 |
29 |
30 .wp-color-result:hover, |
30 .wp-color-result:hover, |
31 .wp-color-result:focus { |
31 .wp-color-result:focus { |
32 background: #fafafa; |
32 background: #f6f7f7; |
33 border-color: #999; |
33 border-color: #8c8f94; |
34 color: #23282d; |
34 color: #1d2327; |
35 } |
35 } |
36 |
36 |
37 .wp-color-result:hover:after, |
37 .wp-color-result:hover:after, |
38 .wp-color-result:focus:after { |
38 .wp-color-result:focus:after { |
39 color: #23282d; |
39 color: #1d2327; |
40 border-color: #a0a5aa; |
40 border-color: #a7aaad; |
41 border-left: 1px solid #999; |
41 border-left: 1px solid #8c8f94; |
42 } |
42 } |
43 |
43 |
44 .wp-picker-container { |
44 .wp-picker-container { |
45 display: inline-block; |
45 display: inline-block; |
46 } |
46 } |
47 |
47 |
48 .wp-color-result:focus { |
48 .wp-color-result:focus { |
49 border-color: #5b9dd9; |
49 border-color: #4f94d4; |
50 box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); |
50 box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); |
51 } |
51 } |
52 |
52 |
53 .wp-color-result:active { |
53 .wp-color-result:active { |
54 /* See Trac ticket #39662 */ |
54 /* See Trac ticket #39662 */ |
55 transform: none !important; |
55 transform: none !important; |
79 line-height: 2.54545455; /* 28px */ |
79 line-height: 2.54545455; /* 28px */ |
80 min-height: 30px; |
80 min-height: 30px; |
81 } |
81 } |
82 |
82 |
83 .wp-picker-container .iris-square-slider .ui-slider-handle:focus { |
83 .wp-picker-container .iris-square-slider .ui-slider-handle:focus { |
84 background-color: #555 |
84 background-color: #50575e |
85 } |
85 } |
86 |
86 |
87 .wp-picker-container .iris-picker { |
87 .wp-picker-container .iris-picker { |
88 border-radius: 0; |
88 border-radius: 0; |
89 border-color: #ddd; |
89 border-color: #dcdcde; |
90 margin-top: 6px; |
90 margin-top: 6px; |
91 } |
91 } |
92 |
92 |
93 .wp-picker-container input[type="text"].wp-color-picker { |
93 .wp-picker-container input[type="text"].wp-color-picker { |
94 width: 4rem; |
94 width: 4rem; |
100 vertical-align: top; |
100 vertical-align: top; |
101 min-height: 30px; |
101 min-height: 30px; |
102 } |
102 } |
103 |
103 |
104 .wp-color-picker::-webkit-input-placeholder { |
104 .wp-color-picker::-webkit-input-placeholder { |
105 color: #72777c; |
105 color: #646970; |
106 } |
106 } |
107 |
107 |
108 .wp-color-picker::-moz-placeholder { |
108 .wp-color-picker::-moz-placeholder { |
109 color: #72777c; |
109 color: #646970; |
110 opacity: 1; |
110 opacity: 1; |
111 } |
111 } |
112 |
112 |
113 .wp-color-picker:-ms-input-placeholder { |
113 .wp-color-picker:-ms-input-placeholder { |
114 color: #72777c; |
114 color: #646970; |
115 } |
115 } |
116 |
116 |
117 .wp-picker-container input[type="text"].iris-error { |
117 .wp-picker-container input[type="text"].iris-error { |
118 background-color: #ffebe8; |
118 background-color: #fcf0f1; |
119 border-color: #c00; |
119 border-color: #d63638; |
120 color: #000; |
120 color: #000; |
121 } |
121 } |
122 |
122 |
123 .iris-picker .ui-square-handle:focus, |
123 .iris-picker .ui-square-handle:focus, |
124 .iris-picker .iris-strip .ui-slider-handle:focus { |
124 .iris-picker .iris-strip .ui-slider-handle:focus { |
125 border-color: #007cba; |
125 border-color: #3582c4; |
126 border-style: solid; |
126 border-style: solid; |
127 box-shadow: 0 0 0 1px #007cba; |
127 box-shadow: 0 0 0 1px #3582c4; |
128 outline: 2px solid transparent; |
128 outline: 2px solid transparent; |
129 } |
129 } |
130 |
130 |
131 .iris-picker .iris-palette:focus { |
131 .iris-picker .iris-palette:focus { |
132 box-shadow: 0 0 0 2px #007cba; |
132 box-shadow: 0 0 0 2px #3582c4; |
133 } |
133 } |
134 |
134 |
135 @media screen and (max-width: 782px) { |
135 @media screen and (max-width: 782px) { |
136 .wp-picker-container input[type="text"].wp-color-picker { |
136 .wp-picker-container input[type="text"].wp-color-picker { |
137 width: 5rem; |
137 width: 5rem; |