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: 0;
 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     width: 710px;
 485     overflow: visible;
 486 }
 487
 488 .wiki-edithelp {
 489     font-size: 0.81em;
 490 }
 491
 492 #wikiblog-form div.wiki-edithelp {
 493     width: 550px;
 494     font-size: 8pt;
 495 }
 496
 497 .widecolumn {
 498     padding: 10px 0 20px 0;
 499     margin: 5px auto;
 500     width: 450px;
 501 }
 502
 503 .post {
 504     margin: 0 0 40px;
 505     text-align: justify;
 506 }
 507
 508 .widecolumn .post {
 509     margin: 0;
 510 }
 511
 512 .narrowcolumn .postmetadata {
 513     padding-top: 5px;
 514 }
 515
 516 .widecolumn .postmetadata {
 517     margin: 30px 0;
 518 }
 519
 520 /*  Begin Headers */
 521 h1 {
 522     margin: 0;
 523 }
 524
 525 .description {
 526     text-align: center;
 527 }
 528
 529 /* Black Links */
 530 div.box-title, div.box-title a, div.box-title a:visited, div.box-title a:link {
 531     font-weight: bold;
 532     text-decoration: none;
 533     color: black;
 534 }
 535
 536 div.box-data, div.box-data a, div.box-data a:visited, div.box-data a:link {
 537     font-size: 8pt;
 538 }
 539
 540 #sidebar h2, #sidebar .box-title {
 541     margin: 5px 0 0 0;
 542     padding: 0;
 543     color: black;
 544     text-decoration: none;
 545 }
 546
 547 h3 {
 548     padding: 0;
 549     margin: 30px 0 0;
 550 }
 551
 552 h3.comments {
 553     padding: 0;
 554     margin: 40px auto 20px;
 555 }
 556
 557 /* End Headers */
 558
 559 /* Begin Images */
 560
 561 img {
 562     border: 0;
 563 }
 564
 565 p img {
 566     padding: 0;
 567     max-width: 100%;
 568 }
 569
 570 /*  Using 'class="alignright"' on an image will (who would've
 571   thought?!) align the image to the right. And using 'class="centered',
 572   will of course center the image. This is much better than using
 573   align="center", being much more futureproof (and valid) */
 574
 575 img.centered {
 576     display: block;
 577     margin-left: auto;
 578     margin-right: auto;
 579 }
 580
 581 img.alignright {
 582     padding: 4px;
 583     margin: 0 0 2px 7px;
 584     display: inline;
 585 }
 586
 587 img.alignleft {
 588     padding: 4px;
 589     margin: 0 7px 2px 0;
 590     display: inline;
 591 }
 592
 593 .alignright {
 594     float: right;
 595 }
 596
 597 .alignleft {
 598     float: left
 599 }
 600
 601 /* End Images */
 602
 603 /* Begin Lists
 604
 605   Special stylized non-IE bullets
 606   Do not work in Internet Explorer, which merely default to normal bullets. */
 607
 608 html>body ul {
 609     margin-left: 0;
 610     padding: 0 0 0 30px;
 611     list-style: none;
 612     padding-left: 10px;
 613     text-indent: -10px;
 614 }
 615
 616 html>body li {
 617     margin: 0 0 0 10px;
 618 }
 619
 620 .narrowcolumn ul li:before, #sidebar ul ul li:before {
 621     content: "\00BB \0020";
 622 }
 623
 624 .entry ol {
 625     padding: 0 0 0 35px;
 626     margin: 0;
 627 }
 628
 629 .entry ol li {
 630     margin: 0;
 631     padding: 0;
 632 }
 633
 634 .postmetadata ul, .postmetadata li {
 635     display: inline;
 636     list-style-type: none;
 637     list-style-image: none;
 638 }
 639
 640 #sidebar ul, #sidebar ul ol {
 641     margin: 0;
 642     padding: 0;
 643 }
 644
 645 #sidebar ul li {
 646     list-style-type: none;
 647     list-style-image: none;
 648     margin-bottom: 15px;
 649 }
 650
 651 #sidebar ul p, #sidebar ul select {
 652     margin: 5px 0 8px;
 653 }
 654
 655 #sidebar ul ul, #sidebar ul ol {
 656     margin: 5px 0 0 10px;
 657 }
 658
 659 #sidebar ul ul ul, #sidebar ul ol {
 660     margin: 0 0 0 10px;
 661 }
 662
 663 ol li, #sidebar ul ol li {
 664     list-style: decimal outside;
 665 }
 666
 667 #sidebar ul ul li, #sidebar ul ol li {
 668     margin: 3px 0 0;
 669     padding: 0;
 670 }
 671
 672 /* End Entry Lists */
 673
 674 /* Begin Form Elements */
 675 #searchform {
 676     text-align: right;
 677     display: inline;
 678 }
 679
 680 #wikiblog-summary {
 681     font-weight: bold;
 682 }
 683
 684 /* End Form Elements */
 685
 686 /* Begin Various Tags & Classes */
 687 acronym, abbr, span.caps {
 688     cursor: help;
 689 }
 690
 691 acronym, abbr {
 692     border-bottom: 1px dashed #999;
 693 }
 694
 695 blockquote {
 696     margin: 15px 30px 0 10px;
 697     padding-left: 20px;
 698     border-left: 5px solid #ddd;
 699 }
 700
 701 blockquote cite {
 702     margin: 5px 0 0;
 703     display: block;
 704 }
 705
 706 .center {
 707     text-align: center;
 708 }
 709
 710 hr {
 711     display: none;
 712 }
 713
 714 .navigation {
 715     display: block;
 716     text-align: center;
 717     margin-top: 10px;
 718     margin-bottom: 60px;
 719 }
 720
 721 /* End Various Tags & Classes*/
 722
 723 /**
 724  * Diff Output
 725  */
 726 /* main box */
 727 .diff {
 728     margin-top: 1ex;
 729     margin-bottom: 0.5ex;
 730     background: white;
 731     color: black;
 732     border-top: 1px solid #494f5d;
 733     border-left: 1px solid #494f5d;
 734     border-bottom: 1px solid #c6d2de;
 735     border-right: 1px solid #c6d2de;
 736     padding-top: 1px;
 737     padding-bottom: 1px;
 738     padding-left: .125em;
 739     padding-right: .125em;
 740     padding: 0;
 741     clear: both;
 742 }
 743
 744 .diff .block {
 745     background: #ddd;
 746     padding-left: 1em;
 747 }
 748
 749 /* individual blocks */
 750 .diff .context {
 751     background: white;
 752     border: none;
 753 }
 754
 755 /* entire difftextblock */
 756 #difftext {
 757     width: 710px;
 758     margin-top: 0;
 759     margin-bottom: 0;
 760     background: white;
 761     /* "paper" borders */
 762     border-top: 1px #e8e6df solid;
 763     border-left: 1px #e8e6df solid;
 764     border-bottom: 1px #d2d2d2 solid;
 765     border-right: 1px #b2b2b2 solid;
 766     padding-left: 0;
 767     padding-right: 0;
 768     padding-top: 0;
 769     padding-bottom: 0;
 770     clear: both;
 771 }
 772
 773 /* + - line prefix */
 774 .diff .block tt {
 775     font-weight: normal;
 776     font-family: monospace;
 777     color: black;
 778     margin-left: 0;
 779     border: none;
 780 }
 781
 782 /* changed words */
 783 .diff del, .diff ins {
 784     font-weight: bold;
 785     text-decoration: none;
 786 }
 787
 788 /* blocks containing deleted or added words */
 789 .diff .original, .diff .deleted,
 790 .diff .final, .diff .added {
 791     background: white;
 792 }
 793
 794 /* blocks containing deleted words */
 795 .diff .original, .diff .deleted {
 796     background: #fcc;
 797     border: none;
 798 }
 799
 800 /* blocks containing added words */
 801 .diff .final, .diff .added {
 802     background: #cfc;
 803     border: none;
 804 }
 805
 806 /* deleted words */
 807 .diff del {
 808     background: #f99;
 809 }
 810
 811 /* added words */
 812 .diff ins {
 813     background: #9f9;
 814 }
 815
 816 /**
 817  * PageHistory, Info
 818  */
 819 td.pageinfo {
 820     font-weight: bold;
 821 }
 822
 823 .pageinfo-minoredit, .pageinfo-authorid {
 824     font-size: smaller;
 825     font-style: oblique;
 826 }
 827
 828 #VisualWikiPlugin img {
 829     width: 520px;
 830     margin-left: 0;
 831     padding: 0;
 832 }
 833
 834 /* plugin BoxRight */
 835 div.boxright {
 836     background-color: #e9fbff;
 837     width: 200px;
 838     right: 10px;
 839     padding: 0.5em;
 840     float: right;
 841     border: thin solid #888888;
 842     padding: 0.5em;
 843 }
 844
 845 /* RssFeed */
 846 div.rss {
 847     margin: 1em;
 848     padding: 1em;
 849     font-size: 0.9em;
 850     background-color: #eeeeee;
 851     border: thin dashed #aaa;
 852 }
 853
 854 div.feed {
 855     color: #333;
 856     margin: -0.5em;
 857     margin-bottom: 0;
 858     padding: 0.3em;
 859     font-weight: bold;
 860     background-color: #f2f2f2;
 861     font-size: 1.2em;
 862 }
 863
 864 div.itemdesc {
 865     padding-left: 1em;
 866 }
 867
 868 div.rssitem {
 869     border-top: thin dashed #aaa;
 870 }
 871
 872 /* SqlResult */
 873 table.sqlresult {
 874     border: 1px outset gray;
 875     background: white;
 876     margin: 0.5ex 0.5em;
 877     padding: 1px;
 878 }
 879
 880 .sqlresult tr.evenrow {
 881     background: #eee;
 882 }
 883
 884 .sqlresult tr.oddrow {
 885     background: white;
 886 }
 887
 888 table.sqlresult td {
 889     margin: 1px;
 890     border: 1px solid gray;
 891 }
 892
 893 /**
 894  * TeX2png plugin
 895  */
 896 img.tex {
 897     vertical-align: middle;
 898 }
 899
 900 /**
 901  * PhotoAlbum plugin
 902  */
 903 .boldsmall {
 904     font-weight: bold;
 905     font-size: 11px;
 906 }
 907
 908 /* postnuke css:*/
 909 .gensmall {
 910     font-size: 9px
 911 }
 912
 913 .genmed {
 914     font-size: 11px
 915 }
 916
 917 .wikiwyg_toolbar {
 918     background: #D3D3D3;
 919     border: 1px outset;
 920     letter-spacing: 0;
 921     padding: 2px;
 922 }
 923
 924 span.wikiwyg_control_link a {
 925     padding-right: 8px;
 926 }
 927
 928 .wikiwyg_button {
 929     background: #D3D3D3;
 930     border: 1px solid #D3D3D3;
 931     cursor: pointer;
 932     width: 20px;
 933     height: 20px;
 934     vertical-align: bottom;
 935 }
 936
 937 .wikiwyg_button:hover {
 938     border: 1px outset;
 939 }
 940
 941 .wikiwyg_button:active {
 942     border: 1px inset;
 943 }
 944
 945 .wikiwyg_separator {
 946     background: #D3D3D3;
 947     border: 1px solid #D3D3D3;
 948     width: 9px;
 949     height: 20px;
 950     vertical-align: bottom;
 951 }
 952
 953 .wikiwyg_selector {
 954     width: 70px;
 955 }
 956
 957 .wikiwyg_wysiwyg table {
 958     border-collapse: collapse;
 959     margin-bottom: .2em;
 960 }
 961
 962 .wikiwyg_wysiwyg table td {
 963     border: 1px;
 964     border-style: solid;
 965     padding: .2em;
 966     vertical-align: top;
 967 }
 968
 969 /* WikicreoleTable, MediawikiTable and RichTable plugins ============== */
 970
 971 /*
 972  * table class="boxed"
 973  * will put a border around the table (but not around the cells)
 974  *
 975  * table class="bordered"
 976  * will put a border around the table and the cells
 977  *
 978  * In both cases, the caption will be bold and centered under the table
 979  *
 980  * In both cases, the headers (th) will have a "#d8d8d8" background
 981  */
 982
 983 table.boxed, table.bordered, table.bordered th, table.bordered td {
 984     border-width: 1px;
 985     border-style: solid;
 986     border-collapse: collapse;
 987     vertical-align: top;
 988 }
 989
 990 table.boxed td, table.bordered td,
 991 table.boxed th, table.bordered th {
 992     padding-left: 5px;
 993     padding-right: 5px;
 994     padding-top: 0;
 995     padding-bottom: 0;
 996 }
 997
 998 table.boxed caption, table.bordered caption {
 999     text-align: center;
1000     font-weight: bold;
1001     caption-side: bottom;
1002     padding-top: 0.8em;
1003 }
1004
1005 table.boxed th, table.bordered th {
1006     font-weight: bold;
1007     background-color: #d8d8d8;
1008 }