themes/blog/Kubrick.css

   1 /*
   2   Kubrick v1.2.5  for PhpWiki, by Rui Carmo - http://the.taoofmac.com
   3   Based on Michael Heilemann's excellent work for WordPress 1.2
   4   http://binarybonsai.com/kubrick/
   5
   6   This is a work in progress - some of the original CSS may need collapsing
   7 */
   8
   9 body {
  10     margin: 20px auto;
  11     padding: 0;
  12     font-size: 75%; /* Resets 1em to 10px */
  13     font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
  14     background-color: #d5d6d7;
  15     color: #333;
  16     background: url("images/kubrickbgcolor.png");
  17 }
  18
  19 #header {
  20     top: 0;
  21     background-color: #73a0c5;
  22     background: url("images/header.png") no-repeat top center;
  23     padding: 0;
  24     margin: 0 auto;
  25     height: 200px;
  26     width: 100%;
  27 }
  28
  29 #flashheader, #yoursiteheader {
  30     padding-top: 19px;
  31     margin-left: 19px;
  32     width: 722px;
  33     height: 182px;
  34     background-color: transparent;
  35     font: bolder 67px/50px Verdana, Arial, Helvetica, sans-serif;
  36     letter-spacing: -0.1em;
  37     /*font-variant: condensed;*/
  38 }
  39
  40 #yoursiteheader a:hover, #yoursiteheader a:link, #yoursiteheader a:visited {
  41     text-decoration: none;
  42     color: black;
  43 }
  44
  45 #actionbar, #editbar {
  46     background: url("images/actionbarbg.png") no-repeat top center;
  47     width: 760px;
  48     /*height: 40px;*/
  49 }
  50
  51 /* http://universaleditbutton.org */
  52 div.actionbuttons a#btn-edit {
  53     background: url('images/UEB16.png') bottom left no-repeat;
  54     padding-left: 13px !important;
  55 }
  56
  57 #LSResult {
  58     position: absolute;
  59     text-align: left;
  60     display: none;
  61     z-index: 100;
  62     background-color: white;
  63     border: 1px solid #d0d0d0;
  64     font-size: 9px;
  65     overflow: hidden;
  66 }
  67
  68 #LSHighlight {
  69     background-color: #f08000;
  70 }
  71
  72 #LSResult .evenrow {
  73     background-color: #f0f0f0;
  74 }
  75
  76 #sitemeter {
  77     float: right;
  78 }
  79
  80 #actionbuttons, .actionbuttons {
  81     float: left;
  82     height: 20px;
  83     margin-top: 12px;
  84     padding-left: 30px;
  85     vertical-align: middle;
  86 }
  87
  88 #editbar p {
  89     height: 20px;
  90     padding-top: 8px;
  91     margin-left: 30px;
  92     vertical-align: middle;
  93 }
  94
  95 #editarea-size {
  96     font-size: 9px;
  97     margin-top: 0;
  98     margin-left: 20px;
  99     margin-right: 10px;
 100 }
 101
 102 #editarea-size input {
 103     font-size: 9px;
 104 }
 105
 106 #actionbuttons a {
 107     padding-right: 0;
 108     font-size: 11px; /* we need pixel units here to match the background */
 109 }
 110
 111 #pagetrail {
 112     margin-left: 19px;
 113     width: 540px;
 114 }
 115
 116 #pagetrail p {
 117     font-size: 9px;
 118     margin-top: 0;
 119     margin-left: 20px;
 120     margin-right: 20px;
 121 }
 122
 123 #page {
 124     background-color: white;
 125     background: url("images/kubrickbg.png");
 126     margin: 20px auto;
 127     padding: 0;
 128     width: 760px;
 129 }
 130
 131 #content {
 132     font-size: 1.2em
 133 }
 134
 135 #pagetitle, #pagetitle a {
 136     color: black;
 137     padding-left: 20px;
 138     margin-top: 12px;
 139     margin-bottom: 4px;
 140     width: 550px;
 141 }
 142
 143 .indexLetterHeading {
 144     margin-top: 8px;
 145     padding: 4px;
 146     background-color: #f0f0f0;
 147 }
 148
 149 div.wikitext {
 150     /*margin-left: 25px;*/
 151     margin-top: 12px;
 152 }
 153
 154 pre {
 155     overflow: hidden;
 156     padding: 2px;
 157     background-color: #f0f0f0;
 158 }
 159
 160 #seealso table, .transclusion-title {
 161     font-size: 0.81em;
 162 }
 163
 164 .transclusion-title {
 165     margin: 0;
 166 }
 167
 168 .transclusion {
 169     margin-bottom: 8px;
 170 }
 171
 172 div.comments {
 173     margin-top: 0;
 174     text-align: right;
 175     font-size: 0.81em;
 176 }
 177
 178 #bottom {
 179     font-size: 0.81em;
 180     border: none;
 181     width: 720px;
 182     clear: both;
 183     margin: 0 20px 0 20px;
 184     /*text-align: center;*/
 185 }
 186
 187 #footer {
 188     font-size: 0.81em;
 189     background-color: #eee;
 190     background: url("images/kubrickfooter.png") no-repeat bottom center;
 191     border: none;
 192     width: 760px;
 193     height: 60px;
 194     clear: both;
 195     text-align: center;
 196 }
 197
 198 #footer p, #bottom p {
 199     margin: 0;
 200     padding: 0;
 201     /*  padding: 20px 0; */
 202 }
 203
 204 .widecolumn .entry p {
 205     font-size: 1.05em;
 206 }
 207
 208 .narrowcolumn .entry, .widecolumn .entry {
 209     line-height: 1.4em;
 210 }
 211
 212 .widecolumn {
 213     line-height: 1.6em;
 214 }
 215
 216 .narrowcolumn .postmetadata {
 217     text-align: center;
 218 }
 219
 220 .graybox {
 221     background-color: #f8f8f8;
 222     border-top: 1px solid #ddd;
 223     border-bottom: 1px solid #ddd;
 224 }
 225
 226 /* generic classes ----------------------------------------------- */
 227
 228 .tt {
 229     font-family: monospace;
 230 }
 231
 232 .strike {
 233     text-decoration: line-through;
 234 }
 235
 236 .big {
 237     font-size: larger;
 238 }
 239
 240 .align-left {
 241     text-align: left;
 242 }
 243
 244 .align-right {
 245     text-align: right;
 246 }
 247
 248 .align-center {
 249     text-align: center;
 250 }
 251
 252 .top {
 253     vertical-align: top;
 254 }
 255
 256 .bottom {
 257     vertical-align: bottom;
 258 }
 259
 260 .middle {
 261     vertical-align: middle;
 262 }
 263
 264 .baseline {
 265     vertical-align: baseline;
 266 }
 267
 268 .nowrap {
 269     white-space: nowrap;
 270 }
 271
 272 .fullwidth {
 273     width: 100%;
 274 }
 275
 276 /* --------------------------------------------------------------- */
 277
 278 small {
 279     font-family: Arial, Helvetica, sans-serif;
 280     font-size: 0.9em;
 281     line-height: 1.5em;
 282 }
 283
 284 tt {
 285     font-family: 'Andale Mono', 'Lucida Console', 'Courier New', monospace;
 286     font-size: 1.05em;
 287 }
 288
 289 pre {
 290     width: 486px;
 291     font-size: 10px;
 292     font-family: 'Andale Mono', 'Lucida Console', 'Courier New', monospace;
 293     overflow: hidden;
 294 }
 295
 296 h1, h2, h3 {
 297     font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;
 298     font-weight: bold;
 299 }
 300
 301 h1 {
 302     font-size: 2em;
 303     text-align: center;
 304 }
 305
 306 .description {
 307     font-size: 1.2em;
 308     text-align: center;
 309 }
 310
 311 h2 {
 312     font-size: 1.6em;
 313     margin-top: 2px;
 314     text-align: left;
 315 }
 316
 317 #sidebar h2, #sidebar .box-title {
 318     font-family: 'Lucida Grande', Verdana, sans-serif;
 319     font-size: 1.2em;
 320 }
 321
 322 h3 {
 323     font-size: 1.3em;
 324 }
 325
 326 h1, h1 a, h1 a:hover, h1 a:visited, .description {
 327     text-decoration: none;
 328     /*color: white;*/
 329     color: black;
 330 }
 331
 332 h2, h2 a, h2 a:visited, .box-title a:visited, h3, h3 a, h3 a:visited {
 333     color: #333;
 334 }
 335
 336 h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
 337     text-decoration: none;
 338 }
 339
 340 table.pagelist, table.referrerlist {
 341     width: 100%;
 342 }
 343
 344 table.referrerlist td {
 345     font-size: 0.71em;
 346 }
 347
 348 table.pagelist {
 349     font-size: 0.81em;
 350 }
 351
 352 tr.evenrow {
 353     background-color: #f0f0f0;
 354 }
 355
 356 .entry p a:visited {
 357     color: #b85b5a;
 358 }
 359
 360 /* ie quirks */
 361 #sidebar {
 362     font: 1em 'Lucida Grande', Verdana, Arial, sans-serif;
 363     left: 585px;
 364     position: absolute;
 365     z-index: 2;
 366     top: 260px;
 367     /* top, right, bottom, left */
 368     padding: 0 10px 10px 0;
 369     width: 155px;
 370     border: none;
 371     overflow: visible;
 372     color: black;
 373 }
 374
 375 #moz-sidebar {
 376     font: 1em 'Lucida Grande', Verdana, Arial, sans-serif;
 377     margin-left: 560px;
 378     position: absolute;
 379     z-index: 2;
 380     top: 270px;
 381     /* top, right, bottom, left */
 382     padding: 0 10px 10px 0;
 383     width: 155px;
 384     background: white;
 385 }
 386
 387 #moz-sidebar ul li {
 388     list-style-type: square;
 389     padding-left: 0;
 390     text-indent: 0;
 391 }
 392
 393 #sidebar form {
 394     margin: 0;
 395 }
 396
 397 #notification {
 398     margin-left: 20px;
 399     background: #ffe0e0;
 400 }
 401
 402 #revisionbox dl, #cachebox dl {
 403     width: 200px;
 404     margin: 0;
 405     background: #ffe0e0 url("images/bottom_sidebar_round.png") no-repeat bottom left;
 406 }
 407
 408 #revisionbox dd, #cachebox dd {
 409     padding-bottom: 10px;
 410 }
 411
 412 #revisionbox dt, #cachebox dt {
 413     margin: 0;
 414     padding: 5px;
 415     background: #ffe0e0 url("images/top_sidebar_round.png") no-repeat top left;
 416 }
 417
 418 small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
 419     color: #777;
 420 }
 421
 422 code {
 423     font: 1.1em 'Courier New', Courier, monospace;
 424 }
 425
 426 acronym, abbr, span.caps {
 427     font-size: 0.9em;
 428     letter-spacing: .07em;
 429 }
 430
 431 a, h2 a:hover, h3 a:hover {
 432     color: #06c;
 433     text-decoration: none;
 434 }
 435
 436 a:hover {
 437     color: #147;
 438     text-decoration: underline;
 439 }
 440
 441 a.namedurl {
 442     padding-right: 6px;
 443     margin-right: 0;
 444     background: url("images/http.png") right top no-repeat;
 445 }
 446
 447 /* https links */
 448 a.namedurl[href*="https"] {
 449     padding-right: 6px;
 450     margin-right: 0;
 451     background: url("images/https.png") right top no-repeat;
 452 }
 453
 454 /* local links (override above) */
 455 /*
 456 a.namedurl[href*="the.taoofmac.com"] {
 457   padding-right: 0;
 458   background: none;
 459 }
 460 */
 461 /* interwiki */
 462 a.named-interwiki {
 463     padding-right: 6px;
 464     margin-right: 0;
 465     background: url("images/interwiki.png") right top no-repeat;
 466 }
 467
 468 #xhtml-validator {
 469     padding-bottom: 0;
 470     vertical-align: middle;
 471 }
 472
 473 #searchholder {
 474     float: right;
 475     /*height: 30px;*/
 476     vertical-align: middle;
 477     margin-top: 10px;
 478     margin-right: 30px;
 479 }
 480
 481 #livesearch {
 482     /*height: 16px;*/
 483     width: 150px;
 484     font-size: 0.8em;
 485 }
 486
 487 #bodyContent {
 488     float: left;
 489     padding: 0 0 20px 25px;
 490     margin: 0 0 0;
 491     width: 550px;
 492     overflow: visible;
 493     /* how to define minimal height? */
 494     min-height: 490px;
 495 }
 496
 497 .narrowcolumn, .wikiblog {
 498     width: 550px !important;
 499     /*max-width: 550px;*/
 500 }
 501
 502 #editpage, #edit-content, .wiki-edithelp {
 503     /* top, right, bottom, left */
 504     padding: 0 0 20px 0;
 505     width: 710px;
 506     overflow: visible;
 507 }
 508
 509 .wiki-edithelp {
 510     font-size: 0.81em;
 511 }
 512
 513 #wikiblog-form div.wiki-edithelp {
 514     width: 550px;
 515     font-size: 8pt;
 516 }
 517
 518 .widecolumn {
 519     padding: 10px 0 20px 0;
 520     margin: 5px auto;
 521     width: 450px;
 522 }
 523
 524 .post {
 525     margin: 0 0 40px;
 526     text-align: justify;
 527 }
 528
 529 .widecolumn .post {
 530     margin: 0;
 531 }
 532
 533 .narrowcolumn .postmetadata {
 534     padding-top: 5px;
 535 }
 536
 537 .widecolumn .postmetadata {
 538     margin: 30px 0;
 539 }
 540
 541 /*  Begin Headers */
 542 h1 {
 543     margin: 0;
 544 }
 545
 546 .description {
 547     text-align: center;
 548 }
 549
 550 /* Black Links */
 551 div.box-title, div.box-title a, div.box-title a:visited, div.box-title a:link {
 552     font-weight: bold;
 553     text-decoration: none;
 554     color: black;
 555 }
 556
 557 div.box-data, div.box-data a, div.box-data a:visited, div.box-data a:link {
 558     font-size: 8pt;
 559 }
 560
 561 #sidebar h2, #sidebar .box-title {
 562     margin: 5px 0 0 0;
 563     padding: 0;
 564     color: black;
 565     text-decoration: none;
 566 }
 567
 568 h3 {
 569     padding: 0;
 570     margin: 30px 0 0;
 571 }
 572
 573 h3.comments {
 574     padding: 0;
 575     margin: 40px auto 20px;
 576 }
 577
 578 /* End Headers */
 579
 580 /* Begin Images */
 581
 582 img {
 583     border: 0;
 584 }
 585
 586 p img {
 587     padding: 0;
 588     max-width: 100%;
 589 }
 590
 591 /*  Using 'class="alignright"' on an image will (who would've
 592   thought?!) align the image to the right. And using 'class="centered',
 593   will of course center the image. This is much better than using
 594   align="center", being much more futureproof (and valid) */
 595
 596 img.centered {
 597     display: block;
 598     margin-left: auto;
 599     margin-right: auto;
 600 }
 601
 602 img.alignright {
 603     padding: 4px;
 604     margin: 0 0 2px 7px;
 605     display: inline;
 606 }
 607
 608 img.alignleft {
 609     padding: 4px;
 610     margin: 0 7px 2px 0;
 611     display: inline;
 612 }
 613
 614 .alignright {
 615     float: right;
 616 }
 617
 618 .alignleft {
 619     float: left
 620 }
 621
 622 /* End Images */
 623
 624 /* Begin Lists
 625
 626   Special stylized non-IE bullets
 627   Do not work in Internet Explorer, which merely default to normal bullets. */
 628
 629 html>body ul {
 630     margin-left: 0;
 631     padding: 0 0 0 30px;
 632     list-style: none;
 633     padding-left: 10px;
 634     text-indent: -10px;
 635 }
 636
 637 html>body li {
 638     margin: 0 0 0 10px;
 639 }
 640
 641 .narrowcolumn ul li:before, #sidebar ul ul li:before {
 642     content: "\00BB \0020";
 643 }
 644
 645 .entry ol {
 646     padding: 0 0 0 35px;
 647     margin: 0;
 648 }
 649
 650 .entry ol li {
 651     margin: 0;
 652     padding: 0;
 653 }
 654
 655 .postmetadata ul, .postmetadata li {
 656     display: inline;
 657     list-style-type: none;
 658     list-style-image: none;
 659 }
 660
 661 #sidebar ul, #sidebar ul ol {
 662     margin: 0;
 663     padding: 0;
 664 }
 665
 666 #sidebar ul li {
 667     list-style-type: none;
 668     list-style-image: none;
 669     margin-bottom: 15px;
 670 }
 671
 672 #sidebar ul p, #sidebar ul select {
 673     margin: 5px 0 8px;
 674 }
 675
 676 #sidebar ul ul, #sidebar ul ol {
 677     margin: 5px 0 0 10px;
 678 }
 679
 680 #sidebar ul ul ul, #sidebar ul ol {
 681     margin: 0 0 0 10px;
 682 }
 683
 684 ol li, #sidebar ul ol li {
 685     list-style: decimal outside;
 686 }
 687
 688 #sidebar ul ul li, #sidebar ul ol li {
 689     margin: 3px 0 0;
 690     padding: 0;
 691 }
 692
 693 /* End Entry Lists */
 694
 695 /* Begin Form Elements */
 696 #searchform {
 697     text-align: right;
 698     display: inline;
 699 }
 700
 701 #wikiblog-summary {
 702     font-weight: bold;
 703 }
 704
 705 /* End Form Elements */
 706
 707 /* Begin Various Tags & Classes */
 708 acronym, abbr, span.caps {
 709     cursor: help;
 710 }
 711
 712 acronym, abbr {
 713     border-bottom: 1px dashed #999;
 714 }
 715
 716 blockquote {
 717     margin: 15px 30px 0 10px;
 718     padding-left: 20px;
 719     border-left: 5px solid #ddd;
 720 }
 721
 722 blockquote cite {
 723     margin: 5px 0 0;
 724     display: block;
 725 }
 726
 727 .center {
 728     text-align: center;
 729 }
 730
 731 hr {
 732     display: none;
 733 }
 734
 735 .navigation {
 736     display: block;
 737     text-align: center;
 738     margin-top: 10px;
 739     margin-bottom: 60px;
 740 }
 741
 742 /* End Various Tags & Classes*/
 743
 744 /**
 745  * Diff Output
 746  */
 747 /* main box */
 748 .diff {
 749     margin-top: 1ex;
 750     margin-bottom: 0.5ex;
 751     background: white;
 752     color: black;
 753     border-top: 1px solid #494f5d;
 754     border-left: 1px solid #494f5d;
 755     border-bottom: 1px solid #c6d2de;
 756     border-right: 1px solid #c6d2de;
 757     padding: 0;
 758     clear: both;
 759 }
 760
 761 .diff .block {
 762     background: #ddd;
 763     padding-left: 1em;
 764 }
 765
 766 /* individual blocks */
 767 .diff .context {
 768     background: white;
 769     border: none;
 770 }
 771
 772 /* entire difftextblock */
 773 #difftext {
 774     width: 710px;
 775     margin-top: 0;
 776     margin-bottom: 0;
 777     background: white;
 778     /* "paper" borders */
 779     border-top: 1px #e8e6df solid;
 780     border-left: 1px #e8e6df solid;
 781     border-bottom: 1px #d2d2d2 solid;
 782     border-right: 1px #b2b2b2 solid;
 783     padding-left: 0;
 784     padding-right: 0;
 785     padding-top: 0;
 786     padding-bottom: 0;
 787     clear: both;
 788 }
 789
 790 /* + - line prefix */
 791 .diff .block tt {
 792     font-weight: normal;
 793     font-family: monospace;
 794     color: black;
 795     margin-left: 0;
 796     border: none;
 797 }
 798
 799 /* changed words */
 800 .diff del, .diff ins {
 801     font-weight: bold;
 802     text-decoration: none;
 803 }
 804
 805 /* blocks containing deleted or added words */
 806 .diff .original, .diff .deleted,
 807 .diff .final, .diff .added {
 808     background: white;
 809 }
 810
 811 /* blocks containing deleted words */
 812 .diff .original, .diff .deleted {
 813     background: #fcc;
 814     border: none;
 815 }
 816
 817 /* blocks containing added words */
 818 .diff .final, .diff .added {
 819     background: #cfc;
 820     border: none;
 821 }
 822
 823 /* deleted words */
 824 .diff del {
 825     background: #f99;
 826 }
 827
 828 /* added words */
 829 .diff ins {
 830     background: #9f9;
 831 }
 832
 833 /**
 834  * PageHistory, Info
 835  */
 836 td.pageinfo {
 837     font-weight: bold;
 838 }
 839
 840 .pageinfo-minoredit, .pageinfo-authorid {
 841     font-size: smaller;
 842     font-style: oblique;
 843 }
 844
 845 #VisualWikiPlugin img {
 846     width: 520px;
 847     margin-left: 0;
 848     padding: 0;
 849 }
 850
 851 /* plugin BoxRight */
 852 div.boxright {
 853     background-color: #e9fbff;
 854     width: 200px;
 855     right: 10px;
 856     padding: 0.5em;
 857     float: right;
 858     border: thin solid #888888;
 859 }
 860
 861 /* RssFeed */
 862 div.rss {
 863     margin: 1em;
 864     padding: 1em;
 865     font-size: 0.9em;
 866     background-color: #eeeeee;
 867     border: thin dashed #aaa;
 868 }
 869
 870 div.feed {
 871     color: #333;
 872     margin: -0.5em;
 873     margin-bottom: 0;
 874     padding: 0.3em;
 875     font-weight: bold;
 876     background-color: #f2f2f2;
 877     font-size: 1.2em;
 878 }
 879
 880 div.itemdesc {
 881     padding-left: 1em;
 882 }
 883
 884 div.rssitem {
 885     border-top: thin dashed #aaa;
 886 }
 887
 888 /* SqlResult */
 889 table.sqlresult {
 890     border: 1px outset gray;
 891     background: white;
 892     margin: 0.5ex 0.5em;
 893     padding: 1px;
 894 }
 895
 896 .sqlresult tr.evenrow {
 897     background: #eee;
 898 }
 899
 900 .sqlresult tr.oddrow {
 901     background: white;
 902 }
 903
 904 table.sqlresult td {
 905     margin: 1px;
 906     border: 1px solid gray;
 907 }
 908
 909 /**
 910  * TeX2png plugin
 911  */
 912 img.tex {
 913     vertical-align: middle;
 914 }
 915
 916 /**
 917  * PhotoAlbum plugin
 918  */
 919 .boldsmall {
 920     font-weight: bold;
 921     font-size: 11px;
 922 }
 923
 924 /* postnuke css:*/
 925 .gensmall {
 926     font-size: 9px
 927 }
 928
 929 .genmed {
 930     font-size: 11px
 931 }
 932
 933 img.toolbar:hover {
 934     cursor: pointer;
 935 }
 936
 937 .wikiwyg_toolbar {
 938     background: #D3D3D3;
 939     border: 1px outset;
 940     letter-spacing: 0;
 941     padding: 2px;
 942 }
 943
 944 span.wikiwyg_control_link a {
 945     padding-right: 8px;
 946 }
 947
 948 .wikiwyg_button {
 949     background: #D3D3D3;
 950     border: 1px solid #D3D3D3;
 951     cursor: pointer;
 952     width: 20px;
 953     height: 20px;
 954     vertical-align: bottom;
 955 }
 956
 957 .wikiwyg_button:hover {
 958     border: 1px outset;
 959 }
 960
 961 .wikiwyg_button:active {
 962     border: 1px inset;
 963 }
 964
 965 .wikiwyg_separator {
 966     background: #D3D3D3;
 967     border: 1px solid #D3D3D3;
 968     width: 9px;
 969     height: 20px;
 970     vertical-align: bottom;
 971 }
 972
 973 .wikiwyg_selector {
 974     width: 70px;
 975 }
 976
 977 .wikiwyg_wysiwyg table {
 978     border-collapse: collapse;
 979     margin-bottom: .2em;
 980 }
 981
 982 .wikiwyg_wysiwyg table td {
 983     border: 1px;
 984     border-style: solid;
 985     padding: .2em;
 986     vertical-align: top;
 987 }
 988
 989 /* WikicreoleTable, MediawikiTable and RichTable plugins ============== */
 990
 991 /*
 992  * table class="boxed"
 993  * will put a border around the table (but not around the cells)
 994  *
 995  * table class="bordered"
 996  * will put a border around the table and the cells
 997  *
 998  * In both cases, the caption will be bold and centered under the table
 999  *
1000  * In both cases, the headers (th) will have a "#d8d8d8" background
1001  */
1002
1003 table.boxed, table.bordered, table.bordered th, table.bordered td {
1004     border-width: 1px;
1005     border-style: solid;
1006     border-collapse: collapse;
1007     vertical-align: top;
1008 }
1009
1010 table.boxed td, table.bordered td,
1011 table.boxed th, table.bordered th {
1012     padding-left: 5px;
1013     padding-right: 5px;
1014     padding-top: 0;
1015     padding-bottom: 0;
1016 }
1017
1018 table.boxed caption, table.bordered caption {
1019     text-align: center;
1020     font-weight: bold;
1021     caption-side: bottom;
1022     padding-top: 0.8em;
1023 }
1024
1025 table.boxed th, table.bordered th {
1026     font-weight: bold;
1027     background-color: #d8d8d8;
1028 }
1029
1030 table.sortable th.header {
1031     background-image: url(../default/buttons/sort_none.gif);
1032     cursor: pointer;
1033     background-repeat: no-repeat;
1034     background-position: center right;
1035     padding-right: 20px;
1036 }
1037
1038 table.sortable th.headerSortUp {
1039     background-image: url(../default/buttons/sort_up.gif);
1040     cursor: pointer;
1041     background-repeat: no-repeat;
1042     background-position: center right;
1043     padding-right: 20px;
1044 }
1045
1046 table.sortable th.headerSortDown {
1047     background-image: url(../default/buttons/sort_down.gif);
1048     cursor: pointer;
1049     background-repeat: no-repeat;
1050     background-position: center right;
1051     padding-right: 20px;
1052 }