| author | ymh <ymh.work@gmail.com> |
| Tue, 27 Sep 2022 16:37:53 +0200 | |
| changeset 19 | 3d72ae0968f4 |
| parent 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; |
| 19 | 14 |
margin: 0 6px 6px 0; |
|
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 { |
| 18 | 20 |
background: #f6f7f7; |
| 5 | 21 |
border-radius: 0 2px 2px 0; |
| 18 | 22 |
border-left: 1px solid #c3c4c7; |
23 |
color: #50575e; |
|
| 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 { |
|
| 18 | 32 |
background: #f6f7f7; |
33 |
border-color: #8c8f94; |
|
34 |
color: #1d2327; |
|
| 0 | 35 |
} |
36 |
||
| 5 | 37 |
.wp-color-result:hover:after, |
38 |
.wp-color-result:focus:after { |
|
| 18 | 39 |
color: #1d2327; |
40 |
border-color: #a7aaad; |
|
41 |
border-left: 1px solid #8c8f94; |
|
| 0 | 42 |
} |
43 |
||
| 9 | 44 |
.wp-picker-container { |
| 0 | 45 |
display: inline-block; |
46 |
} |
|
47 |
||
48 |
.wp-color-result:focus { |
|
| 18 | 49 |
border-color: #4f94d4; |
50 |
box-shadow: 0 0 3px rgba(34, 113, 177, 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 { |
|
| 18 | 84 |
background-color: #50575e |
| 0 | 85 |
} |
86 |
||
87 |
.wp-picker-container .iris-picker { |
|
| 5 | 88 |
border-radius: 0; |
| 18 | 89 |
border-color: #dcdcde; |
| 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 { |
| 18 | 105 |
color: #646970; |
| 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 { |
| 18 | 109 |
color: #646970; |
|
7
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 { |
| 18 | 114 |
color: #646970; |
| 5 | 115 |
} |
116 |
||
117 |
.wp-picker-container input[type="text"].iris-error { |
|
| 18 | 118 |
background-color: #fcf0f1; |
119 |
border-color: #d63638; |
|
| 0 | 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 { |
| 18 | 125 |
border-color: #3582c4; |
| 16 | 126 |
border-style: solid; |
| 18 | 127 |
box-shadow: 0 0 0 1px #3582c4; |
| 16 | 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 { |
| 18 | 132 |
box-shadow: 0 0 0 2px #3582c4; |
|
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 |
} |