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