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