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 .align-left {
 238     text-align: left;
 239 }
 240
 241 .align-right {
 242     text-align: right;
 243 }
 244
 245 .align-center {
 246     text-align: center;
 247 }
 248
 249 .top {
 250     vertical-align: top;
 251 }
 252
 253 .bottom {
 254     vertical-align: bottom;
 255 }
 256
 257 .middle {
 258     vertical-align: middle;
 259 }
 260
 261 .baseline {
 262     vertical-align: baseline;
 263 }
 264
 265 .nowrap {
 266     white-space: nowrap;
 267 }
 268
 269 .fullwidth {
 270     width: 100%;
 271 }
 272
 273 /* --------------------------------------------------------------- */
 274
 275 small {
 276     font-family: Arial, Helvetica, sans-serif;
 277     font-size: 0.9em;
 278     line-height: 1.5em;
 279 }
 280
 281 tt {
 282     font-family: 'Andale Mono', 'Lucida Console', 'Courier New', monospace;
 283     font-size: 1.05em;
 284 }
 285
 286 pre {
 287     width: 486px;
 288     font-size: 10px;
 289     font-family: 'Andale Mono', 'Lucida Console', 'Courier New', monospace;
 290     overflow: hidden;
 291 }
 292
 293 h1, h2, h3 {
 294     font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;
 295     font-weight: bold;
 296 }
 297
 298 h1 {
 299     font-size: 2em;
 300     text-align: center;
 301 }
 302
 303 .description {
 304     font-size: 1.2em;
 305     text-align: center;
 306 }
 307
 308 h2 {
 309     font-size: 1.6em;
 310     margin-top: 2px;
 311     text-align: left;
 312 }
 313
 314 #sidebar h2, #sidebar .box-title {
 315     font-family: 'Lucida Grande', Verdana, sans-serif;
 316     font-size: 1.2em;
 317 }
 318
 319 h3 {
 320     font-size: 1.3em;
 321 }
 322
 323 h1, h1 a, h1 a:hover, h1 a:visited, .description {
 324     text-decoration: none;
 325     /*color: white;*/
 326     color: black;
 327 }
 328
 329 h2, h2 a, h2 a:visited, .box-title a:visited, h3, h3 a, h3 a:visited {
 330     color: #333;
 331 }
 332
 333 h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
 334     text-decoration: none;
 335 }
 336
 337 table.pagelist, table.referrerlist {
 338     width: 100%;
 339 }
 340
 341 table.referrerlist td {
 342     font-size: 0.71em;
 343 }
 344
 345 table.pagelist {
 346     font-size: 0.81em;
 347 }
 348
 349 tr.evenrow {
 350     background-color: #f0f0f0;
 351 }
 352
 353 .entry p a:visited {
 354     color: #b85b5a;
 355 }
 356
 357 /* ie quirks */
 358 #sidebar {
 359     font: 1em 'Lucida Grande', Verdana, Arial, sans-serif;
 360     left: 585px;
 361     position: absolute;
 362     z-index: 2;
 363     top: 260px;
 364     /* top, right, bottom, left */
 365     padding: 0 10px 10px 0;
 366     width: 155px;
 367     border: none;
 368     overflow: visible;
 369     color: black;
 370 }
 371
 372 #moz-sidebar {
 373     font: 1em 'Lucida Grande', Verdana, Arial, sans-serif;
 374     margin-left: 560px;
 375     position: absolute;
 376     z-index: 2;
 377     top: 270px;
 378     /* top, right, bottom, left */
 379     padding: 0 10px 10px 0;
 380     width: 155px;
 381     background: white;
 382 }
 383
 384 #sidebar form {
 385     margin: 0;
 386 }
 387
 388 #notification {
 389     margin-left: 20px;
 390     background: #ffe0e0;
 391 }
 392
 393 #revisionbox dl, #cachebox dl {
 394     width: 200px;
 395     margin: 0;
 396     background: #ffe0e0 url("images/bottom_sidebar_round.png") no-repeat bottom left;
 397 }
 398
 399 #revisionbox dd, #cachebox dd {
 400     padding-bottom: 10px;
 401 }
 402
 403 #revisionbox dt, #cachebox dt {
 404     margin: 0;
 405     padding: 5px;
 406     background: #ffe0e0 url("images/top_sidebar_round.png") no-repeat top left;
 407 }
 408
 409 small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
 410     color: #777;
 411 }
 412
 413 code {
 414     font: 1.1em 'Courier New', Courier, monospace;
 415 }
 416
 417 acronym, abbr, span.caps {
 418     font-size: 0.9em;
 419     letter-spacing: .07em;
 420 }
 421
 422 a, h2 a:hover, h3 a:hover {
 423     color: #06c;
 424     text-decoration: none;
 425 }
 426
 427 a:hover {
 428     color: #147;
 429     text-decoration: underline;
 430 }
 431
 432 a.namedurl {
 433     padding-right: 6px;
 434     margin-right: 0;
 435     background: url("images/http.png") right top no-repeat;
 436 }
 437
 438 /* https links */
 439 a.namedurl[href*="https"] {
 440     padding-right: 6px;
 441     margin-right: 0;
 442     background: url("images/https.png") right top no-repeat;
 443 }
 444
 445 /* local links (override above) */
 446 /*
 447 a.namedurl[href*="the.taoofmac.com"] {
 448   padding-right: 0;
 449   background: none;
 450 }
 451 */
 452 /* interwiki */
 453 a.named-interwiki {
 454     padding-right: 6px;
 455     margin-right: 0;
 456     background: url("images/interwiki.png") right top no-repeat;
 457 }
 458
 459 #xhtml-validator {
 460     padding-bottom: 0;
 461     vertical-align: middle;
 462 }
 463
 464 #searchholder {
 465     float: right;
 466     /*height: 30px;*/
 467     vertical-align: middle;
 468     margin-top: 10px;
 469     margin-right: 30px;
 470 }
 471
 472 #livesearch {
 473     /*height: 16px;*/
 474     width: 150px;
 475     font-size: 0.8em;
 476 }
 477
 478 #bodyContent {
 479     float: left;
 480     padding: 0 0 20px 25px;
 481     margin: 0 0 0;
 482     width: 550px;
 483     overflow: visible;
 484     /* how to define minimal height? */
 485     min-height: 490px;
 486 }
 487
 488 .narrowcolumn, .wikiblog {
 489     width: 550px !important;
 490     /*max-width: 550px;*/
 491 }
 492
 493 #editpage, #edit-content, .wiki-edithelp {
 494     /* top, right, bottom, left */
 495     padding: 0 0 20px 0;
 496     width: 710px;
 497     overflow: visible;
 498 }
 499
 500 .wiki-edithelp {
 501     font-size: 0.81em;
 502 }
 503
 504 #wikiblog-form div.wiki-edithelp {
 505     width: 550px;
 506     font-size: 8pt;
 507 }
 508
 509 .widecolumn {
 510     padding: 10px 0 20px 0;
 511     margin: 5px auto;
 512     width: 450px;
 513 }
 514
 515 .post {
 516     margin: 0 0 40px;
 517     text-align: justify;
 518 }
 519
 520 .widecolumn .post {
 521     margin: 0;
 522 }
 523
 524 .narrowcolumn .postmetadata {
 525     padding-top: 5px;
 526 }
 527
 528 .widecolumn .postmetadata {
 529     margin: 30px 0;
 530 }
 531
 532 /*  Begin Headers */
 533 h1 {
 534     margin: 0;
 535 }
 536
 537 .description {
 538     text-align: center;
 539 }
 540
 541 /* Black Links */
 542 div.box-title, div.box-title a, div.box-title a:visited, div.box-title a:link {
 543     font-weight: bold;
 544     text-decoration: none;
 545     color: black;
 546 }
 547
 548 div.box-data, div.box-data a, div.box-data a:visited, div.box-data a:link {
 549     font-size: 8pt;
 550 }
 551
 552 #sidebar h2, #sidebar .box-title {
 553     margin: 5px 0 0 0;
 554     padding: 0;
 555     color: black;
 556     text-decoration: none;
 557 }
 558
 559 h3 {
 560     padding: 0;
 561     margin: 30px 0 0;
 562 }
 563
 564 h3.comments {
 565     padding: 0;
 566     margin: 40px auto 20px;
 567 }
 568
 569 /* End Headers */
 570
 571 /* Begin Images */
 572
 573 img {
 574     border: 0;
 575 }
 576
 577 p img {
 578     padding: 0;
 579     max-width: 100%;
 580 }
 581
 582 /*  Using 'class="alignright"' on an image will (who would've
 583   thought?!) align the image to the right. And using 'class="centered',
 584   will of course center the image. This is much better than using
 585   align="center", being much more futureproof (and valid) */
 586
 587 img.centered {
 588     display: block;
 589     margin-left: auto;
 590     margin-right: auto;
 591 }
 592
 593 img.alignright {
 594     padding: 4px;
 595     margin: 0 0 2px 7px;
 596     display: inline;
 597 }
 598
 599 img.alignleft {
 600     padding: 4px;
 601     margin: 0 7px 2px 0;
 602     display: inline;
 603 }
 604
 605 .alignright {
 606     float: right;
 607 }
 608
 609 .alignleft {
 610     float: left
 611 }
 612
 613 /* End Images */
 614
 615 /* Begin Lists
 616
 617   Special stylized non-IE bullets
 618   Do not work in Internet Explorer, which merely default to normal bullets. */
 619
 620 html>body ul {
 621     margin-left: 0;
 622     padding: 0 0 0 30px;
 623     list-style: none;
 624     padding-left: 10px;
 625     text-indent: -10px;
 626 }
 627
 628 html>body li {
 629     margin: 0 0 0 10px;
 630 }
 631
 632 .narrowcolumn ul li:before, #sidebar ul ul li:before {
 633     content: "\00BB \0020";
 634 }
 635
 636 .entry ol {
 637     padding: 0 0 0 35px;
 638     margin: 0;
 639 }
 640
 641 .entry ol li {
 642     margin: 0;
 643     padding: 0;
 644 }
 645
 646 .postmetadata ul, .postmetadata li {
 647     display: inline;
 648     list-style-type: none;
 649     list-style-image: none;
 650 }
 651
 652 #sidebar ul, #sidebar ul ol {
 653     margin: 0;
 654     padding: 0;
 655 }
 656
 657 #sidebar ul li {
 658     list-style-type: none;
 659     list-style-image: none;
 660     margin-bottom: 15px;
 661 }
 662
 663 #sidebar ul p, #sidebar ul select {
 664     margin: 5px 0 8px;
 665 }
 666
 667 #sidebar ul ul, #sidebar ul ol {
 668     margin: 5px 0 0 10px;
 669 }
 670
 671 #sidebar ul ul ul, #sidebar ul ol {
 672     margin: 0 0 0 10px;
 673 }
 674
 675 ol li, #sidebar ul ol li {
 676     list-style: decimal outside;
 677 }
 678
 679 #sidebar ul ul li, #sidebar ul ol li {
 680     margin: 3px 0 0;
 681     padding: 0;
 682 }
 683
 684 /* End Entry Lists */
 685
 686 /* Begin Form Elements */
 687 #searchform {
 688     text-align: right;
 689     display: inline;
 690 }
 691
 692 #wikiblog-summary {
 693     font-weight: bold;
 694 }
 695
 696 /* End Form Elements */
 697
 698 /* Begin Various Tags & Classes */
 699 acronym, abbr, span.caps {
 700     cursor: help;
 701 }
 702
 703 acronym, abbr {
 704     border-bottom: 1px dashed #999;
 705 }
 706
 707 blockquote {
 708     margin: 15px 30px 0 10px;
 709     padding-left: 20px;
 710     border-left: 5px solid #ddd;
 711 }
 712
 713 blockquote cite {
 714     margin: 5px 0 0;
 715     display: block;
 716 }
 717
 718 .center {
 719     text-align: center;
 720 }
 721
 722 hr {
 723     display: none;
 724 }
 725
 726 .navigation {
 727     display: block;
 728     text-align: center;
 729     margin-top: 10px;
 730     margin-bottom: 60px;
 731 }
 732
 733 /* End Various Tags & Classes*/
 734
 735 /**
 736  * Diff Output
 737  */
 738 /* main box */
 739 .diff {
 740     margin-top: 1ex;
 741     margin-bottom: 0.5ex;
 742     background: white;
 743     color: black;
 744     border-top: 1px solid #494f5d;
 745     border-left: 1px solid #494f5d;
 746     border-bottom: 1px solid #c6d2de;
 747     border-right: 1px solid #c6d2de;
 748     padding-top: 1px;
 749     padding-bottom: 1px;
 750     padding-left: .125em;
 751     padding-right: .125em;
 752     padding: 0;
 753     clear: both;
 754 }
 755
 756 .diff .block {
 757     background: #ddd;
 758     padding-left: 1em;
 759 }
 760
 761 /* individual blocks */
 762 .diff .context {
 763     background: white;
 764     border: none;
 765 }
 766
 767 /* entire difftextblock */
 768 #difftext {
 769     width: 710px;
 770     margin-top: 0;
 771     margin-bottom: 0;
 772     background: white;
 773     /* "paper" borders */
 774     border-top: 1px #e8e6df solid;
 775     border-left: 1px #e8e6df solid;
 776     border-bottom: 1px #d2d2d2 solid;
 777     border-right: 1px #b2b2b2 solid;
 778     padding-left: 0;
 779     padding-right: 0;
 780     padding-top: 0;
 781     padding-bottom: 0;
 782     clear: both;
 783 }
 784
 785 /* + - line prefix */
 786 .diff .block tt {
 787     font-weight: normal;
 788     font-family: monospace;
 789     color: black;
 790     margin-left: 0;
 791     border: none;
 792 }
 793
 794 /* changed words */
 795 .diff del, .diff ins {
 796     font-weight: bold;
 797     text-decoration: none;
 798 }
 799
 800 /* blocks containing deleted or added words */
 801 .diff .original, .diff .deleted,
 802 .diff .final, .diff .added {
 803     background: white;
 804 }
 805
 806 /* blocks containing deleted words */
 807 .diff .original, .diff .deleted {
 808     background: #fcc;
 809     border: none;
 810 }
 811
 812 /* blocks containing added words */
 813 .diff .final, .diff .added {
 814     background: #cfc;
 815     border: none;
 816 }
 817
 818 /* deleted words */
 819 .diff del {
 820     background: #f99;
 821 }
 822
 823 /* added words */
 824 .diff ins {
 825     background: #9f9;
 826 }
 827
 828 /**
 829  * PageHistory, Info
 830  */
 831 td.pageinfo {
 832     font-weight: bold;
 833 }
 834
 835 .pageinfo-minoredit, .pageinfo-authorid {
 836     font-size: smaller;
 837     font-style: oblique;
 838 }
 839
 840 #VisualWikiPlugin img {
 841     width: 520px;
 842     margin-left: 0;
 843     padding: 0;
 844 }
 845
 846 /* plugin BoxRight */
 847 div.boxright {
 848     background-color: #e9fbff;
 849     width: 200px;
 850     right: 10px;
 851     padding: 0.5em;
 852     float: right;
 853     border: thin solid #888888;
 854     padding: 0.5em;
 855 }
 856
 857 /* RssFeed */
 858 div.rss {
 859     margin: 1em;
 860     padding: 1em;
 861     font-size: 0.9em;
 862     background-color: #eeeeee;
 863     border: thin dashed #aaa;
 864 }
 865
 866 div.feed {
 867     color: #333;
 868     margin: -0.5em;
 869     margin-bottom: 0;
 870     padding: 0.3em;
 871     font-weight: bold;
 872     background-color: #f2f2f2;
 873     font-size: 1.2em;
 874 }
 875
 876 div.itemdesc {
 877     padding-left: 1em;
 878 }
 879
 880 div.rssitem {
 881     border-top: thin dashed #aaa;
 882 }
 883
 884 /* SqlResult */
 885 table.sqlresult {
 886     border: 1px outset gray;
 887     background: white;
 888     margin: 0.5ex 0.5em;
 889     padding: 1px;
 890 }
 891
 892 .sqlresult tr.evenrow {
 893     background: #eee;
 894 }
 895
 896 .sqlresult tr.oddrow {
 897     background: white;
 898 }
 899
 900 table.sqlresult td {
 901     margin: 1px;
 902     border: 1px solid gray;
 903 }
 904
 905 /**
 906  * TeX2png plugin
 907  */
 908 img.tex {
 909     vertical-align: middle;
 910 }
 911
 912 /**
 913  * PhotoAlbum plugin
 914  */
 915 .boldsmall {
 916     font-weight: bold;
 917     font-size: 11px;
 918 }
 919
 920 /* postnuke css:*/
 921 .gensmall {
 922     font-size: 9px
 923 }
 924
 925 .genmed {
 926     font-size: 11px
 927 }
 928
 929 .wikiwyg_toolbar {
 930     background: #D3D3D3;
 931     border: 1px outset;
 932     letter-spacing: 0;
 933     padding: 2px;
 934 }
 935
 936 span.wikiwyg_control_link a {
 937     padding-right: 8px;
 938 }
 939
 940 .wikiwyg_button {
 941     background: #D3D3D3;
 942     border: 1px solid #D3D3D3;
 943     cursor: pointer;
 944     width: 20px;
 945     height: 20px;
 946     vertical-align: bottom;
 947 }
 948
 949 .wikiwyg_button:hover {
 950     border: 1px outset;
 951 }
 952
 953 .wikiwyg_button:active {
 954     border: 1px inset;
 955 }
 956
 957 .wikiwyg_separator {
 958     background: #D3D3D3;
 959     border: 1px solid #D3D3D3;
 960     width: 9px;
 961     height: 20px;
 962     vertical-align: bottom;
 963 }
 964
 965 .wikiwyg_selector {
 966     width: 70px;
 967 }
 968
 969 .wikiwyg_wysiwyg table {
 970     border-collapse: collapse;
 971     margin-bottom: .2em;
 972 }
 973
 974 .wikiwyg_wysiwyg table td {
 975     border: 1px;
 976     border-style: solid;
 977     padding: .2em;
 978     vertical-align: top;
 979 }
 980
 981 /* WikicreoleTable, MediawikiTable and RichTable plugins ============== */
 982
 983 /*
 984  * table class="boxed"
 985  * will put a border around the table (but not around the cells)
 986  *
 987  * table class="bordered"
 988  * will put a border around the table and the cells
 989  *
 990  * In both cases, the caption will be bold and centered under the table
 991  *
 992  * In both cases, the headers (th) will have a "#d8d8d8" background
 993  */
 994
 995 table.boxed, table.bordered, table.bordered th, table.bordered td {
 996     border-width: 1px;
 997     border-style: solid;
 998     border-collapse: collapse;
 999     vertical-align: top;
1000 }
1001
1002 table.boxed td, table.bordered td,
1003 table.boxed th, table.bordered th {
1004     padding-left: 5px;
1005     padding-right: 5px;
1006     padding-top: 0;
1007     padding-bottom: 0;
1008 }
1009
1010 table.boxed caption, table.bordered caption {
1011     text-align: center;
1012     font-weight: bold;
1013     caption-side: bottom;
1014     padding-top: 0.8em;
1015 }
1016
1017 table.boxed th, table.bordered th {
1018     font-weight: bold;
1019     background-color: #d8d8d8;
1020 }