[Sommaire] [Imprimer]

   1  /*

   2  * Original Design: Zeke 1.0 by Michael D. Pollock - http://www.solostream.com/

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

   4  * Distributed under GPL license with b2evolution with written permission from Michael D. Pollock (2007-06-22).

   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  /* -------------------[ Main Page Elements ]------------------- */

  15  
  16  #outer_wrap {

  17  font-size: 10pt;
  18  font-family: georgia,times,'times new roman', serif;
  19  background: #713600 url(img/planks.gif);
  20  color: #303324;
  21  text-align: left;
  22  margin: 0;
  23  padding: 0;
  24  line-height: 140%;
  25  }
  26  
  27  #wrap {

  28  padding: 0 5px;
  29  width: 960px;
  30  margin: 0 auto;
  31  background: #FFFDF2 url(img/zekebg.gif) top left repeat-y;
  32  }
  33  
  34  #header {

  35  color: #FAF7E8;
  36  width:960px;
  37  clear: both;
  38  padding: 0;
  39  margin: 0 auto;
  40  height:160px;
  41  background: #330000 url(img/zekehead.jpg) top center no-repeat;
  42  }
  43  
  44  #nav {

  45  width:960px;
  46  background: #660000 url(img/zekenav.gif) center center no-repeat;
  47  height:40px;
  48  line-height:40px;
  49  margin: 0 auto;
  50  padding:1px 0 0;
  51  border-bottom:1px solid #fff;
  52  }
  53  
  54  #page {

  55  clear: both;
  56  margin: 0 auto;
  57  padding: 0;
  58  }
  59  
  60  #contentleft {

  61  width: 680px;
  62  float:left;
  63  padding: 0;
  64  margin: 0;
  65  }
  66  
  67  #content {

  68  width: 499px;
  69  float: left;
  70  margin: 0 1px 0 0;
  71  padding: 0;
  72  }
  73  
  74  #midcontent {

  75  font-family:tahoma,geneva,verdana,sans-serif;
  76  font-size: 8pt;
  77  width: 160px;
  78  float: right;
  79  margin: 0 0 15px 0;
  80  padding: 15px 10px 15px 0;
  81  }
  82  
  83  #contentright {

  84  font-family:tahoma,geneva,verdana,sans-serif;
  85  font-size: 8pt;
  86  width: 250px;
  87  float:left;
  88  padding: 15px 0 15px 15px;
  89  margin: 0 0 15px;
  90  }
  91  
  92  #sidebar {

  93  width: 250px;
  94  font-size: 8pt;
  95  float: left;
  96  margin: 0;
  97  padding: 0;
  98  }
  99  
 100  #footer {

 101  border-top:1px solid #fff;
 102  font-family:tahoma,geneva,verdana,sans-serif;
 103  font-size: 8pt;
 104  color:#DAD6C4;
 105  width:960px;
 106  background:#220000;
 107  font-size: 8pt;
 108  line-height: 160%;
 109  clear: both;
 110  margin: 0px auto;
 111  padding: 20px 0 ;
 112  text-align: center;
 113  }
 114  
 115  #footer p {

 116  margin: 0;
 117  }
 118  
 119  /* -------------------[ Headings ]------------------- */

 120  
 121  h1, h2, h3, h4, h5, h6, h7 {
 122  color:#330000;
 123  font-family: georgia,times,'times new roman', serif;
 124  letter-spacing:-1px;
 125  line-height: 130%;
 126  margin: 0;
 127  padding: 0;
 128  text-align: left;
 129  font-weight:normal;
 130  }
 131  
 132  h1 {
 133  text-align:center;
 134  font-size:30px;
 135  line-height:100%;
 136  padding: 50px 100px 5px;
 137  margin: 0;
 138  }
 139  h1 a,
 140  h1 a:visited {
 141  color: #FAF7E8;
 142  }
 143  
 144  h2 {
 145  font-size: 14pt;
 146  }
 147  
 148  h3 {
 149  font-size: 12pt;
 150  }
 151  
 152  h4,h5,h6,h7 {
 153  font-size: 10pt;
 154  }
 155  
 156  
 157  #sidebar h2, #midcontent h2  {

 158  font-weight: bold;
 159  font-size:9pt;
 160  letter-spacing:0px;
 161  margin: 0;
 162  padding:0;
 163  }
 164  
 165  
 166  h1.sectionhead, h2.sectionhead, h2#trackbacks, h3.feedback_section, h3.comment_form_title  {
 167  line-height:100%;
 168  font-weight: bold;
 169  font-size:10pt;
 170  letter-spacing:0px;
 171  margin: 0;
 172  padding: 10px 15px;
 173  border-bottom:1px solid #CCC9B8;
 174  background:#E5E0C3;
 175  }
 176  
 177  .entry h1,.entry h2,.entry h3, .entry h4, .entry h5, .entry h6, .entry h7 {
 178  margin-bottom: 10px;
 179  }
 180  
 181  
 182  /* -------------------[ Links ]------------------- */

 183  
 184  a {
 185  color: #996600;
 186  text-decoration: none;
 187  font-size: bold;
 188  }
 189  
 190  a:hover, a:active {
 191  text-decoration:underline;
 192  color:#000;
 193  }
 194  
 195  .entry a, .entry a:link, .entry a:visited, .postinfo a, .postinfo a:link, .postinfo a:visited, .postinfo2 a, .postinfo2 a:link, .postinfo2 a:visited {
 196  text-decoration: underline;
 197  }
 198  
 199  .post h1 a, .post h2 a, .featurepost h2 a, .featurepost h1 a {
 200  color:#330000;
 201  }
 202  
 203  #footer a:hover, #footer a:active {

 204  text-decoration:underline;
 205  color:#fff;
 206  }
 207  
 208  /* -------------------[ Images ]------------------- */

 209  
 210  img.alignright {
 211  float: right;
 212  clear: right;
 213  margin: 0 0 5px 10px;
 214  background: #fff;
 215  padding: 2px;
 216  border: 1px solid #ccc;
 217  }
 218  
 219  img.alignleft {
 220  float: left;
 221  clear: left;
 222  margin: 0 10px 5px 0px;
 223  background: #fff;
 224  padding: 2px;
 225  border: 1px solid #ccc;
 226  }
 227  
 228  img.centered {
 229  display: block;
 230  padding: 2px;
 231  margin: 0 auto 20px auto;
 232  border: 1px solid #ccc;
 233  float: none;
 234  clear: both;
 235  }
 236  
 237  
 238  
 239  /* -------------------[ Sidebar ]------------------- */

 240  
 241  
 242  #sidebar ul {

 243  list-style-type: none;
 244  margin: 0 ;
 245  padding: 0;
 246  }
 247  
 248  #sidebar ul li {

 249  list-style-type: none;
 250  margin: 0 0 10px;
 251  padding: 0;
 252  }
 253  
 254  #sidebar ul li ul {

 255  list-style-type: square;
 256  margin: 0;
 257  padding: 0;
 258  }
 259  
 260  #sidebar ul li ul li {

 261  list-style-type:none;
 262  padding-left:15px;
 263  margin:0;
 264  background:url(img/zekebullet.gif) 0 5px no-repeat;
 265  }
 266  
 267  /* -------------------[ Middle Content ]------------------- */

 268  
 269  #midcontent ul {

 270  list-style-type: none;
 271  margin: 0 ;
 272  padding: 0;
 273  }
 274  
 275  #midcontent ul li {

 276  list-style-type: none;
 277  margin: 0 0 10px;
 278  padding: 0;
 279  }
 280  
 281  #midcontent ul li ul {

 282  list-style-type: square;
 283  margin: 0;
 284  padding: 0;
 285  }
 286  
 287  #midcontent ul li ul li {

 288  list-style-type:none;
 289  padding-left:15px;
 290  margin:0;
 291  background:url(img/zekebullet.gif) 0 5px no-repeat;
 292  }
 293  
 294  /* -------------------[ Form Elements ]------------------- */

 295  
 296  form.bComment {
 297  font-size:8pt;
 298  background: #F2ECCE;
 299  padding: 15px 15px 1px;
 300  margin: 0;
 301  border: none;
 302  border-bottom:1px solid #CCC9B8;
 303  }
 304  
 305  #commentform label {

 306  display:block;
 307  margin: 0;
 308  }
 309  
 310  #commentform input {

 311  width: 170px;
 312  padding: 1px;
 313  margin: 0px 5px 10px 0;
 314  }
 315  
 316  #commentform textarea {

 317  width: 400px;
 318  padding: 0;
 319  margin: 0px 0px 10px 0;
 320  }
 321  
 322  #commentform #submit {

 323  margin: 0 0 20px 0;
 324  }
 325  
 326  #commentform p {

 327  margin: 5px 0;
 328  }
 329  
 330  
 331  /* -------------------[ Comments ]------------------- */

 332  
 333  div.bComment,
 334  div.moderation_msg,
 335  div.feedback_feed_msg {
 336  font-size:8pt;
 337  display: block;
 338  list-style: none;
 339  padding: 15px 15px 0;
 340  margin: 0;
 341  border: none;
 342  border-bottom:1px solid #CCC9B8;
 343  }
 344  
 345  div.bCommentSmallPrint {
 346  font-size: 100%;
 347  margin-bottom: 15px;
 348  }
 349  
 350  #comment_preview {

 351  background-color: #f2ecce;
 352  }
 353  
 354  /* -------------------[ Misc Tags and Classes ]------------------- */

 355  
 356  #header .widget_core_coll_tagline {

 357  color:#FAF7E8;
 358  font-size: 12pt;
 359  padding: 0 100px;
 360  margin: 0;
 361  text-align:center;
 362  }
 363  
 364  .post ul, .singlepost ul {
 365  list-style-type: none;
 366  }
 367  
 368  .post ul li, .singlepost ul li {
 369  list-style-type:none;
 370  background: url(img/zekebullet.gif) 0 4px no-repeat;
 371  padding: 0 0 2px 14px;
 372  }
 373  
 374  p {
 375  margin-top: 0px;
 376  margin-bottom: 15px;
 377  }
 378  
 379  acronym, abbr, span.caps {
 380  cursor: help;
 381  }
 382  
 383  acronym, abbr {
 384  border-bottom: 1px dotted #999;
 385  }
 386  
 387  * html acronym, abbr {
 388  border-bottom: 1px dashed #999;
 389  }
 390  
 391  blockquote {
 392  border-left:5px solid #330000;
 393  padding-left:5px;
 394  }
 395  
 396  .center {
 397  text-align: center;
 398  }
 399  
 400  a img, img a {
 401  border: none;
 402  }
 403  
 404  
 405  table.prevnext_post {
 406  margin: 10px auto;
 407  }
 408  
 409  .navigation {
 410  text-align: left;
 411  margin:0;
 412  padding: 10px 15px;
 413  }
 414  
 415  .alignleft {
 416  float:left;
 417  }
 418  
 419  .alignright {
 420  float:right;
 421  }
 422  
 423  .entry {
 424  padding: 0;
 425  margin: 0;
 426  }
 427  
 428  .postinfo {
 429  font-family:tahoma,geneva,verdana,sans-serif;
 430  font-size: 8pt;
 431  background: url(img/doc.gif) 0 3px no-repeat;
 432  clear: both;
 433  margin: 0 0 10px;
 434  padding-left: 14px;
 435  }
 436  
 437  .post {
 438  margin: 0 ;
 439  padding: 15px 15px 5px;
 440  border-bottom:1px solid #CCC9B8;
 441  }
 442  
 443  .featurepost {
 444  margin: 0;
 445  padding: 15px 15px 5px;
 446  background:#F2ECCE;
 447  border-bottom:1px solid #CCC9B8;
 448  }
 449  
 450  code {
 451  font: 1.1em 'Courier New', Courier, Fixed;
 452  }
 453  
 454  hr {
 455  display: block:
 456  clear:both;
 457  }
 458  
 459  p.bMore a {
 460  background: url(img/arrow-rt.gif) 100% 70% no-repeat;
 461  padding-right:16px;
 462  }
 463  
 464  /* -------------------[ Search ]------------------- */

 465  
 466  .SearchField {
 467  font-size:8pt;
 468  width: 140px;
 469  margin-right: 2px;
 470  }
 471  .search p {
 472  margin-bottom: 0;
 473  }
 474  .search {
 475  margin-bottom: 15px;
 476  }
 477  .search .submit {
 478  font-size:8pt;
 479  }
 480  
 481  /* -------------------[ Navigation ]------------------- */

 482  
 483  ul.nav {
 484  font-size: 8pt;
 485  font-weight:bold;
 486  letter-spacing: 0px;
 487  height:40px;
 488  line-height:40px;
 489  float:left;
 490  list-style: none;
 491  padding: 0;
 492  margin: 0;
 493  }
 494  
 495  ul.nav li {
 496  float: left !important;
 497  margin: 0;
 498  padding: 0;
 499  list-style-type: none;
 500  }
 501  
 502  ul.nav li a, ul.nav li a:link, ul.nav li a:visited {
 503  color: #FAF7E8;
 504  float: left;
 505  display: block;
 506  padding: 0 10px;
 507  }
 508  
 509  ul.nav li a:hover, ul.nav li a:active {
 510  background: #660000;
 511  text-decoration: underline;
 512  }
 513  
 514  ul.nav li.current_page_item a {
 515  text-decoration:underline;
 516  background: #660000;
 517  text-decoration: underline;
 518  }
 519  
 520  ul.nav li ul {
 521  float:left;
 522  margin:0;
 523  padding:0;
 524  }
 525  
 526  /* ---------------[ Tables ]--------------- */

 527  
 528  .entry table {
 529  margin-bottom:15px;
 530  padding:auto;
 531  border:auto;
 532  }
 533  
 534  .entry tr, .entry td, .entry th {
 535  margin:auto; padding:auto; border:auto;
 536  }
 537  
 538  .entry td, .entry th {
 539  padding:8px;
 540  vertical-align:top;
 541  }
 542  
 543  .entry th {
 544  font-weight:bold;
 545  background:#E5E0C3;
 546  }
 547  
 548  .entry td {
 549  border:1px solid #E5E0C3;
 550  }
 551  
 552  /* ---------------[ Related Entries ]--------------- */

 553  
 554  .related {
 555  margin: 0 0 1px;
 556  background:#eee;
 557  padding:10px 10px 8px;
 558  }
 559  
 560  .related ul {
 561  line-height:130%;
 562  margin: 0;
 563  padding-left:0;
 564  list-style-type: none;
 565  }
 566  
 567  .related ul li {
 568  list-style-type:none;
 569  padding: 0 0 0 14px;
 570  margin: 0 0 2px;
 571  background: url(img/zekebullet.gif) 0 3px no-repeat;
 572  }
 573  
 574  ul#archives {
 575  margin: 0 0 15px 5px;
 576  padding: 0;
 577  }
 578  
 579  ul#archives ul {
 580  padding:0;
 581  }
 582  
 583  ul#archives ul li {
 584  background:transparent;
 585  padding-left:0;
 586  margin:0;
 587  }
 588  
 589  ul#archives ul ul {
 590  margin:0;
 591  margin-left: 10px;
 592  padding:0;
 593  }
 594  
 595  
 596  
 597  /*

 598  * Header / bloglist on top:

 599  */
 600  div#header ul {
 601  float:right;
 602  list-style-type:none;
 603  margin: 0;
 604  padding: 6px 4px;
 605  }
 606  div#header li {
 607  margin: 0;
 608  display: inline;
 609  padding: 0 1ex 0 0;
 610  }
 611  div#header li a {
 612  font-weight: bold;
 613  font-style:italic;
 614  color: #fff;
 615  }
 616  div#header li a:hover {
 617  color: #666;
 618  text-decoration: underline;
 619  }
 620  div#header li a.selected {
 621  text-decoration: underline;
 622  }