[Sommaire] [Imprimer]

   1  /* CORE CSS 20040217 */
   2  
   3  /* BODY */
   4  
   5  body
   6  {
   7      font-family: Arial, Helvetica, sans-serif; /* Base font family for most elements */
   8      font-size: 0.8em; /* Base size for all elements; other size definitions relates to this */
   9      background-color: #ffffff;
  10      margin: 0;
  11      padding: 1em;
  12  }
  13  
  14  /* HEADERS */
  15  
  16  h1, h2, h3, h4, h5, h6
  17  {
  18      font-weight: bold;
  19      margin: 1em 0 0.5em 0;
  20      padding: 0;
  21  }
  22  
  23  h1
  24  {
  25      margin-top: 0.5em;
  26      font-size: 1.8em;
  27  }
  28  
  29  h2
  30  {
  31      font-size: 1.4em;
  32  }
  33  
  34  h3
  35  {
  36      font-size: 1.1em;
  37  }
  38  
  39  h4, h5, h6
  40  { 
  41      font-size: 1em;
  42  }
  43  
  44  /* PARAGRAPHS */
  45  
  46  p
  47  {
  48      margin: 0.5em 0 0.5em 0;
  49      line-height: 1.25em; /* This is aprox. default line height in most popular browsers; set explicitly to ensure consitency. */
  50  }
  51  
  52  /* LINKS */
  53  
  54  a
  55  {
  56      color: #315578;
  57      text-decoration: underline;
  58  }
  59  
  60  a:hover
  61  {
  62      color: #000000;
  63      text-decoration: underline;
  64      cursor: pointer;
  65  }
  66  
  67  a img
  68  {
  69      border: none; /* Some browsers may display a border around a linked image without this attribute set to _none_. */
  70  }
  71  
  72  /* PRE TEXT */
  73  
  74  pre, code
  75  {
  76      font-family: "Courier New", Courier, monospace; /* Usually defaulted to monospaced font anyway, but browwsers may vary which one is used, so giving exact alternatives helps visual consistenct */
  77      font-size: 1em; /* Setting this exact size may also help visual consistency */
  78  }
  79  
  80  pre
  81  {
  82      background-color: #f8f8f8;
  83      border: 1px solid #e0e0e0;
  84      margin: 1em 0 1em 0;
  85      padding: 0.2em;
  86  }
  87  
  88  /* TABLES */
  89  
  90  table
  91  { 
  92      font-size: 1em; /* Fix for size "loss" in tables in IE; redundant for most others, but does no harm */
  93      margin: 0;
  94      padding: 0;
  95  }
  96  
  97  th, td
  98  {
  99      padding: 0;
 100  }
 101  
 102  table.list, table.special
 103  {
 104      width: 100%;
 105      margin: 1em 0 1em 0;
 106      border-left: 1px solid #ecece4;
 107      border-right: 1px solid #ecece4;
 108      border-bottom: 1px solid #f0f0f0;
 109      empty-cells: show;
 110  }
 111  
 112  div.context-attributes table table.list, div.context-attributes table table.special
 113  {
 114  }
 115  
 116  table.list th, table.list td, table.special th, table.special td
 117  {
 118      padding: 0.25em;
 119      text-align: left;
 120      vertical-align: top;
 121  }
 122  
 123  table.list td.number, table.special td.number, table.list td.right
 124  {
 125      text-align: right;
 126  }
 127  
 128  /* 'not available rate' */
 129  table.list td.na-rate, table.special td.na-rate
 130  {
 131      text-align: right;
 132      font-style: italic;
 133      color: #C0C0C0;
 134  }
 135  
 136  table.list th, table.special th
 137  {
 138      color: #254b71;
 139      background-color: #b5bec7;
 140      border: 1px solid #ecece4;
 141      border-top-width: 2px;
 142      font-weight: normal;
 143      white-space: nowrap;
 144  }
 145  
 146  table.list td
 147  {
 148      border-top: 1px solid #f0f0f0;
 149      font-weight: normal;
 150  }
 151  
 152  tr.bglight
 153  {
 154      background-color: #f8f8f4;
 155  }
 156  
 157  tr.bgdark
 158  {
 159      background-color: #f4f4ec;
 160  }
 161  
 162  table.list tr.bglight:hover, table.list tr.bgdark:hover
 163  {
 164      background-color: #ffffff;
 165  }
 166  
 167  table.list tr.object-cannot-remove td
 168  {
 169      color: #ff0000;
 170  }
 171  
 172  th.tight, td.tight
 173  {
 174      width: 1%;
 175  }
 176  
 177  td.nowrap 
 178  {
 179      white-space: nowrap;
 180  }
 181  
 182  div.context-attributes table.list th, div.context-attributes table.special th, div.mainobject-window table.list th, div.mainobject-window table.special th
 183  {
 184      color: #404040;
 185      background-color: #bfbfb7;
 186  }
 187  
 188  div.context-attributes table table.list th, div.context-attributes table table.special th, div.onlineeditor th
 189  {
 190      color: #404040;
 191      background-color: #ddddd5;
 192  }
 193  
 194  /* ORDERED AND UNORDERED LISTS */
 195  
 196  ul, ol
 197  {
 198      padding: 0;
 199      margin: 0.75em 0 1em 2.5em;
 200  }
 201  
 202  ul ul, ol ul
 203  {
 204      margin: 0.3em 0 0.5em 1.3em;
 205  }
 206  
 207  ul ol, ol ol
 208  {
 209      margin: 0.3em 0 0.5em 1.9em;
 210  }
 211  
 212  ul, ul ul
 213  {
 214      list-style-type: disc;
 215  }
 216  
 217  li
 218  {
 219      margin: 0 0 0.3em 0;
 220      padding: 0;
 221      line-height: 1.25em;
 222  }
 223  
 224  /* DEFINITION LISTS */
 225  
 226  dl
 227  {
 228      padding: 0em;
 229      margin: 0.25em 0 0.25em 0;
 230  }
 231  
 232  dt, dd
 233  {
 234      font-style: normal;
 235      margin: 0 0 0.25em 0;
 236  }
 237  
 238  dt
 239  {
 240      font-weight: bold;
 241  }
 242  
 243  dd
 244  {
 245      margin: 0 1em 0.5em 2.5em;
 246  }
 247  
 248  /* FORM ELEMENTS */
 249  
 250  form
 251  {
 252      padding: 0;
 253      margin: 0;
 254  }
 255  
 256  label
 257  {
 258      font-weight: bold;
 259      padding-right: 0.5em;
 260      display: block;
 261      white-space: nowrap;
 262  }
 263  
 264  input, select
 265  {
 266      font-family: Arial, Helvetica, sans-serif; /* Needs to be set for some browsers */
 267      font-size: 0.9em;
 268  }
 269  
 270  input.box, input.halfbox
 271  {
 272      font-size: 1em;
 273  }
 274  
 275  textarea
 276  {
 277      font-family: Arial, Helvetica, sans-serif; /* Usually defaulted to monospaced font; so it needs to be set if to change */
 278      font-size: 1em; /* Needs to be specified for IE */
 279  }
 280  
 281  optgroup
 282  {
 283      font-weight: bold;
 284      font-style: normal;
 285  }
 286  
 287  input.button
 288  {
 289      font-size: 0.9em;
 290      font-weight: normal;
 291      color: #ffffff;
 292      border: 2px solid #ffffff;
 293      border-bottom: 2px solid #2f475f;
 294      border-right: 2px solid #2f475f;
 295      background-color: #4d7299;
 296      background-image: url(../images/inputbutton-enabled-bg.gif);
 297      background-repeat: repeat-x;
 298      background-position: top;
 299      padding: 0em 0.25em 0em 0.25em;
 300  }
 301  
 302  div.context-attributes input.button, div.onlineeditor input.button, div.onlineeditor button
 303  {
 304      font-size: 0.9em;
 305      font-weight: normal;
 306      color: #ffffff;
 307      border: 2px solid #ffffff;
 308      border-bottom: 2px solid #2f475f;
 309      border-right: 2px solid #2f475f;
 310      background-color: #898985;
 311      background-image: url(../images/inputbutton-attribute-bg.gif);
 312      background-repeat: repeat-x;
 313      background-position: top;
 314      padding: 0em 0.25em 0em 0.25em;
 315  }
 316  
 317  input.button-disabled
 318  {
 319      font-size: 0.9em;
 320      font-weight: normal;
 321      color: #404040;
 322      border: 2px solid #f0f0f0;
 323      border-bottom: 2px solid #b0b0b0;
 324      border-right: 2px solid #b0b0b0;
 325      background-color: #cdcdcd;
 326      background-image: url(../images/inputbutton-disabled-bg.gif);
 327      background-repeat: repeat-x;
 328      background-position: top;
 329      padding: 0em 0.25em 0em 0.25em;
 330  }
 331  
 332  input.box, textarea.box
 333  {
 334      width: 100%;
 335  }
 336  
 337  input.halfbox, textarea.halfbox
 338  {
 339      width: 48%;
 340  }
 341  
 342  td input.halfbox, td textarea.halfbox
 343  {
 344      width: 98%;
 345  }
 346  
 347  fieldset
 348  {
 349      border: 1px solid #ccccc3;
 350      padding: 0.5em;
 351  }
 352  
 353  legend
 354  {
 355      font-weight: bold;
 356      color: #000000;
 357      padding: 0 0.25em 0 0.25em;
 358  }
 359  
 360  fieldset label
 361  {
 362      color: #000000;
 363  }
 364  
 365  fieldset input.button
 366  {
 367      margin-top: 0.5em;
 368  }
 369  
 370  /* PAGE DIVIDERS */
 371  
 372  div.block /* Use this style around groups of objects which are connected in some way */
 373  {
 374      margin: 0.5em 0 0.5em 0;
 375      padding: 0;
 376      clear: both;
 377  }
 378  
 379  div.block div.element, div.buttonblock div.element /* Use this style if several objects are to be stacked horizontally within the same block */
 380  {
 381      padding-right: 1em !important;
 382      float: left;
 383  }
 384  
 385  div.block div.left, div.viewbar div.left
 386  {
 387      text-align: left;
 388      float: left;
 389      clear: left;
 390  }
 391  
 392  div.block div.right, div.viewbar div.right
 393  {
 394      text-align: right;
 395      float: right;
 396      clear: right;
 397  }
 398  
 399  div.break /* Used this style to terminate floating elements, to clear all floating attributes */
 400  {
 401      clear: both;
 402      font-size: 1px;
 403      height: 1px;
 404  }
 405  
 406  div.button-left
 407  {
 408      float: left;
 409  }
 410  
 411  div.button-right
 412  {
 413      float: right;
 414  }
 415  
 416  /* MESSAGES TO THE USER */
 417  
 418  div.message-confirmation, div.message-feedback, div.message-warning, div.message-error
 419  {
 420      margin: 0.5em 0 1em 0;
 421      padding: 0.25em 1em 0.75em 1em;
 422      border: 6px solid #000000;
 423      background-color: #f8f8f4;
 424  }
 425  
 426  div.box-content div.message-confirmation, div.box-content div.message-feedback, div.box-content  div.message-warning, div.box-content  div.message-error
 427  {
 428      margin-top: 0;
 429      padding: 0.25em 0.5em 0.25em 0.5em;
 430      border: none;
 431      background-color: transparent;
 432  }
 433  
 434  div.message-feedback
 435  {
 436      border-color: #7ed376;
 437  }
 438  
 439  div.message-feedback h2
 440  {
 441      background-image: url(../images/message-feedback.gif);
 442      background-repeat: no-repeat;
 443      background-position: 0 0;
 444      margin-left: 0.5em;
 445      padding: 0.25em 0.5em 0.5em 2.5em;
 446  }
 447  
 448  div.message-warning
 449  {
 450      border-color: #d9d978;
 451  }
 452  
 453  div.message-warning h2
 454  {
 455      background-image: url(../images/message-warning.gif);
 456      background-repeat: no-repeat;
 457      background-position: 0 0;
 458      margin-left: 0.5em;
 459      padding: 0.25em 0.5em 0.5em 2.5em;
 460  }
 461  
 462  div.message-error
 463  {
 464      border-color: #d98078;
 465  }
 466  
 467  div.message-error h2
 468  {
 469      background-image: url(../images/message-error.gif);
 470      background-repeat: no-repeat;
 471      background-position: 0 0;
 472      margin-left: 0.5em;
 473      padding: 0.25em 0.5em 0.5em 2.5em;
 474  }
 475  
 476  div.message-feedback span.time, div.message-warning span.time, div.message-error span.time
 477  {
 478      font-size: 0.8em;
 479      margin-top: 0.15em;
 480      display: block;
 481      float: right;
 482  }
 483  
 484  div.message-feedback span.time
 485  {
 486      background-image: url(../images/fade-feedback.gif);
 487      background-repeat: repeat;
 488  }
 489  
 490  div.message-warning span.time
 491  {
 492      background-image: url(../images/fade-warning.gif);
 493      background-repeat: repeat;
 494  }
 495  
 496  div.message-error span.time
 497  {
 498      background-image: url(../images/fade-error.gif);
 499      background-repeat: repeat;
 500  }
 501  
 502  label.message-error, legend.message-error
 503  {
 504      color: #ff0000;
 505  }
 506  
 507  /* MISC STYLES */
 508  
 509  hr /* General formatting for all hr's */
 510  {
 511      color: #FFFFFF; /* Color must be set to the same as the background color to hide default formatting in IE */
 512      border: none; /* All borders must be removed as they are default for Opera */
 513      border-top: 1px solid #e7e8e0;
 514      height: 1px;
 515      margin: 0.35em 0 0.35em 0;
 516  }
 517  
 518  .small
 519  {
 520      font-size: 85%;
 521  }
 522  
 523  .hide
 524  {
 525      display: none;
 526  }
 527  
 528  .spamfilter
 529  {
 530      display: none;
 531  }
 532  
 533  div.remove
 534  {
 535      border: 2px solid #a00000;
 536  }
 537  
 538  div.object-left
 539  {
 540      float: left;
 541      clear: left;
 542  }
 543  
 544  div.object-right
 545  {
 546      float: right;
 547      clear: right;
 548  }
 549  
 550  div.object-center
 551  {
 552      margin-left: auto;
 553      margin-right: auto;
 554      text-align: center;
 555  }