1html {
2 background: #f0f0f1;
3 margin: 0 20px;
4}
5
6body {
7 background: #fff;
8 border: 1px solid #c3c4c7;
9 color: #3c434a;
10 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
11 margin: 140px auto 25px;
12 padding: 20px 20px 10px;
13 max-width: 700px;
14 -webkit-font-smoothing: subpixel-antialiased;
15 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
16}
17
18a {
19 color: #2271b1;
20}
21
22a:hover,
23a:active {
24 color: #135e96;
25}
26
27a:focus {
28 color: #043959;
29 box-shadow: 0 0 0 2px #2271b1;
30 /* Only visible in Windows High Contrast mode */
31 outline: 2px solid transparent;
32}
33
34h1, h2 {
35 border-bottom: 1px solid #dcdcde;
36 clear: both;
37 color: #646970;
38 font-size: 24px;
39 padding: 0 0 7px;
40 font-weight: 400;
41}
42
43h3 {
44 font-size: 16px;
45}
46
47p, li, dd, dt {
48 padding-bottom: 2px;
49 font-size: 14px;
50 line-height: 1.5;
51}
52
53code, .code {
54 font-family: Consolas, Monaco, monospace;
55}
56
57ul, ol, dl {
58 padding: 5px 5px 5px 22px;
59}
60
61a img {
62 border: 0
63}
64abbr {
65 border: 0;
66 font-variant: normal;
67}
68
69fieldset {
70 border: 0;
71 padding: 0;
72 margin: 0;
73}
74
75#logo {
76 margin: -130px auto 25px;
77 padding: 0 0 25px;
78 width: 84px;
79 height: 84px;
80 overflow: hidden;
81 background-image: url(../images/w-logo-blue.png?ver=20131202);
82 background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
83 background-size: 84px;
84 background-position: center top;
85 background-repeat: no-repeat;
86 color: #3c434a; /* same as login.css */
87 font-size: 20px;
88 font-weight: 400;
89 line-height: 1.3em;
90 text-decoration: none;
91 text-align: center;
92 text-indent: -9999px;
93 outline: none;
94}
95
96.step {
97 margin: 20px 0 15px;
98}
99.step, th {
100 text-align: left;
101 padding: 0;
102}
103.language-chooser.wp-core-ui .step .button.button-large {
104 font-size: 14px;
105}
106textarea {
107 border: 1px solid #dcdcde;
108 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
109 width: 100%;
110 box-sizing: border-box;
111}
112
113.form-table {
114 border-collapse: collapse;
115 margin-top: 1em;
116 width: 100%;
117}
118
119.form-table td {
120 margin-bottom: 9px;
121 padding: 10px 20px 10px 0;
122 font-size: 14px;
123 vertical-align: top
124}
125
126.form-table th {
127 font-size: 14px;
128 text-align: left;
129 padding: 10px 20px 10px 0;
130 width: 115px;
131 vertical-align: top;
132}
133
134.form-table code {
135 line-height: 1.28571428;
136 font-size: 14px;
137}
138
139.form-table p {
140 margin: 4px 0 0;
141 font-size: 11px;
142}
143
144.form-table .setup-description {
145 margin: 4px 0 0;
146 line-height: 1.6;
147}
148
149.form-table input {
150 line-height: 1.33333333;
151 font-size: 15px;
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%;
166}
167
168input,
169submit {
170 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
171}
172
173.form-table input[type=text],
174.form-table input[type=email],
175.form-table input[type=url],
176.form-table input[type=password],
177#pass-strength-result {
178 width: 100%;
179}
180
181.form-table th p {
182 font-weight: 400;
183}
184
185.form-table.install-success th,
186.form-table.install-success td {
187 vertical-align: middle;
188 padding: 16px 20px 16px 0;
189}
190
191.form-table.install-success td p {
192 margin: 0;
193 font-size: 14px;
194}
195
196.form-table.install-success td code {
197 margin: 0;
198 font-size: 18px;
199}
200
201#error-page {
202 margin-top: 50px;
203}
204
205#error-page p {
206 font-size: 14px;
207 line-height: 1.28571428;
208 margin: 25px 0 20px;
209}
210
211#error-page code, .code {
212 font-family: Consolas, Monaco, monospace;
213}
214
215.message {
216 border-left: 4px solid #d63638;
217 padding: .7em .6em;
218 background-color: #fcf0f1;
219}
220
221/* rtl:ignore */
222#dbname,
223#uname,
224#pwd,
225#dbhost,
226#prefix,
227#user_login,
228#admin_email,
229#pass1,
230#pass2 {
231 direction: ltr;
232}
233
234
235/* localization */
236body.rtl,
237.rtl textarea,
238.rtl input,
239.rtl submit {
240 font-family: Tahoma, sans-serif;
241}
242
243:lang(he-il) body.rtl,
244:lang(he-il) .rtl textarea,
245:lang(he-il) .rtl input,
246:lang(he-il) .rtl submit {
247 font-family: Arial, sans-serif;
248}
249
250@media only screen and (max-width: 799px) {
251 body {
252 margin-top: 115px;
253 }
254 #logo a {
255 margin: -125px auto 30px;
256 }
257}
258
259@media screen and (max-width: 782px) {
260
261 .form-table {
262 margin-top: 0;
263 }
264
265 .form-table th,
266 .form-table td {
267 display: block;
268 width: auto;
269 vertical-align: middle;
270 }
271
272 .form-table th {
273 padding: 20px 0 0;
274 }
275
276 .form-table td {
277 padding: 5px 0;
278 border: 0;
279 margin: 0;
280 }
281
282 textarea,
283 input {
284 font-size: 16px;
285 }
286
287 .form-table td input[type="text"],
288 .form-table td input[type="email"],
289 .form-table td input[type="url"],
290 .form-table td input[type="password"],
291 .form-table td select,
292 .form-table td textarea,
293 .form-table span.description {
294 width: 100%;
295 font-size: 16px;
296 line-height: 1.5;
297 padding: 7px 10px;
298 display: block;
299 max-width: none;
300 box-sizing: border-box;
301 }
302
303 #pwd {
304 padding-right: 2.5rem;
305 }
306
307 .wp-pwd #pass1 {
308 padding-right: 50px;
309 }
310
311 .wp-pwd .button.wp-hide-pw {
312 right: 0;
313 }
314
315 #pass-strength-result {
316 width: 100%;
317 }
318}
319
320body.language-chooser {
321 max-width: 300px;
322}
323
324.language-chooser select {
325 padding: 8px;
326 width: 100%;
327 display: block;
328 border: 1px solid #dcdcde;
329 background: #fff;
330 color: #2c3338;
331 font-size: 16px;
332 font-family: Arial, sans-serif;
333 font-weight: 400;
334}
335
336.language-chooser select:focus {
337 color: #2c3338;
338}
339
340.language-chooser select option:hover,
341.language-chooser select option:focus {
342 color: #0a4b78;
343}
344
345.language-chooser .step {
346 text-align: right;
347}
348
349.screen-reader-input,
350.screen-reader-text {
351 border: 0;
352 clip-path: inset(50%);
353 height: 1px;
354 margin: -1px;
355 overflow: hidden;
356 padding: 0;
357 position: absolute;
358 width: 1px;
359 word-wrap: normal !important;
360}
361
362.spinner {
363 background: url(../images/spinner.gif) no-repeat;
364 background-size: 20px 20px;
365 visibility: hidden;
366 opacity: 0.7;
367 filter: alpha(opacity=70);
368 width: 20px;
369 height: 20px;
370 margin: 2px 5px 0;
371}
372
373.step .spinner {
374 display: inline-block;
375 vertical-align: middle;
376 margin-right: 15px;
377}
378
379.button.hide-if-no-js,
380.hide-if-no-js {
381 display: none;
382}
383
384/**
385 * HiDPI Displays
386 */
387@media print,
388 (min-resolution: 120dpi) {
389
390 .spinner {
391 background-image: url(../images/spinner-2x.gif);
392 }
393
394}
395