author | ymh <ymh.work@gmail.com> |
Tue, 15 Dec 2020 13:49:49 +0100 | |
changeset 16 | a86126ab1dd4 |
parent 9 | 177826044cd9 |
child 18 | be944660c56a |
permissions | -rw-r--r-- |
9 | 1 |
/* rtl:ignore */ |
0 | 2 |
.wp-color-picker { |
3 |
width: 80px; |
|
9 | 4 |
direction: ltr; |
0 | 5 |
} |
6 |
||
7 |
.wp-picker-container .hidden { |
|
8 |
display: none; |
|
9 |
} |
|
10 |
||
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
11 |
/* Needs higher specificiity. */ |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
12 |
.wp-picker-container .wp-color-result.button { |
16 | 13 |
min-height: 30px; |
0 | 14 |
margin: 0 6px 6px 0px; |
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
15 |
padding: 0 0 0 30px; |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
16 |
font-size: 11px; |
0 | 17 |
} |
18 |
||
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
19 |
.wp-color-result-text { |
5 | 20 |
background: #f7f7f7; |
21 |
border-radius: 0 2px 2px 0; |
|
22 |
border-left: 1px solid #ccc; |
|
23 |
color: #555; |
|
0 | 24 |
display: block; |
16 | 25 |
line-height: 2.54545455; /* 28px */ |
0 | 26 |
padding: 0 6px; |
27 |
text-align: center; |
|
28 |
} |
|
29 |
||
5 | 30 |
.wp-color-result:hover, |
31 |
.wp-color-result:focus { |
|
32 |
background: #fafafa; |
|
33 |
border-color: #999; |
|
34 |
color: #23282d; |
|
0 | 35 |
} |
36 |
||
5 | 37 |
.wp-color-result:hover:after, |
38 |
.wp-color-result:focus:after { |
|
39 |
color: #23282d; |
|
40 |
border-color: #a0a5aa; |
|
0 | 41 |
border-left: 1px solid #999; |
42 |
} |
|
43 |
||
9 | 44 |
.wp-picker-container { |
0 | 45 |
display: inline-block; |
46 |
} |
|
47 |
||
48 |
.wp-color-result:focus { |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
49 |
border-color: #5b9dd9; |
9 | 50 |
box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); |
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
51 |
} |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
52 |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
53 |
.wp-color-result:active { |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
54 |
/* See Trac ticket #39662 */ |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
55 |
transform: none !important; |
0 | 56 |
} |
57 |
||
58 |
.wp-picker-open + .wp-picker-input-wrap { |
|
59 |
display: inline-block; |
|
60 |
vertical-align: top; |
|
61 |
} |
|
62 |
||
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
63 |
.wp-picker-input-wrap label { |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
64 |
display: inline-block; |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
65 |
vertical-align: top; |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
66 |
} |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
67 |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
68 |
/* For the old `custom-background` page, to override the inline-block and margins from `.form-table td fieldset label`. */ |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
69 |
.form-table .wp-picker-input-wrap label { |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
70 |
margin: 0 !important; |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
71 |
} |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
72 |
|
16 | 73 |
.wp-picker-input-wrap .button.wp-picker-default, |
74 |
.wp-picker-input-wrap .button.wp-picker-clear, |
|
75 |
.wp-customizer .wp-picker-input-wrap .button.wp-picker-default, |
|
76 |
.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear { |
|
9 | 77 |
margin-left: 6px; |
16 | 78 |
padding: 0 8px; |
79 |
line-height: 2.54545455; /* 28px */ |
|
80 |
min-height: 30px; |
|
0 | 81 |
} |
82 |
||
83 |
.wp-picker-container .iris-square-slider .ui-slider-handle:focus { |
|
84 |
background-color: #555 |
|
85 |
} |
|
86 |
||
87 |
.wp-picker-container .iris-picker { |
|
5 | 88 |
border-radius: 0; |
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
89 |
border-color: #ddd; |
0 | 90 |
margin-top: 6px; |
91 |
} |
|
92 |
||
5 | 93 |
.wp-picker-container input[type="text"].wp-color-picker { |
16 | 94 |
width: 4rem; |
5 | 95 |
font-size: 12px; |
96 |
font-family: monospace; |
|
16 | 97 |
line-height: 2.33333333; /* 28px */ |
5 | 98 |
margin: 0; |
16 | 99 |
padding: 0 5px; |
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
100 |
vertical-align: top; |
16 | 101 |
min-height: 30px; |
5 | 102 |
} |
103 |
||
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
104 |
.wp-color-picker::-webkit-input-placeholder { |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
105 |
color: #72777c; |
5 | 106 |
} |
107 |
||
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
108 |
.wp-color-picker::-moz-placeholder { |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
109 |
color: #72777c; |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
110 |
opacity: 1; |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
111 |
} |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
112 |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
113 |
.wp-color-picker:-ms-input-placeholder { |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
114 |
color: #72777c; |
5 | 115 |
} |
116 |
||
117 |
.wp-picker-container input[type="text"].iris-error { |
|
0 | 118 |
background-color: #ffebe8; |
119 |
border-color: #c00; |
|
120 |
color: #000; |
|
121 |
} |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
122 |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
123 |
.iris-picker .ui-square-handle:focus, |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
124 |
.iris-picker .iris-strip .ui-slider-handle:focus { |
16 | 125 |
border-color: #007cba; |
126 |
border-style: solid; |
|
127 |
box-shadow: 0 0 0 1px #007cba; |
|
128 |
outline: 2px solid transparent; |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
129 |
} |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
130 |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
131 |
.iris-picker .iris-palette:focus { |
16 | 132 |
box-shadow: 0 0 0 2px #007cba; |
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
133 |
} |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
134 |
|
9 | 135 |
@media screen and (max-width: 782px) { |
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
136 |
.wp-picker-container input[type="text"].wp-color-picker { |
16 | 137 |
width: 5rem; |
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
138 |
font-size: 16px; |
16 | 139 |
line-height: 1.875; /* 30px */ |
140 |
min-height: 32px; |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
141 |
} |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
142 |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
143 |
.wp-customizer .wp-picker-container input[type="text"].wp-color-picker { |
16 | 144 |
padding: 0 5px; |
145 |
} |
|
146 |
||
147 |
.wp-picker-input-wrap .button.wp-picker-default, |
|
148 |
.wp-picker-input-wrap .button.wp-picker-clear { |
|
149 |
padding: 0 8px; |
|
150 |
line-height: 2.14285714; /* 30px */ |
|
151 |
min-height: 32px; |
|
152 |
} |
|
153 |
||
154 |
.wp-customizer .wp-picker-input-wrap .button.wp-picker-default, |
|
155 |
.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear { |
|
156 |
padding: 0 8px; |
|
157 |
font-size: 14px; |
|
158 |
line-height: 2.14285714; /* 30px */ |
|
159 |
min-height: 32px; |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
160 |
} |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
161 |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
162 |
.wp-picker-container .wp-color-result.button { |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
163 |
padding: 0 0 0 40px; |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
164 |
font-size: 14px; |
16 | 165 |
line-height: 2.14285714; /* 30px */ |
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
166 |
} |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
167 |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
168 |
.wp-customizer .wp-picker-container .wp-color-result.button { |
16 | 169 |
font-size: 14px; |
170 |
line-height: 2.14285714; /* 30px */ |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
171 |
} |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
172 |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
173 |
.wp-picker-container .wp-color-result-text { |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
174 |
padding: 0 14px; |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
175 |
font-size: inherit; |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
176 |
line-height: inherit; |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
177 |
} |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
178 |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
179 |
.wp-customizer .wp-picker-container .wp-color-result-text { |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
180 |
padding: 0 10px; |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
181 |
} |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
182 |
} |