[Sommaire] [Imprimer]

   1  /* $Id: style.css,v 1.19 2006/12/27 13:17:15 drumm Exp $ */
   2  
   3  /*
   4  ** HTML elements
   5  */
   6  body {
   7    margin: 0;
   8    padding: 0;
   9    color: #000;
  10    background-color: #fff;
  11    font: 76% Verdana, Arial, Helvetica, sans-serif;
  12  }
  13  tr.odd td, tr.even td {
  14    padding: 0.3em;
  15  }
  16  h1, h2, h3, h4, h5, h6 {
  17    margin-bottom: 0.5em;
  18  }
  19  h1 {
  20    font-size: 1.3em;
  21  }
  22  h2 {
  23    font-size: 1.2em;
  24  }
  25  h3, h4, h5, h6 {
  26    font-size: 1.1em;
  27  }
  28  p {
  29    margin-top: 0.5em;
  30    margin-bottom: 0.9em;
  31  }
  32  a {
  33    text-decoration: none;
  34    font-weight: bold;
  35  }
  36  a:link {
  37    color: #39c;
  38  }
  39  a:visited {
  40    color: #369;
  41  }
  42  a:hover {
  43    color: #39c;
  44    text-decoration: underline;
  45  }
  46  fieldset {
  47    border: 1px solid #ccc;
  48  }
  49  pre {
  50    background-color: #eee;
  51    padding: 0.75em 1.5em;
  52    font-size: 12px;
  53    border: 1px solid #ddd;
  54  }
  55  table {
  56    /* make <td> sizes relative to body size! */
  57    font-size: 1em;
  58  }
  59  .form-item label {
  60    font-size: 1em;
  61    color: #222;
  62  }
  63  .item-list .title {
  64    font-size: 1em;
  65    color: #222;
  66  }
  67  .links {
  68    margin-bottom: 0;
  69  }
  70  .comment .links {
  71    margin-bottom: 0;
  72  }
  73  
  74  /*
  75  ** Page layout blocks / IDs
  76  */
  77  #header, #content {
  78    width: 100%;
  79  }
  80  #header {
  81    background-color: #69c;
  82  }
  83  #logo {
  84    vertical-align: middle;
  85    border: 0;
  86  }
  87  #logo img {
  88    float: left;
  89    padding: 0 1em;
  90    border: 0;
  91  }
  92  #menu {
  93    padding: 0.5em 0.5em 0 0.5em;
  94    text-align: right;
  95    vertical-align: middle;
  96  }
  97  #navlist {
  98    font-size: 1.0em;
  99    padding: 0 0.8em 1.2em 0;
 100    color: #9cf;
 101  }
 102  #navlist a {
 103    font-weight: bold;
 104    color: #fff;
 105  }
 106  #subnavlist {
 107    padding: 0.5em 1.2em 0.4em 0;
 108    font-size: 0.8em;
 109    color: #9cf;
 110  }
 111  #subnavlist a {
 112    font-weight: bold;
 113    color: #9cf;
 114  }
 115  ul.links li {
 116    border-left: 1px solid #9cf;
 117  }
 118  ul.links li.first {
 119    border: none;
 120  }
 121  #search .form-text, #search .form-submit {
 122    border: 1px solid #369;
 123    font-size: 1.1em;
 124    height: 1.5em;
 125    vertical-align: middle;
 126  }
 127  #search .form-text {
 128    width: 8em;
 129    padding: 0 0.5em;
 130  }
 131  #mission {
 132    background-color: #369;
 133    padding: 1.5em 2em;
 134    color: #fff;
 135  }
 136  #mission a, #mission a:visited {
 137    color: #9cf;
 138    font-weight: bold;
 139  }
 140  .site-name {
 141    margin: 0.6em 0 0 0;
 142    padding: 0;
 143    font-size: 2em;
 144  }
 145  .site-name a:link, .site-name a:visited {
 146    color: #fff;
 147  }
 148  .site-name a:hover {
 149    color: #369;
 150    text-decoration: none;
 151  }
 152  .site-slogan {
 153    font-size: 1em;
 154    color: #eee;
 155    display: block;
 156    margin: 0;
 157    font-style: italic;
 158    font-weight: bold;
 159  }
 160  #main {
 161    /* padding in px not ex because IE messes up 100% width tables otherwise */
 162    padding: 10px;
 163  }
 164  #mission, .node .content, .comment .content {
 165    line-height: 1.4em;
 166  }
 167  #help {
 168    font-size: 0.9em;
 169    margin-bottom: 1em;
 170  }
 171  .breadcrumb {
 172    margin-bottom: .5em;
 173  }
 174  .messages {
 175    background-color: #eee;
 176    border: 1px solid #ccc;
 177    padding: 0.3em;
 178    margin-bottom: 1em;
 179  }
 180  .error {
 181    border-color: red;
 182  }
 183  #sidebar-left, #sidebar-right {
 184    background-color: #ddd;
 185    width: 16em;
 186    /* padding in px not ex because IE messes up 100% width tables otherwise */
 187    padding: 10px;
 188    vertical-align: top;
 189  }
 190  #footer {
 191    background-color: #eee;
 192    padding: 1em;
 193    font-size: 0.8em;
 194  }
 195  
 196  /*
 197  ** Common declarations for child classes of node, comment, block, box, etc.
 198  ** If you want any of them styled differently for a specific parent, add
 199  ** additional rules /with only the differing properties!/ to .parent .class.
 200  ** See .comment .title for an example.
 201  */
 202  .title, .title a {
 203    font-weight: bold;
 204    font-size: 1.3em;
 205    color: #777;
 206    margin: 0 auto;  /* decrease default margins for h<x>.title */
 207  }
 208  .submitted {
 209    color: #999;
 210    font-size: 0.8em;
 211  }
 212  .links {
 213    color: #999;
 214  }
 215  .links a {
 216    font-weight: bold;
 217  }
 218  .block, .box {
 219    padding: 0 0 1.5em 0;
 220  }
 221  .block {
 222    border-bottom: 1px solid #bbb;
 223    padding-bottom: 0.75em;
 224    margin-bottom: 1.5em;
 225  }
 226  .block .title {
 227    margin-bottom: .25em;
 228  }
 229  .box .title {
 230    font-size: 1.1em;
 231  }
 232  .node {
 233    margin: .5em 0 2em 0;
 234  }
 235  .sticky {
 236    padding: .5em;
 237    background-color: #eee;
 238    border: solid 1px #ddd;
 239  }
 240  .node .content, .comment .content {
 241    margin: .5em 0 .5em 0;
 242  }
 243  .node .taxonomy {
 244    color: #999;
 245    font-size: 0.8em;
 246    padding-left: 1.5em;
 247  }
 248  .node .picture {
 249    border: 1px solid #ddd;
 250    float: right;
 251    margin: 0.5em;
 252  }
 253  .comment {
 254    border: 1px solid #abc;
 255    padding: .5em;
 256    margin-bottom: 1em;
 257  }
 258  .comment .title a {
 259    font-size: 1.1em;
 260    font-weight: normal;
 261  }
 262  .comment .new {
 263    text-align: right;
 264    font-weight: bold;
 265    font-size: 0.8em;
 266    float: right;
 267    color: red;
 268  }
 269  .comment .picture {
 270    border: 1px solid #abc;
 271    float: right;
 272    margin: 0.5em;
 273  }
 274  
 275  /*
 276  ** Module specific styles
 277  */
 278  #aggregator .feed-source {
 279    background-color: #eee;
 280    border: 1px solid #ccc;
 281    padding: 1em;
 282    margin: 1em 0;
 283  }
 284  #aggregator .news-item .categories, #aggregator .source, #aggregator .age {
 285    color: #999;
 286    font-style: italic;
 287    font-size: 0.9em;
 288  }
 289  #aggregator .title {
 290    margin-bottom: 0.5em;
 291    font-size: 1em;
 292  }
 293  #aggregator h3 {
 294    margin-top: 1em;
 295  }
 296  #forum table {
 297    width: 100%;
 298  }
 299  #forum td {
 300    padding: 0.5em;
 301  }
 302  #forum td.forum, #forum td.posts {
 303    background-color: #eee;
 304  }
 305  #forum td.topics, #forum td.last-reply {
 306    background-color: #ddd;
 307  }
 308  #forum td.container {
 309    background-color: #ccc;
 310  }
 311  #forum td.container a {
 312    color: #555;
 313  }
 314  #forum td.statistics, #forum td.settings, #forum td.pager {
 315    height: 1.5em;
 316    border: 1px solid #bbb;
 317  }
 318  #forum td .name {
 319    color: #96c;
 320  }
 321  #forum td .links {
 322    padding-top: 0.7em;
 323    font-size: 0.9em;
 324  }
 325  #profile .profile {
 326    clear: both;
 327    border: 1px solid #abc;
 328    padding: .5em;
 329    margin: 1em 0em;
 330  }
 331  #profile .profile .name {
 332    padding-bottom: 0.5em;
 333  }
 334  .block-forum h3 {
 335    margin-bottom: .5em;
 336  }
 337  div.admin-panel .description {
 338    color: #999;
 339  }
 340  div.admin-panel .body {
 341    background: #f4f4f4;
 342  }
 343  div.admin-panel h3 {
 344    background-color: #69c;
 345    color: #fff;
 346    padding: 5px 8px 5px;
 347    margin: 0;
 348  }