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