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