[Summary view] [Print] [Text view]

   1  /*
   2  Theme Name: WordPress Default
   3  Theme URI: http://wordpress.org/
   4  Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
   5  Version: 1.6
   6  Author: Michael Heilemann
   7  Author URI: http://binarybonsai.com/
   8  Tags: blue, custom header, fixed width, two columns, widgets
   9  
  10      Kubrick v1.5
  11       http://binarybonsai.com/kubrick/
  12  
  13      This theme was designed and built by Michael Heilemann,
  14      whose blog you will find at http://binarybonsai.com/
  15  
  16      The CSS, XHTML and design is released under GPL:
  17      http://www.opensource.org/licenses/gpl-license.php
  18  
  19  */
  20  
  21  
  22  
  23  /* Begin Typography & Colors */
  24  body {
  25      font-size: 62.5%; /* Resets 1em to 10px */
  26      font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  27      background: #d5d6d7 url('images/kubrickbgcolor.jpg');
  28      color: #333;
  29      text-align: center;
  30      }
  31  
  32  #page {
  33      background-color: white;
  34      border: 1px solid #959596;
  35      text-align: left;
  36      }
  37  
  38  #header {
  39      background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
  40      }
  41  
  42  #headerimg     {
  43      margin: 7px 9px 0;
  44      height: 192px;
  45      width: 740px;
  46      }
  47  
  48  #content {
  49      font-size: 1.2em;
  50      }
  51  
  52  .widecolumn .entry p {
  53      font-size: 1.05em;
  54      }
  55  
  56  .narrowcolumn .entry, .widecolumn .entry {
  57      line-height: 1.4em;
  58      }
  59  
  60  .widecolumn {
  61      line-height: 1.6em;
  62      }
  63  
  64  .narrowcolumn .postmetadata {
  65      text-align: center;
  66      }
  67  
  68  .thread-alt {
  69      background-color: #f8f8f8;
  70  }
  71  .thread-even {
  72      background-color: white;
  73  }
  74  .depth-1 {
  75  border: 1px solid #ddd;
  76  }
  77  
  78  .even, .alt {
  79  
  80      border-left: 1px solid #ddd;
  81  }
  82  
  83  #footer {
  84      background: #e7e7e7 url('images/kubrickfooter.jpg') no-repeat top;
  85      border: none;
  86      }
  87  
  88  small {
  89      font-family: Arial, Helvetica, Sans-Serif;
  90      font-size: 0.9em;
  91      line-height: 1.5em;
  92      }
  93  
  94  h1, h2, h3 {
  95      font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  96      font-weight: bold;
  97      }
  98  
  99  h1 {
 100      font-size: 4em;
 101      text-align: center;
 102      }
 103  
 104  #headerimg .description {
 105      font-size: 1.2em;
 106      text-align: center;
 107      }
 108  
 109  h2 {
 110      font-size: 1.6em;
 111      }
 112  
 113  h2.pagetitle {
 114      font-size: 1.6em;
 115      }
 116  
 117  #sidebar h2 {
 118      font-family: 'Lucida Grande', Verdana, Sans-Serif;
 119      font-size: 1.2em;
 120      }
 121  
 122  h3 {
 123      font-size: 1.3em;
 124      }
 125  
 126  h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
 127      text-decoration: none;
 128      color: white;
 129      }
 130  
 131  h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
 132      color: #333;
 133      }
 134  
 135  h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
 136      text-decoration: none;
 137      }
 138  
 139  .entry p a:visited {
 140      color: #b85b5a;
 141      }
 142  
 143  .sticky {
 144      background: #f7f7f7;
 145      padding: 0 10px 10px;
 146      }
 147  .sticky h2 {
 148      padding-top: 10px;
 149      }
 150  
 151  .commentlist li, #commentform input, #commentform textarea {
 152      font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
 153      }
 154  .commentlist li ul li {
 155      font-size: 1em;
 156  }
 157  
 158  .commentlist li {
 159      font-weight: bold;
 160  }
 161  
 162  .commentlist li .avatar { 
 163      float: right;
 164      border: 1px solid #eee;
 165      padding: 2px;
 166      background: #fff;
 167      }
 168  
 169  .commentlist cite, .commentlist cite a {
 170      font-weight: bold;
 171      font-style: normal;
 172      font-size: 1.1em;
 173      }
 174  
 175  .commentlist p {
 176      font-weight: normal;
 177      line-height: 1.5em;
 178      text-transform: none;
 179      }
 180  
 181  #commentform p {
 182      font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 183      }
 184  
 185  .commentmetadata {
 186      font-weight: normal;
 187      }
 188  
 189  #sidebar {
 190      font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
 191      }
 192  
 193  small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
 194      color: #777;
 195      }
 196  
 197  code {
 198      font: 1.1em 'Courier New', Courier, Fixed;
 199      }
 200  
 201  acronym, abbr, span.caps
 202  {
 203      font-size: 0.9em;
 204      letter-spacing: .07em;
 205      }
 206  
 207  a, h2 a:hover, h3 a:hover {
 208      color: #06c;
 209      text-decoration: none;
 210      }
 211  
 212  a:hover {
 213      color: #147;
 214      text-decoration: underline;
 215      }
 216  
 217  #wp-calendar #prev a, #wp-calendar #next a {
 218      font-size: 9pt;
 219      }
 220  
 221  #wp-calendar a {
 222      text-decoration: none;
 223      }
 224  
 225  #wp-calendar caption {
 226      font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
 227      text-align: center;
 228      }
 229  
 230  #wp-calendar th {
 231      font-style: normal;
 232      text-transform: capitalize;
 233      }
 234  /* End Typography & Colors */
 235  
 236  
 237  
 238  /* Begin Structure */
 239  body {
 240      margin: 0 0 20px 0;
 241      padding: 0;
 242      }
 243  
 244  #page {
 245      background-color: white;
 246      margin: 20px auto;
 247      padding: 0;
 248      width: 760px;
 249      border: 1px solid #959596;
 250      }
 251  
 252  #header {
 253      background-color: #73a0c5;
 254      margin: 0 0 0 1px;
 255      padding: 0;
 256      height: 200px;
 257      width: 758px;
 258      }
 259  
 260  #headerimg {
 261      margin: 0;
 262      height: 200px;
 263      width: 100%;
 264      }
 265  
 266  .narrowcolumn {
 267      float: left;
 268      padding: 0 0 20px 45px;
 269      margin: 0px 0 0;
 270      width: 450px;
 271      }
 272  
 273  .widecolumn {
 274      padding: 10px 0 20px 0;
 275      margin: 5px 0 0 150px;
 276      width: 450px;
 277      }
 278  
 279  .post {
 280      margin: 0 0 40px;
 281      text-align: justify;
 282      }
 283  
 284  .post hr {
 285      display: block;
 286      }
 287  
 288  .widecolumn .post {
 289      margin: 0;
 290      }
 291  
 292  .narrowcolumn .postmetadata {
 293      padding-top: 5px;
 294      }
 295  
 296  .widecolumn .postmetadata {
 297      margin: 30px 0;
 298      }
 299  
 300  .widecolumn .smallattachment {
 301      text-align: center;
 302      float: left;
 303      width: 128px;
 304      margin: 5px 5px 5px 0px;
 305  }
 306  
 307  .widecolumn .attachment {
 308      text-align: center;
 309      margin: 5px 0px;
 310  }
 311  
 312  .postmetadata {
 313      clear: both;
 314  }
 315  
 316  .clear {
 317      clear: both;
 318  }
 319  
 320  #footer {
 321      padding: 0;
 322      margin: 0 auto;
 323      width: 760px;
 324      clear: both;
 325      }
 326  
 327  #footer p {
 328      margin: 0;
 329      padding: 20px 0;
 330      text-align: center;
 331      }
 332  /* End Structure */
 333  
 334  
 335  
 336  /*    Begin Headers */
 337  h1 {
 338      padding-top: 70px;
 339      margin: 0;
 340      }
 341  
 342  h2 {
 343      margin: 30px 0 0;
 344      }
 345  
 346  h2.pagetitle {
 347      margin-top: 30px;
 348      text-align: center;
 349  }
 350  
 351  #sidebar h2 {
 352      margin: 5px 0 0;
 353      padding: 0;
 354      }
 355  
 356  h3 {
 357      padding: 0;
 358      margin: 30px 0 0;
 359      }
 360  
 361  h3.comments {
 362      padding: 0;
 363      margin: 40px auto 20px ;
 364      }
 365  /* End Headers */
 366  
 367  
 368  
 369  /* Begin Images */
 370  p img {
 371      padding: 0;
 372      max-width: 100%;
 373      }
 374  
 375  /*    Using 'class="alignright"' on an image will (who would've
 376      thought?!) align the image to the right. And using 'class="centered',
 377      will of course center the image. This is much better than using
 378      align="center", being much more futureproof (and valid) */
 379  
 380  img.centered {
 381      display: block;
 382      margin-left: auto;
 383      margin-right: auto;
 384      }
 385  
 386  img.alignright {
 387      padding: 4px;
 388      margin: 0 0 2px 7px;
 389      display: inline;
 390      }
 391  
 392  img.alignleft {
 393      padding: 4px;
 394      margin: 0 7px 2px 0;
 395      display: inline;
 396      }
 397  
 398  .alignright {
 399      float: right;
 400      }
 401  
 402  .alignleft {
 403      float: left;
 404      }
 405  /* End Images */
 406  
 407  
 408  
 409  /* Begin Lists
 410  
 411      Special stylized non-IE bullets
 412      Do not work in Internet Explorer, which merely default to normal bullets. */
 413  
 414  html>body .entry ul {
 415      margin-left: 0px;
 416      padding: 0 0 0 30px;
 417      list-style: none;
 418      padding-left: 10px;
 419      text-indent: -10px;
 420      }
 421  
 422  html>body .entry li {
 423      margin: 7px 0 8px 10px;
 424      }
 425  
 426  .entry ul li:before, #sidebar ul ul li:before {
 427      content: "\00BB \0020";
 428      }
 429  
 430  .entry ol {
 431      padding: 0 0 0 35px;
 432      margin: 0;
 433      }
 434  
 435  .entry ol li {
 436      margin: 0;
 437      padding: 0;
 438      }
 439  
 440  .postmetadata ul, .postmetadata li {
 441      display: inline;
 442      list-style-type: none;
 443      list-style-image: none;
 444      }
 445  
 446  #sidebar ul, #sidebar ul ol {
 447      margin: 0;
 448      padding: 0;
 449      }
 450  
 451  #sidebar ul li {
 452      list-style-type: none;
 453      list-style-image: none;
 454      margin-bottom: 15px;
 455      }
 456  
 457  #sidebar ul p, #sidebar ul select {
 458      margin: 5px 0 8px;
 459      }
 460  
 461  #sidebar ul ul, #sidebar ul ol {
 462      margin: 5px 0 0 10px;
 463      }
 464  
 465  #sidebar ul ul ul, #sidebar ul ol {
 466      margin: 0 0 0 10px;
 467      }
 468  
 469  ol li, #sidebar ul ol li {
 470      list-style: decimal outside;
 471      }
 472  
 473  #sidebar ul ul li, #sidebar ul ol li {
 474      margin: 3px 0 0;
 475      padding: 0;
 476      }
 477  /* End Entry Lists */
 478  
 479  
 480  
 481  /* Begin Form Elements */
 482  #searchform {
 483      margin: 10px auto;
 484      padding: 5px 3px;
 485      text-align: center;
 486      }
 487  
 488  #sidebar #searchform #s {
 489      width: 108px;
 490      padding: 2px;
 491      }
 492  
 493  #sidebar #searchsubmit {
 494      padding: 1px;
 495      }
 496  
 497  .entry form { /* This is mainly for password protected posts, makes them look better. */
 498      text-align:center;
 499      }
 500  
 501  select {
 502      width: 130px;
 503      }
 504  
 505  #commentform input {
 506      width: 170px;
 507      padding: 2px;
 508      margin: 5px 5px 1px 0;
 509      }
 510  
 511  #commentform {
 512      margin: 5px 10px 0 0;
 513      }
 514  #commentform textarea {
 515      width: 100%;
 516      padding: 2px;
 517      }
 518  #respond:after {
 519          content: "."; 
 520          display: block; 
 521          height: 0; 
 522          clear: both; 
 523          visibility: hidden;
 524      }
 525  #commentform #submit {
 526      margin: 0 0 5px auto;
 527      float: right;
 528      }
 529  /* End Form Elements */
 530  
 531  
 532  
 533  /* Begin Comments*/
 534  .alt {
 535      margin: 0;
 536      padding: 10px;
 537      }
 538  
 539  .commentlist {
 540      padding: 0;
 541      text-align: justify;
 542      }
 543  
 544  .commentlist li {
 545      margin: 15px 0 10px;
 546      padding: 5px 5px 10px 10px;
 547      list-style: none;
 548  
 549      }
 550  .commentlist li ul li { 
 551      margin-right: -5px;
 552      margin-left: 10px;
 553  }
 554  
 555  .commentlist p {
 556      margin: 10px 5px 10px 0;
 557  }
 558  .children { padding: 0; }
 559  
 560  #commentform p {
 561      margin: 5px 0;
 562      }
 563  
 564  .nocomments {
 565      text-align: center;
 566      margin: 0;
 567      padding: 0;
 568      }
 569  
 570  .commentmetadata {
 571      margin: 0;
 572      display: block;
 573      }
 574  /* End Comments */
 575  
 576  
 577  
 578  /* Begin Sidebar */
 579  #sidebar
 580  {
 581      padding: 20px 0 10px 0;
 582      margin-left: 545px;
 583      width: 190px;
 584      }
 585  
 586  #sidebar form {
 587      margin: 0;
 588      }
 589  /* End Sidebar */
 590  
 591  
 592  
 593  /* Begin Calendar */
 594  #wp-calendar {
 595      empty-cells: show;
 596      margin: 10px auto 0;
 597      width: 155px;
 598      }
 599  
 600  #wp-calendar #next a {
 601      padding-right: 10px;
 602      text-align: right;
 603      }
 604  
 605  #wp-calendar #prev a {
 606      padding-left: 10px;
 607      text-align: left;
 608      }
 609  
 610  #wp-calendar a {
 611      display: block;
 612      }
 613  
 614  #wp-calendar caption {
 615      text-align: center;
 616      width: 100%;
 617      }
 618  
 619  #wp-calendar td {
 620      padding: 3px 0;
 621      text-align: center;
 622      }
 623  
 624  #wp-calendar td.pad:hover { /* Doesn't work in IE */
 625      background-color: #fff; }
 626  /* End Calendar */
 627  
 628  
 629  
 630  /* Begin Various Tags & Classes */
 631  acronym, abbr, span.caps {
 632      cursor: help;
 633      }
 634  
 635  acronym, abbr {
 636      border-bottom: 1px dashed #999;
 637      }
 638  
 639  blockquote {
 640      margin: 15px 30px 0 10px;
 641      padding-left: 20px;
 642      border-left: 5px solid #ddd;
 643      }
 644  
 645  blockquote cite {
 646      margin: 5px 0 0;
 647      display: block;
 648      }
 649  
 650  .center {
 651      text-align: center;
 652      }
 653  
 654  .hidden {
 655      display: none;
 656      }
 657      
 658  .screen-reader-text {
 659       position: absolute;
 660       left: -1000em;
 661  }
 662  
 663  hr {
 664      display: none;
 665      }
 666  
 667  a img {
 668      border: none;
 669      }
 670  
 671  .navigation {
 672      display: block;
 673      text-align: center;
 674      margin-top: 10px;
 675      margin-bottom: 60px;
 676      }
 677  /* End Various Tags & Classes*/
 678  
 679  
 680  
 681  /* Captions */
 682  .aligncenter,
 683  div.aligncenter {
 684      display: block;
 685      margin-left: auto;
 686      margin-right: auto;
 687  }
 688  
 689  .wp-caption {
 690      border: 1px solid #ddd;
 691      text-align: center;
 692      background-color: #f3f3f3;
 693      padding-top: 4px;
 694      margin: 10px;
 695      -moz-border-radius: 3px;
 696      -khtml-border-radius: 3px;
 697      -webkit-border-radius: 3px;
 698      border-radius: 3px;
 699  }
 700  
 701  .wp-caption img {
 702      margin: 0;
 703      padding: 0;
 704      border: 0 none;
 705  }
 706  
 707  .wp-caption p.wp-caption-text {
 708      font-size: 11px;
 709      line-height: 17px;
 710      padding: 0 4px 5px;
 711      margin: 0;
 712  }
 713  /* End captions */
 714  
 715  
 716  /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
 717      It won't be a stylish marriage, I can't afford a carriage.
 718      But you'll look sweet upon the seat of a bicycle built for two." */