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