[Sommaire] [Imprimer]

   1  /* Designed by Francois PLANQUE - http://fplanque.net/ */

   2  
   3  @import url(../../rsc/css/basic.css);    /* Import basic styles */
   4  @import url(../../rsc/css/img.css);    /* Import standard image styles */
   5  @import url(../../rsc/css/blog_elements.css);    /* Import standard blog elements styles */
   6  @import url(../../rsc/css/forms.css);    /* Import default form styles */
   7  @import url(../../rsc/css/comments.css);    /* Import default comment styles */
   8  
   9  /*

  10   * Main page construct:

  11   */
  12  body {
  13      background: #eee url(rsc/img/bg.gif) repeat fixed center;
  14      color: #000;
  15      font-family: Georgia, "Times New Roman", Times, serif;
  16  }
  17  
  18  div.wrapper
  19  {
  20      margin: 1em;
  21  }
  22  div.wrapper2 /* Main white content zone */
  23  {
  24      background: #fff url(rsc/img/flamand.gif) no-repeat right bottom;
  25      width: 90ex;
  26      margin: 0 auto;
  27      padding: 0;
  28      border: 1px solid #000;
  29  }
  30  
  31  div.pageHeader /* Title zone */
  32  {
  33      margin: 1ex;
  34      padding: 0;
  35      border-bottom: 1px dotted #000;
  36      background-image: url(rsc/img/birds.gif);
  37      background-repeat: no-repeat;
  38      background-position: right top;
  39  }
  40  
  41  
  42  .bPosts /* Left column */
  43  {
  44      width: 60ex;
  45      float: left;
  46      overflow: hidden;
  47  }
  48  
  49  .bSideBar /* Right column */
  50  {
  51      width: 29ex;
  52      float: right;
  53      overflow: hidden;
  54      border-left: 1px dotted #000;
  55      padding-bottom: 250px;    /* Breathing space for background image */
  56  }
  57  div.clear {
  58      clear: both;
  59  }
  60  div#pageFooter {
  61      margin: 1ex 195px 1ex 1ex;
  62      padding:0;
  63      border-top: 1px dotted #000;
  64  }
  65  p.baseline {
  66      font-size: 70%;
  67      text-align: center;
  68      margin:1ex;
  69  }
  70  
  71  /*

  72   * General styles:

  73   */
  74  a,
  75  a:visited {
  76      color: #666;
  77      text-decoration:none;
  78  }
  79  a:hover {
  80      color: #c0c;
  81      text-decoration:underline;
  82  }
  83  
  84  h2 {
  85      color: #f09;
  86      font-size: 180%;
  87      margin: 1ex;
  88  }
  89  h3 {
  90      color: #f09;
  91      font-size: 120%;
  92  }
  93  h4 {
  94      color: #f09;
  95      font-size: 110%;
  96  }
  97  
  98  /*

  99   * Blog list on top:

 100   */
 101  div.PageTop ul {
 102      border-bottom: 1px dotted #000;
 103      margin: 0 1ex;
 104      padding: 0;
 105      list-style-type:none;
 106      padding: .5ex 0;
 107  }
 108  div.PageTop li {
 109      display: inline;
 110      padding-right: 1em;
 111  }
 112  div.PageTop a.selected {
 113      color: #f09;
 114      font-weight:bold;
 115  }
 116  
 117  
 118  /*

 119   * Menu on top:

 120   */
 121  div.top_menu ul {
 122      margin: 0;
 123      padding: 0;
 124      list-style-type:none;
 125      padding: .5ex 0;
 126  }
 127  div.top_menu li {
 128      display: inline;
 129      padding-right: 1em;
 130  }
 131  div.top_menu a.selected {
 132      color: #f09;
 133      font-weight:bold;
 134  }
 135  
 136  
 137  /*

 138   * Header styles:

 139   */
 140  div.pageHeader h1 {
 141      font-size: 250%;
 142      font-weight: bold;
 143      margin: 0;
 144      padding: 0;
 145  }
 146  div.pageHeader h1 a {
 147      color: #000;
 148  }
 149  div.pageHeader h1 a:hover {
 150      color: #c0c;
 151  }
 152  div.pageHeader div.widget_core_coll_tagline {
 153      letter-spacing: 4px;
 154      margin: 1ex 0;
 155      font-size: 109%;
 156  }
 157  
 158  
 159  /* 

 160   * Styles for forms

 161   */
 162  .bPost, .bPostpublished
 163  {
 164      clear: both;
 165      margin: 0 2.5ex;
 166      padding: 0;
 167  }
 168  div.separator {
 169      text-align:center;
 170      margin: 2em 0;
 171  }
 172  .bSmallHead {
 173      font-size: 78%;
 174      margin: 2ex 0 1ex 0;
 175  }
 176  .bTitle {
 177      color: #000;
 178      margin: 1ex 0;
 179  }
 180  .bText {
 181      margin-top: 0px;
 182      margin-bottom: 0px;
 183  }
 184  .bSmallPrint
 185  {
 186      clear: both;
 187      font-size: 78%;
 188      margin: 1ex 0 2ex 0;
 189  }
 190  
 191  input.bComment, 
 192  textarea.bComment
 193  {
 194      background-color: #eee;
 195      border: 1px solid #ccc;
 196      width: 97%;
 197      padding: 2px;
 198      margin: 0ex;
 199  }
 200  select.bComment        /* Used by the profile form */
 201  {
 202      background-color: #eee;
 203      border: 1px solid #ccc;
 204      padding: 1px;
 205      margin: 0ex;
 206  }
 207  
 208  
 209  /*

 210   * Styles for sidebar (right) 

 211   */
 212  .bSideItem {
 213      font-size: 84%;
 214      margin: 2ex;
 215      padding: 0 0 2ex 0;
 216  }
 217  
 218  .bSideItem ul {
 219      margin-left: 8px;
 220      padding-left: 8px;
 221      margin-top: 8px;
 222      margin-bottom: 8px;
 223      list-style-type:square;
 224  }
 225  .bSideItem ul ul{
 226      margin-left: 8px;
 227      padding-left: 8px;
 228      margin-top: 0px;
 229      margin-bottom: 0px;
 230  }
 231  .bSideItem form {
 232      margin-top: 0px;
 233      margin-bottom: 0px;
 234  }
 235  .dimmed
 236  {
 237      color: #aaa;
 238      font-size: 84%;
 239  }
 240  input.SearchField
 241  {
 242      background-color: #eee;
 243      border: 1px solid #ccc;
 244      padding: .5ex;
 245      width: 96%;
 246      margin: 0ex;
 247  }
 248  
 249  /* Special SideItems: */

 250  .widget_plugin_evo_Calr,
 251  .widget_core_coll_title,
 252  .widget_core_coll_longdesc {
 253      padding: 0;
 254  }
 255  .widget_core_coll_title a {
 256      color: #f09;
 257  }
 258  
 259  /* Calendar: */

 260  table.bCalendarTable caption {
 261      border: 1px solid #ccc;
 262      background-color: #eee;
 263      border-bottom: 0;
 264  }
 265  table.bCalendarTable {
 266      border: solid 1px #ccc;
 267      border-collapse: separate; 
 268  }
 269  table.bCalendarTable a {
 270      color: #f09;
 271  }
 272  table.bCalendarTable tfoot td {
 273      background-color: #eee;
 274      border-top: 1px solid #ccc;
 275  }
 276  table.bCalendarTable tfoot a {
 277      text-decoration: none;
 278  }
 279  table.bCalendarTable tfoot a:hover {
 280      background-color: #fac;
 281  }
 282  th.bCalendarHeaderCell {
 283      color: #ccc;
 284      font-weight:normal;
 285  }
 286  #bCalendarToday {

 287      background-color: #fac;
 288  }
 289  
 290  /*

 291   * Styles for comment screen:

 292   */
 293  form.bComment fieldset div.label,
 294  form.bComment fieldset div.input,
 295  form.bComment fieldset div.info
 296  {
 297      font-size: 84%;
 298  }
 299  textarea.bComment,
 300  input.bComment,
 301  input.SearchField {
 302      background-color: #fff0f8;
 303  }