| author | ymh <ymh.work@gmail.com> |
| Tue, 27 Sep 2022 16:37:53 +0200 | |
| changeset 19 | 3d72ae0968f4 |
| parent 18 | be944660c56a |
| child 21 | 48c4eec2b7e6 |
| permissions | -rw-r--r-- |
| 16 | 1 |
/*! This file is auto-generated */ |
| 5 | 2 |
html, |
3 |
body { |
|
4 |
height: 100%; |
|
5 |
margin: 0; |
|
6 |
padding: 0; |
|
7 |
} |
|
8 |
||
9 |
body { |
|
| 18 | 10 |
background: #f0f0f1; |
| 5 | 11 |
min-width: 0; |
| 18 | 12 |
color: #3c434a; |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
13 |
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
| 5 | 14 |
font-size: 13px; |
| 16 | 15 |
line-height: 1.4; |
| 5 | 16 |
} |
17 |
||
18 |
a { |
|
| 18 | 19 |
color: #2271b1; |
| 5 | 20 |
transition-property: border, background, color; |
21 |
transition-duration: .05s; |
|
22 |
transition-timing-function: ease-in-out; |
|
23 |
} |
|
24 |
||
25 |
a { |
|
26 |
outline: 0; |
|
27 |
} |
|
28 |
||
29 |
a:hover, |
|
30 |
a:active { |
|
| 18 | 31 |
color: #135e96; |
| 5 | 32 |
} |
33 |
||
34 |
a:focus { |
|
| 18 | 35 |
color: #043959; |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
36 |
box-shadow: |
| 18 | 37 |
0 0 0 1px #4f94d4, |
38 |
0 0 2px 1px rgba(79, 148, 212, 0.8); |
|
| 5 | 39 |
} |
40 |
||
41 |
p { |
|
42 |
line-height: 1.5; |
|
43 |
} |
|
44 |
||
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
45 |
.login .message, |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
46 |
.login .success, |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
47 |
.login #login_error { |
| 18 | 48 |
border-right: 4px solid #72aee6; |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
49 |
padding: 12px; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
50 |
margin-right: 0; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
51 |
margin-bottom: 20px; |
| 5 | 52 |
background-color: #fff; |
| 9 | 53 |
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); |
| 19 | 54 |
word-wrap: break-word; |
| 5 | 55 |
} |
56 |
||
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
57 |
.login .success { |
| 18 | 58 |
border-right-color: #00a32a; |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
59 |
} |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
60 |
|
| 5 | 61 |
.login #login_error { |
| 18 | 62 |
border-right-color: #d63638; |
| 5 | 63 |
} |
64 |
||
65 |
#loginform p.submit, |
|
66 |
.login-action-lostpassword p.submit { |
|
67 |
border: none; |
|
68 |
margin: -10px 0 20px; /* May want to revisit this */ |
|
69 |
} |
|
70 |
||
71 |
.login * { |
|
72 |
margin: 0; |
|
73 |
padding: 0; |
|
74 |
} |
|
75 |
||
| 9 | 76 |
.login .input::-ms-clear { |
77 |
display: none; |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
78 |
} |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
79 |
|
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
80 |
.login .pw-weak { |
| 9 | 81 |
margin-bottom: 15px; |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
82 |
} |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
83 |
|
| 16 | 84 |
.login .button.wp-hide-pw { |
| 9 | 85 |
background: transparent; |
86 |
border: 1px solid transparent; |
|
87 |
box-shadow: none; |
|
88 |
font-size: 14px; |
|
89 |
line-height: 2; |
|
| 16 | 90 |
width: 2.5rem; |
91 |
height: 2.5rem; |
|
92 |
min-width: 40px; |
|
93 |
min-height: 40px; |
|
| 9 | 94 |
margin: 0; |
95 |
padding: 5px 9px; |
|
96 |
position: absolute; |
|
97 |
left: 0; |
|
98 |
top: 0; |
|
99 |
} |
|
100 |
||
| 16 | 101 |
.login .button.wp-hide-pw:hover { |
| 9 | 102 |
background: transparent; |
103 |
} |
|
104 |
||
| 16 | 105 |
.login .button.wp-hide-pw:focus { |
| 9 | 106 |
background: transparent; |
| 18 | 107 |
border-color: #3582c4; |
108 |
box-shadow: 0 0 0 1px #3582c4; |
|
| 16 | 109 |
/* Only visible in Windows High Contrast mode */ |
110 |
outline: 2px solid transparent; |
|
| 9 | 111 |
} |
112 |
||
| 16 | 113 |
.login .button.wp-hide-pw:active { |
| 9 | 114 |
background: transparent; |
115 |
box-shadow: none; |
|
116 |
transform: none; |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
117 |
} |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
118 |
|
| 16 | 119 |
.login .button.wp-hide-pw .dashicons { |
120 |
width: 1.25rem; |
|
121 |
height: 1.25rem; |
|
122 |
top: 0.25rem; |
|
123 |
} |
|
124 |
||
125 |
.login .wp-pwd { |
|
126 |
position: relative; |
|
127 |
} |
|
128 |
||
129 |
.no-js .hide-if-no-js { |
|
130 |
display: none; |
|
131 |
} |
|
132 |
||
| 5 | 133 |
.login form { |
134 |
margin-top: 20px; |
|
135 |
margin-right: 0; |
|
| 18 | 136 |
padding: 26px 24px 34px; |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
137 |
font-weight: 400; |
| 5 | 138 |
overflow: hidden; |
139 |
background: #fff; |
|
| 18 | 140 |
border: 1px solid #c3c4c7; |
| 16 | 141 |
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); |
142 |
} |
|
143 |
||
144 |
.login form.shake { |
|
145 |
animation: shake 0.2s cubic-bezier(.19,.49,.38,.79) both; |
|
146 |
animation-iteration-count: 3; |
|
147 |
transform: translateX(0); |
|
148 |
} |
|
149 |
||
150 |
@keyframes shake { |
|
151 |
25% { |
|
152 |
transform: translateX(20px); |
|
153 |
} |
|
154 |
75% { |
|
155 |
transform: translateX(-20px); |
|
156 |
} |
|
157 |
100% { |
|
158 |
transform: translateX(0); |
|
159 |
} |
|
160 |
} |
|
161 |
||
162 |
@media (prefers-reduced-motion: reduce) { |
|
163 |
.login form.shake { |
|
164 |
animation: none; |
|
165 |
transform: none; |
|
166 |
} |
|
167 |
} |
|
168 |
||
169 |
.login-action-confirm_admin_email #login { |
|
170 |
width: 60vw; |
|
171 |
max-width: 650px; |
|
172 |
margin-top: -2vh; |
|
173 |
} |
|
174 |
||
175 |
@media screen and (max-width: 782px) { |
|
176 |
.login-action-confirm_admin_email #login { |
|
177 |
box-sizing: border-box; |
|
178 |
margin-top: 0; |
|
179 |
padding-right: 4vw; |
|
180 |
padding-left: 4vw; |
|
181 |
width: 100vw; |
|
182 |
} |
|
| 5 | 183 |
} |
184 |
||
185 |
.login form .forgetmenot { |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
186 |
font-weight: 400; |
| 5 | 187 |
float: right; |
188 |
margin-bottom: 0; |
|
189 |
} |
|
190 |
||
191 |
.login .button-primary { |
|
192 |
float: left; |
|
193 |
} |
|
194 |
||
| 18 | 195 |
.login .reset-pass-submit { |
196 |
display: flex; |
|
197 |
flex-flow: row wrap; |
|
198 |
justify-content: space-between; |
|
199 |
} |
|
200 |
||
201 |
.login .reset-pass-submit .button { |
|
202 |
display: inline-block; |
|
203 |
float: none; |
|
204 |
margin-bottom: 6px; |
|
205 |
} |
|
206 |
||
| 16 | 207 |
.login .admin-email-confirm-form .submit { |
208 |
text-align: center; |
|
209 |
} |
|
210 |
||
211 |
.admin-email__later { |
|
212 |
text-align: right; |
|
213 |
} |
|
214 |
||
215 |
.login form p.admin-email__details { |
|
216 |
margin: 1.1em 0; |
|
217 |
} |
|
218 |
||
219 |
.login h1.admin-email__heading { |
|
| 18 | 220 |
border-bottom: 1px #f0f0f1 solid; |
221 |
color: #50575e; |
|
| 16 | 222 |
font-weight: normal; |
223 |
padding-bottom: 0.5em; |
|
224 |
text-align: right; |
|
225 |
} |
|
226 |
||
227 |
.admin-email__actions div { |
|
228 |
padding-top: 1.5em; |
|
229 |
} |
|
230 |
||
231 |
.login .admin-email__actions .button-primary { |
|
232 |
float: none; |
|
233 |
margin-right: 0.25em; |
|
234 |
margin-left: 0.25em; |
|
235 |
} |
|
236 |
||
| 5 | 237 |
#login form p { |
238 |
margin-bottom: 0; |
|
239 |
} |
|
240 |
||
241 |
#login form p.submit { |
|
242 |
margin: 0; |
|
243 |
padding: 0; |
|
244 |
} |
|
245 |
||
246 |
.login label { |
|
247 |
font-size: 14px; |
|
| 16 | 248 |
line-height: 1.5; |
249 |
display: inline-block; |
|
250 |
margin-bottom: 3px; |
|
| 5 | 251 |
} |
252 |
||
| 16 | 253 |
.login .forgetmenot label, |
254 |
.login .pw-weak label { |
|
255 |
line-height: 1.5; |
|
256 |
vertical-align: baseline; |
|
| 5 | 257 |
} |
258 |
||
259 |
.login h1 { |
|
260 |
text-align: center; |
|
261 |
} |
|
262 |
||
263 |
.login h1 a { |
|
264 |
background-image: url(../images/w-logo-blue.png?ver=20131202); |
|
265 |
background-image: none, url(../images/wordpress-logo.svg?ver=20131107); |
|
266 |
background-size: 84px; |
|
267 |
background-position: center top; |
|
268 |
background-repeat: no-repeat; |
|
| 18 | 269 |
color: #3c434a; |
| 5 | 270 |
height: 84px; |
271 |
font-size: 20px; |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
272 |
font-weight: 400; |
| 16 | 273 |
line-height: 1.3; |
| 5 | 274 |
margin: 0 auto 25px; |
275 |
padding: 0; |
|
276 |
text-decoration: none; |
|
277 |
width: 84px; |
|
278 |
text-indent: -9999px; |
|
279 |
outline: none; |
|
280 |
overflow: hidden; |
|
281 |
display: block; |
|
282 |
} |
|
283 |
||
284 |
#login { |
|
285 |
width: 320px; |
|
| 19 | 286 |
padding: 5% 0 0; |
| 5 | 287 |
margin: auto; |
288 |
} |
|
289 |
||
290 |
.login #nav, |
|
291 |
.login #backtoblog { |
|
292 |
font-size: 13px; |
|
| 19 | 293 |
padding: 0 24px; |
| 5 | 294 |
} |
295 |
||
296 |
.login #nav { |
|
| 19 | 297 |
margin: 24px 0 0; |
| 5 | 298 |
} |
299 |
||
300 |
#backtoblog { |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
301 |
margin: 16px 0; |
| 19 | 302 |
word-wrap: break-word; |
| 5 | 303 |
} |
304 |
||
305 |
.login #nav a, |
|
306 |
.login #backtoblog a { |
|
307 |
text-decoration: none; |
|
| 18 | 308 |
color: #50575e; |
| 5 | 309 |
} |
310 |
||
311 |
.login #nav a:hover, |
|
312 |
.login #backtoblog a:hover, |
|
313 |
.login h1 a:hover { |
|
| 18 | 314 |
color: #135e96; |
| 5 | 315 |
} |
316 |
||
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
317 |
.login #nav a:focus, |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
318 |
.login #backtoblog a:focus, |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
319 |
.login h1 a:focus { |
| 18 | 320 |
color: #043959; |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
321 |
} |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
322 |
|
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
323 |
.login .privacy-policy-page-link { |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
324 |
text-align: center; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
325 |
width: 100%; |
| 19 | 326 |
margin: 3em 0 2em; |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
327 |
} |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
328 |
|
| 5 | 329 |
.login form .input, |
| 16 | 330 |
.login input[type="text"], |
331 |
.login input[type="password"] { |
|
| 5 | 332 |
font-size: 24px; |
| 16 | 333 |
line-height: 1.33333333; /* 32px */ |
| 5 | 334 |
width: 100%; |
| 16 | 335 |
border-width: 0.0625rem; |
336 |
padding: 0.1875rem 0.3125rem; /* 3px 5px */ |
|
337 |
margin: 0 0 16px 6px; |
|
338 |
min-height: 40px; |
|
339 |
max-height: none; |
|
| 5 | 340 |
} |
341 |
||
| 18 | 342 |
.login input.password-input { |
343 |
font-family: Consolas, Monaco, monospace; |
|
344 |
} |
|
345 |
||
| 16 | 346 |
.js.login input.password-input, |
347 |
.js.login-action-rp form .input, |
|
348 |
.js.login-action-rp input[type="text"] { |
|
349 |
padding-left: 2.5rem; |
|
| 9 | 350 |
} |
351 |
||
| 5 | 352 |
.login form .input, |
353 |
.login input[type="text"], |
|
354 |
.login form input[type="checkbox"] { |
|
| 18 | 355 |
background: #fff; |
| 5 | 356 |
} |
357 |
||
| 16 | 358 |
.js.login-action-rp input[type="text"], |
359 |
.js.login-action-rp input[type="password"] { |
|
360 |
margin-bottom: 0; |
|
| 5 | 361 |
} |
362 |
||
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
363 |
.login #pass-strength-result { |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
364 |
font-weight: 600; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
365 |
margin: -1px 0 16px 5px; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
366 |
padding: 6px 5px; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
367 |
text-align: center; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
368 |
width: 100%; |
| 5 | 369 |
} |
370 |
||
371 |
body.interim-login { |
|
372 |
height: auto; |
|
373 |
} |
|
374 |
||
375 |
.interim-login #login { |
|
376 |
padding: 0; |
|
377 |
margin: 5px auto 20px; |
|
378 |
} |
|
379 |
||
380 |
.interim-login.login h1 a { |
|
381 |
width: auto; |
|
382 |
} |
|
383 |
||
384 |
.interim-login #login_error, |
|
385 |
.interim-login.login .message { |
|
386 |
margin: 0 0 16px; |
|
387 |
} |
|
388 |
||
389 |
.interim-login.login form { |
|
390 |
margin: 0; |
|
391 |
} |
|
392 |
||
| 16 | 393 |
/* Hide visually but not from screen readers */ |
394 |
.screen-reader-text, |
|
395 |
.screen-reader-text span { |
|
396 |
border: 0; |
|
397 |
clip: rect(1px, 1px, 1px, 1px); |
|
398 |
-webkit-clip-path: inset(50%); |
|
399 |
clip-path: inset(50%); |
|
400 |
height: 1px; |
|
401 |
margin: -1px; |
|
402 |
overflow: hidden; |
|
403 |
padding: 0; |
|
404 |
position: absolute; |
|
405 |
width: 1px; |
|
406 |
word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */ |
|
407 |
} |
|
408 |
||
409 |
/* Hide the Edge "reveal password" native button */ |
|
410 |
input::-ms-reveal { |
|
411 |
display: none; |
|
412 |
} |
|
413 |
||
| 19 | 414 |
#language-switcher { |
415 |
padding: 0; |
|
416 |
overflow: visible; |
|
417 |
background: none; |
|
418 |
border: none; |
|
419 |
box-shadow: none; |
|
420 |
} |
|
421 |
||
422 |
#language-switcher select { |
|
423 |
margin-left: 0.25em; |
|
424 |
} |
|
425 |
||
426 |
.language-switcher { |
|
427 |
margin: 0 auto; |
|
428 |
padding: 0 0 24px; |
|
429 |
text-align: center; |
|
430 |
} |
|
431 |
||
432 |
.language-switcher label { |
|
433 |
margin-left: 0.25em; |
|
434 |
} |
|
435 |
||
436 |
.language-switcher label .dashicons { |
|
437 |
width: auto; |
|
438 |
height: auto; |
|
439 |
} |
|
440 |
||
441 |
.login .language-switcher .button-primary { |
|
442 |
float: none; |
|
443 |
margin-bottom: 0; |
|
444 |
} |
|
445 |
||
| 9 | 446 |
@media screen and (max-height: 550px) { |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
447 |
#login { |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
448 |
padding: 20px 0; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
449 |
} |
| 19 | 450 |
|
451 |
#language-switcher { |
|
452 |
margin-top: 0; |
|
453 |
} |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
454 |
} |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
455 |
|
| 16 | 456 |
|
| 9 | 457 |
@media screen and (max-width: 782px) { |
| 5 | 458 |
.interim-login input[type=checkbox] { |
| 16 | 459 |
width: 1rem; |
460 |
height: 1rem; |
|
| 5 | 461 |
} |
462 |
||
463 |
.interim-login input[type=checkbox]:checked:before { |
|
| 16 | 464 |
width: 1.3125rem; |
465 |
height: 1.3125rem; |
|
466 |
margin: -0.1875rem -0.25rem 0 0; |
|
| 5 | 467 |
} |
| 19 | 468 |
|
469 |
#language-switcher label, |
|
470 |
#language-switcher select { |
|
471 |
margin-left: 0; |
|
472 |
} |
|
| 5 | 473 |
} |
| 19 | 474 |
|
475 |
@media screen and (max-width: 400px) { |
|
476 |
.login .language-switcher .button-primary { |
|
477 |
display: block; |
|
478 |
margin: 5px auto 0; |
|
479 |
} |
|
480 |
} |