[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: #82cdac url(rsc/img/bg.jpg) repeat-x fixed left top;
  14      color: #000;
  15      font-family: Arial, Helvetica, sans-serif;
  16      font-size: 84%;
  17  
  18  }
  19  
  20  h1, h2, h3, h4, h5, h6 {
  21      font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
  22  }
  23  
  24  div.wrapper
  25  {
  26      margin: 2ex;
  27  }
  28  div.wrapper2 /* Main centered zone */
  29  {
  30      width: 105ex;
  31      margin: 0 auto;
  32  }
  33  div.outerwrap /* Main rounded content zone */
  34  {
  35      margin: 1ex 0;
  36      padding: 5px 0;
  37      /* border: 1px solid #000;  */

  38  }
  39  div.innerwrap /* Main white content zone */
  40  {
  41      padding: 0;
  42      border: 1px solid #fff; /* needed to force inner paddings */ 
  43      background-color:#fff;
  44  }
  45  div.pageHeader /* Title zone */
  46  {
  47      margin: 0 1ex;
  48      padding: 0;
  49      background-image: url(rsc/img/squares.gif);
  50      background-repeat: no-repeat;
  51      background-position: right center;
  52      /* border: 1px solid #f00; */

  53  }
  54  
  55  table.prevnext_post {
  56      width: 98%;
  57  }
  58  
  59  .posts /* Left column */
  60  {
  61      width: 75ex;
  62      float: left;
  63      overflow: hidden;
  64  }
  65  
  66  .bSideBar /* Right column */
  67  {
  68      width: 29ex;
  69      float: right;
  70      overflow: hidden;
  71  }
  72  div.clear {
  73      clear: both;
  74  }
  75  div#pageFooter {
  76      margin: 1ex;
  77      padding:0;
  78      border-top: 1px dotted #000;
  79  }
  80  p.baseline {
  81      font-size: 72%;
  82      text-align: center;
  83      margin:1ex;
  84      color: #444;
  85  }
  86  p.baseline a {
  87      color: #444;
  88  }
  89  
  90  /*

  91   * General styles:

  92   */
  93  a,
  94  a:visited {
  95      color: #666;
  96      text-decoration:none;
  97  }
  98  a:hover,
  99  div.top_menu a:hover {
 100      color: #c0c;
 101      text-decoration:underline;
 102  }
 103  
 104  h2 {
 105      color: #06a3c4;
 106      font-size: 160%;
 107      margin: 1ex;
 108  }
 109  h3 {
 110      color: #06a3c4;
 111      font-size: 110%;
 112  }
 113  h4 {
 114      color: #06a3c4;
 115      font-size: 105%;
 116  }
 117  
 118  /*

 119   * Blog list on top:

 120   */
 121  div.PageTop ul {
 122      border-bottom: 2px solid #06a3c4;
 123      margin: 0 1ex 2px 1ex;
 124      padding: 0 0 2px 0;
 125      list-style-type:none;
 126  }
 127  div.PageTop li {
 128      display: inline;
 129      padding-right: 3ex;
 130  }
 131  a.selected {
 132      color: #06a3c4;
 133      font-weight:bold;
 134  }
 135  
 136  /*

 137   * Menu on top:

 138   */
 139  div.top_menu ul {
 140      margin: 4px 1ex 2px 1ex;
 141      padding: 0 0 2px 0;
 142      list-style-type:none;
 143  }
 144  div.top_menu li {
 145      display: inline;
 146      padding-right: 2ex;
 147  }
 148  div.top_menu a {
 149      color: #999;
 150      font-weight:bold;
 151  }
 152  
 153  
 154  /*

 155   * Header styles:

 156   */
 157  div.pageHeader h1 {
 158      font-size: 250%;
 159      font-weight: bold;
 160      margin: 0;
 161      padding: 0;
 162      color:#06a3c4;
 163  }
 164  div.pageHeader h1 a {
 165      color:#06a3c4;
 166  }
 167  div.pageHeader h1 a:hover {
 168      color: #c0c;
 169  }
 170  div.pageHeader div.widget_core_coll_tagline {
 171      letter-spacing: 4px;
 172      padding: 0 0 3px 0;
 173      font-size: 109%;
 174  }
 175  
 176  
 177  /* 

 178   * Styles for posts

 179   */
 180  .bPost, .bPostpublished
 181  {
 182      clear: both;
 183      margin: 0 1ex 3ex 1ex;
 184      padding: 0;
 185      /* border: 1px solid #e2f1f4; */

 186  }
 187  .bSmallHead {
 188      font-size: 78%;
 189      margin: 1ex;
 190  }
 191  div.bTitle {
 192      clear: both;
 193      margin: 1ex 1ex 0 1ex;
 194      padding: 5px 0 4px 0;
 195      background-color:#06a3c4;
 196  }
 197  h3.bTitle {
 198      margin: 0 1ex;
 199      color: #fff;
 200  }
 201  h3.bTitle a {
 202      color: #fff;
 203  }
 204  .bText {
 205      margin: 0 1ex 0;
 206  }
 207  .bSmallPrint
 208  {
 209      clear: both;
 210      font-size: 78%;
 211      margin: 1ex;
 212  }
 213  
 214  input.bComment, 
 215  textarea.bComment
 216  {
 217      background-color: #eee;
 218      border: 1px solid #ccc;
 219      width: 97%;
 220      padding: 2px;
 221      margin: 0ex;
 222  }
 223  select.bComment        /* Used by the profile form */
 224  {
 225      background-color: #eee;
 226      border: 1px solid #ccc;
 227      padding: 1px;
 228      margin: 0ex;
 229  }
 230  
 231  
 232  /*

 233   * Styles for sidebar (right) 

 234   */
 235  .bSideItem {
 236      margin: 2ex;
 237      padding: 0 0 2ex 0;
 238  }
 239  .bSideItem ul {
 240      margin-left: 8px;
 241      padding-left: 8px;
 242      margin-top: 8px;
 243      margin-bottom: 8px;
 244      list-style-type:square;
 245  }
 246  .bSideItem ul ul{
 247      margin-left: 8px;
 248      padding-left: 8px;
 249      margin-top: 0px;
 250      margin-bottom: 0px;
 251  }
 252  .bSideItem form {
 253      margin-top: 0px;
 254      margin-bottom: 0px;
 255  }
 256  .dimmed
 257  {
 258      color: #aaa;
 259      font-size: 84%;
 260  }
 261  input.SearchField
 262  {
 263      background-color: #eee;
 264      border: 1px solid #ccc;
 265      padding: .5ex;
 266      width: 96%;
 267      margin: 0ex;
 268  }
 269  
 270  /* Special SideItems: */

 271  .widget_plugin_evo_Calr,
 272  .widget_core_coll_title,
 273  .widget_core_coll_longdesc {
 274      padding: 0;
 275  }
 276  .widget_core_coll_title a {
 277      color: #06a3c4;
 278  }
 279  
 280  /* Calendar: */

 281  table.bCalendarTable caption {
 282      border: 1px solid #ccc;
 283      background-color: #eee;
 284      border-bottom: 0;
 285  }
 286  table.bCalendarTable {
 287      border: solid 1px #ccc;
 288      border-collapse: separate; 
 289  }
 290  table.bCalendarTable a {
 291      color: #06a3c4;
 292  }
 293  table.bCalendarTable tfoot td {
 294      background-color: #eee;
 295      border-top: 1px solid #ccc;
 296  }
 297  table.bCalendarTable tfoot a {
 298      text-decoration: none;
 299  }
 300  table.bCalendarTable tfoot a:hover {
 301      background-color: #fac;
 302  }
 303  th.bCalendarHeaderCell {
 304      color: #ccc;
 305      font-weight:normal;
 306  }
 307  #bCalendarToday {

 308      background-color: #E2F1F4;
 309  }
 310  
 311  /*

 312   * Styles for comment screen:

 313   */
 314  form.bComment fieldset div.label,
 315  form.bComment fieldset div.input,
 316  form.bComment fieldset div.info
 317  {
 318      padding-top: 0;
 319      /* font-size: 84%; */

 320  }
 321  textarea.bComment,
 322  input.bComment,
 323  input.SearchField {
 324      background-color: #E2F1F4;
 325  }