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