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