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