[Sommaire] [Imprimer]

   1  /* ***** BEGIN LICENSE BLOCK *****
   2   * This file is part of DotClear.
   3   * Copyright (c) 2004 Olivier Meunier and contributors. All rights
   4   * reserved.
   5   *
   6   * DotClear is free software; you can redistribute it and/or modify
   7   * it under the terms of the GNU General Public License as published by
   8   * the Free Software Foundation; either version 2 of the License, or
   9   * (at your option) any later version.
  10   * 
  11   * DotClear is distributed in the hope that it will be useful,
  12   * but WITHOUT ANY WARRANTY; without even the implied warranty of
  13   * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  14   * GNU General Public License for more details.
  15   * 
  16   * You should have received a copy of the GNU General Public License
  17   * along with DotClear; if not, write to the Free Software
  18   * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
  19   *
  20   * ***** END LICENSE BLOCK ***** */
  21  
  22  body {
  23      margin : 0;
  24      padding : 0;
  25      font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
  26      font-size : 0.8em;
  27  }
  28  
  29  p { margin : 1em 0; }
  30  img { border : none; }
  31  form { display : block; margin : 0; padding : 0; }
  32  
  33  h1 { font-size : 2em; margin : 0.67em 0; }
  34  h2 { font-size : 1.5em; margin : 0.83em 0; }
  35  h3 { font-size : 1.17em; margin : 1em 0; }
  36  h4 { font-size : 1em; margin : 1.33em 0; }
  37  h5 { font-size : 0.83em; margin : 1.67em 0; }
  38  h6 { font-size : 0.67em; margin : 2.33em 0; }
  39  
  40  code,pre { font-family : "Courier New",monospace; font-size : 1em; }
  41  
  42  q { font-style : italic; }
  43  
  44  a {
  45      color : #036;
  46  }
  47  
  48  a:hover {
  49      text-decoration : none;
  50  }
  51  
  52  a[hreflang]:after {
  53      content: "\0000a0(" attr(hreflang) ")";
  54      color : #666;
  55      background : transparent;
  56  }
  57  
  58  h2, h3 {
  59      font-family : Georgia,"Times New Roman",serif;
  60  }
  61  
  62  /* Prelude
  63  -------------------------------------------------------- */
  64  #prelude {
  65      position : absolute;
  66      top : 0;
  67      margin : 0;
  68      padding : 0;
  69      font-size : 0.85em;
  70  }
  71  
  72  /* Titre
  73  -------------------------------------------------------- */
  74  #top {
  75      background : #eee;
  76      border-bottom : 1px solid #999;
  77      font-family : Georgia,"Times New Roman",serif;
  78      text-align : center;
  79  }
  80  #top h1 {
  81      margin : 0;
  82      padding : 1em 0 0.6em 0;
  83  }
  84  #top a {
  85      color : #000;
  86      background : transparent;
  87      text-decoration : none;
  88  }
  89  
  90  /* Page
  91  -------------------------------------------------------- */
  92  #page {
  93      
  94  }
  95  
  96  /* Main
  97  -------------------------------------------------------- */
  98  #main {
  99      width : 76%;
 100      float : right;
 101      border-left : 1px solid #999;
 102      /*border-bottom : 1px solid #999;*/
 103  }
 104  
 105  #main h3 {
 106      color : #333;
 107      margin-top : 2em;
 108  }
 109  
 110  .day-date {
 111      font-size : 1em;
 112      font-weight : bold;
 113      margin-top : 2em;
 114      text-align : right;
 115      border-bottom : 1px solid #ccc;
 116      color : #666;
 117      background : transparent;
 118  }
 119  
 120  #main p {
 121      line-height : 1.6em;
 122  }
 123  
 124  .post-title {
 125      margin : 1.5em 0 0 0;
 126      color : #036;
 127  }
 128  .post-title a {
 129      text-decoration : none;
 130  }
 131  
 132  .chapo {
 133      margin-bottom : 2em;
 134  }
 135  .chapo p:first-letter {
 136      /*font-weight : bold;
 137      font-size : 2.5em;
 138      font-family : serif;
 139      float : left;
 140      margin-right : 0.2em;*/
 141  }
 142  
 143  .post-info, .post-info-co {
 144      font-size : 0.85em;
 145      /*text-align : right;*/
 146  }
 147  .post-info {
 148      margin : 0;
 149  }
 150  .post-info-co {
 151      clear : both;
 152      margin-top : 0;
 153  }
 154  
 155  
 156  /* Content
 157  -------------------------------------------------------- */
 158  #content {
 159      margin : 0 1em 0 0;
 160      padding : 1em;
 161  }
 162  
 163  /* Liste commentaires + formulaire
 164  -------------------------------------------------------- */
 165  #comments, #trackbacks {
 166      margin : 0 2em;
 167  }
 168  
 169  #comments blockquote, #trackbacks blockquote {
 170      display : block;
 171      margin : 0;
 172      padding : 1px 1em;
 173      font-style : normal;
 174      border : 1px solid #999;
 175      color : #666;
 176      background : transparent;
 177  }
 178  
 179  .comment-info {
 180      margin-bottom : 0;
 181      font-size : 0.85em;
 182  }
 183  
 184  .erreur {
 185      border : 1px solid;
 186      padding : 0.5em;
 187  }
 188  
 189  /* Menu
 190  -------------------------------------------------------- */
 191  #sidebar {
 192      margin : 0 76% 0 0;
 193      padding : 2em 0;
 194      border-right : 1px solid #999;
 195  }
 196  
 197  #sidebar h2 {
 198      font-weight : normal;
 199      color : #993;
 200  }
 201  
 202  #sidebar ul {
 203      padding-left : 1.5em;
 204      margin-left : 0;
 205  }
 206  
 207  #sidebar li {
 208      list-style : square;
 209      margin-top : 0.15em;
 210      color : #999;
 211      background : transparent;
 212  }
 213  
 214  #sidebar li:hover {
 215      color : #333;
 216      background : transparent;
 217  }
 218  
 219  #sidebar div {
 220      padding : 0 1em 0 1em;
 221  }
 222  
 223  /* Footer
 224  -------------------------------------------------------- */
 225  #footer {
 226      clear : right;
 227      border-top : 1px solid #999;
 228      margin : 0 0 2em 0;
 229      padding : 1em 1em 1em 1em;
 230      background : #fff;
 231      text-align : right;
 232      font-size : 0.8em;
 233  }
 234  
 235  
 236  /* Calendrier
 237  -------------------------------------------------------- */
 238  #calendar {
 239  }
 240  
 241  #calendar table {
 242      border-collapse : collapse;
 243      font-size : 0.8em;
 244      margin : 0 auto;
 245  }
 246  
 247  #calendar caption {
 248      margin : 0 auto;
 249      padding : 0 0 0.3em 0;
 250      font-size : 1.2em;
 251  }
 252  
 253  #calendar abbr {
 254      border : none;
 255  }
 256  
 257  #calendar th, .cal td {
 258      border : none;
 259      padding : 1px;
 260  }
 261  #calendar td {
 262      text-align : center;
 263  }
 264  
 265  #calendar td.active a {
 266      font-weight : bold;
 267  }
 268  
 269  #calendar a {
 270  }
 271  
 272  /* Error messages
 273  -------------------------------------------------------- */
 274  .error {
 275      border : 1px solid #c00;
 276      background : #fee;
 277      padding : 0.5em;
 278  }
 279  .error ul {
 280      padding-left : 20px;
 281  }
 282  .error li {
 283      list-style : square;
 284  }
 285  
 286  
 287  /* Formulaires
 288  -------------------------------------------------------- */
 289  fieldset {
 290      display : block;
 291      border : none;
 292      margin : 0;
 293      padding : 0;
 294  }
 295  
 296  input, textarea {
 297      font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
 298      font-size : 1em;
 299      border-width : 1px;
 300      border-color : #ccc;
 301  }
 302  
 303  input[type], textarea[name] {
 304      background : #eee;
 305  }
 306  
 307  input[type=submit], input[type=reset] {
 308      background : #ccc;
 309      color : #000;
 310  }
 311  
 312  input[type=submit]:hover {
 313      background : #036;
 314      color : #fff;
 315  }
 316  
 317  textarea {
 318      width : 100%;
 319  }
 320  
 321  p.field {
 322      margin : 0.5em 0 0 0;
 323  }
 324  
 325  p.field label {
 326      display : block;
 327      font-weight : bold;
 328      font-size : 0.85em;
 329  }