3afbd2f6f6d905d5b2972315f0b40dfe906bc30b
[autoinstalls/wordpress.git] / wp-admin / css / global.css
1 /* http://meyerweb.com/eric/tools/css/reset/ */
2 /* v1.0 | 20080212 */
3
4 html, body, div, span, applet, object, iframe,
5 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
6 a, abbr, acronym, address, big, cite, code,
7 del, dfn, em, font, img, ins, kbd, q, s, samp,
8 small, strike, strong, sub, sup, tt, var,
9 b, u, i, center,
10 dl, dt, dd, ol, ul, li,
11 fieldset, form, label, legend,
12 table, caption, tbody, tfoot, thead, tr, th, td {
13         margin: 0;
14         padding: 0;
15         border: 0;
16         outline: 0;
17 /*      font-size: 100%;
18         vertical-align: baseline; */
19         background: transparent;
20 }
21 body {
22         line-height: 1;
23 }
24 ol, ul {
25         list-style: none;
26 }
27 blockquote, q {
28         quotes: none;
29 }
30 blockquote:before, blockquote:after,
31 q:before, q:after {
32         content: '';
33         content: none;
34 }
35
36 /* remember to define focus styles! */
37 /*
38 :focus {
39         outline: 0;
40 }
41 */
42 /* remember to highlight inserts somehow! */
43 ins {
44         text-decoration: none;
45 }
46 del {
47         text-decoration: line-through;
48 }
49
50 /* tables still need 'cellspacing="0"' in the markup */
51 /*
52 table {
53         border-collapse: collapse;
54         border-spacing: 0;
55 }
56 */
57 /* end reset css */
58
59
60 /* 2 column liquid layout */
61 #wpwrap {
62         height: auto;
63         min-height: 100%;
64         width: 100%;
65 }
66
67 #wpcontent {
68         height: 100%;
69         padding-bottom: 50px;
70 }
71
72 #wpbody {
73         clear: both;
74         margin-left: 175px;
75 }
76
77 .folded #wpbody {
78         margin-left: 60px;
79 }
80
81 #wpbody-content {
82         float: left;
83         width: 100%;
84 }
85
86 #adminmenu {
87         float: left;
88         clear: left;
89         width: 145px;
90         margin-top: 15px;
91         margin-right: 5px;
92         margin-bottom: 15px;
93         margin-left: -160px;
94         position: relative;
95         padding: 0;
96         list-style: none;
97 }
98
99 .folded #adminmenu {
100         margin-left: -45px;
101 }
102
103 .folded #adminmenu,
104 .folded #adminmenu li.menu-top {
105         width: 28px;
106 }
107
108 #footer {
109         clear: both;
110         position: relative;
111         width: 100%;
112 }
113
114 /* inner 2 column liquid layout */
115 .inner-sidebar {
116         float: right;
117         clear: right;
118         display: none;
119         width: 281px;
120         position: relative;
121 }
122
123 .inner-sidebar #side-sortables {
124         width: 280px;
125         min-height: 300px;
126 }
127
128 .has-right-sidebar .inner-sidebar {
129         display: block;
130 }
131
132 .has-right-sidebar #post-body {
133         float: left;
134         clear: left;
135         width: 100%;
136         margin-right: -340px;
137 }
138
139 .has-right-sidebar #post-body-content {
140         margin-right: 300px;
141 }
142
143 /* 2 columns main area */
144
145 #col-container {
146         overflow: hidden;
147         padding: 0;
148         margin: 0;
149 }
150
151 #col-left {
152         padding: 0;
153         margin: 0;
154         overflow: hidden;
155         width: 39%;
156 }
157
158 #col-right {
159         float: right;
160         clear: right;
161         overflow: hidden;
162         padding: 0;
163         margin: 0;
164         width: 59%;
165 }
166
167 /* utility classes */
168 .alignleft {
169         float: left;
170 }
171
172 .alignright {
173         float: right;
174 }
175
176 .textleft {
177         text-align: left;
178 }
179
180 .textright {
181         text-align: right;
182 }
183
184 .clear {
185         clear: both;
186 }
187
188 /* Hide visually but not from screen readers */
189 .screen-reader-text,
190 .screen-reader-text span {
191         position: absolute;
192         left: -1000em;
193         height: 1px;
194         width: 1px;
195         overflow: hidden;
196 }
197
198 .hidden,
199 .js .closed .inside,
200 .js .hide-if-js,
201 .no-js .hide-if-no-js {
202         display: none;
203 }
204
205 /* include margin and padding in the width calculation of input and textarea */
206 input[type="text"],
207 input[type="password"],
208 textarea {
209         -moz-box-sizing: border-box;
210         -webkit-box-sizing: border-box;
211         -ms-box-sizing: border-box; /* ie8 only */
212         box-sizing: border-box;
213 }
214
215 input[type="checkbox"],
216 input[type="radio"] {
217         vertical-align: middle;
218 }
219
220 /* styles for use by people extending the WordPress interface */
221 html,
222 body {
223         height: 100%;
224 }
225
226 body,
227 td,
228 textarea,
229 input,
230 select {
231         font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
232         font-size: 13px;
233 }
234
235 body,
236 textarea {
237         line-height: 1.4em;
238 }
239
240 input,
241 select {
242         line-height: 1em;
243 }
244
245 p {
246         margin: 1em 0;
247 }
248
249 blockquote {
250         margin: 1em;
251 }
252
253 label {
254         cursor: pointer;
255 }
256
257 li,
258 dd {
259         margin-bottom: 6px;
260 }
261
262 p,
263 li,
264 dl,
265 dd,
266 dt {
267         line-height: 140%;
268 }
269
270 textarea,
271 input,
272 select {
273         margin: 1px;
274         padding: 3px;
275 }
276
277 h1 {
278   display: block;
279   font-size: 2em;
280   font-weight: bold;
281   margin: .67em 0;
282 }
283
284 h2 {
285   display: block;
286   font-size: 1.5em;
287   font-weight: bold;
288   margin: .83em 0;
289 }
290
291 h3 {
292   display: block;
293   font-size: 1.17em;
294   font-weight: bold;
295   margin: 1em 0;
296 }
297
298 h4 {
299   display: block;
300   font-size: 1em;
301   font-weight: bold;
302   margin: 1.33em 0;
303 }
304
305 h5 {
306   display: block;
307   font-size: 0.83em;
308   font-weight: bold;
309   margin: 1.67em 0;
310 }
311
312 h6 {
313   display: block;
314   font-size: 0.67em;
315   font-weight: bold;
316   margin: 2.33em 0;
317 }
318
319 ul.ul-disc {
320         list-style: disc outside;
321 }
322
323 ul.ul-square {
324         list-style: square outside;
325 }
326
327 ol.ol-decimal {
328         list-style: decimal outside;
329 }
330
331 ul.ul-disc,
332 ul.ul-square,
333 ol.ol-decimal {
334         margin-left: 1.8em;
335 }
336
337 ul.ul-disc > li,
338 ul.ul-square > li,
339 ol.ol-decimal > li {
340         margin: 0 0 0.5em;
341 }
342
343 .subsubsub {
344         list-style: none;
345         margin: 8px 0 5px;
346         padding: 0;
347         white-space: nowrap;
348         font-size: 11px;
349         float: left;
350 }
351
352 .subsubsub a {
353         line-height: 2;
354         padding: .2em;
355         text-decoration: none;
356 }
357
358 .subsubsub a .count, .subsubsub a.current .count {
359         color: #999;
360         font-weight: normal;
361 }
362
363 .subsubsub a.current {
364         font-weight: bold;
365         background: none;
366         border: none;
367 }
368
369 .subsubsub li {
370         display: inline;
371         margin: 0;
372         padding: 0;
373 }
374
375 .widefat {
376         border-width: 1px;
377         border-style: solid;
378         border-collapse: separate;
379         border-spacing: 0;
380         width: 100%;
381         clear: both;
382         margin: 0;
383         -moz-border-radius: 4px;
384         -khtml-border-radius: 4px;
385         -webkit-border-radius: 4px;
386         border-radius: 4px;
387 }
388
389 .widefat * {
390         word-wrap: break-word;
391 }
392
393 .widefat a {
394         text-decoration: none;
395 }
396
397 .widefat td,
398 .widefat th {
399         border-bottom-width: 1px;
400         border-bottom-style: solid;
401         font-size: 11px;
402         vertical-align: text-top;
403 }
404
405 .widefat td {
406         padding: 3px 7px;
407         vertical-align: top;
408 }
409
410 .widefat td p,
411 .widefat td ol,
412 .widefat td ul {
413         font-size: 11px;
414 }
415
416 .widefat th {
417         padding: 7px 7px 8px;
418         text-align: left;
419         line-height: 1.3em;
420 }
421
422 .widefat th input {
423         margin: 0 0 0 8px;
424         padding: 0;
425         vertical-align: text-top;
426 }
427
428 .widefat .check-column {
429         width: 2.2em;
430         padding: 0;
431
432 }
433
434 .widefat tbody th.check-column {
435         padding: 7px 0 22px;
436 }
437
438 .widefat .num,
439 .column-comments,
440 .column-links,
441 .column-posts,
442 .column-parent {
443         text-align: center;
444 }
445
446 .widefat th#comments {
447         vertical-align: middle;
448 }
449
450 .wrap {
451         margin: 0 15px 0 5px;
452 }
453
454 .updated,
455 .error {
456         border-width: 1px;
457         border-style: solid;
458         padding: 0 0.6em;
459         margin: 5px 15px 2px;
460         -moz-border-radius: 3px;
461         -khtml-border-radius: 3px;
462         -webkit-border-radius: 3px;
463         border-radius: 3px;
464 }
465
466 .updated p,
467 .error p {
468         margin: 0.5em 0;
469         line-height: 1;
470         padding: 2px;
471 }
472
473 .wrap .updated,
474 .wrap .error {
475         margin: 5px 0 15px;
476 }
477
478 .wrap h2 {
479         font: italic normal normal 24px/29px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
480         margin: 0;
481         padding: 14px 15px 3px 0;
482         line-height: 35px;
483         text-shadow: rgba(255,255,255,1) 0px 1px 0px;
484 }
485
486 .wrap h2.long-header {
487         padding-right: 0;
488 }