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