[Sommaire] [Imprimer]

   1  /*

   2  * Original Design: WordPress Kubrick  1.6 by Michael Heilemann - http://binarybonsai.com/

   3  * Ported to b2evolution 2.0 by The Skin Faktory - http://skinfaktory.com/

   4  * Distributed with b2evolution with written permission from Michael Heilemann (2007-01-25).

   5  */
   6  
   7  @import url(../../rsc/css/basic.css);    /* Import basic styles */
   8  @import url(../../rsc/css/img.css);    /* Import standard image styles */
   9  @import url(../../rsc/css/blog_elements.css);    /* Import standard blog elements styles */
  10  @import url(../../rsc/css/forms.css);    /* Import default form styles */
  11  @import url(../../rsc/css/comments.css);    /* Import default comment styles */
  12  
  13  
  14  /* Begin Typography & Colors */

  15  body {
  16  font-size: 62.5%; /* Resets 1em to 10px */
  17  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  18  background: #d5d6d7 url('img/kubrickbgcolor.jpg');
  19  color: #333;
  20  text-align: center;
  21  }
  22  
  23  #page {

  24  background-color: white;
  25  /* border: 1px solid #959596; */

  26  text-align: left;
  27  }
  28  
  29  #header {

  30  background: #73a0c5 url('img/kubrickheader.jpg') no-repeat bottom center;
  31  }
  32  
  33  #headerimg     {

  34  margin: 7px 9px 0;
  35  height: 192px;
  36  width: 740px;
  37  font-size: 1.2em;
  38  text-align: center;
  39  color: white;
  40  }
  41  
  42  #content {

  43  clear: both;
  44  font-size: 1.2em
  45  }
  46  
  47  .widecolumn .bText p {
  48  font-size: 1.05em;
  49  }
  50  
  51  .narrowcolumn .bText,
  52  .widecolumn .bText {
  53  line-height: 1.4em;
  54  }
  55  
  56  .widecolumn {
  57  line-height: 1.6em;
  58  }
  59  
  60  .narrowcolumn .postmetadata {
  61  text-align: center;
  62  }
  63  
  64  .alt {
  65  background-color: #f8f8f8;
  66  border-top: 1px solid #ddd;
  67  border-bottom: 1px solid #ddd;
  68  }
  69  
  70  #footer {

  71  background: url('img/kubrickfooter.jpg') no-repeat bottom;
  72  border: none;
  73  }
  74  
  75  small {
  76  font-family: Arial, Helvetica, Sans-Serif;
  77  font-size: 0.9em;
  78  line-height: 1.5em;
  79  }
  80  
  81  h1, h2, h3 {
  82  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  83  font-weight: bold;
  84  }
  85  
  86  h1 {
  87  font-size: 340%;
  88  text-align: center;
  89  }
  90  
  91  h2 {
  92  font-size: 1.6em;
  93  }
  94  
  95  h2.pagetitle {
  96  font-size: 1.6em;
  97  }
  98  
  99  #sidebar h2 {

 100  font-family: 'Lucida Grande', Verdana, Sans-Serif;
 101  font-size: 1.2em;
 102  }
 103  
 104  h3 {
 105  font-size: 1.3em;
 106  }
 107  
 108  h1, h1 a, h1 a:hover, h1 a:visited {
 109  text-decoration: none;
 110  color: white;
 111  }
 112  
 113  h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
 114  color: #333;
 115  }
 116  
 117  h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
 118  text-decoration: none;
 119  }
 120  
 121  .bText p a:visited {
 122  color: #b85b5a;
 123  }
 124  
 125  .commentlist li, #commentform input, #commentform textarea {
 126  font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
 127  }
 128  
 129  .commentlist li {
 130  font-weight: bold;
 131  }
 132  
 133  .commentlist cite, .commentlist cite a {
 134  font-weight: bold;
 135  font-style: normal;
 136  font-size: 1.1em;
 137  }
 138  
 139  .commentlist p {
 140  font-weight: normal;
 141  line-height: 1.5em;
 142  text-transform: none;
 143  }
 144  
 145  #commentform p {

 146  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 147  }
 148  
 149  .commentmetadata {
 150  font-weight: normal;
 151  }
 152  
 153  #sidebar {

 154  font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
 155  }
 156  
 157  small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
 158  color: #777;
 159  }
 160  
 161  code {
 162  font: 1.1em 'Courier New', Courier, Fixed;
 163  }
 164  
 165  acronym, abbr, span.caps
 166  {
 167  font-size: 0.9em;
 168  letter-spacing: .07em;
 169  }
 170  
 171  a, h2 a:hover, h3 a:hover {
 172  color: #06c;
 173  text-decoration: none;
 174  }
 175  
 176  a:hover {
 177  color: #147;
 178  text-decoration: underline;
 179  }
 180  
 181  #wp-calendar #prev a, #wp-calendar #next a {

 182  font-size: 9pt;
 183  }
 184  
 185  #wp-calendar a {

 186  text-decoration: none;
 187  }
 188  
 189  #wp-calendar caption {

 190  font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
 191  text-align: center;
 192  }
 193  
 194  #wp-calendar th {

 195  font-style: normal;
 196  text-transform: capitalize;
 197  }
 198  /* End Typography & Colors */

 199  
 200  
 201  
 202  /* Begin Structure */

 203  body {
 204  margin: 0 0 20px 0;
 205  padding: 0;
 206  }
 207  
 208  #page {

 209  background-color: white;
 210  margin: 20px auto;
 211  padding: 0;
 212  width: 760px;
 213  /* border: 1px solid #959596; */

 214  background: url("img/kubrickbg-ltr.jpg");
 215  }
 216  
 217  #header {

 218  background-color: #73a0c5;
 219  margin: 0 0 0 1px;
 220  padding: 0;
 221  height: 200px;
 222  width: 758px;
 223  }
 224  
 225  #headerimg {

 226  margin: 0;
 227  height: 200px;
 228  width: 100%;
 229  }
 230  
 231  .narrowcolumn {
 232  float: left;
 233  padding: 0 0 20px 45px;
 234  margin: 0px 0 0;
 235  width: 450px;
 236  }
 237  
 238  .widecolumn {
 239  padding: 10px 0 20px 0;
 240  margin: 5px 0 0 150px;
 241  width: 450px;
 242  }
 243  
 244  .post {
 245  margin: 0 0 40px;
 246  text-align: justify;
 247  }
 248  
 249  .post hr {
 250  display: block;
 251  }
 252  
 253  .widecolumn .post {
 254  margin: 0;
 255  }
 256  
 257  .narrowcolumn .postmetadata {
 258  padding-top: 5px;
 259  }
 260  
 261  .widecolumn .postmetadata {
 262  margin: 30px 0;
 263  }
 264  
 265  .widecolumn .smallattachment {
 266  text-align: center;
 267  float: left;
 268  width: 128px;
 269  margin: 5px 5px 5px 0px;
 270  }
 271  
 272  .widecolumn .attachment {
 273  text-align: center;
 274  margin: 5px 0px;
 275  }
 276  
 277  .postmetadata {
 278  clear: left;
 279  }
 280  
 281  #footer {

 282  padding: 0;
 283  margin: 0 auto;
 284  width: 760px;
 285  clear: both;
 286  }
 287  
 288  #footer p {

 289  margin: 0;
 290  padding: 20px 0;
 291  text-align: center;
 292  }
 293  /* End Structure */

 294  
 295  
 296  
 297  /*    Begin Headers */

 298  h1 {
 299  padding-top: 70px;
 300  margin: 0;
 301  }
 302  
 303  h2 {
 304  margin: 30px 0 0;
 305  }
 306  
 307  h2.pagetitle {
 308  margin-top: 30px;
 309  text-align: center;
 310  }
 311  
 312  #sidebar h2 {

 313  margin: 5px 0 0;
 314  padding: 0;
 315  }
 316  
 317  h3 {
 318  padding: 0;
 319  margin: 30px 0 0;
 320  }
 321  
 322  h3.comments {
 323  padding: 0;
 324  margin: 40px auto 20px ;
 325  }
 326  /* End Headers */

 327  
 328  
 329  
 330  /* Begin Images */

 331  p img {
 332  padding: 0;
 333  max-width: 100%;
 334  }
 335  
 336  /*    Using 'class="alignright"' on an image will (who would've

 337  thought?!) align the image to the right. And using 'class="centered',

 338  will of course center the image. This is much better than using

 339  align="center", being much more futureproof (and valid) */
 340  
 341  img.centered {
 342  display: block;
 343  margin-left: auto;
 344  margin-right: auto;
 345  }
 346  
 347  img.alignright {
 348  padding: 4px;
 349  margin: 0 0 2px 7px;
 350  display: inline;
 351  }
 352  
 353  img.alignleft {
 354  padding: 4px;
 355  margin: 0 7px 2px 0;
 356  display: inline;
 357  }
 358  
 359  .alignright {
 360  float: right;
 361  }
 362  
 363  .alignleft {
 364  float: left
 365  }
 366  /* End Images */

 367  
 368  
 369  
 370  /* Begin Lists

 371  

 372  Special stylized non-IE bullets

 373  Do not work in Internet Explorer, which merely default to normal bullets. */
 374  
 375  html>body .bText ul {
 376  margin-left: 0px;
 377  padding: 0 0 0 30px;
 378  list-style: none;
 379  padding-left: 10px;
 380  text-indent: -10px;
 381  }
 382  
 383  html>body .bText li {
 384  margin: 7px 0 8px 10px;
 385  }
 386  
 387  .bText ul li:before, #sidebar ul ul li:before {
 388  content: "\00BB \0020";
 389  }
 390  
 391  .bText ol {
 392  padding: 0 0 0 35px;
 393  margin: 0;
 394  }
 395  
 396  .bText ol li {
 397  margin: 0;
 398  padding: 0;
 399  }
 400  
 401  .postmetadata ul, .postmetadata li {
 402  display: inline;
 403  list-style-type: none;
 404  list-style-image: none;
 405  }
 406  
 407  #sidebar ul, #sidebar ul ol {

 408  margin: 0;
 409  padding: 0;
 410  }
 411  
 412  #sidebar ul li {

 413  list-style-type: none;
 414  list-style-image: none;
 415  margin-bottom: 15px;
 416  }
 417  
 418  #sidebar ul p, #sidebar ul select {

 419  margin: 5px 0 8px;
 420  }
 421  
 422  #sidebar ul ul, #sidebar ul ol {

 423  margin: 5px 0 0 10px;
 424  }
 425  
 426  #sidebar ul ul ul, #sidebar ul ol {

 427  margin: 0 0 0 10px;
 428  }
 429  
 430  ol li, #sidebar ul ol li {
 431  list-style: decimal outside;
 432  }
 433  
 434  #sidebar ul ul li, #sidebar ul ol li {

 435  margin: 3px 0 0;
 436  padding: 0;
 437  }
 438  /* End bText Lists */

 439  
 440  
 441  
 442  
 443  /* Begin Sidebar */

 444  #sidebar

 445  {
 446  padding: 20px 0 10px 0;
 447  margin-left: 545px;
 448  width: 190px;
 449  }
 450  
 451  #sidebar form {

 452  margin: 0;
 453  }
 454  
 455  
 456  #sidebar .note,

 457  #sidebar .notes {

 458  margin-top: 1ex;
 459  font-size: 100%;
 460  }
 461  
 462  table.bCalendarTable {
 463  font-size: 100%;
 464  width: 155px;
 465  }
 466  table.bCalendarTable caption {
 467  font-size: 130%;
 468  }
 469  table.bCalendarTable th {
 470  font-size: 100%;
 471  }
 472  
 473  input.SearchField {
 474  width: 182px;
 475  padding: 2px;
 476  }
 477  /* End Sidebar */

 478  
 479  
 480  
 481  
 482  
 483  /* Begin Various Tags & Classes */

 484  acronym, abbr, span.caps {
 485  cursor: help;
 486  }
 487  
 488  acronym, abbr {
 489  border-bottom: 1px dashed #999;
 490  }
 491  
 492  blockquote {
 493  margin: 15px 30px 0 10px;
 494  padding-left: 20px;
 495  border-left: 5px solid #ddd;
 496  }
 497  
 498  blockquote cite {
 499  margin: 5px 0 0;
 500  display: block;
 501  }
 502  
 503  .center {
 504  text-align: center;
 505  }
 506  
 507  hr {
 508  display: none;
 509  }
 510  
 511  a img {
 512  border: none;
 513  }
 514  
 515  .navigation {
 516  display: block;
 517  text-align: center;
 518  margin-top: 10px;
 519  margin-bottom: 60px;
 520  }
 521  /* End Various Tags & Classes*/

 522  
 523  
 524  /* Default styles overriden for this skin: */

 525  table.prevnext_post {
 526  width: 100%;
 527  }
 528  
 529  /* Styles for comments */

 530  div.bComment, /* Entire comment block */
 531  form.bComment /* New comment form */
 532  {
 533  margin: 1ex 0;
 534  border: 1px dotted #999;
 535  }
 536  
 537  div.moderation_msg
 538  {
 539  margin: 1ex 0;
 540  }
 541  
 542  
 543  /*

 544  * Header / bloglist on top:

 545  */
 546  div#header ul {
 547  float:right;
 548  margin: 19px 24px;
 549  padding: 0;
 550  list-style-type:none;
 551  padding: 8px 0;
 552  }
 553  div#header li {
 554  display: inline;
 555  padding: 0 1ex 0 0;
 556  }
 557  div#header li a {
 558  font-weight: bold;
 559  font-style:italic;
 560  color: #fff;
 561  }
 562  div#header li a:hover {
 563  color: #666;
 564  text-decoration: underline;
 565  }
 566  div#header li a.selected {
 567  text-decoration: underline;
 568  }
 569  
 570  /* Top menu */

 571  div.top_menu ul {
 572  float:left;
 573  margin: 0 24px;
 574  padding: 0;
 575  list-style-type:none;
 576  padding: 8px 0 8px 0;
 577  font-size: 108%;
 578  }
 579  div.top_menu li {
 580  display: inline;
 581  padding: 0 1em 0 0;
 582  }
 583  div.top_menu a {
 584  font-weight: bold;
 585  }
 586  div.top_menu a:hover {
 587  color: #666;
 588  text-decoration: underline;
 589  }
 590  div.top_menu a.selected {
 591  text-decoration: underline;
 592  }