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