| changeset 21 | 48c4eec2b7e6 |
| parent 19 | 3d72ae0968f4 |
| child 22 | 8c2e4d02f4ef |
| 20:7b1b88e27a20 | 21:48c4eec2b7e6 |
|---|---|
24 color: #135e96; |
24 color: #135e96; |
25 } |
25 } |
26 |
26 |
27 a:focus { |
27 a:focus { |
28 color: #043959; |
28 color: #043959; |
29 box-shadow: |
29 box-shadow: 0 0 0 2px #2271b1; |
30 0 0 0 1px #4f94d4, |
30 /* Only visible in Windows High Contrast mode */ |
31 0 0 2px 1px rgba(79, 148, 212, 0.8); |
31 outline: 2px solid transparent; |
32 } |
32 } |
33 |
33 |
34 h1, h2 { |
34 h1, h2 { |
35 border-bottom: 1px solid #dcdcde; |
35 border-bottom: 1px solid #dcdcde; |
36 clear: both; |
36 clear: both; |
68 |
68 |
69 fieldset { |
69 fieldset { |
70 border: 0; |
70 border: 0; |
71 padding: 0; |
71 padding: 0; |
72 margin: 0; |
72 margin: 0; |
73 } |
|
74 |
|
75 label { |
|
76 cursor: pointer; |
|
77 } |
73 } |
78 |
74 |
79 #logo { |
75 #logo { |
80 margin: -130px auto 25px; |
76 margin: -130px auto 25px; |
81 padding: 0 0 25px; |
77 padding: 0 0 25px; |
129 |
125 |
130 .form-table th { |
126 .form-table th { |
131 font-size: 14px; |
127 font-size: 14px; |
132 text-align: left; |
128 text-align: left; |
133 padding: 10px 20px 10px 0; |
129 padding: 10px 20px 10px 0; |
134 width: 140px; |
130 width: 115px; |
135 vertical-align: top; |
131 vertical-align: top; |
136 } |
132 } |
137 |
133 |
138 .form-table code { |
134 .form-table code { |
139 line-height: 1.28571428; |
135 line-height: 1.28571428; |
141 } |
137 } |
142 |
138 |
143 .form-table p { |
139 .form-table p { |
144 margin: 4px 0 0; |
140 margin: 4px 0 0; |
145 font-size: 11px; |
141 font-size: 11px; |
142 } |
|
143 |
|
144 .form-table .setup-description { |
|
145 margin: 4px 0 0; |
|
146 line-height: 1.6; |
|
146 } |
147 } |
147 |
148 |
148 .form-table input { |
149 .form-table input { |
149 line-height: 1.33333333; |
150 line-height: 1.33333333; |
150 font-size: 15px; |
151 font-size: 15px; |
151 padding: 3px 5px; |
152 padding: 3px 5px; |
153 } |
|
154 |
|
155 .wp-pwd { |
|
156 margin-top: 0; |
|
157 } |
|
158 |
|
159 .form-table .wp-pwd { |
|
160 display: flex; |
|
161 column-gap: 4px; |
|
162 } |
|
163 |
|
164 .form-table .password-input-wrapper { |
|
165 width: 100%; |
|
152 } |
166 } |
153 |
167 |
154 input, |
168 input, |
155 submit { |
169 submit { |
156 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
170 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
159 .form-table input[type=text], |
173 .form-table input[type=text], |
160 .form-table input[type=email], |
174 .form-table input[type=email], |
161 .form-table input[type=url], |
175 .form-table input[type=url], |
162 .form-table input[type=password], |
176 .form-table input[type=password], |
163 #pass-strength-result { |
177 #pass-strength-result { |
164 width: 218px; |
178 width: 100%; |
165 } |
179 } |
166 |
180 |
167 .form-table th p { |
181 .form-table th p { |
168 font-weight: 400; |
182 font-weight: 400; |
169 } |
183 } |
284 display: block; |
298 display: block; |
285 max-width: none; |
299 max-width: none; |
286 box-sizing: border-box; |
300 box-sizing: border-box; |
287 } |
301 } |
288 |
302 |
303 #pwd { |
|
304 padding-right: 2.5rem; |
|
305 } |
|
306 |
|
289 .wp-pwd #pass1 { |
307 .wp-pwd #pass1 { |
290 padding-right: 50px; |
308 padding-right: 50px; |
291 } |
309 } |
292 |
310 |
293 .wp-pwd .button.wp-hide-pw { |
311 .wp-pwd .button.wp-hide-pw { |
330 |
348 |
331 .screen-reader-input, |
349 .screen-reader-input, |
332 .screen-reader-text { |
350 .screen-reader-text { |
333 border: 0; |
351 border: 0; |
334 clip: rect(1px, 1px, 1px, 1px); |
352 clip: rect(1px, 1px, 1px, 1px); |
335 -webkit-clip-path: inset(50%); |
|
336 clip-path: inset(50%); |
353 clip-path: inset(50%); |
337 height: 1px; |
354 height: 1px; |
338 margin: -1px; |
355 margin: -1px; |
339 overflow: hidden; |
356 overflow: hidden; |
340 padding: 0; |
357 padding: 0; |
367 |
384 |
368 /** |
385 /** |
369 * HiDPI Displays |
386 * HiDPI Displays |
370 */ |
387 */ |
371 @media print, |
388 @media print, |
372 (-webkit-min-device-pixel-ratio: 1.25), |
|
373 (min-resolution: 120dpi) { |
389 (min-resolution: 120dpi) { |
374 |
390 |
375 .spinner { |
391 .spinner { |
376 background-image: url(../images/spinner-2x.gif); |
392 background-image: url(../images/spinner-2x.gif); |
377 } |
393 } |