author | ymh <ymh.work@gmail.com> |
Fri, 05 Sep 2025 18:52:52 +0200 | |
changeset 22 | 8c2e4d02f4ef |
parent 21 | 48c4eec2b7e6 |
permissions | -rw-r--r-- |
0 | 1 |
html { |
18 | 2 |
background: #f0f0f1; |
5 | 3 |
margin: 0 20px; |
0 | 4 |
} |
5 |
||
6 |
body { |
|
7 |
background: #fff; |
|
18 | 8 |
border: 1px solid #c3c4c7; |
9 |
color: #3c434a; |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
10 |
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
5 | 11 |
margin: 140px auto 25px; |
19 | 12 |
padding: 20px 20px 10px; |
0 | 13 |
max-width: 700px; |
5 | 14 |
-webkit-font-smoothing: subpixel-antialiased; |
18 | 15 |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); |
0 | 16 |
} |
17 |
||
18 |
a { |
|
18 | 19 |
color: #2271b1; |
0 | 20 |
} |
21 |
||
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
22 |
a:hover, |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
23 |
a:active { |
18 | 24 |
color: #135e96; |
0 | 25 |
} |
26 |
||
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
27 |
a:focus { |
18 | 28 |
color: #043959; |
21
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
29 |
box-shadow: 0 0 0 2px #2271b1; |
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
30 |
/* Only visible in Windows High Contrast mode */ |
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
31 |
outline: 2px solid transparent; |
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
32 |
} |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
33 |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
34 |
h1, h2 { |
18 | 35 |
border-bottom: 1px solid #dcdcde; |
0 | 36 |
clear: both; |
18 | 37 |
color: #646970; |
5 | 38 |
font-size: 24px; |
18 | 39 |
padding: 0 0 7px; |
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
40 |
font-weight: 400; |
0 | 41 |
} |
42 |
||
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
43 |
h3 { |
0 | 44 |
font-size: 16px; |
45 |
} |
|
46 |
||
47 |
p, li, dd, dt { |
|
48 |
padding-bottom: 2px; |
|
49 |
font-size: 14px; |
|
50 |
line-height: 1.5; |
|
51 |
} |
|
52 |
||
53 |
code, .code { |
|
5 | 54 |
font-family: Consolas, Monaco, monospace; |
0 | 55 |
} |
56 |
||
57 |
ul, ol, dl { |
|
58 |
padding: 5px 5px 5px 22px; |
|
59 |
} |
|
60 |
||
61 |
a img { |
|
9 | 62 |
border: 0 |
0 | 63 |
} |
64 |
abbr { |
|
65 |
border: 0; |
|
66 |
font-variant: normal; |
|
67 |
} |
|
5 | 68 |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
69 |
fieldset { |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
70 |
border: 0; |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
71 |
padding: 0; |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
72 |
margin: 0; |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
73 |
} |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
74 |
|
0 | 75 |
#logo { |
16 | 76 |
margin: -130px auto 25px; |
19 | 77 |
padding: 0 0 25px; |
16 | 78 |
width: 84px; |
79 |
height: 84px; |
|
80 |
overflow: hidden; |
|
5 | 81 |
background-image: url(../images/w-logo-blue.png?ver=20131202); |
82 |
background-image: none, url(../images/wordpress-logo.svg?ver=20131107); |
|
83 |
background-size: 84px; |
|
84 |
background-position: center top; |
|
0 | 85 |
background-repeat: no-repeat; |
18 | 86 |
color: #3c434a; /* same as login.css */ |
5 | 87 |
font-size: 20px; |
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
88 |
font-weight: 400; |
5 | 89 |
line-height: 1.3em; |
90 |
text-decoration: none; |
|
16 | 91 |
text-align: center; |
0 | 92 |
text-indent: -9999px; |
93 |
outline: none; |
|
94 |
} |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
95 |
|
0 | 96 |
.step { |
97 |
margin: 20px 0 15px; |
|
98 |
} |
|
99 |
.step, th { |
|
100 |
text-align: left; |
|
101 |
padding: 0; |
|
102 |
} |
|
5 | 103 |
.language-chooser.wp-core-ui .step .button.button-large { |
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
104 |
font-size: 14px; |
0 | 105 |
} |
106 |
textarea { |
|
18 | 107 |
border: 1px solid #dcdcde; |
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
108 |
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
5 | 109 |
width: 100%; |
110 |
box-sizing: border-box; |
|
0 | 111 |
} |
112 |
||
113 |
.form-table { |
|
114 |
border-collapse: collapse; |
|
115 |
margin-top: 1em; |
|
116 |
width: 100%; |
|
117 |
} |
|
118 |
||
119 |
.form-table td { |
|
120 |
margin-bottom: 9px; |
|
121 |
padding: 10px 20px 10px 0; |
|
122 |
font-size: 14px; |
|
123 |
vertical-align: top |
|
124 |
} |
|
125 |
||
126 |
.form-table th { |
|
127 |
font-size: 14px; |
|
128 |
text-align: left; |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
129 |
padding: 10px 20px 10px 0; |
21
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
130 |
width: 115px; |
0 | 131 |
vertical-align: top; |
132 |
} |
|
133 |
||
134 |
.form-table code { |
|
16 | 135 |
line-height: 1.28571428; |
0 | 136 |
font-size: 14px; |
137 |
} |
|
138 |
||
139 |
.form-table p { |
|
19 | 140 |
margin: 4px 0 0; |
0 | 141 |
font-size: 11px; |
142 |
} |
|
143 |
||
21
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
144 |
.form-table .setup-description { |
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
145 |
margin: 4px 0 0; |
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
146 |
line-height: 1.6; |
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
147 |
} |
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
148 |
|
0 | 149 |
.form-table input { |
16 | 150 |
line-height: 1.33333333; |
0 | 151 |
font-size: 15px; |
5 | 152 |
padding: 3px 5px; |
153 |
} |
|
154 |
||
21
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
155 |
.wp-pwd { |
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
156 |
margin-top: 0; |
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
157 |
} |
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
158 |
|
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
159 |
.form-table .wp-pwd { |
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
160 |
display: flex; |
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
161 |
column-gap: 4px; |
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
162 |
} |
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
163 |
|
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
164 |
.form-table .password-input-wrapper { |
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
165 |
width: 100%; |
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
166 |
} |
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
167 |
|
5 | 168 |
input, |
169 |
submit { |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
170 |
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
0 | 171 |
} |
172 |
||
173 |
.form-table input[type=text], |
|
5 | 174 |
.form-table input[type=email], |
175 |
.form-table input[type=url], |
|
9 | 176 |
.form-table input[type=password], |
177 |
#pass-strength-result { |
|
21
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
178 |
width: 100%; |
0 | 179 |
} |
180 |
||
181 |
.form-table th p { |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
182 |
font-weight: 400; |
0 | 183 |
} |
184 |
||
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
185 |
.form-table.install-success th, |
0 | 186 |
.form-table.install-success td { |
187 |
vertical-align: middle; |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
188 |
padding: 16px 20px 16px 0; |
0 | 189 |
} |
190 |
||
191 |
.form-table.install-success td p { |
|
192 |
margin: 0; |
|
193 |
font-size: 14px; |
|
194 |
} |
|
195 |
||
196 |
.form-table.install-success td code { |
|
197 |
margin: 0; |
|
198 |
font-size: 18px; |
|
199 |
} |
|
200 |
||
201 |
#error-page { |
|
202 |
margin-top: 50px; |
|
203 |
} |
|
204 |
||
205 |
#error-page p { |
|
206 |
font-size: 14px; |
|
16 | 207 |
line-height: 1.28571428; |
0 | 208 |
margin: 25px 0 20px; |
209 |
} |
|
210 |
||
211 |
#error-page code, .code { |
|
212 |
font-family: Consolas, Monaco, monospace; |
|
213 |
} |
|
214 |
||
215 |
.message { |
|
18 | 216 |
border-left: 4px solid #d63638; |
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
217 |
padding: .7em .6em; |
18 | 218 |
background-color: #fcf0f1; |
0 | 219 |
} |
220 |
||
5 | 221 |
/* rtl:ignore */ |
222 |
#dbname, |
|
223 |
#uname, |
|
224 |
#pwd, |
|
225 |
#dbhost, |
|
226 |
#prefix, |
|
227 |
#user_login, |
|
228 |
#admin_email, |
|
229 |
#pass1, |
|
230 |
#pass2 { |
|
231 |
direction: ltr; |
|
232 |
} |
|
233 |
||
234 |
||
235 |
/* localization */ |
|
236 |
body.rtl, |
|
237 |
.rtl textarea, |
|
238 |
.rtl input, |
|
239 |
.rtl submit { |
|
240 |
font-family: Tahoma, sans-serif; |
|
241 |
} |
|
242 |
||
243 |
:lang(he-il) body.rtl, |
|
244 |
:lang(he-il) .rtl textarea, |
|
245 |
:lang(he-il) .rtl input, |
|
246 |
:lang(he-il) .rtl submit { |
|
247 |
font-family: Arial, sans-serif; |
|
248 |
} |
|
249 |
||
250 |
@media only screen and (max-width: 799px) { |
|
251 |
body { |
|
252 |
margin-top: 115px; |
|
253 |
} |
|
254 |
#logo a { |
|
255 |
margin: -125px auto 30px; |
|
256 |
} |
|
0 | 257 |
} |
258 |
||
9 | 259 |
@media screen and (max-width: 782px) { |
5 | 260 |
|
261 |
.form-table { |
|
262 |
margin-top: 0; |
|
263 |
} |
|
264 |
||
265 |
.form-table th, |
|
266 |
.form-table td { |
|
267 |
display: block; |
|
268 |
width: auto; |
|
269 |
vertical-align: middle; |
|
270 |
} |
|
271 |
||
272 |
.form-table th { |
|
273 |
padding: 20px 0 0; |
|
274 |
} |
|
275 |
||
276 |
.form-table td { |
|
277 |
padding: 5px 0; |
|
278 |
border: 0; |
|
279 |
margin: 0; |
|
280 |
} |
|
281 |
||
282 |
textarea, |
|
283 |
input { |
|
284 |
font-size: 16px; |
|
285 |
} |
|
286 |
||
287 |
.form-table td input[type="text"], |
|
288 |
.form-table td input[type="email"], |
|
289 |
.form-table td input[type="url"], |
|
290 |
.form-table td input[type="password"], |
|
291 |
.form-table td select, |
|
292 |
.form-table td textarea, |
|
293 |
.form-table span.description { |
|
294 |
width: 100%; |
|
295 |
font-size: 16px; |
|
296 |
line-height: 1.5; |
|
297 |
padding: 7px 10px; |
|
298 |
display: block; |
|
299 |
max-width: none; |
|
300 |
box-sizing: border-box; |
|
301 |
} |
|
302 |
||
21
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
303 |
#pwd { |
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
304 |
padding-right: 2.5rem; |
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
305 |
} |
48c4eec2b7e6
Add CLAUDE.md documentation and sync WordPress core files
ymh <ymh.work@gmail.com>
parents:
19
diff
changeset
|
306 |
|
16 | 307 |
.wp-pwd #pass1 { |
308 |
padding-right: 50px; |
|
309 |
} |
|
310 |
||
311 |
.wp-pwd .button.wp-hide-pw { |
|
312 |
right: 0; |
|
313 |
} |
|
314 |
||
315 |
#pass-strength-result { |
|
316 |
width: 100%; |
|
317 |
} |
|
0 | 318 |
} |
319 |
||
5 | 320 |
body.language-chooser { |
321 |
max-width: 300px; |
|
0 | 322 |
} |
323 |
||
5 | 324 |
.language-chooser select { |
325 |
padding: 8px; |
|
326 |
width: 100%; |
|
327 |
display: block; |
|
18 | 328 |
border: 1px solid #dcdcde; |
16 | 329 |
background: #fff; |
18 | 330 |
color: #2c3338; |
5 | 331 |
font-size: 16px; |
332 |
font-family: Arial, sans-serif; |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
333 |
font-weight: 400; |
5 | 334 |
} |
335 |
||
16 | 336 |
.language-chooser select:focus { |
18 | 337 |
color: #2c3338; |
16 | 338 |
} |
339 |
||
340 |
.language-chooser select option:hover, |
|
341 |
.language-chooser select option:focus { |
|
18 | 342 |
color: #0a4b78; |
16 | 343 |
} |
344 |
||
18 | 345 |
.language-chooser .step { |
0 | 346 |
text-align: right; |
347 |
} |
|
348 |
||
5 | 349 |
.screen-reader-input, |
350 |
.screen-reader-text { |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
351 |
border: 0; |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
352 |
clip-path: inset(50%); |
5 | 353 |
height: 1px; |
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
354 |
margin: -1px; |
5 | 355 |
overflow: hidden; |
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
356 |
padding: 0; |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
357 |
position: absolute; |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
358 |
width: 1px; |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
359 |
word-wrap: normal !important; |
0 | 360 |
} |
361 |
||
5 | 362 |
.spinner { |
363 |
background: url(../images/spinner.gif) no-repeat; |
|
364 |
background-size: 20px 20px; |
|
365 |
visibility: hidden; |
|
366 |
opacity: 0.7; |
|
367 |
filter: alpha(opacity=70); |
|
368 |
width: 20px; |
|
369 |
height: 20px; |
|
370 |
margin: 2px 5px 0; |
|
0 | 371 |
} |
5 | 372 |
|
373 |
.step .spinner { |
|
374 |
display: inline-block; |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
375 |
vertical-align: middle; |
5 | 376 |
margin-right: 15px; |
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
377 |
} |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
378 |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
379 |
.button.hide-if-no-js, |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
380 |
.hide-if-no-js { |
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
381 |
display: none; |
5 | 382 |
} |
383 |
||
384 |
/** |
|
385 |
* HiDPI Displays |
|
386 |
*/ |
|
387 |
@media print, |
|
388 |
(min-resolution: 120dpi) { |
|
389 |
||
390 |
.spinner { |
|
391 |
background-image: url(../images/spinner-2x.gif); |
|
392 |
} |
|
393 |
||
394 |
} |