[Sommaire] [Imprimer]

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