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 #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 #footer {
 187   font-size: 0.81em;
 188   background-color: #eee;
 189   background: url("images/kubrickfooter.png") no-repeat bottom center;
 190   border: none;
 191   width: 760px;
 192   height: 60px;
 193   clear: both;
 194   text-align: center;
 195 }
 196
 197 #footer p, #bottom p {
 198   margin: 0;
 199   padding: 0;
 200 /*  padding: 20px 0; */
 201 }
 202
 203 .widecolumn .entry p {
 204   font-size: 1.05em;
 205   }
 206
 207 .narrowcolumn .entry, .widecolumn .entry {
 208   line-height: 1.4em;
 209   }
 210
 211 .widecolumn {
 212   line-height: 1.6em;
 213 }
 214
 215 .narrowcolumn .postmetadata {
 216   text-align: center;
 217   }
 218
 219 .graybox {
 220   background-color: #f8f8f8;
 221   border-top: 1px solid #ddd;
 222   border-bottom: 1px solid #ddd;
 223 }
 224
 225 /* generic classes ----------------------------------------------- */
 226
 227 .tt { font-family: monospace; }
 228 .strike { text-decoration:line-through; }
 229
 230 .align-left {text-align: left;}
 231 .align-right {text-align: right;}
 232 .align-center {text-align: center;}
 233
 234 .top {vertical-align: top;}
 235
 236 .nowrap {white-space: nowrap;}
 237
 238 .fullwidth { width: 100%; }
 239
 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', monospace;
 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', monospace;
 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 {
 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: 0;
 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: 0;
 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, monospace;
 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: 0;
 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: 0;
 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: 0;
 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: 0 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 /* Begin Images */
 531
 532 img { border: 0; }
 533
 534 p img {
 535   padding: 0;
 536   max-width: 100%;
 537   }
 538
 539 /*  Using 'class="alignright"' on an image will (who would've
 540   thought?!) align the image to the right. And using 'class="centered',
 541   will of course center the image. This is much better than using
 542   align="center", being much more futureproof (and valid) */
 543
 544 img.centered {
 545   display: block;
 546   margin-left: auto;
 547   margin-right: auto;
 548   }
 549
 550 img.alignright {
 551   padding: 4px;
 552   margin: 0 0 2px 7px;
 553   display: inline;
 554   }
 555
 556 img.alignleft {
 557   padding: 4px;
 558   margin: 0 7px 2px 0;
 559   display: inline;
 560   }
 561
 562 .alignright {
 563   float: right;
 564   }
 565
 566 .alignleft {
 567   float: left
 568   }
 569 /* End Images */
 570
 571 /* Begin Lists
 572
 573   Special stylized non-IE bullets
 574   Do not work in Internet Explorer, which merely default to normal bullets. */
 575
 576 html>body ul {
 577   margin-left: 0;
 578   padding: 0 0 0 30px;
 579   list-style: none;
 580   padding-left: 10px;
 581   text-indent: -10px;
 582   }
 583
 584 html>body li {
 585   margin: 0 0 0 10px;
 586   }
 587
 588 .narrowcolumn ul li:before, #sidebar ul ul li:before {
 589   content: "\00BB \0020";
 590 }
 591
 592 .entry ol {
 593   padding: 0 0 0 35px;
 594   margin: 0;
 595 }
 596
 597 .entry ol li {
 598   margin: 0;
 599   padding: 0;
 600 }
 601
 602 .postmetadata ul, .postmetadata li {
 603   display: inline;
 604   list-style-type: none;
 605   list-style-image: none;
 606 }
 607
 608 #sidebar ul, #sidebar ul ol {
 609   margin: 0;
 610   padding: 0;
 611 }
 612
 613 #sidebar ul li {
 614   list-style-type: none;
 615   list-style-image: none;
 616   margin-bottom: 15px;
 617 }
 618
 619 #sidebar ul p, #sidebar ul select {
 620   margin: 5px 0 8px;
 621 }
 622
 623 #sidebar ul ul, #sidebar ul ol {
 624   margin: 5px 0 0 10px;
 625   }
 626
 627 #sidebar ul ul ul, #sidebar ul ol {
 628   margin: 0 0 0 10px;
 629   }
 630
 631 ol li, #sidebar ul ol li {
 632   list-style: decimal outside;
 633   }
 634
 635 #sidebar ul ul li, #sidebar ul ol li {
 636   margin: 3px 0 0;
 637   padding: 0;
 638   }
 639 /* End Entry Lists */
 640
 641 /* Begin Form Elements */
 642 #searchform {
 643   text-align: right;
 644   display: inline;
 645 }
 646 #wikiblog-summary {
 647   font-weight: bold;
 648 }
 649 /* End Form Elements */
 650
 651 /* Begin Various Tags & Classes */
 652 acronym, abbr, span.caps {
 653   cursor: help;
 654 }
 655
 656 acronym, abbr {
 657   border-bottom: 1px dashed #999;
 658   }
 659
 660 blockquote {
 661   margin: 15px 30px 0 10px;
 662   padding-left: 20px;
 663   border-left: 5px solid #ddd;
 664   }
 665
 666 blockquote cite {
 667   margin: 5px 0 0;
 668   display: block;
 669   }
 670
 671 .center {
 672   text-align: center;
 673   }
 674
 675 hr {
 676   display: none;
 677   }
 678
 679 .navigation {
 680   display: block;
 681   text-align: center;
 682   margin-top: 10px;
 683   margin-bottom: 60px;
 684 }
 685 /* End Various Tags & Classes*/
 686
 687
 688 /**
 689  * Diff Output
 690  */
 691 /* main box */
 692 .diff {
 693   margin-top:    1ex;
 694   margin-bottom: 0.5ex;
 695   background: white;
 696   color: black;
 697   border-top: 1px solid #494f5d;
 698   border-left:  1px solid #494f5d;
 699   border-bottom:  1px solid #c6d2de;
 700   border-right: 1px solid #c6d2de;
 701   padding-top:    1px;
 702   padding-bottom: 1px;
 703   padding-left:  .125em;
 704   padding-right: .125em;
 705   padding: 0;
 706   clear: both;
 707 }
 708 .diff .block {
 709   background: #ddd;
 710   padding-left: 1em;
 711 }
 712
 713 /* individual blocks */
 714 .diff .context {
 715   background: white;
 716   border: none;
 717 }
 718 /* entire difftextblock */
 719 #difftext {
 720   width: 710px;
 721   margin-top:    0;
 722   margin-bottom: 0;
 723   background: white;
 724   /* "paper" borders */
 725   border-top:  1px #e8e6df solid;
 726   border-left: 1px #e8e6df solid;
 727   border-bottom: 1px #d2d2d2 solid;
 728   border-right:  1px #b2b2b2 solid;
 729   padding-left:  0;
 730   padding-right: 0;
 731   padding-top:    0;
 732   padding-bottom: 0;
 733   clear: both;
 734 }
 735 /* + - line prefix */
 736 .diff .block tt {
 737   font-weight: normal;
 738   font-family: monospace;
 739   color: black;
 740   margin-left: 0;
 741   border: none;
 742 }
 743 /* changed words */
 744 .diff del, .diff ins {
 745   font-weight: bold;
 746   text-decoration: none;
 747 }
 748
 749 /* blocks containing deleted or added words */
 750 .diff .original, .diff .deleted,
 751 .diff .final, .diff .added {
 752   background: white;
 753 }
 754 /* blocks containing deleted words */
 755 .diff .original, .diff .deleted {
 756   background: #fcc;
 757   border: none;
 758 }
 759 /* blocks containing added words */
 760 .diff .final, .diff .added {
 761   background: #cfc;
 762   border: none;
 763 }
 764
 765 /* deleted words */
 766 .diff del { background: #f99; }
 767 /* added words */
 768 .diff ins { background: #9f9; }
 769
 770
 771 /**
 772  * PageHistory, Info
 773  */
 774 td.pageinfo { font-weight: bold; }
 775 .pageinfo-minoredit, .pageinfo-authorid {
 776   font-size: smaller;
 777   font-style: oblique;
 778 }
 779
 780 #VisualWikiPlugin img {
 781   width: 520px;
 782   margin-left: 0;
 783   padding: 0;
 784 }
 785
 786 /* plugin BoxRight */
 787 div.boxright {
 788   background-color: #e9fbff;
 789   width: 200px;
 790   right: 10px;
 791   padding: 0.5em;
 792   float: right;
 793   border: thin solid #888888;
 794   padding: 0.5em;
 795 }
 796
 797 /* RssFeed */
 798 div.rss { margin: 1em; padding: 1em; font-size: 0.9em; background-color: #eeeeee; border: thin dashed #aaa; }
 799 div.feed { color: #333; margin: -0.5em; margin-bottom: 0; padding: 0.3em; font-weight: bold; background-color: #f2f2f2; font-size: 1.2em; }
 800 div.itemdesc {  padding-left: 1em; }
 801 div.rssitem { border-top: thin dashed #aaa; }
 802
 803 /* SqlResult */
 804 table.sqlresult {
 805   border: 1px outset gray;
 806   background: white;
 807   margin: 0.5ex 0.5em;
 808   padding: 1px;
 809 }
 810 .sqlresult tr.evenrow { background: #eee; }
 811 .sqlresult tr.oddrow  { background: white; }
 812 table.sqlresult td {
 813   margin: 1px;
 814   border: 1px solid gray;
 815 }
 816
 817 /**
 818  * TeX2png plugin
 819  */
 820 img.tex {
 821   vertical-align: middle;
 822 }
 823
 824 /**
 825  * PhotoAlbum plugin
 826  */
 827 .boldsmall {
 828   font-weight: bold;
 829   font-size: 11px;
 830 }
 831 /* postnuke css:*/
 832 .gensmall{font-size:9px}
 833 .genmed{font-size:11px}
 834
 835 .wikiwyg_toolbar {
 836     background: #D3D3D3;
 837     border: 1px outset;
 838     letter-spacing: 0;
 839     padding: 2px;
 840 }
 841
 842 span.wikiwyg_control_link a {
 843     padding-right: 8px;
 844 }
 845
 846 .wikiwyg_button {
 847     background: #D3D3D3;
 848     border: 1px solid #D3D3D3;
 849     cursor: pointer;
 850     width: 20px;
 851     height: 20px;
 852     vertical-align: bottom;
 853 }
 854
 855 .wikiwyg_button:hover {
 856     border: 1px outset;
 857 }
 858
 859 .wikiwyg_button:active {
 860     border: 1px inset;
 861 }
 862
 863 .wikiwyg_separator {
 864     background: #D3D3D3;
 865     border: 1px solid #D3D3D3;
 866     width: 9px;
 867     height: 20px;
 868     vertical-align: bottom;
 869 }
 870
 871 .wikiwyg_selector {
 872     width: 70px;
 873 }
 874
 875 .wikiwyg_wysiwyg table {
 876     border-collapse: collapse;
 877     margin-bottom: .2em;
 878 }
 879
 880 .wikiwyg_wysiwyg table td {
 881     border: 1px;
 882     border-style: solid;
 883     padding: .2em;
 884     vertical-align: top;
 885 }
 886
 887 /* WikicreoleTable, MediawikiTable and RichTable plugins ============== */
 888
 889 /*
 890  * table class="boxed"
 891  * will put a border around the table (but not around the cells)
 892  *
 893  * table class="bordered"
 894  * will put a border around the table and the cells
 895  *
 896  * In both cases, the caption will be bold and centered under the table
 897  *
 898  * In both cases, the headers (th) will have a "#d8d8d8" background
 899  */
 900
 901 table.boxed, table.bordered, table.bordered th, table.bordered td {
 902     border-width: 1px;
 903     border-style: solid;
 904     border-collapse: collapse;
 905     vertical-align: top;
 906 }
 907
 908 table.boxed td, table.bordered td,
 909 table.boxed th, table.bordered th {
 910     padding-left: 5px;
 911     padding-right: 5px;
 912     padding-top: 0;
 913     padding-bottom: 0;
 914 }
 915
 916 table.boxed caption, table.bordered caption {
 917     text-align: center;
 918     font-weight: bold;
 919     caption-side: bottom;
 920     padding-top: 0.8em;
 921 }
 922
 923 table.boxed th, table.bordered th {
 924     font-weight: bold;
 925     background-color: #d8d8d8;
 926 }