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