| 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-- |
| 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 { |
|
10 |
background: #f1f1f1; |
|
11 |
min-width: 0; |
|
12 |
color: #444; |
|
|
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 { |
|
19 |
color: #0073aa; |
|
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 { |
|
| 16 | 31 |
color: #006799; |
| 5 | 32 |
} |
33 |
||
34 |
a:focus { |
|
35 |
color: #124964; |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
36 |
box-shadow: |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
37 |
0 0 0 1px #5b9dd9, |
| 9 | 38 |
0 0 2px 1px rgba(30, 140, 190, 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 { |
| 5 | 48 |
border-right: 4px solid #00a0d2; |
|
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); |
| 5 | 54 |
} |
55 |
||
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
56 |
.login .success { |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
57 |
border-right-color: #46b450; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
58 |
} |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
59 |
|
| 5 | 60 |
.login #login_error { |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
61 |
border-right-color: #dc3232; |
| 5 | 62 |
} |
63 |
||
64 |
#loginform p.submit, |
|
65 |
.login-action-lostpassword p.submit { |
|
66 |
border: none; |
|
67 |
margin: -10px 0 20px; /* May want to revisit this */ |
|
68 |
} |
|
69 |
||
70 |
.login * { |
|
71 |
margin: 0; |
|
72 |
padding: 0; |
|
73 |
} |
|
74 |
||
| 9 | 75 |
.login .input::-ms-clear { |
76 |
display: none; |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
77 |
} |
|
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 |
.login .pw-weak { |
| 9 | 80 |
margin-bottom: 15px; |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
81 |
} |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
82 |
|
| 16 | 83 |
.login .button.wp-hide-pw { |
| 9 | 84 |
background: transparent; |
85 |
border: 1px solid transparent; |
|
86 |
box-shadow: none; |
|
87 |
font-size: 14px; |
|
88 |
line-height: 2; |
|
| 16 | 89 |
width: 2.5rem; |
90 |
height: 2.5rem; |
|
91 |
min-width: 40px; |
|
92 |
min-height: 40px; |
|
| 9 | 93 |
margin: 0; |
94 |
padding: 5px 9px; |
|
95 |
position: absolute; |
|
96 |
left: 0; |
|
97 |
top: 0; |
|
98 |
} |
|
99 |
||
| 16 | 100 |
.login .button.wp-hide-pw:hover { |
| 9 | 101 |
background: transparent; |
102 |
} |
|
103 |
||
| 16 | 104 |
.login .button.wp-hide-pw:focus { |
| 9 | 105 |
background: transparent; |
| 16 | 106 |
border-color: #007cba; |
107 |
box-shadow: 0 0 0 1px #007cba; |
|
108 |
/* Only visible in Windows High Contrast mode */ |
|
109 |
outline: 2px solid transparent; |
|
| 9 | 110 |
} |
111 |
||
| 16 | 112 |
.login .button.wp-hide-pw:active { |
| 9 | 113 |
background: transparent; |
114 |
box-shadow: none; |
|
115 |
transform: none; |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
116 |
} |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
117 |
|
| 16 | 118 |
.login .button.wp-hide-pw .dashicons { |
119 |
width: 1.25rem; |
|
120 |
height: 1.25rem; |
|
121 |
top: 0.25rem; |
|
122 |
} |
|
123 |
||
124 |
.login .wp-pwd { |
|
125 |
position: relative; |
|
126 |
} |
|
127 |
||
128 |
.no-js .hide-if-no-js { |
|
129 |
display: none; |
|
130 |
} |
|
131 |
||
| 5 | 132 |
.login form { |
133 |
margin-top: 20px; |
|
134 |
margin-right: 0; |
|
135 |
padding: 26px 24px 46px; |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
136 |
font-weight: 400; |
| 5 | 137 |
overflow: hidden; |
138 |
background: #fff; |
|
| 16 | 139 |
border: 1px solid #ccd0d4; |
140 |
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); |
|
141 |
} |
|
142 |
||
143 |
.login form.shake { |
|
144 |
animation: shake 0.2s cubic-bezier(.19,.49,.38,.79) both; |
|
145 |
animation-iteration-count: 3; |
|
146 |
transform: translateX(0); |
|
147 |
} |
|
148 |
||
149 |
@keyframes shake { |
|
150 |
25% { |
|
151 |
transform: translateX(20px); |
|
152 |
} |
|
153 |
75% { |
|
154 |
transform: translateX(-20px); |
|
155 |
} |
|
156 |
100% { |
|
157 |
transform: translateX(0); |
|
158 |
} |
|
159 |
} |
|
160 |
||
161 |
@media (prefers-reduced-motion: reduce) { |
|
162 |
.login form.shake { |
|
163 |
animation: none; |
|
164 |
transform: none; |
|
165 |
} |
|
166 |
} |
|
167 |
||
168 |
.login-action-confirm_admin_email #login { |
|
169 |
width: 60vw; |
|
170 |
max-width: 650px; |
|
171 |
margin-top: -2vh; |
|
172 |
} |
|
173 |
||
174 |
@media screen and (max-width: 782px) { |
|
175 |
.login-action-confirm_admin_email #login { |
|
176 |
box-sizing: border-box; |
|
177 |
margin-top: 0; |
|
178 |
padding-right: 4vw; |
|
179 |
padding-left: 4vw; |
|
180 |
width: 100vw; |
|
181 |
} |
|
| 5 | 182 |
} |
183 |
||
184 |
.login form .forgetmenot { |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
185 |
font-weight: 400; |
| 5 | 186 |
float: right; |
187 |
margin-bottom: 0; |
|
188 |
} |
|
189 |
||
190 |
.login .button-primary { |
|
191 |
float: left; |
|
192 |
} |
|
193 |
||
| 16 | 194 |
.login .admin-email-confirm-form .submit { |
195 |
text-align: center; |
|
196 |
} |
|
197 |
||
198 |
.admin-email__later { |
|
199 |
text-align: right; |
|
200 |
} |
|
201 |
||
202 |
.login form p.admin-email__details { |
|
203 |
margin: 1.1em 0; |
|
204 |
} |
|
205 |
||
206 |
.login h1.admin-email__heading { |
|
207 |
border-bottom: 1px rgb(241, 241, 241) solid; |
|
208 |
color: rgb(95, 95, 95); |
|
209 |
font-weight: normal; |
|
210 |
padding-bottom: 0.5em; |
|
211 |
text-align: right; |
|
212 |
} |
|
213 |
||
214 |
.admin-email__actions div { |
|
215 |
padding-top: 1.5em; |
|
216 |
} |
|
217 |
||
218 |
.login .admin-email__actions .button-primary { |
|
219 |
float: none; |
|
220 |
margin-right: 0.25em; |
|
221 |
margin-left: 0.25em; |
|
222 |
} |
|
223 |
||
| 5 | 224 |
#login form p { |
225 |
margin-bottom: 0; |
|
226 |
} |
|
227 |
||
228 |
#login form p.submit { |
|
229 |
margin: 0; |
|
230 |
padding: 0; |
|
231 |
} |
|
232 |
||
233 |
.login label { |
|
234 |
font-size: 14px; |
|
| 16 | 235 |
line-height: 1.5; |
236 |
display: inline-block; |
|
237 |
margin-bottom: 3px; |
|
| 5 | 238 |
} |
239 |
||
| 16 | 240 |
.login .forgetmenot label, |
241 |
.login .pw-weak label { |
|
242 |
line-height: 1.5; |
|
243 |
vertical-align: baseline; |
|
| 5 | 244 |
} |
245 |
||
246 |
.login h1 { |
|
247 |
text-align: center; |
|
248 |
} |
|
249 |
||
250 |
.login h1 a { |
|
251 |
background-image: url(../images/w-logo-blue.png?ver=20131202); |
|
252 |
background-image: none, url(../images/wordpress-logo.svg?ver=20131107); |
|
253 |
background-size: 84px; |
|
254 |
background-position: center top; |
|
255 |
background-repeat: no-repeat; |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
256 |
color: #444; |
| 5 | 257 |
height: 84px; |
258 |
font-size: 20px; |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
259 |
font-weight: 400; |
| 16 | 260 |
line-height: 1.3; |
| 5 | 261 |
margin: 0 auto 25px; |
262 |
padding: 0; |
|
263 |
text-decoration: none; |
|
264 |
width: 84px; |
|
265 |
text-indent: -9999px; |
|
266 |
outline: none; |
|
267 |
overflow: hidden; |
|
268 |
display: block; |
|
269 |
} |
|
270 |
||
271 |
#login { |
|
272 |
width: 320px; |
|
273 |
padding: 8% 0 0; |
|
274 |
margin: auto; |
|
275 |
} |
|
276 |
||
277 |
.login #nav, |
|
278 |
.login #backtoblog { |
|
279 |
font-size: 13px; |
|
280 |
padding: 0 24px 0; |
|
281 |
} |
|
282 |
||
283 |
.login #nav { |
|
284 |
margin: 24px 0 0 0; |
|
285 |
} |
|
286 |
||
287 |
#backtoblog { |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
288 |
margin: 16px 0; |
| 5 | 289 |
} |
290 |
||
291 |
.login #nav a, |
|
292 |
.login #backtoblog a { |
|
293 |
text-decoration: none; |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
294 |
color: #555d66; |
| 5 | 295 |
} |
296 |
||
297 |
.login #nav a:hover, |
|
298 |
.login #backtoblog a:hover, |
|
299 |
.login h1 a:hover { |
|
| 16 | 300 |
color: #006799; |
| 5 | 301 |
} |
302 |
||
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
303 |
.login #nav a:focus, |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
304 |
.login #backtoblog a:focus, |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
305 |
.login h1 a:focus { |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
306 |
color: #124964; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
307 |
} |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
308 |
|
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
309 |
.login .privacy-policy-page-link { |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
310 |
text-align: center; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
311 |
width: 100%; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
312 |
margin: 5em 0 2em; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
313 |
} |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
314 |
|
| 5 | 315 |
.login form .input, |
| 16 | 316 |
.login input[type="text"], |
317 |
.login input[type="password"] { |
|
| 5 | 318 |
font-size: 24px; |
| 16 | 319 |
line-height: 1.33333333; /* 32px */ |
| 5 | 320 |
width: 100%; |
| 16 | 321 |
border-width: 0.0625rem; |
322 |
padding: 0.1875rem 0.3125rem; /* 3px 5px */ |
|
323 |
margin: 0 0 16px 6px; |
|
324 |
min-height: 40px; |
|
325 |
max-height: none; |
|
| 5 | 326 |
} |
327 |
||
| 16 | 328 |
.js.login input.password-input, |
329 |
.js.login-action-rp form .input, |
|
330 |
.js.login-action-rp input[type="text"] { |
|
331 |
padding-left: 2.5rem; |
|
| 9 | 332 |
} |
333 |
||
| 5 | 334 |
.login form .input, |
335 |
.login input[type="text"], |
|
336 |
.login form input[type="checkbox"] { |
|
337 |
background: #fbfbfb; |
|
338 |
} |
|
339 |
||
| 16 | 340 |
.js.login-action-rp input[type="text"], |
341 |
.js.login-action-rp input[type="password"] { |
|
342 |
margin-bottom: 0; |
|
| 5 | 343 |
} |
344 |
||
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
345 |
.login #pass-strength-result { |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
346 |
font-weight: 600; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
347 |
margin: -1px 0 16px 5px; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
348 |
padding: 6px 5px; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
349 |
text-align: center; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
350 |
width: 100%; |
| 5 | 351 |
} |
352 |
||
353 |
body.interim-login { |
|
354 |
height: auto; |
|
355 |
} |
|
356 |
||
357 |
.interim-login #login { |
|
358 |
padding: 0; |
|
359 |
margin: 5px auto 20px; |
|
360 |
} |
|
361 |
||
362 |
.interim-login.login h1 a { |
|
363 |
width: auto; |
|
364 |
} |
|
365 |
||
366 |
.interim-login #login_error, |
|
367 |
.interim-login.login .message { |
|
368 |
margin: 0 0 16px; |
|
369 |
} |
|
370 |
||
371 |
.interim-login.login form { |
|
372 |
margin: 0; |
|
373 |
} |
|
374 |
||
| 16 | 375 |
/* Hide visually but not from screen readers */ |
376 |
.screen-reader-text, |
|
377 |
.screen-reader-text span { |
|
378 |
border: 0; |
|
379 |
clip: rect(1px, 1px, 1px, 1px); |
|
380 |
-webkit-clip-path: inset(50%); |
|
381 |
clip-path: inset(50%); |
|
382 |
height: 1px; |
|
383 |
margin: -1px; |
|
384 |
overflow: hidden; |
|
385 |
padding: 0; |
|
386 |
position: absolute; |
|
387 |
width: 1px; |
|
388 |
word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */ |
|
389 |
} |
|
390 |
||
391 |
/* Hide the Edge "reveal password" native button */ |
|
392 |
input::-ms-reveal { |
|
393 |
display: none; |
|
394 |
} |
|
395 |
||
| 5 | 396 |
@-ms-viewport { |
397 |
width: device-width; |
|
398 |
} |
|
399 |
||
| 9 | 400 |
@media screen and (max-height: 550px) { |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
401 |
#login { |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
402 |
padding: 20px 0; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
403 |
} |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
404 |
} |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
405 |
|
| 16 | 406 |
|
| 9 | 407 |
@media screen and (max-width: 782px) { |
| 5 | 408 |
.interim-login input[type=checkbox] { |
| 16 | 409 |
width: 1rem; |
410 |
height: 1rem; |
|
| 5 | 411 |
} |
412 |
||
413 |
.interim-login input[type=checkbox]:checked:before { |
|
| 16 | 414 |
width: 1.3125rem; |
415 |
height: 1.3125rem; |
|
416 |
margin: -0.1875rem -0.25rem 0 0; |
|
| 5 | 417 |
} |
418 |
} |