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