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