equal
deleted
inserted
replaced
30 color: #135e96; |
30 color: #135e96; |
31 } |
31 } |
32 |
32 |
33 a:focus { |
33 a:focus { |
34 color: #043959; |
34 color: #043959; |
35 box-shadow: |
35 box-shadow: 0 0 0 2px #2271b1; |
36 0 0 0 1px #4f94d4, |
36 /* Only visible in Windows High Contrast mode */ |
37 0 0 2px 1px rgba(79, 148, 212, 0.8); |
37 outline: 2px solid transparent; |
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 .notice, |
46 .login #login_error { |
46 .login .success { |
47 border-left: 4px solid #72aee6; |
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; |
55 |
55 |
56 .login .success { |
56 .login .success { |
57 border-left-color: #00a32a; |
57 border-left-color: #00a32a; |
58 } |
58 } |
59 |
59 |
60 .login #login_error { |
60 /* Match border color from common.css */ |
|
61 .login .notice-error { |
61 border-left-color: #d63638; |
62 border-left-color: #d63638; |
|
63 } |
|
64 |
|
65 .login .login-error-list { |
|
66 list-style: none; |
|
67 } |
|
68 |
|
69 .login .login-error-list li + li { |
|
70 margin-top: 4px; |
62 } |
71 } |
63 |
72 |
64 #loginform p.submit, |
73 #loginform p.submit, |
65 .login-action-lostpassword p.submit { |
74 .login-action-lostpassword p.submit { |
66 border: none; |
75 border: none; |
130 } |
139 } |
131 |
140 |
132 .login form { |
141 .login form { |
133 margin-top: 20px; |
142 margin-top: 20px; |
134 margin-left: 0; |
143 margin-left: 0; |
135 padding: 26px 24px 34px; |
144 padding: 26px 24px; |
136 font-weight: 400; |
145 font-weight: 400; |
137 overflow: hidden; |
146 overflow: hidden; |
138 background: #fff; |
147 background: #fff; |
139 border: 1px solid #c3c4c7; |
148 border: 1px solid #c3c4c7; |
140 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); |
149 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); |
233 margin-right: 0.25em; |
242 margin-right: 0.25em; |
234 } |
243 } |
235 |
244 |
236 #login form p { |
245 #login form p { |
237 margin-bottom: 0; |
246 margin-bottom: 0; |
|
247 } |
|
248 |
|
249 #login form .indicator-hint, |
|
250 #login #reg_passmail { |
|
251 margin-bottom: 16px; |
238 } |
252 } |
239 |
253 |
240 #login form p.submit { |
254 #login form p.submit { |
241 margin: 0; |
255 margin: 0; |
242 padding: 0; |
256 padding: 0; |
340 |
354 |
341 .login input.password-input { |
355 .login input.password-input { |
342 font-family: Consolas, Monaco, monospace; |
356 font-family: Consolas, Monaco, monospace; |
343 } |
357 } |
344 |
358 |
345 .js.login input.password-input, |
359 .js.login input.password-input { |
346 .js.login-action-rp form .input, |
|
347 .js.login-action-rp input[type="text"] { |
|
348 padding-right: 2.5rem; |
360 padding-right: 2.5rem; |
349 } |
361 } |
350 |
362 |
351 .login form .input, |
363 .login form .input, |
352 .login input[type="text"], |
364 .login input[type="text"], |
353 .login form input[type="checkbox"] { |
365 .login form input[type="checkbox"] { |
354 background: #fff; |
366 background: #fff; |
355 } |
367 } |
356 |
368 |
|
369 .js.login-action-resetpass input[type="text"], |
|
370 .js.login-action-resetpass input[type="password"], |
357 .js.login-action-rp input[type="text"], |
371 .js.login-action-rp input[type="text"], |
358 .js.login-action-rp input[type="password"] { |
372 .js.login-action-rp input[type="password"] { |
359 margin-bottom: 0; |
373 margin-bottom: 0; |
360 } |
374 } |
361 |
375 |
392 /* Hide visually but not from screen readers */ |
406 /* Hide visually but not from screen readers */ |
393 .screen-reader-text, |
407 .screen-reader-text, |
394 .screen-reader-text span { |
408 .screen-reader-text span { |
395 border: 0; |
409 border: 0; |
396 clip: rect(1px, 1px, 1px, 1px); |
410 clip: rect(1px, 1px, 1px, 1px); |
397 -webkit-clip-path: inset(50%); |
|
398 clip-path: inset(50%); |
411 clip-path: inset(50%); |
399 height: 1px; |
412 height: 1px; |
400 margin: -1px; |
413 margin: -1px; |
401 overflow: hidden; |
414 overflow: hidden; |
402 padding: 0; |
415 padding: 0; |
435 .language-switcher label .dashicons { |
448 .language-switcher label .dashicons { |
436 width: auto; |
449 width: auto; |
437 height: auto; |
450 height: auto; |
438 } |
451 } |
439 |
452 |
440 .login .language-switcher .button-primary { |
453 .login .language-switcher .button { |
441 float: none; |
|
442 margin-bottom: 0; |
454 margin-bottom: 0; |
443 } |
455 } |
444 |
456 |
445 @media screen and (max-height: 550px) { |
457 @media screen and (max-height: 550px) { |
446 #login { |
458 #login { |
470 margin-right: 0; |
482 margin-right: 0; |
471 } |
483 } |
472 } |
484 } |
473 |
485 |
474 @media screen and (max-width: 400px) { |
486 @media screen and (max-width: 400px) { |
475 .login .language-switcher .button-primary { |
487 .login .language-switcher .button { |
476 display: block; |
488 display: block; |
477 margin: 5px auto 0; |
489 margin: 5px auto 0; |
478 } |
490 } |
479 } |
491 } |