wp-content/themes/default/style.css

   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." */