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 #actionbuttons a {
 113   padding-right: 0px;
 114   font-size: 11px; /* we need pixel units here to match the background */
 115 }
 116
 117 #pagetrail {
 118   margin-left: 19px;
 119 }
 120
 121 #pagetrail p {
 122   font-size: 9px;
 123   margin-top: 0px;
 124   margin-left: 20px;
 125   margin-right: 20px;
 126 }
 127
 128 #page {
 129   background-color: white;
 130   background: url("images/kubrickbg.png");
 131   margin: 20px auto;
 132   padding: 0;
 133   width: 760px;
 134 }
 135
 136 #content {
 137  font-size: 1.2em
 138 }
 139
 140 #pagetitle, #pagetitle a {
 141   color: black;
 142   margin-top: 12px;
 143   margin-bottom: 4px;
 144 }
 145
 146 .indexLetterHeading {
 147   margin-top: 8px;
 148   padding: 4px;
 149   background-color: #f0f0f0;
 150 }
 151
 152 div.wikitext {
 153   margin-left: 25px;
 154   margin-top: 12px;
 155 }
 156
 157 pre {
 158   overflow: hidden;
 159   padding: 2px;
 160   background-color: #f0f0f0;
 161 }
 162
 163 #seealso table, .transclusion-title {
 164   font-size: 0.81em;
 165 }
 166
 167 .transclusion-title {
 168   margin: 0px;
 169
 170 }
 171
 172 .transclusion {
 173   margin-bottom: 8px;
 174 }
 175
 176 div.comments {
 177   margin-top: 0px;
 178   text-align: right;
 179   font-size: 0.81em;
 180 }
 181
 182 #footer {
 183   font-size: 0.81em;
 184   background-color: #eee;
 185   background: url("images/kubrickfooter.png") no-repeat bottom center;
 186   border: none;
 187   width: 760px;
 188   height: 60px;
 189   clear: both;
 190   text-align: center;
 191 }
 192
 193 #footer p {
 194   margin: 0;
 195   padding: 0;
 196 /*  padding: 20px 0; */
 197 }
 198
 199 .widecolumn .entry p {
 200   font-size: 1.05em;
 201   }
 202
 203 .narrowcolumn .entry, .widecolumn .entry {
 204   line-height: 1.4em;
 205   }
 206
 207 .widecolumn {
 208   line-height: 1.6em;
 209 }
 210
 211 .narrowcolumn .postmetadata {
 212   text-align: center;
 213   }
 214
 215 .graybox {
 216   background-color: #f8f8f8;
 217   border-top: 1px solid #ddd;
 218   border-bottom: 1px solid #ddd;
 219 }
 220
 221 small {
 222   font-family: Arial, Helvetica, Sans-Serif;
 223   font-size: 0.9em;
 224   line-height: 1.5em;
 225 }
 226
 227 tt {
 228   font-family: 'Andale Mono', 'Lucida Console', 'Courier New', monospaced;
 229   font-size: 1.05em;
 230 }
 231
 232 pre {
 233   width: 486px;
 234   font-size: 10px;
 235   font-family: 'Andale Mono', 'Lucida Console', 'Courier New', monospaced;
 236   overflow: hidden;
 237 }
 238
 239 h1, h2, h3 {
 240   font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
 241   font-weight: bold;
 242 }
 243
 244 h1 {
 245   font-size: 2em;
 246   text-align: center;
 247 }
 248
 249 .description {
 250   font-size: 1.2em;
 251   text-align: center;
 252   }
 253
 254 h2 {
 255   font-size: 1.6em;
 256   margin-top: 2px;
 257   text-align: left;
 258 }
 259
 260 #sidebar h2, #sidebar .box-title {
 261   font-family: 'Lucida Grande', Verdana, Sans-Serif;
 262   font-size: 1.2em;
 263 }
 264
 265 h3 {
 266   font-size: 1.3em;
 267 }
 268
 269 h1, h1 a, h1 a:hover, h1 a:visited, .description {
 270   text-decoration: none;
 271   /*color: white;*/
 272   color: black;
 273 }
 274
 275 h2, h2 a, h2 a:visited, .box-title a:visited, h3, h3 a, h3 a:visited {
 276   color: #333;
 277 }
 278
 279 h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
 280   text-decoration: none;
 281 }
 282
 283 table.pagelist, table.referrerlist {
 284   width: 100%;
 285 }
 286
 287 table.referrerlist td {
 288   font-size: 0.71em;
 289 }
 290
 291 table.pagelist td {
 292   font-size: 0.81em;
 293 }
 294
 295 tr.evenrow {
 296   background-color: #f0f0f0;
 297 }
 298
 299 .entry p a:visited {
 300   color: #b85b5a;
 301 }
 302
 303 #sidebar {
 304   font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
 305   /* top, right, bottom, left */
 306   padding: 20px 0 10px 0;
 307   margin-left: 535px;
 308   width: 200px;
 309 }
 310
 311 #sidebar form {
 312   margin: 0;
 313 }
 314
 315 #notification {
 316   margin-left: 20px;
 317   background: #ffe0e0;
 318 }
 319
 320 #revisionbox dl, #cachebox dl {
 321   width: 200px;
 322   margin: 0px;
 323   background: #ffe0e0 url("images/bottom_sidebar_round.png") no-repeat bottom left;
 324 }
 325 #revisionbox dd, #cachebox dd {
 326   padding-bottom: 10px;
 327 }
 328 #revisionbox dt, #cachebox dt {
 329   margin: 0px;
 330   padding: 5px;
 331   background: #ffe0e0 url("images/top_sidebar_round.png") no-repeat top left;
 332 }
 333
 334 small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
 335   color: #777;
 336   }
 337
 338 code {
 339   font: 1.1em 'Courier New', Courier, Fixed;
 340 }
 341
 342 acronym, abbr, span.caps
 343 {
 344   font-size: 0.9em;
 345   letter-spacing: .07em;
 346   }
 347
 348 a, h2 a:hover, h3 a:hover {
 349   color: #06c;
 350   text-decoration: none;
 351   }
 352
 353 a:hover {
 354   color: #147;
 355   text-decoration: underline;
 356 }
 357
 358 a.namedurl {
 359   padding-right: 6px;
 360   margin-right: 0px;
 361   background: url("images/http.png") right top no-repeat;
 362 }
 363 /* https links */
 364 a.namedurl[href*="https"] {
 365   padding-right: 6px;
 366   margin-right: 0px;
 367   background: url("images/https.png") right top no-repeat;
 368 }
 369 /* local links (override above) */
 370 /*
 371 a.namedurl[href*="the.taoofmac.com"] {
 372   padding-right: 0px;
 373   background: none;
 374 }
 375 */
 376 /* interwiki */
 377 a.named-interwiki {
 378   padding-right: 6px;
 379   margin-right: 0px;
 380   background: url("images/interwiki.png") right top no-repeat;
 381 }
 382
 383 #xhtml-validator {
 384   padding-bottom: 0;
 385   vertical-align: middle;
 386 }
 387
 388 #searchholder {
 389   float: right;
 390   height: 30px;
 391   vertical-align: middle;
 392   margin-top: 10px;
 393   margin-right: 35px;
 394 }
 395
 396 #livesearch {
 397   height: 13px;
 398   width: 100px;
 399 }
 400
 401 .narrowcolumn, #logincontent, #editcontent {
 402   float: left;
 403   padding: 0 0 20px 25px;
 404   margin: 0px 0 0;
 405   width: 490px;
 406   }
 407
 408 .widecolumn {
 409   padding: 10px 0 20px 0;
 410   margin: 5px auto;
 411   width: 450px;
 412   }
 413
 414 .post {
 415   margin: 0 0 40px;
 416   text-align: justify;
 417   }
 418
 419 .widecolumn .post {
 420   margin: 0;
 421   }
 422
 423 .narrowcolumn .postmetadata {
 424   padding-top: 5px;
 425   }
 426
 427 .widecolumn .postmetadata {
 428   margin: 30px 0;
 429 }
 430
 431
 432 /*  Begin Headers */
 433 h1 {
 434   margin: 0;
 435 }
 436
 437 .description {
 438   text-align: center;
 439   }
 440
 441 /* Black Links */
 442 div.box-title, div.box-title a, div.box-title a:visited, div.box-title a:link {
 443   font-weight: bold;
 444   text-decoration: none;
 445   color: black;
 446 }
 447
 448 #sidebar h2, #sidebar .box-title {
 449   margin: 5px 0 0;
 450   padding: 0;
 451   color: black;
 452   text-decoration: none;
 453   }
 454
 455 h3 {
 456   padding: 0;
 457   margin: 30px 0 0;
 458   }
 459
 460 h3.comments {
 461   padding: 0;
 462   margin: 40px auto 20px ;
 463   }
 464 /* End Headers */
 465
 466
 467
 468 /* Begin Images */
 469 p img {
 470   padding: 0;
 471   max-width: 100%;
 472   }
 473
 474 /*  Using 'class="alignright"' on an image will (who would've
 475   thought?!) align the image to the right. And using 'class="centered',
 476   will of course center the image. This is much better than using
 477   align="center", being much more futureproof (and valid) */
 478
 479 img.centered {
 480   display: block;
 481   margin-left: auto;
 482   margin-right: auto;
 483   }
 484
 485 img.alignright {
 486   padding: 4px;
 487   margin: 0 0 2px 7px;
 488   display: inline;
 489   }
 490
 491 img.alignleft {
 492   padding: 4px;
 493   margin: 0 7px 2px 0;
 494   display: inline;
 495   }
 496
 497 .alignright {
 498   float: right;
 499   }
 500
 501 .alignleft {
 502   float: left
 503   }
 504 /* End Images */
 505
 506
 507
 508 /* Begin Lists
 509
 510   Special stylized non-IE bullets
 511   Do not work in Internet Explorer, which merely default to normal bullets. */
 512
 513 html>body ul {
 514   margin-left: 0px;
 515   padding: 0 0 0 30px;
 516   list-style: none;
 517   padding-left: 10px;
 518   text-indent: -10px;
 519   }
 520
 521 html>body li {
 522   margin: 0 0 0 10px;
 523   }
 524
 525 .narrowcolumn ul li:before, #sidebar ul ul li:before {
 526   content: "\00BB \0020";
 527 }
 528
 529 .entry ol {
 530   padding: 0 0 0 35px;
 531   margin: 0;
 532 }
 533
 534 .entry ol li {
 535   margin: 0;
 536   padding: 0;
 537 }
 538
 539 .postmetadata ul, .postmetadata li {
 540   display: inline;
 541   list-style-type: none;
 542   list-style-image: none;
 543 }
 544
 545 #sidebar ul, #sidebar ul ol {
 546   margin: 0;
 547   padding: 0;
 548 }
 549
 550 #sidebar ul li {
 551   list-style-type: none;
 552   list-style-image: none;
 553   margin-bottom: 15px;
 554 }
 555
 556 #sidebar ul p, #sidebar ul select {
 557   margin: 5px 0 8px;
 558 }
 559
 560 #sidebar ul ul, #sidebar ul ol {
 561   margin: 5px 0 0 10px;
 562   }
 563
 564 #sidebar ul ul ul, #sidebar ul ol {
 565   margin: 0 0 0 10px;
 566   }
 567
 568 ol li, #sidebar ul ol li {
 569   list-style: decimal outside;
 570   }
 571
 572 #sidebar ul ul li, #sidebar ul ol li {
 573   margin: 3px 0 0;
 574   padding: 0;
 575   }
 576 /* End Entry Lists */
 577
 578
 579
 580 /* Begin Form Elements */
 581 #searchform {
 582   text-align: right;
 583 }
 584
 585 body p, #editpage {
 586   margin-left: 40px;
 587   margin-right: 20px;
 588 }
 589 /* End Form Elements */
 590
 591 /* Begin Various Tags & Classes */
 592 acronym, abbr, span.caps {
 593   cursor: help;
 594 }
 595
 596 acronym, abbr {
 597   border-bottom: 1px dashed #999;
 598   }
 599
 600 blockquote {
 601   margin: 15px 30px 0 10px;
 602   padding-left: 20px;
 603   border-left: 5px solid #ddd;
 604   }
 605
 606 blockquote cite {
 607   margin: 5px 0 0;
 608   display: block;
 609   }
 610
 611 .center {
 612   text-align: center;
 613   }
 614
 615 hr {
 616   display: none;
 617   }
 618
 619 a img {
 620   border: none;
 621   }
 622
 623 .navigation {
 624   display: block;
 625   text-align: center;
 626   margin-top: 10px;
 627   margin-bottom: 60px;
 628 }
 629 /* End Various Tags & Classes*/
 630
 631 #VisualWikiPlugin img {
 632   width: 480px;
 633   margin-left: 0;
 634   padding: 0;
 635 }