Another attempt to fix the http blog redirects.
[WebKit-https.git] / Websites / webkit.org / blog / wp-admin / css / install-rtl.css
1 html {
2         background: #f1f1f1;
3         margin: 0 20px;
4 }
5
6 body {
7         background: #fff;
8         color: #444;
9         font-family: "Open Sans", sans-serif;
10         margin: 140px auto 25px;
11         padding: 20px 20px 10px 20px;
12         max-width: 700px;
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);
16 }
17
18 a {
19         color: #0073aa;
20         text-decoration: none;
21 }
22
23 a:hover {
24         color: #00a0d2;
25 }
26
27 h1 {
28         border-bottom: 1px solid #dedede;
29         clear: both;
30         color: #666;
31         font-size: 24px;
32         margin: 30px 0;
33         padding: 0;
34         padding-bottom: 7px;
35         font-weight: normal;
36 }
37
38 h2 {
39         font-size: 16px;
40 }
41
42 p, li, dd, dt {
43         padding-bottom: 2px;
44         font-size: 14px;
45         line-height: 1.5;
46 }
47
48 code, .code {
49         font-family: Consolas, Monaco, monospace;
50 }
51
52 ul, ol, dl {
53         padding: 5px 22px 5px 5px;
54 }
55
56 a img {
57         border:0
58 }
59 abbr {
60         border: 0;
61         font-variant: normal;
62 }
63
64 label {
65         cursor: pointer;
66 }
67
68 #logo {
69         margin: 6px 0 14px 0;
70         border-bottom: none;
71         text-align:center
72 }
73 #logo a {
74         background-image: url(../images/w-logo-blue.png?ver=20131202);
75         background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
76         -webkit-background-size: 84px;
77         background-size: 84px;
78         background-position: center top;
79         background-repeat: no-repeat;
80         color: #999;
81         height: 84px;
82         font-size: 20px;
83         font-weight: normal;
84         line-height: 1.3em;
85         margin: -130px auto 25px;
86         padding: 0;
87         text-decoration: none;
88         width: 84px;
89         text-indent: -9999px;
90         outline: none;
91         overflow: hidden;
92         display: block;
93 }
94 .step {
95         margin: 20px 0 15px;
96 }
97 .step, th {
98         text-align: right;
99         padding: 0;
100 }
101 .language-chooser.wp-core-ui .step .button.button-large {
102         height: 36px;
103         vertical-align: middle;
104         font-size: 14px;
105 }
106 textarea {
107         border: 1px solid #dfdfdf;
108         font-family: "Open Sans", sans-serif;
109         width: 100%;
110         -webkit-box-sizing: border-box;
111         -moz-box-sizing: border-box;
112         box-sizing: border-box;
113 }
114
115 .form-table {
116         border-collapse: collapse;
117         margin-top: 1em;
118         width: 100%;
119 }
120
121 .form-table td {
122         margin-bottom: 9px;
123         padding: 10px 0 10px 20px;
124         border-bottom: 8px solid #fff;
125         font-size: 14px;
126         vertical-align: top
127 }
128
129 .form-table th {
130         font-size: 14px;
131         text-align: right;
132         padding: 16px 0 10px 20px;
133         width: 140px;
134         vertical-align: top;
135 }
136
137 .form-table code {
138         line-height: 18px;
139         font-size: 14px;
140 }
141
142 .form-table p {
143         margin: 4px 0 0 0;
144         font-size: 11px;
145 }
146
147 .form-table input {
148         line-height: 20px;
149         font-size: 15px;
150         padding: 3px 5px;
151         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);
154 }
155
156 input,
157 submit {
158         font-family: "Open Sans", sans-serif;
159 }
160
161 .form-table input[type=text],
162 .form-table input[type=email],
163 .form-table input[type=url],
164 .form-table input[type=password] {
165         width: 206px;
166 }
167
168 .form-table th p {
169         font-weight: normal;
170 }
171
172 .form-table.install-success td {
173         vertical-align: middle;
174         padding: 16px 0 10px 20px;
175 }
176
177 .form-table.install-success td p {
178         margin: 0;
179         font-size: 14px;
180 }
181
182 .form-table.install-success td code {
183         margin: 0;
184         font-size: 18px;
185 }
186
187 #error-page {
188         margin-top: 50px;
189 }
190
191 #error-page p {
192         font-size: 14px;
193         line-height: 18px;
194         margin: 25px 0 20px;
195 }
196
197 #error-page code, .code {
198         font-family: Consolas, Monaco, monospace;
199 }
200
201 #pass-strength-result {
202         background-color: #eee;
203         border-color: #ddd !important;
204         border-style: solid;
205         border-width: 1px;
206         margin: 5px 0 5px 5px;
207         padding: 5px;
208         text-align: center;
209         width: 200px;
210         display: none;
211 }
212
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 {
234         border: 1px solid #c00;
235         padding: 0.5em 0.7em;
236         margin: 5px 0 15px;
237         background-color: #ffebe8;
238 }
239
240 /* rtl:ignore */
241 #dbname,
242 #uname,
243 #pwd,
244 #dbhost,
245 #prefix,
246 #user_login,
247 #admin_email,
248 #pass1,
249 #pass2 {
250         direction: ltr;
251 }
252
253
254 /* localization */
255 body.rtl,
256 .rtl textarea,
257 .rtl input,
258 .rtl submit {
259         font-family: Tahoma, sans-serif;
260 }
261
262 :lang(he-il) body.rtl,
263 :lang(he-il) .rtl textarea,
264 :lang(he-il) .rtl input,
265 :lang(he-il) .rtl submit {
266         font-family: Arial, sans-serif;
267 }
268
269 @media only screen and (max-width: 799px) {
270         body {
271                 margin-top: 115px;
272         }
273         #logo a {
274                 margin: -125px auto 30px;
275         }
276 }
277
278 @media screen and ( max-width: 782px ) {
279
280         .form-table {
281                 margin-top: 0;
282         }
283
284         .form-table th,
285         .form-table td {
286                 display: block;
287                 width: auto;
288                 vertical-align: middle;
289         }
290
291         .form-table th {
292                 padding: 20px 0 0;
293         }
294
295         .form-table td {
296                 padding: 5px 0;
297                 border: 0;
298                 margin: 0;
299         }
300
301         textarea,
302         input {
303                 font-size: 16px;
304         }
305
306         .form-table td input[type="text"],
307         .form-table td input[type="email"],
308         .form-table td input[type="url"],
309         .form-table td input[type="password"],
310         .form-table td select,
311         .form-table td textarea,
312         .form-table span.description {
313                 width: 100%;
314                 font-size: 16px;
315                 line-height: 1.5;
316                 padding: 7px 10px;
317                 display: block;
318                 max-width: none;
319                 -webkit-box-sizing: border-box;
320                 -moz-box-sizing: border-box;
321                 box-sizing: border-box;
322         }
323
324 }
325
326 body.language-chooser {
327         max-width: 300px;
328 }
329
330 .language-chooser select {
331         padding: 8px;
332         width: 100%;
333         display: block;
334         border: 1px solid #ddd;
335         background-color: #fff;
336         color: #32373c;
337         font-size: 16px;
338         font-family: Arial, sans-serif;
339         font-weight: normal;
340 }
341
342 .language-chooser p {
343         text-align: left;
344 }
345
346 .screen-reader-input,
347 .screen-reader-text {
348         position: absolute;
349         margin: -1px;
350         padding: 0;
351         height: 1px;
352         width: 1px;
353         overflow: hidden;
354         clip: rect(0 0 0 0);
355         border: 0;
356 }
357
358 .spinner {
359         background: url(../images/spinner.gif) no-repeat;
360         -webkit-background-size: 20px 20px;
361         background-size: 20px 20px;
362         visibility: hidden;
363         opacity: 0.7;
364         filter: alpha(opacity=70);
365         width: 20px;
366         height: 20px;
367         margin: 2px 5px 0;
368 }
369
370 .step .spinner {
371         display: inline-block;
372         margin-top: 8px;
373         margin-left: 15px;
374         vertical-align: top;
375 }
376
377 /**
378  * HiDPI Displays
379  */
380 @media print,
381   (-webkit-min-device-pixel-ratio: 1.25),
382   (min-resolution: 120dpi) {
383
384         .spinner {
385                 background-image: url(../images/spinner-2x.gif);
386         }
387
388 }