← Back to branch summary

~canonical-sysadmins/wordpress/4.7.2

« back to all changes in this revision

Viewing changes to wp-admin/css/install-rtl.css

  • Committer: Jacek Nykis
  • Date: 2015-01-05 16:17:05 UTC
  • Revision ID: jacek.nykis@canonical.com-20150105161705-w544l1h5mcg7u4w9
Initial commit

Show diffs side-by-side

added added

removed removed

Lines of Context:
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: #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
 
 
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
/* @noflip */
 
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: #333;
 
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
  (-o-min-device-pixel-ratio: 5/4),
 
382
  (-webkit-min-device-pixel-ratio: 1.25),
 
383
  (min-resolution: 120dpi) {
 
384
 
 
385
        .spinner {
 
386
                background-image: url(../images/spinner-2x.gif);
 
387
        }
 
388
 
 
389
}