bb0f99adccef91450244fe9c476fd95f2f56e54f
[autoinstalls/wordpress.git] / wp-admin / css / install-rtl.css
1 html {
2         background: #eee;
3         margin: 0 20px;
4 }
5
6 body {
7         background: #fff;
8         color: #555;
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: #0074a2;
20         text-decoration: none;
21 }
22
23 a:hover {
24         color: #2ea2cc;
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 #logo {
64         margin: 6px 0 14px 0;
65         border-bottom: none;
66         text-align:center
67 }
68 #logo a {
69         background-image: url('../images/w-logo-blue.png?ver=20131202');
70         background-image: none, url('../images/wordpress-logo.svg?ver=20131107');
71         background-size: 80px 80px;
72         background-position: center top;
73         background-repeat: no-repeat;
74         color: #999;
75         height: 80px;
76         font-size: 20px;
77         font-weight: normal;
78         line-height: 1.3em;
79         margin: -130px auto 25px;
80         padding: 0;
81         text-decoration: none;
82         width: 80px;
83         text-indent: -9999px;
84         outline: none;
85         overflow: hidden;
86         display: block;
87 }
88 .step {
89         margin: 20px 0 15px;
90 }
91 .step, th {
92         text-align: right;
93         padding: 0;
94 }
95 .step .button-large {
96         font-size: 14px;
97 }
98 textarea {
99         border: 1px solid #dfdfdf;
100         font-family: "Open Sans", sans-serif;
101         width: 100%;
102         -moz-box-sizing: border-box;
103         -webkit-box-sizing: border-box;
104         -ms-box-sizing: border-box; /* ie8 only */
105         box-sizing: border-box;
106 }
107
108 .form-table {
109         border-collapse: collapse;
110         margin-top: 1em;
111         width: 100%;
112 }
113
114 .form-table td {
115         margin-bottom: 9px;
116         padding: 10px 0 10px 20px;
117         border-bottom: 8px solid #fff;
118         font-size: 14px;
119         vertical-align: top
120 }
121
122 .form-table th {
123         font-size: 14px;
124         text-align: right;
125         padding: 16px 0 10px 20px;
126         width: 140px;
127         vertical-align: top;
128 }
129
130 .form-table code {
131         line-height: 18px;
132         font-size: 14px;
133 }
134
135 .form-table p {
136         margin: 4px 0 0 0;
137         font-size: 11px;
138 }
139
140 .form-table input {
141         line-height: 20px;
142         font-size: 15px;
143         padding: 3px 5px;
144         border: 1px solid #ddd;
145         box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
146 }
147
148 input,
149 submit {
150         font-family: "Open Sans", sans-serif;
151 }
152
153 .form-table input[type=text],
154 .form-table input[type=password] {
155         width: 206px;
156 }
157
158 .form-table th p {
159         font-weight: normal;
160 }
161
162 .form-table.install-success td {
163         vertical-align: middle;
164         padding: 16px 0 10px 20px;
165 }
166
167 .form-table.install-success td p {
168         margin: 0;
169         font-size: 14px;
170 }
171
172 .form-table.install-success td code {
173         margin: 0;
174         font-size: 18px;
175 }
176
177 #error-page {
178         margin-top: 50px;
179 }
180
181 #error-page p {
182         font-size: 14px;
183         line-height: 18px;
184         margin: 25px 0 20px;
185 }
186
187 #error-page code, .code {
188         font-family: Consolas, Monaco, monospace;
189 }
190
191 #pass-strength-result {
192         background-color: #eee;
193         border-color: #ddd !important;
194         border-style: solid;
195         border-width: 1px;
196         margin: 5px 0 5px 5px;
197         padding: 5px;
198         text-align: center;
199         width: 200px;
200         display: none;
201 }
202
203 #pass-strength-result.bad {
204         background-color: #ffb78c;
205         border-color: #ff853c !important;
206 }
207
208 #pass-strength-result.good {
209         background-color: #ffec8b;
210         border-color: #ffcc00 !important;
211 }
212
213 #pass-strength-result.short {
214         background-color: #ffa0a0;
215         border-color: #f04040 !important;
216 }
217
218 #pass-strength-result.strong {
219         background-color: #c3ff88;
220         border-color: #8dff1c !important;
221 }
222
223 .message {
224         border: 1px solid #c00;
225         padding: 0.5em 0.7em;
226         margin: 5px 0 15px;
227         background-color: #ffebe8;
228 }
229
230 /* @noflip */
231 #dbname,
232 #uname,
233 #pwd,
234 #dbhost,
235 #prefix,
236 #user_login,
237 #admin_email,
238 #pass1,
239 #pass2 {
240         direction: ltr;
241 }
242
243
244 /* localization */
245 body.rtl,
246 .rtl textarea,
247 .rtl input,
248 .rtl submit {
249         font-family: Tahoma, sans-serif;
250 }
251
252 :lang(he-il) body.rtl,
253 :lang(he-il) .rtl textarea,
254 :lang(he-il) .rtl input,
255 :lang(he-il) .rtl submit {
256         font-family: Arial, sans-serif;
257 }
258
259 @media only screen and (max-width: 799px) {
260         body {
261                 margin-top: 115px;
262         }
263         #logo a {
264                 margin: -125px auto 30px;
265         }
266 }
267
268 @media screen and ( max-width: 782px ) {
269
270         .form-table {
271                 margin-top: 0;
272         }
273
274         .form-table th,
275         .form-table td {
276                 display: block;
277                 width: auto;
278                 vertical-align: middle;
279         }
280
281         .form-table th {
282                 padding: 20px 0 0;
283         }
284
285         .form-table td {
286                 padding: 5px 0;
287                 border: 0;
288                 margin: 0;
289         }
290
291         textarea,
292         input {
293                 font-size: 16px;
294         }
295
296         .form-table td input[type="text"],
297         .form-table td input[type="password"],
298         .form-table td select,
299         .form-table td textarea,
300         .form-table span.description {
301                 width: 100%;
302                 font-size: 16px;
303                 line-height: 1.5;
304                 padding: 7px 10px;
305                 display: block;
306                 max-width: none;
307                 box-sizing: border-box;
308                 -mox-box-sizing: border-box;
309         }
310
311 }