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