4 } |
4 } |
5 |
5 |
6 body { |
6 body { |
7 background: #fff; |
7 background: #fff; |
8 color: #444; |
8 color: #444; |
9 font-family: "Open Sans", sans-serif; |
9 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
10 margin: 140px auto 25px; |
10 margin: 140px auto 25px; |
11 padding: 20px 20px 10px 20px; |
11 padding: 20px 20px 10px 20px; |
12 max-width: 700px; |
12 max-width: 700px; |
13 -webkit-font-smoothing: subpixel-antialiased; |
13 -webkit-font-smoothing: subpixel-antialiased; |
14 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13); |
|
15 box-shadow: 0 1px 3px rgba(0,0,0,0.13); |
14 box-shadow: 0 1px 3px rgba(0,0,0,0.13); |
16 } |
15 } |
17 |
16 |
18 a { |
17 a { |
19 color: #0073aa; |
18 color: #0073aa; |
20 text-decoration: none; |
19 } |
21 } |
20 |
22 |
21 a:hover, |
23 a:hover { |
22 a:active { |
24 color: #00a0d2; |
23 color: #00a0d2; |
25 } |
24 } |
26 |
25 |
27 h1 { |
26 a:focus { |
28 border-bottom: 1px solid #dedede; |
27 color: #124964; |
|
28 box-shadow: |
|
29 0 0 0 1px #5b9dd9, |
|
30 0 0 2px 1px rgba(30, 140, 190, .8); |
|
31 } |
|
32 |
|
33 .ie8 a:focus { |
|
34 outline: #5b9dd9 solid 1px; |
|
35 } |
|
36 |
|
37 h1, h2 { |
|
38 border-bottom: 1px solid #ddd; |
29 clear: both; |
39 clear: both; |
30 color: #666; |
40 color: #666; |
31 font-size: 24px; |
41 font-size: 24px; |
32 margin: 30px 0; |
|
33 padding: 0; |
42 padding: 0; |
34 padding-bottom: 7px; |
43 padding-bottom: 7px; |
35 font-weight: normal; |
44 font-weight: 400; |
36 } |
45 } |
37 |
46 |
38 h2 { |
47 h3 { |
39 font-size: 16px; |
48 font-size: 16px; |
40 } |
49 } |
41 |
50 |
42 p, li, dd, dt { |
51 p, li, dd, dt { |
43 padding-bottom: 2px; |
52 padding-bottom: 2px; |
59 abbr { |
68 abbr { |
60 border: 0; |
69 border: 0; |
61 font-variant: normal; |
70 font-variant: normal; |
62 } |
71 } |
63 |
72 |
|
73 fieldset { |
|
74 border: 0; |
|
75 padding: 0; |
|
76 margin: 0; |
|
77 } |
|
78 |
64 label { |
79 label { |
65 cursor: pointer; |
80 cursor: pointer; |
66 } |
81 } |
67 |
82 |
68 #logo { |
83 #logo { |
69 margin: 6px 0 14px 0; |
84 margin: 6px 0 14px 0; |
|
85 padding: 0 0 7px 0; |
70 border-bottom: none; |
86 border-bottom: none; |
71 text-align:center |
87 text-align:center |
72 } |
88 } |
73 #logo a { |
89 #logo a { |
74 background-image: url(../images/w-logo-blue.png?ver=20131202); |
90 background-image: url(../images/w-logo-blue.png?ver=20131202); |
75 background-image: none, url(../images/wordpress-logo.svg?ver=20131107); |
91 background-image: none, url(../images/wordpress-logo.svg?ver=20131107); |
76 -webkit-background-size: 84px; |
|
77 background-size: 84px; |
92 background-size: 84px; |
78 background-position: center top; |
93 background-position: center top; |
79 background-repeat: no-repeat; |
94 background-repeat: no-repeat; |
80 color: #999; |
95 color: #444; /* same as login.css */ |
81 height: 84px; |
96 height: 84px; |
82 font-size: 20px; |
97 font-size: 20px; |
83 font-weight: normal; |
98 font-weight: 400; |
84 line-height: 1.3em; |
99 line-height: 1.3em; |
85 margin: -130px auto 25px; |
100 margin: -130px auto 25px; |
86 padding: 0; |
101 padding: 0; |
87 text-decoration: none; |
102 text-decoration: none; |
88 width: 84px; |
103 width: 84px; |
89 text-indent: -9999px; |
104 text-indent: -9999px; |
90 outline: none; |
105 outline: none; |
91 overflow: hidden; |
106 overflow: hidden; |
92 display: block; |
107 display: block; |
93 } |
108 } |
|
109 |
|
110 #logo a:focus { |
|
111 box-shadow: none; |
|
112 } |
|
113 |
94 .step { |
114 .step { |
95 margin: 20px 0 15px; |
115 margin: 20px 0 15px; |
96 } |
116 } |
97 .step, th { |
117 .step, th { |
98 text-align: right; |
118 text-align: right; |
99 padding: 0; |
119 padding: 0; |
100 } |
120 } |
101 .language-chooser.wp-core-ui .step .button.button-large { |
121 .language-chooser.wp-core-ui .step .button.button-large { |
102 height: 36px; |
122 height: 36px; |
|
123 font-size: 14px; |
|
124 line-height: 33px; |
103 vertical-align: middle; |
125 vertical-align: middle; |
104 font-size: 14px; |
|
105 } |
126 } |
106 textarea { |
127 textarea { |
107 border: 1px solid #dfdfdf; |
128 border: 1px solid #ddd; |
108 font-family: "Open Sans", sans-serif; |
129 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
109 width: 100%; |
130 width: 100%; |
110 -webkit-box-sizing: border-box; |
|
111 -moz-box-sizing: border-box; |
|
112 box-sizing: border-box; |
131 box-sizing: border-box; |
113 } |
132 } |
114 |
133 |
115 .form-table { |
134 .form-table { |
116 border-collapse: collapse; |
135 border-collapse: collapse; |
147 .form-table input { |
165 .form-table input { |
148 line-height: 20px; |
166 line-height: 20px; |
149 font-size: 15px; |
167 font-size: 15px; |
150 padding: 3px 5px; |
168 padding: 3px 5px; |
151 border: 1px solid #ddd; |
169 border: 1px solid #ddd; |
152 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); |
|
153 box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); |
170 box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); |
154 } |
171 } |
155 |
172 |
156 input, |
173 input, |
157 submit { |
174 submit { |
158 font-family: "Open Sans", sans-serif; |
175 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
159 } |
176 } |
160 |
177 |
161 .form-table input[type=text], |
178 .form-table input[type=text], |
162 .form-table input[type=email], |
179 .form-table input[type=email], |
163 .form-table input[type=url], |
180 .form-table input[type=url], |
164 .form-table input[type=password] { |
181 .form-table input[type=password] { |
165 width: 206px; |
182 width: 206px; |
166 } |
183 } |
167 |
184 |
168 .form-table th p { |
185 .form-table th p { |
169 font-weight: normal; |
186 font-weight: 400; |
170 } |
187 } |
171 |
188 |
|
189 .form-table.install-success th, |
172 .form-table.install-success td { |
190 .form-table.install-success td { |
173 vertical-align: middle; |
191 vertical-align: middle; |
174 padding: 16px 0 10px 20px; |
192 padding: 16px 0 16px 20px; |
175 } |
193 } |
176 |
194 |
177 .form-table.install-success td p { |
195 .form-table.install-success td p { |
178 margin: 0; |
196 margin: 0; |
179 font-size: 14px; |
197 font-size: 14px; |
196 |
214 |
197 #error-page code, .code { |
215 #error-page code, .code { |
198 font-family: Consolas, Monaco, monospace; |
216 font-family: Consolas, Monaco, monospace; |
199 } |
217 } |
200 |
218 |
|
219 .wp-hide-pw > .dashicons { |
|
220 line-height: inherit; |
|
221 } |
|
222 |
201 #pass-strength-result { |
223 #pass-strength-result { |
202 background-color: #eee; |
224 background-color: #eee; |
203 border-color: #ddd !important; |
225 border: 1px solid #ddd; |
204 border-style: solid; |
226 color: #23282d; |
205 border-width: 1px; |
227 margin: -2px 0px 5px 5px; |
206 margin: 5px 0 5px 5px; |
228 padding: 3px 5px; |
207 padding: 5px; |
|
208 text-align: center; |
229 text-align: center; |
209 width: 200px; |
230 width: 218px; |
|
231 box-sizing: border-box; |
|
232 opacity: 0; |
|
233 } |
|
234 |
|
235 #pass-strength-result.short { |
|
236 background-color: #f1adad; |
|
237 border-color: #e35b5b; |
|
238 opacity: 1; |
|
239 } |
|
240 |
|
241 #pass-strength-result.bad { |
|
242 background-color: #fbc5a9; |
|
243 border-color: #f78b53; |
|
244 opacity: 1; |
|
245 } |
|
246 |
|
247 #pass-strength-result.good { |
|
248 background-color: #ffe399; |
|
249 border-color: #ffc733; |
|
250 opacity: 1; |
|
251 } |
|
252 |
|
253 #pass-strength-result.strong { |
|
254 background-color: #c1e1b9; |
|
255 border-color: #83c373; |
|
256 opacity: 1; |
|
257 } |
|
258 |
|
259 #pass1.short, #pass1-text.short { |
|
260 border-color: #e35b5b; |
|
261 } |
|
262 |
|
263 #pass1.bad, #pass1-text.bad { |
|
264 border-color: #f78b53; |
|
265 } |
|
266 |
|
267 #pass1.good, #pass1-text.good { |
|
268 border-color: #ffc733; |
|
269 } |
|
270 |
|
271 #pass1.strong, #pass1-text.strong { |
|
272 border-color: #83c373; |
|
273 } |
|
274 |
|
275 .pw-weak { |
210 display: none; |
276 display: none; |
211 } |
277 } |
212 |
278 |
213 #pass-strength-result.bad { |
|
214 background-color: #ffb78c; |
|
215 border-color: #ff853c !important; |
|
216 } |
|
217 |
|
218 #pass-strength-result.good { |
|
219 background-color: #ffec8b; |
|
220 border-color: #ffcc00 !important; |
|
221 } |
|
222 |
|
223 #pass-strength-result.short { |
|
224 background-color: #ffa0a0; |
|
225 border-color: #f04040 !important; |
|
226 } |
|
227 |
|
228 #pass-strength-result.strong { |
|
229 background-color: #c3ff88; |
|
230 border-color: #8dff1c !important; |
|
231 } |
|
232 |
|
233 .message { |
279 .message { |
234 border: 1px solid #c00; |
280 border-right: 4px solid #dc3232; |
235 padding: 0.5em 0.7em; |
281 padding: .7em .6em; |
236 margin: 5px 0 15px; |
282 background-color: #fbeaea; |
237 background-color: #ffebe8; |
|
238 } |
283 } |
239 |
284 |
240 /* rtl:ignore */ |
285 /* rtl:ignore */ |
241 #dbname, |
286 #dbname, |
242 #uname, |
287 #uname, |
334 border: 1px solid #ddd; |
391 border: 1px solid #ddd; |
335 background-color: #fff; |
392 background-color: #fff; |
336 color: #32373c; |
393 color: #32373c; |
337 font-size: 16px; |
394 font-size: 16px; |
338 font-family: Arial, sans-serif; |
395 font-family: Arial, sans-serif; |
339 font-weight: normal; |
396 font-weight: 400; |
340 } |
397 } |
341 |
398 |
342 .language-chooser p { |
399 .language-chooser p { |
343 text-align: left; |
400 text-align: left; |
344 } |
401 } |
345 |
402 |
346 .screen-reader-input, |
403 .screen-reader-input, |
347 .screen-reader-text { |
404 .screen-reader-text { |
|
405 border: 0; |
|
406 clip: rect(1px, 1px, 1px, 1px); |
|
407 -webkit-clip-path: inset(50%); |
|
408 clip-path: inset(50%); |
|
409 height: 1px; |
|
410 margin: -1px; |
|
411 overflow: hidden; |
|
412 padding: 0; |
348 position: absolute; |
413 position: absolute; |
349 margin: -1px; |
|
350 padding: 0; |
|
351 height: 1px; |
|
352 width: 1px; |
414 width: 1px; |
353 overflow: hidden; |
415 word-wrap: normal !important; |
354 clip: rect(0 0 0 0); |
|
355 border: 0; |
|
356 } |
416 } |
357 |
417 |
358 .spinner { |
418 .spinner { |
359 background: url(../images/spinner.gif) no-repeat; |
419 background: url(../images/spinner.gif) no-repeat; |
360 -webkit-background-size: 20px 20px; |
|
361 background-size: 20px 20px; |
420 background-size: 20px 20px; |
362 visibility: hidden; |
421 visibility: hidden; |
363 opacity: 0.7; |
422 opacity: 0.7; |
364 filter: alpha(opacity=70); |
423 filter: alpha(opacity=70); |
365 width: 20px; |
424 width: 20px; |