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