]> CyberLeo.Net >> Repos - SourceForge/phpwiki.git/blob - themes/Wordpress/Wordpress.css
Harmonize sort buttons
[SourceForge/phpwiki.git] / themes / Wordpress / Wordpress.css
1 /**
2  * PhpWiki's Wordpress style sheet contributed by Mike Pickering
3  */
4
5 /*
6     Blue-Fade Theme
7     Modified 2004-01-20 by Alex King (http://www.alexking.org/)
8
9     based on:
10     Default WordPress by Dave Shea || http://mezzoblue.com
11     Modifications by Matthew Mullenweg || http://photomatt.net
12     This is just a basic layout, with only the bare minimum defined.
13     Please tweak this and make it your own. :)
14 */
15
16 /* generic classes ----------------------------------------------- */
17
18 .tt {
19     font-family: monospace;
20 }
21
22 .strike {
23     text-decoration: line-through;
24 }
25
26 .big {
27     font-size: larger;
28 }
29
30 .align-left {
31     text-align: left;
32 }
33
34 .align-right {
35     text-align: right;
36 }
37
38 .align-center {
39     text-align: center;
40 }
41
42 .top {
43     vertical-align: top;
44 }
45
46 .bottom {
47     vertical-align: bottom;
48 }
49
50 .middle {
51     vertical-align: middle;
52 }
53
54 .baseline {
55     vertical-align: baseline;
56 }
57
58 .nowrap {
59     white-space: nowrap;
60 }
61
62 .fullwidth {
63     width: 100%;
64 }
65
66 /* --------------------------------------------------------------- */
67
68 /* This stuff was copied straight out of portland.css */
69
70 body {
71     color: black;
72     background: white;
73 }
74
75 img {
76     border: 0;
77 }
78
79 .wiki-edithelp {
80     font-size: smaller;
81 }
82
83 input.numeric {
84     text-align: right;
85 }
86
87 /* Mozilla RecentChanges Sidebar */
88 body.sidebar {
89     font-size: smaller;
90     margin: 0.5em;
91 }
92
93 body.sidebar div.wikitext ul {
94     padding-left: 1em;
95 }
96
97 body.sidebar h2 {
98     margin-top: 0;
99 }
100
101 /* End of stuff copied from portland.css */
102
103 /* This stuff was added to get the "look" right, and wasn't part of the
104  * goal to match WordPress.  If you're changing the WordPress styles, these
105  * items don't have a WordPress equivalent, so you might be able to leave them
106  * as-is.  */
107
108 .wikitext .wiki, .wikitext .named-wiki {
109     font-weight: bold;
110 }
111
112 .wikitext {
113     margin: 30px 13em 0 3em;
114     padding-right: 20px;
115 }
116
117 .cal-hide {
118     color: #999;
119 }
120
121 .cal-hide, .cal-day a {
122     font-size: smaller;
123 }
124
125 .cal-day a, .cal-hide a {
126     font-weight: bold;
127 }
128
129 hr {
130     border-bottom: 1px dotted #ccc;
131     height: 0;
132 }
133
134 /* End of stuff added for "look" */
135
136 /* This was copied (nearly verbatim) from a WordPress style.css */
137
138 body {
139     background: #fff url(images/content-background.png) repeat-x;
140     font-family: Verdana, Geneva, sans-serif;
141     margin: 0;
142     padding: 0;
143     color: black;
144 }
145
146 a {
147     color: #036;
148     text-decoration: none; /* This was added */
149 }
150
151 a:visited {
152     color: #369;
153 }
154
155 a:hover {
156     color: #69c;
157 }
158
159 #header {
160     background: #036 url(images/header-background.png) repeat-x;
161     border-bottom: 1px solid #69c;
162     font: italic normal 230% 'Times New Roman', Times, serif;
163     letter-spacing: 0.2em;
164     margin: 0;
165     padding: 15px 10px 15px 30px;
166     color: #69c; /* added for subpage headings */
167 }
168
169 #header a {
170     color: #fff;
171     text-decoration: none;
172 }
173
174 #header a:hover {
175     text-decoration: underline;
176 }
177
178 /* End of stuff copied (almost) verbatim */
179
180 /* The remainder of this file contains things that "sort-of" had equivalents
181  * between WordPress and PhpWiki.  See comments for specifics.  */
182
183 /* All PhpWiki #actionbar items are from WordPress #menu items */
184 #actionbar {
185     background: #e8e8e8 url(images/menu-background.png) repeat-x;
186     border-left: 1px solid #9cf;
187     border-bottom: 1px solid #9cf;
188     padding: 30px 0 20px 20px;
189     position: absolute;
190     right: 0;
191     top: 0;
192     width: 11em;
193 }
194
195 #actionbar form {
196     margin: 0;
197 }
198
199 #actionbar input {
200     width: 80%;
201 }
202
203 /* Genericize it a little for other input fields */
204 input {
205     background: #fff;
206     border: 1px solid #999;
207     /*        width: 80%; */
208     font-size: smaller;
209 }
210
211 #actionbar ul {
212     color: #369;
213     font-weight: bold;
214     list-style-type: none;
215     margin: 0;
216     padding-left: 3px;
217 }
218
219 #actionbar ul li {
220     font: italic normal 100% 'Times New Roman', Times, serif;
221     letter-spacing: 0.1em;
222     margin-top: 10px;
223     padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
224 }
225
226 #actionbar ul ul {
227     list-style-type: none;
228     font-variant: normal;
229     font-weight: normal;
230     line-height: 100%;
231     margin: 0;
232     padding: 0;
233     text-align: left;
234 }
235
236 #actionbar ul ul li {
237     border: 0;
238     font: normal 70% Verdana, sans-serif;
239     letter-spacing: 0;
240     margin-top: 0;
241     padding: 0 0 1px 12px;
242 }
243
244 #actionbar ul ul li a {
245     color: #036;
246     text-decoration: none;
247 }
248
249 #actionbar ul ul li a:hover {
250     border-bottom: 1px solid #69c;
251 }
252
253 /* All PhpWiki .cal items are from WordPress #wp-calendar items */
254 .cal {
255     background: #fff;
256     border: 1px solid #ddd;
257     empty-cells: show;
258     /*        font-size: 14px; */
259     margin: 0 0 0 -5px;
260     /*        width: 90%; */
261 }
262
263 .cal a {
264     /* display: block; */
265     text-decoration: none;
266     font-style: normal;
267 }
268
269 .cal a:hover {
270     background: #e8e8e8;
271     color: #333;
272 }
273
274 .cal-header, .cal-dayname td {
275     color: #999;
276     /*        font: normal 11px Verdana, Geneva, sans-serif; */
277     padding: 1px 1px;
278     /*        text-align: right; */
279 }
280
281 /* from wp-calendar th  (with changes) */
282 .cal-dayname td {
283     font-size: smaller;
284     color: #69c;
285 }
286
287 .cal td.pad:hover {
288     background: #fff;
289 }
290
291 .cal td:hover, .cal-today {
292     background: #e8e8e8;
293     color: #666;
294 }
295
296 /* from #wp-calendar th */
297 .cal-header {
298     color: #69c;
299     font-style: normal;
300     text-transform: capitalize;
301 }
302
303 th.gridbutton {
304     background: #e8e8e8 url(images/menu-background.png) repeat-x;
305     color: black;
306     font-family: Tahoma, Arial, Helvetica, sans-serif;
307     font-size: small;
308     font-weight: normal;
309     margin: 5px 0;
310     max-height: 24px;
311     white-space: nowrap;
312     padding: 5px 0 5px 0;
313     border-width: 1px;
314     border-style: solid;
315     border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow ThreeDHighlight;
316 }
317
318 input.gridbutton, a.gridbutton, a:hover.gridbutton, a:visited.gridbutton {
319     text-decoration: none;
320     font-size: small;
321     font-weight: normal;
322     font-family: Tahoma, Arial, Helvetica, sans-serif;
323     color: black;
324 }
325
326 .wikipaging {
327     font-size: x-small;
328 }
329
330 .toolbar {
331     padding: 0;
332     margin: 0;
333 }
334
335 .edit-toolbar {
336     padding: 0;
337     margin: 0;
338 }
339
340 .edit-toolbar img, .edit-toolbar input {
341     background-color: #fff;
342     border: 1px solid ButtonFace;
343 }
344
345 #editarea-size {
346     margin-top: 1ex;
347     text-align: right;
348     font-size: smaller;
349 }
350
351 #search-replace {
352     margin-top: 1ex;
353     text-align: left;
354     font-size: smaller;
355 }
356
357 #toolbar {
358     padding: 0;
359 }
360
361 /**
362  * Search Results
363  */
364 .search-context {
365     background: white;
366     font-style: oblique;
367 }
368
369 .search-term {
370     background: yellow;
371     font-weight: normal;
372 }
373
374 #LSResult {
375     position: absolute;
376     text-align: left;
377     display: none;
378     z-index: 100;
379     background-color: white;
380     border: 1px solid #d0d0d0;
381     font-size: 9px;
382     overflow: hidden;
383 }
384
385 #LSHighlight {
386     background-color: #f08000;
387 }
388
389 #LSResult .evenrow {
390     background-color: #f0f0f0;
391 }
392
393 /* IncludePage plugin ================================================= */
394
395 .transclusion-title {
396     text-align: right;
397     font-style: oblique;
398     font-size: smaller;
399     text-decoration: underline;
400     margin-bottom: 0.25ex;
401     margin-right: 0.25em;
402 }
403
404 .transclusion, .wiki-edithelp {
405     font-size: smaller;
406 }
407
408 .transclusion {
409     border: 1px solid gray;
410     padding-left: 0.8em;
411     padding-right: 0.8em;
412     padding-top: 0;
413     padding-bottom: 0;
414     margin-left: 0.25em;
415     margin-right: 0.25em;
416     margin-bottom: 0.1ex;
417 }
418
419 .wiki-edithelp {
420     background: white;
421     border: medium solid #fff8dc; /* darker ivory */
422     padding-left: 0.5em;
423     padding-right: 0.5em;
424     padding-top: 0.75ex;
425     padding-bottom: 0.75ex;
426     margin-left: 0;
427     margin-right: 0;
428     margin-top: 1ex;
429     margin-bottom: 1ex;
430 }
431
432 .wiki-edithelp .wiki {
433     /* color: #5454ff;*/
434 }
435
436 .wiki-edithelp p {
437     font-family: Arial, Helvetica, sans-serif;
438     padding-left: 0.5em;
439     padding-right: 0.5em;
440     padding-top: 0.5ex;
441     padding-bottom: 0.5ex;
442     margin: 0;
443 }
444
445 /**
446  * Calendar plugin
447  */
448 table.cal {
449     border: 1px outset gray;
450     background: white;
451     margin: 0.5ex 0.5em;
452     padding: 1px;
453     /* For Mozilla */
454     empty-cells: hide;
455 }
456
457 /* cells */
458 table.cal td {
459     background: white;
460     text-align: right;
461 }
462
463 /* Month-name header */
464 table.cal-header {
465     font-size: larger;
466 }
467
468 table.cal-header tr, table.cal-header td {
469     text-align: center;
470 }
471
472 .cal-arrow {
473     font-weight: bold;
474     text-decoration: none;
475 }
476
477 /* Day-names header */
478 table.cal tbody tr .cal-dayname {
479 }
480
481 .cal-dayname td {
482     text-align: center;
483     font-size: smaller;
484     text-decoration: underline;
485 }
486
487 /* Individual days */
488 a.cal-hide {
489     text-decoration: none;
490 }
491
492 /* Today */
493 /* cell */
494 table.cal td.cal-today {
495     margin: 1px;
496     border: 1px solid gray;
497 }
498
499 /* text */
500 table.cal td.cal-today a.cal-hide {
501 }
502
503 /**
504  * Diff Output
505  */
506 /* main box */
507 .diff {
508     margin-top: 1ex;
509     margin-bottom: 0.5ex;
510     background: white;
511     color: black;
512     border-top: 1px solid #494f5d;
513     border-left: 1px solid #494f5d;
514     border-bottom: 1px solid #c6d2de;
515     border-right: 1px solid #c6d2de;
516     padding-top: 1px;
517     padding-bottom: 1px;
518     padding-left: .125em;
519     padding-right: .125em;
520     padding: 0;
521     clear: both;
522 }
523
524 .diff .block {
525     background: #ddd;
526     padding-left: 1em;
527 }
528
529 /* individual blocks */
530 .diff .context {
531     background: white;
532     border: none;
533 }
534
535 /* entire difftextblock */
536 .difftext {
537     margin-top: 0;
538     margin-bottom: 0;
539     background: white;
540     /* "paper" borders */
541     border-top: 1px #e8e6df solid;
542     border-left: 1px #e8e6df solid;
543     border-bottom: 1px #d2d2d2 solid;
544     border-right: 1px #b2b2b2 solid;
545     padding-left: 0;
546     padding-right: 0;
547     padding-top: 0;
548     padding-bottom: 0;
549     clear: both;
550 }
551
552 /* + - line prefix */
553 .diff .block tt {
554     font-weight: normal;
555     font-family: monospace;
556     color: black;
557     margin-left: 0;
558     border: none;
559 }
560
561 /* changed words */
562 .diff del, .diff ins {
563     font-weight: bold;
564     text-decoration: none;
565 }
566
567 /* blocks containing deleted or added words */
568 .diff .original, .diff .deleted,
569 .diff .final, .diff .added {
570     background: white;
571 }
572
573 /* blocks containing deleted words */
574 .diff .original, .diff .deleted {
575     background: #fcc;
576     border: none;
577 }
578
579 /* blocks containing added words */
580 .diff .final, .diff .added {
581     background: #cfc;
582     border: none;
583 }
584
585 /* deleted words */
586 .diff del {
587     background: #f99;
588 }
589
590 /* added words */
591 .diff ins {
592     background: #9f9;
593 }
594
595 /**
596  * PageHistory, Info
597  */
598 td.pageinfo {
599     font-weight: bold;
600 }
601
602 .pageinfo-minoredit, .pageinfo-authorid {
603     font-size: smaller;
604     font-style: oblique;
605 }
606
607 /**
608  * Other
609  */
610 .printer, .no-css {
611     display: none;
612 }
613
614 .error {
615     color: black;
616     background: #eee;
617     margin-top: 1em;
618     margin-bottom: 1em;
619     padding-left: 0.8em;
620     padding-right: 0.8em;
621     padding-top: 0.8ex;
622     padding-bottom: 0;
623     border: medium solid red;
624     clear: both;
625 }
626
627 .warning {
628     color: black;
629     background: #eee;
630     margin-top: 1em;
631     margin-bottom: 1em;
632     padding-left: 0.8em;
633     padding-right: 0.8em;
634     padding-top: 0.8ex;
635     padding-bottom: 0;
636     border: thin solid blue;
637     clear: both;
638 }
639
640 /* Debug */
641 .debug {
642     color: black;
643     background: white;
644     font-family: monospace;
645     font-size: smaller;
646     margin: 1ex 0;
647     padding: 0.5ex 0.5em;
648     border: medium solid #fff8dc; /* darker ivory */
649 }
650
651 /* Hints */
652 .hint {
653     color: black;
654     background: #eeeeee;
655     font-style: italic;
656     margin-left: 3em;
657     padding: 0.5ex 0.5em;
658     border: thin solid #aaaaaa;
659 }
660
661 span.hint {
662     padding: 0;
663 }
664
665 /* Disabled Plugins */
666 .disabled-plugin {
667     clear: both;
668     margin: 1ex 0;
669     padding: 0;
670 }
671
672 .disabled-plugin .title {
673     color: #400;
674     background-color: inherit;
675     font-size: x-small;
676     text-align: right;
677     padding: 0 0.5em;
678 }
679
680 .disabled-plugin pre {
681     color: black;
682     background: #ddd;
683     margin: 0;
684     padding: 0.3ex 0.5em;
685 }
686
687 /* "(Redirected from ...)" message. */
688 span.redirectfrom {
689     font-size: small;
690     font-style: oblique;
691     font-weight: normal;
692     padding-left: 1em;
693 }
694
695 /*
696  * "DL tables"
697  */
698 .wiki-dl-table {
699     border-collapse: collapse;
700     border: 2px #444 solid;
701 }
702
703 .wiki-dl-table tr {
704     border-top: 2px #444 solid;
705     border-bottom: 2px #444 solid;
706     border-left: none;
707     border-right: none;
708 }
709
710 .wiki-dl-table th,
711 .wiki-dl-table td {
712     padding: 0.25em 0.5em;
713 }
714
715 .wiki-dl-table th {
716     vertical-align: top;
717     text-align: right;
718     border-right: 1px #444 solid;
719     border-left: none;
720     border-top: none;
721     border-bottom: none;
722 }
723
724 .wiki-dl-table td {
725     border: none;
726 }
727
728 /*
729  * "E-mail" style blockquote
730  */
731 blockquote.mail-style-quote {
732     border-left: medium #284 solid;
733     padding-left: 1em;
734     margin-left: 0;
735     margin-right: 0;
736 }
737
738 .mail-style-quote blockquote.mail-style-quote {
739     margin-left: -0.6em;
740 }
741
742 /*
743  * wikiblog
744  */
745 .floatleft {
746     float: left;
747 }
748
749 .floatright {
750     float: right;
751 }
752
753 div.wikiblog {
754     /* border: thin black solid; */
755     margin: 1ex 2em;
756     padding: 0 0;
757 }
758
759 div.wikiblog > div {
760     margin: 0 0;
761     padding: 0.5ex 0.5em;
762 }
763
764 div.wikiblog-header {
765     /* background-color: #ccf; */
766 }
767
768 div.wikiblog > div.wikiblog-footer {
769     /* background-color: #eee; */
770     padding: 0.2ex 0.5em;
771 }
772
773 h3.wikiblog-summary {
774     font-size: medium;
775     font-weight: bold;
776     margin: 0 0 1ex 0;
777 }
778
779 div.wikiblog.wikiblog-form {
780     /* background-color: #eee; */
781 }
782
783 table.wikiblog-form {
784     width: auto;
785     border-collapse: collapse;
786     margin: 0.25em 0;
787 }
788
789 .wikiblog-form caption {
790     /* background-color: #ccf; */
791     caption-side: top;
792     font-weight: bold;
793     text-align: left;
794     padding: 0.5ex 0.5em;
795 }
796
797 .wikiblog-form th {
798     vertical-align: top;
799     text-align: right;
800     padding: 0 0 0.3em 0.5em;
801 }
802
803 .wikiblog-form td {
804     padding: 0.25em 0.5em;
805 }
806
807 .wikiblog-form td.submit-button {
808     padding: 0;
809 }
810
811 .wikiblog-form input[type=text],
812 .wikiblog-form textarea {
813     margin: 0 0;
814     width: 100%;
815 }
816
817 div.wikicomment div.wikicomment-footer {
818     padding: 0.2ex 0.5em;
819 }
820
821 div.wikicomment div.wikicomment-footer named-wiki {
822     font-size: small;
823 }
824
825 table.interwiki-map {
826     margin: 1em 2em;
827 }
828
829 .interwiki-map th {
830     text-decoration: underline;
831     text-align: left;
832     padding-left: 1em;
833 }
834
835 .interwiki-map td.interwiki-url {
836     padding-left: 2em;
837 }
838
839 .interwiki-map th.interwiki-url {
840     padding-left: 3em;
841 }
842
843 .dialog {
844     background-color: #cdf;
845     color: black;
846     margin: 2em auto 2em auto;
847     border: thin black solid;
848     width: 50%;
849 }
850
851 .dialog h1, .dialog p, .dialog div {
852     text-align: center;
853 }
854
855 .dialog h1 {
856     font-size: large;
857     margin: 0.5em 0 1em 0;
858 }
859
860 .dialog div.message {
861     background-color: white;
862     color: black;
863     color: black;
864     margin: 0 1em;
865     padding: 0.5em 0.5em;
866 }
867
868 .dialog p.buttons {
869     margin: 1em 0 0.5em 0;
870 }
871
872 .clear-floats {
873     clear: both;
874 }
875
876 /* postnuke css:*/
877 .gensmall {
878     font-size: 10px
879 }
880
881 .genmed {
882     font-size: 11px
883 }
884
885 td.cat {
886     font-weight: bold;
887     letter-spacing: 1px;
888     color: #000000;
889     background: url(./images/cellpic1.png);
890     height: 27px
891 }
892
893 /* Main table cell colours and backgrounds */
894 td.row1 {
895     background: #eaedf4;
896     color: #000000
897 }
898
899 td.row2 {
900     background: #d9e2ec;
901     color: #000000
902 }
903
904 td.row3 {
905     background: #cad9ea;
906     color: #000000
907 }
908
909 td.spacerow {
910     background: #cad9ea;
911     color: #000000
912 }
913
914 /* This is the outline round the main forum tables */
915 .forumline {
916     background: #ffffff;
917     color: #000000;
918     border: 1px solid #006699
919 }
920
921 /* Sidebar */
922 .box {
923     background: #ffffff;
924     border: 1px solid silver
925 }
926
927 .box-title {
928     font-family: Tahoma, Arial, Helvetica, sans-serif;
929     font-weight: normal;
930     background-color: #ccc;
931     color: black;
932     text-align: center;
933     border: none;
934     padding: 2px 0 2px 0;
935 }
936
937 .box-data {
938     width: 160px;
939     font-size: 9pt;
940     font-weight: normal;
941     border: none;
942 }
943
944 .box-data .wiki {
945     font-weight: normal;
946 }
947
948 td.sidebar {
949     border-spacing: 0;
950     margin: 0;
951 }
952
953 /* plugin BoxRight */
954 div.boxright {
955     background-color: #e9fbff;
956     width: 200px;
957     right: 10px;
958     padding: 0.5em;
959     float: right;
960     border: thin solid #888888;
961     padding: 0.5em;
962 }
963
964 /* RssFeed */
965 div.rss {
966     margin: 1em;
967     padding: 1em;
968     font-size: 0.9em;
969     background-color: #eeeeee;
970     border: thin dashed #aaa;
971 }
972
973 div.feed {
974     color: #333;
975     margin: -0.5em;
976     margin-bottom: 0;
977     padding: 0.3em;
978     font-weight: bold;
979     background-color: #f2f2f2;
980     font-size: 1.2em;
981 }
982
983 div.itemdesc {
984     padding-left: 1em;
985 }
986
987 div.rssitem {
988     border-top: thin dashed #aaa;
989 }
990
991 /* SqlResult */
992 table.sqlresult {
993     border: 1px outset gray;
994     background: white;
995     margin: 0.5ex 0.5em;
996     padding: 1px;
997 }
998
999 .sqlresult tr.evenrow {
1000     background: #eee;
1001 }
1002
1003 .sqlresult tr.oddrow {
1004     background: white;
1005 }
1006
1007 table.sqlresult td {
1008     margin: 1px;
1009     border: 1px solid gray;
1010 }
1011
1012 /**
1013  * TeX2png plugin
1014  */
1015 img.tex {
1016     vertical-align: middle;
1017 }
1018
1019 /**
1020  * PhotoAlbum plugin
1021  */
1022 .boldsmall {
1023     font-weight: bold;
1024     font-size: 11px;
1025 }
1026
1027 .wikiwyg_toolbar {
1028     background: #D3D3D3;
1029     border: 1px outset;
1030     letter-spacing: 0;
1031     padding: 2px;
1032 }
1033
1034 span.wikiwyg_control_link a {
1035     padding-right: 8px;
1036 }
1037
1038 .wikiwyg_button {
1039     background: #D3D3D3;
1040     border: 1px solid #D3D3D3;
1041     cursor: pointer;
1042     width: 20px;
1043     height: 20px;
1044     vertical-align: bottom;
1045 }
1046
1047 .wikiwyg_button:hover {
1048     border: 1px outset;
1049 }
1050
1051 .wikiwyg_button:active {
1052     border: 1px inset;
1053 }
1054
1055 .wikiwyg_separator {
1056     background: #D3D3D3;
1057     border: 1px solid #D3D3D3;
1058     width: 9px;
1059     height: 20px;
1060     vertical-align: bottom;
1061 }
1062
1063 .wikiwyg_selector {
1064     width: 70px;
1065 }
1066
1067 .wikiwyg_wysiwyg table {
1068     border-collapse: collapse;
1069     margin-bottom: .2em;
1070 }
1071
1072 .wikiwyg_wysiwyg table td {
1073     border: 1px;
1074     border-style: solid;
1075     padding: .2em;
1076     vertical-align: top;
1077 }
1078
1079 /* WikicreoleTable, MediawikiTable and RichTable plugins ============== */
1080
1081 /*
1082  * table class="boxed"
1083  * will put a border around the table (but not around the cells)
1084  *
1085  * table class="bordered"
1086  * will put a border around the table and the cells
1087  *
1088  * In both cases, the caption will be bold and centered under the table
1089  *
1090  * In both cases, the headers (th) will have a "#d8d8d8" background
1091  */
1092
1093 table.boxed, table.bordered, table.bordered th, table.bordered td {
1094     border-width: 1px;
1095     border-style: solid;
1096     border-collapse: collapse;
1097     vertical-align: top;
1098 }
1099
1100 table.boxed td, table.bordered td,
1101 table.boxed th, table.bordered th {
1102     padding-left: 5px;
1103     padding-right: 5px;
1104     padding-top: 0;
1105     padding-bottom: 0;
1106 }
1107
1108 table.boxed caption, table.bordered caption {
1109     text-align: center;
1110     font-weight: bold;
1111     caption-side: bottom;
1112     padding-top: 0.8em;
1113 }
1114
1115 table.boxed th, table.bordered th {
1116     font-weight: bold;
1117     background-color: #d8d8d8;
1118 }
1119
1120 table.sortable th.header {
1121     background-image: url(../default/buttons/sort_none.gif);
1122     cursor: pointer;
1123     background-repeat: no-repeat;
1124     background-position: center right;
1125     padding-right: 20px;
1126 }
1127
1128 table.sortable th.headerSortUp {
1129     background-image: url(../default/buttons/sort_up.gif);
1130     cursor: pointer;
1131     background-repeat: no-repeat;
1132     background-position: center right;
1133     padding-right: 20px;
1134 }
1135
1136 table.sortable th.headerSortDown {
1137     background-image: url(../default/buttons/sort_down.gif);
1138     cursor: pointer;
1139     background-repeat: no-repeat;
1140     background-position: center right;
1141     padding-right: 20px;
1142 }