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: #eee 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 .commentlist li, #commentform input, #commentform textarea {
 144         font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
 145         }
 146 .commentlist li ul li {
 147         font-size: 1em;
 148 }
 149
 150 .commentlist li {
 151         font-weight: bold;
 152 }
 153
 154 .commentlist li .avatar {
 155         float: right;
 156         border: 1px solid #eee;
 157         padding: 2px;
 158         background: #fff;
 159         }
 160
 161 .commentlist cite, .commentlist cite a {
 162         font-weight: bold;
 163         font-style: normal;
 164         font-size: 1.1em;
 165         }
 166
 167 .commentlist p {
 168         font-weight: normal;
 169         line-height: 1.5em;
 170         text-transform: none;
 171         }
 172
 173 #commentform p {
 174         font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 175         }
 176
 177 .commentmetadata {
 178         font-weight: normal;
 179         }
 180
 181 #sidebar {
 182         font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
 183         }
 184
 185 small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
 186         color: #777;
 187         }
 188
 189 code {
 190         font: 1.1em 'Courier New', Courier, Fixed;
 191         }
 192
 193 acronym, abbr, span.caps
 194 {
 195         font-size: 0.9em;
 196         letter-spacing: .07em;
 197         }
 198
 199 a, h2 a:hover, h3 a:hover {
 200         color: #06c;
 201         text-decoration: none;
 202         }
 203
 204 a:hover {
 205         color: #147;
 206         text-decoration: underline;
 207         }
 208
 209 #wp-calendar #prev a, #wp-calendar #next a {
 210         font-size: 9pt;
 211         }
 212
 213 #wp-calendar a {
 214         text-decoration: none;
 215         }
 216
 217 #wp-calendar caption {
 218         font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
 219         text-align: center;
 220         }
 221
 222 #wp-calendar th {
 223         font-style: normal;
 224         text-transform: capitalize;
 225         }
 226 /* End Typography & Colors */
 227
 228
 229
 230 /* Begin Structure */
 231 body {
 232         margin: 0 0 20px 0;
 233         padding: 0;
 234         }
 235
 236 #page {
 237         background-color: white;
 238         margin: 20px auto;
 239         padding: 0;
 240         width: 760px;
 241         border: 1px solid #959596;
 242         }
 243
 244 #header {
 245         background-color: #73a0c5;
 246         margin: 0 0 0 1px;
 247         padding: 0;
 248         height: 200px;
 249         width: 758px;
 250         }
 251
 252 #headerimg {
 253         margin: 0;
 254         height: 200px;
 255         width: 100%;
 256         }
 257
 258 .narrowcolumn {
 259         float: left;
 260         padding: 0 0 20px 45px;
 261         margin: 0px 0 0;
 262         width: 450px;
 263         }
 264
 265 .widecolumn {
 266         padding: 10px 0 20px 0;
 267         margin: 5px 0 0 150px;
 268         width: 450px;
 269         }
 270
 271 .post {
 272         margin: 0 0 40px;
 273         text-align: justify;
 274         }
 275
 276 .post hr {
 277         display: block;
 278         }
 279
 280 .widecolumn .post {
 281         margin: 0;
 282         }
 283
 284 .narrowcolumn .postmetadata {
 285         padding-top: 5px;
 286         }
 287
 288 .widecolumn .postmetadata {
 289         margin: 30px 0;
 290         }
 291
 292 .widecolumn .smallattachment {
 293         text-align: center;
 294         float: left;
 295         width: 128px;
 296         margin: 5px 5px 5px 0px;
 297 }
 298
 299 .widecolumn .attachment {
 300         text-align: center;
 301         margin: 5px 0px;
 302 }
 303
 304 .postmetadata {
 305         clear: both;
 306 }
 307
 308 .clear {
 309         clear: both;
 310 }
 311
 312 #footer {
 313         padding: 0;
 314         margin: 0 auto;
 315         width: 760px;
 316         clear: both;
 317         }
 318
 319 #footer p {
 320         margin: 0;
 321         padding: 20px 0;
 322         text-align: center;
 323         }
 324 /* End Structure */
 325
 326
 327
 328 /*      Begin Headers */
 329 h1 {
 330         padding-top: 70px;
 331         margin: 0;
 332         }
 333
 334 h2 {
 335         margin: 30px 0 0;
 336         }
 337
 338 h2.pagetitle {
 339         margin-top: 30px;
 340         text-align: center;
 341 }
 342
 343 #sidebar h2 {
 344         margin: 5px 0 0;
 345         padding: 0;
 346         }
 347
 348 h3 {
 349         padding: 0;
 350         margin: 30px 0 0;
 351         }
 352
 353 h3.comments {
 354         padding: 0;
 355         margin: 40px auto 20px ;
 356         }
 357 /* End Headers */
 358
 359
 360
 361 /* Begin Images */
 362 p img {
 363         padding: 0;
 364         max-width: 100%;
 365         }
 366
 367 /*      Using 'class="alignright"' on an image will (who would've
 368         thought?!) align the image to the right. And using 'class="centered',
 369         will of course center the image. This is much better than using
 370         align="center", being much more futureproof (and valid) */
 371
 372 img.centered {
 373         display: block;
 374         margin-left: auto;
 375         margin-right: auto;
 376         }
 377
 378 img.alignright {
 379         padding: 4px;
 380         margin: 0 0 2px 7px;
 381         display: inline;
 382         }
 383
 384 img.alignleft {
 385         padding: 4px;
 386         margin: 0 7px 2px 0;
 387         display: inline;
 388         }
 389
 390 .alignright {
 391         float: right;
 392         }
 393
 394 .alignleft {
 395         float: left
 396         }
 397 /* End Images */
 398
 399
 400
 401 /* Begin Lists
 402
 403         Special stylized non-IE bullets
 404         Do not work in Internet Explorer, which merely default to normal bullets. */
 405
 406 html>body .entry ul {
 407         margin-left: 0px;
 408         padding: 0 0 0 30px;
 409         list-style: none;
 410         padding-left: 10px;
 411         text-indent: -10px;
 412         }
 413
 414 html>body .entry li {
 415         margin: 7px 0 8px 10px;
 416         }
 417
 418 .entry ul li:before, #sidebar ul ul li:before {
 419         content: "\00BB \0020";
 420         }
 421
 422 .entry ol {
 423         padding: 0 0 0 35px;
 424         margin: 0;
 425         }
 426
 427 .entry ol li {
 428         margin: 0;
 429         padding: 0;
 430         }
 431
 432 .postmetadata ul, .postmetadata li {
 433         display: inline;
 434         list-style-type: none;
 435         list-style-image: none;
 436         }
 437
 438 #sidebar ul, #sidebar ul ol {
 439         margin: 0;
 440         padding: 0;
 441         }
 442
 443 #sidebar ul li {
 444         list-style-type: none;
 445         list-style-image: none;
 446         margin-bottom: 15px;
 447         }
 448
 449 #sidebar ul p, #sidebar ul select {
 450         margin: 5px 0 8px;
 451         }
 452
 453 #sidebar ul ul, #sidebar ul ol {
 454         margin: 5px 0 0 10px;
 455         }
 456
 457 #sidebar ul ul ul, #sidebar ul ol {
 458         margin: 0 0 0 10px;
 459         }
 460
 461 ol li, #sidebar ul ol li {
 462         list-style: decimal outside;
 463         }
 464
 465 #sidebar ul ul li, #sidebar ul ol li {
 466         margin: 3px 0 0;
 467         padding: 0;
 468         }
 469 /* End Entry Lists */
 470
 471
 472
 473 /* Begin Form Elements */
 474 #searchform {
 475         margin: 10px auto;
 476         padding: 5px 3px;
 477         text-align: center;
 478         }
 479
 480 #sidebar #searchform #s {
 481         width: 108px;
 482         padding: 2px;
 483         }
 484
 485 #sidebar #searchsubmit {
 486         padding: 1px;
 487         }
 488
 489 .entry form { /* This is mainly for password protected posts, makes them look better. */
 490         text-align:center;
 491         }
 492
 493 select {
 494         width: 130px;
 495         }
 496
 497 #commentform input {
 498         width: 170px;
 499         padding: 2px;
 500         margin: 5px 5px 1px 0;
 501         }
 502
 503 #commentform {
 504         margin: 5px 10px 0 0;
 505         }
 506 #commentform textarea {
 507         width: 100%;
 508         padding: 2px;
 509         }
 510 #respond:after {
 511                 content: ".";
 512             display: block;
 513             height: 0;
 514             clear: both;
 515             visibility: hidden;
 516         }
 517 #commentform #submit {
 518         margin: 0 0 5px auto;
 519         float: right;
 520         }
 521 /* End Form Elements */
 522
 523
 524
 525 /* Begin Comments*/
 526 .alt {
 527         margin: 0;
 528         padding: 10px;
 529         }
 530
 531 .commentlist {
 532         padding: 0;
 533         text-align: justify;
 534         }
 535
 536 .commentlist li {
 537         margin: 15px 0 10px;
 538         padding: 5px 5px 10px 10px;
 539         list-style: none;
 540
 541         }
 542 .commentlist li ul li {
 543         margin-right: -5px;
 544         margin-left: 10px;
 545 }
 546
 547 .commentlist p {
 548         margin: 10px 5px 10px 0;
 549 }
 550 .children { padding: 0; }
 551
 552 #commentform p {
 553         margin: 5px 0;
 554         }
 555
 556 .nocomments {
 557         text-align: center;
 558         margin: 0;
 559         padding: 0;
 560         }
 561
 562 .commentmetadata {
 563         margin: 0;
 564         display: block;
 565         }
 566 /* End Comments */
 567
 568
 569
 570 /* Begin Sidebar */
 571 #sidebar
 572 {
 573         padding: 20px 0 10px 0;
 574         margin-left: 545px;
 575         width: 190px;
 576         }
 577
 578 #sidebar form {
 579         margin: 0;
 580         }
 581 /* End Sidebar */
 582
 583
 584
 585 /* Begin Calendar */
 586 #wp-calendar {
 587         empty-cells: show;
 588         margin: 10px auto 0;
 589         width: 155px;
 590         }
 591
 592 #wp-calendar #next a {
 593         padding-right: 10px;
 594         text-align: right;
 595         }
 596
 597 #wp-calendar #prev a {
 598         padding-left: 10px;
 599         text-align: left;
 600         }
 601
 602 #wp-calendar a {
 603         display: block;
 604         }
 605
 606 #wp-calendar caption {
 607         text-align: center;
 608         width: 100%;
 609         }
 610
 611 #wp-calendar td {
 612         padding: 3px 0;
 613         text-align: center;
 614         }
 615
 616 #wp-calendar td.pad:hover { /* Doesn't work in IE */
 617         background-color: #fff; }
 618 /* End Calendar */
 619
 620
 621
 622 /* Begin Various Tags & Classes */
 623 acronym, abbr, span.caps {
 624         cursor: help;
 625         }
 626
 627 acronym, abbr {
 628         border-bottom: 1px dashed #999;
 629         }
 630
 631 blockquote {
 632         margin: 15px 30px 0 10px;
 633         padding-left: 20px;
 634         border-left: 5px solid #ddd;
 635         }
 636
 637 blockquote cite {
 638         margin: 5px 0 0;
 639         display: block;
 640         }
 641
 642 .center {
 643         text-align: center;
 644         }
 645
 646 .hidden {
 647         display: none;
 648         }
 649
 650 hr {
 651         display: none;
 652         }
 653
 654 a img {
 655         border: none;
 656         }
 657
 658 .navigation {
 659         display: block;
 660         text-align: center;
 661         margin-top: 10px;
 662         margin-bottom: 60px;
 663         }
 664 /* End Various Tags & Classes*/
 665
 666
 667
 668 /* Captions */
 669 .aligncenter,
 670 div.aligncenter {
 671         display: block;
 672         margin-left: auto;
 673         margin-right: auto;
 674 }
 675
 676 .wp-caption {
 677         border: 1px solid #ddd;
 678         text-align: center;
 679         background-color: #f3f3f3;
 680         padding-top: 4px;
 681         margin: 10px;
 682         -moz-border-radius: 3px;
 683         -khtml-border-radius: 3px;
 684         -webkit-border-radius: 3px;
 685         border-radius: 3px;
 686 }
 687
 688 .wp-caption img {
 689         margin: 0;
 690         padding: 0;
 691         border: 0 none;
 692 }
 693
 694 .wp-caption p.wp-caption-text {
 695         font-size: 11px;
 696         line-height: 17px;
 697         padding: 0 4px 5px;
 698         margin: 0;
 699 }
 700 /* End captions */
 701
 702
 703 /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
 704         It won't be a stylish marriage, I can't afford a carriage.
 705         But you'll look sweet upon the seat of a bicycle built for two." */