| changeset 18 | be944660c56a |
| parent 16 | a86126ab1dd4 |
| child 19 | 3d72ae0968f4 |
| 17:34716fd837a4 | 18:be944660c56a |
|---|---|
4 margin: 0; |
4 margin: 0; |
5 padding: 0; |
5 padding: 0; |
6 } |
6 } |
7 |
7 |
8 body { |
8 body { |
9 background: #f1f1f1; |
9 background: #f0f0f1; |
10 min-width: 0; |
10 min-width: 0; |
11 color: #444; |
11 color: #3c434a; |
12 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
12 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
13 font-size: 13px; |
13 font-size: 13px; |
14 line-height: 1.4; |
14 line-height: 1.4; |
15 } |
15 } |
16 |
16 |
17 a { |
17 a { |
18 color: #0073aa; |
18 color: #2271b1; |
19 transition-property: border, background, color; |
19 transition-property: border, background, color; |
20 transition-duration: .05s; |
20 transition-duration: .05s; |
21 transition-timing-function: ease-in-out; |
21 transition-timing-function: ease-in-out; |
22 } |
22 } |
23 |
23 |
25 outline: 0; |
25 outline: 0; |
26 } |
26 } |
27 |
27 |
28 a:hover, |
28 a:hover, |
29 a:active { |
29 a:active { |
30 color: #006799; |
30 color: #135e96; |
31 } |
31 } |
32 |
32 |
33 a:focus { |
33 a:focus { |
34 color: #124964; |
34 color: #043959; |
35 box-shadow: |
35 box-shadow: |
36 0 0 0 1px #5b9dd9, |
36 0 0 0 1px #4f94d4, |
37 0 0 2px 1px rgba(30, 140, 190, 0.8); |
37 0 0 2px 1px rgba(79, 148, 212, 0.8); |
38 } |
38 } |
39 |
39 |
40 p { |
40 p { |
41 line-height: 1.5; |
41 line-height: 1.5; |
42 } |
42 } |
43 |
43 |
44 .login .message, |
44 .login .message, |
45 .login .success, |
45 .login .success, |
46 .login #login_error { |
46 .login #login_error { |
47 border-left: 4px solid #00a0d2; |
47 border-left: 4px solid #72aee6; |
48 padding: 12px; |
48 padding: 12px; |
49 margin-left: 0; |
49 margin-left: 0; |
50 margin-bottom: 20px; |
50 margin-bottom: 20px; |
51 background-color: #fff; |
51 background-color: #fff; |
52 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); |
52 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); |
53 } |
53 } |
54 |
54 |
55 .login .success { |
55 .login .success { |
56 border-left-color: #46b450; |
56 border-left-color: #00a32a; |
57 } |
57 } |
58 |
58 |
59 .login #login_error { |
59 .login #login_error { |
60 border-left-color: #dc3232; |
60 border-left-color: #d63638; |
61 } |
61 } |
62 |
62 |
63 #loginform p.submit, |
63 #loginform p.submit, |
64 .login-action-lostpassword p.submit { |
64 .login-action-lostpassword p.submit { |
65 border: none; |
65 border: none; |
100 background: transparent; |
100 background: transparent; |
101 } |
101 } |
102 |
102 |
103 .login .button.wp-hide-pw:focus { |
103 .login .button.wp-hide-pw:focus { |
104 background: transparent; |
104 background: transparent; |
105 border-color: #007cba; |
105 border-color: #3582c4; |
106 box-shadow: 0 0 0 1px #007cba; |
106 box-shadow: 0 0 0 1px #3582c4; |
107 /* Only visible in Windows High Contrast mode */ |
107 /* Only visible in Windows High Contrast mode */ |
108 outline: 2px solid transparent; |
108 outline: 2px solid transparent; |
109 } |
109 } |
110 |
110 |
111 .login .button.wp-hide-pw:active { |
111 .login .button.wp-hide-pw:active { |
129 } |
129 } |
130 |
130 |
131 .login form { |
131 .login form { |
132 margin-top: 20px; |
132 margin-top: 20px; |
133 margin-left: 0; |
133 margin-left: 0; |
134 padding: 26px 24px 46px; |
134 padding: 26px 24px 34px; |
135 font-weight: 400; |
135 font-weight: 400; |
136 overflow: hidden; |
136 overflow: hidden; |
137 background: #fff; |
137 background: #fff; |
138 border: 1px solid #ccd0d4; |
138 border: 1px solid #c3c4c7; |
139 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); |
139 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); |
140 } |
140 } |
141 |
141 |
142 .login form.shake { |
142 .login form.shake { |
143 animation: shake 0.2s cubic-bezier(.19,.49,.38,.79) both; |
143 animation: shake 0.2s cubic-bezier(.19,.49,.38,.79) both; |
188 |
188 |
189 .login .button-primary { |
189 .login .button-primary { |
190 float: right; |
190 float: right; |
191 } |
191 } |
192 |
192 |
193 .login .reset-pass-submit { |
|
194 display: flex; |
|
195 flex-flow: row wrap; |
|
196 justify-content: space-between; |
|
197 } |
|
198 |
|
199 .login .reset-pass-submit .button { |
|
200 display: inline-block; |
|
201 float: none; |
|
202 margin-bottom: 6px; |
|
203 } |
|
204 |
|
193 .login .admin-email-confirm-form .submit { |
205 .login .admin-email-confirm-form .submit { |
194 text-align: center; |
206 text-align: center; |
195 } |
207 } |
196 |
208 |
197 .admin-email__later { |
209 .admin-email__later { |
201 .login form p.admin-email__details { |
213 .login form p.admin-email__details { |
202 margin: 1.1em 0; |
214 margin: 1.1em 0; |
203 } |
215 } |
204 |
216 |
205 .login h1.admin-email__heading { |
217 .login h1.admin-email__heading { |
206 border-bottom: 1px rgb(241, 241, 241) solid; |
218 border-bottom: 1px #f0f0f1 solid; |
207 color: rgb(95, 95, 95); |
219 color: #50575e; |
208 font-weight: normal; |
220 font-weight: normal; |
209 padding-bottom: 0.5em; |
221 padding-bottom: 0.5em; |
210 text-align: left; |
222 text-align: left; |
211 } |
223 } |
212 |
224 |
250 background-image: url(../images/w-logo-blue.png?ver=20131202); |
262 background-image: url(../images/w-logo-blue.png?ver=20131202); |
251 background-image: none, url(../images/wordpress-logo.svg?ver=20131107); |
263 background-image: none, url(../images/wordpress-logo.svg?ver=20131107); |
252 background-size: 84px; |
264 background-size: 84px; |
253 background-position: center top; |
265 background-position: center top; |
254 background-repeat: no-repeat; |
266 background-repeat: no-repeat; |
255 color: #444; |
267 color: #3c434a; |
256 height: 84px; |
268 height: 84px; |
257 font-size: 20px; |
269 font-size: 20px; |
258 font-weight: 400; |
270 font-weight: 400; |
259 line-height: 1.3; |
271 line-height: 1.3; |
260 margin: 0 auto 25px; |
272 margin: 0 auto 25px; |
283 margin: 24px 0 0 0; |
295 margin: 24px 0 0 0; |
284 } |
296 } |
285 |
297 |
286 #backtoblog { |
298 #backtoblog { |
287 margin: 16px 0; |
299 margin: 16px 0; |
300 word-break: break-word; |
|
288 } |
301 } |
289 |
302 |
290 .login #nav a, |
303 .login #nav a, |
291 .login #backtoblog a { |
304 .login #backtoblog a { |
292 text-decoration: none; |
305 text-decoration: none; |
293 color: #555d66; |
306 color: #50575e; |
294 } |
307 } |
295 |
308 |
296 .login #nav a:hover, |
309 .login #nav a:hover, |
297 .login #backtoblog a:hover, |
310 .login #backtoblog a:hover, |
298 .login h1 a:hover { |
311 .login h1 a:hover { |
299 color: #006799; |
312 color: #135e96; |
300 } |
313 } |
301 |
314 |
302 .login #nav a:focus, |
315 .login #nav a:focus, |
303 .login #backtoblog a:focus, |
316 .login #backtoblog a:focus, |
304 .login h1 a:focus { |
317 .login h1 a:focus { |
305 color: #124964; |
318 color: #043959; |
306 } |
319 } |
307 |
320 |
308 .login .privacy-policy-page-link { |
321 .login .privacy-policy-page-link { |
309 text-align: center; |
322 text-align: center; |
310 width: 100%; |
323 width: 100%; |
322 margin: 0 6px 16px 0; |
335 margin: 0 6px 16px 0; |
323 min-height: 40px; |
336 min-height: 40px; |
324 max-height: none; |
337 max-height: none; |
325 } |
338 } |
326 |
339 |
340 .login input.password-input { |
|
341 font-family: Consolas, Monaco, monospace; |
|
342 } |
|
343 |
|
327 .js.login input.password-input, |
344 .js.login input.password-input, |
328 .js.login-action-rp form .input, |
345 .js.login-action-rp form .input, |
329 .js.login-action-rp input[type="text"] { |
346 .js.login-action-rp input[type="text"] { |
330 padding-right: 2.5rem; |
347 padding-right: 2.5rem; |
331 } |
348 } |
332 |
349 |
333 .login form .input, |
350 .login form .input, |
334 .login input[type="text"], |
351 .login input[type="text"], |
335 .login form input[type="checkbox"] { |
352 .login form input[type="checkbox"] { |
336 background: #fbfbfb; |
353 background: #fff; |
337 } |
354 } |
338 |
355 |
339 .js.login-action-rp input[type="text"], |
356 .js.login-action-rp input[type="text"], |
340 .js.login-action-rp input[type="password"] { |
357 .js.login-action-rp input[type="password"] { |
341 margin-bottom: 0; |
358 margin-bottom: 0; |
390 /* Hide the Edge "reveal password" native button */ |
407 /* Hide the Edge "reveal password" native button */ |
391 input::-ms-reveal { |
408 input::-ms-reveal { |
392 display: none; |
409 display: none; |
393 } |
410 } |
394 |
411 |
395 @-ms-viewport { |
|
396 width: device-width; |
|
397 } |
|
398 |
|
399 @media screen and (max-height: 550px) { |
412 @media screen and (max-height: 550px) { |
400 #login { |
413 #login { |
401 padding: 20px 0; |
414 padding: 20px 0; |
402 } |
415 } |
403 } |
416 } |