[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 #ececec;
 107      border-right: 1px solid #ececec;
 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
 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: #c0c0c0;
 140      border: 1px solid #ececec;
 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: #f8f8f8;
 155  }
 156  
 157  tr.bgdark
 158  {
 159      background-color: #f4f4f4;
 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: #dddddd;
 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: #000000;
 292      border: 2px solid #ffffff;
 293      border-bottom: 2px solid #404040;
 294      border-right: 2px solid #404040;
 295      background-color: #e0e0e0;
 296      background-repeat: repeat-x;
 297      background-position: top;
 298      padding: 0em 0.25em 0em 0.25em;
 299  }
 300  
 301  input.button-disabled
 302  {
 303      font-size: 0.9em;
 304      font-weight: normal;
 305      color: #808080;
 306      border: 2px solid #f0f0f0;
 307      border-bottom: 2px solid #b0b0b0;
 308      border-right: 2px solid #b0b0b0;
 309      background-color: #e0e0e0;
 310      background-image: url(../images/inputbutton-disabled-bg.gif);
 311      background-repeat: repeat-x;
 312      background-position: top;
 313      padding: 0em 0.25em 0em 0.25em;
 314  }
 315  
 316  input.box, textarea.box
 317  {
 318      width: 100%;
 319  }
 320  
 321  input.halfbox, textarea.halfbox
 322  {
 323      width: 48%;
 324  }
 325  
 326  td input.halfbox, td textarea.halfbox
 327  {
 328      width: 98%;
 329  }
 330  
 331  fieldset
 332  {
 333      border: 1px solid #ccccc3;
 334      padding: 0.5em;
 335  }
 336  
 337  legend
 338  {
 339      font-weight: bold;
 340      color: #000000;
 341      padding: 0 0.25em 0 0.25em;
 342  }
 343  
 344  fieldset label
 345  {
 346      color: #000000;
 347  }
 348  
 349  fieldset input.button
 350  {
 351      margin-top: 0.5em;
 352  }
 353  
 354  /* PAGE DIVIDERS */
 355  
 356  div.block /* Use this style around groups of objects which are connected in some way */
 357  {
 358      margin: 0.5em 0 0.5em 0;
 359      padding: 0;
 360      clear: both;
 361  }
 362  
 363  div.block div.element, div.buttonblock div.element /* Use this style if several objects are to be stacked horizontally within the same block */
 364  {
 365      padding-right: 1em !important;
 366      float: left;
 367  }
 368  
 369  div.block div.left, div.viewbar div.left
 370  {
 371      text-align: left;
 372      float: left;
 373      clear: left;
 374  }
 375  
 376  div.block div.right, div.viewbar div.right
 377  {
 378      text-align: right;
 379      float: right;
 380      clear: right;
 381  }
 382  
 383  div.break /* Used this style to terminate floating elements, to clear all floating attributes */
 384  {
 385      clear: both;
 386      font-size: 1px;
 387      height: 1px;
 388  }
 389  
 390  div.button-left
 391  {
 392      float: left;
 393  }
 394  
 395  div.button-right
 396  {
 397      float: right;
 398  }
 399  
 400  /* MESSAGES TO THE USER */
 401  
 402  div.message-confirmation, div.message-feedback, div.message-warning, div.message-error
 403  {
 404      margin: 0.5em 0 1em 0;
 405      padding: 0.25em 1em 0.75em 1em;
 406      border: 6px solid #000000;
 407      background-color: #f8f8f4;
 408  }
 409  
 410  div.box-content div.message-confirmation, div.box-content div.message-feedback, div.box-content  div.message-warning, div.box-content  div.message-error
 411  {
 412      margin-top: 0;
 413      padding: 0.25em 0.5em 0.25em 0.5em;
 414      border: none;
 415      background-color: transparent;
 416  }
 417  
 418  div.message-feedback
 419  {
 420      border-color: #7ed376;
 421  }
 422  
 423  div.message-feedback h2
 424  {
 425      padding: 0.25em 0.5em 0.5em 2.5em;
 426  }
 427  
 428  div.message-warning
 429  {
 430      border-color: #d9d978;
 431  }
 432  
 433  div.message-warning h2
 434  {
 435      padding: 0.25em 0.5em 0.5em 2.5em;
 436  }
 437  
 438  div.message-error
 439  {
 440      border-color: #d98078;
 441  }
 442  
 443  div.message-error h2
 444  {
 445      padding: 0.25em 0.5em 0.5em 2.5em;
 446  }
 447  
 448  div.message-feedback span.time, div.message-warning span.time, div.message-error span.time
 449  {
 450      font-size: 0.8em;
 451      margin-top: 0.15em;
 452      display: block;
 453      float: right;
 454  }
 455  
 456  label.message-error, legend.message-error
 457  {
 458      color: #ff0000;
 459  }
 460  
 461  /* MISC STYLES */
 462  
 463  hr /* General formatting for all hr's */
 464  {
 465      color: transparent; /* Color must be set to the same as the background color to hide default formatting in IE */
 466      border: none; /* All borders must be removed as they are default for Opera */
 467      border-top: 1px solid #e0e0e0;
 468      height: 1px;
 469      margin: 0.35em 0 0.35em 0;
 470  }
 471  
 472  .small
 473  {
 474      font-size: 85%;
 475  }
 476  
 477  .hide, .invisible
 478  {
 479      display: none;
 480  }
 481  
 482  .spamfilter
 483  {
 484      display: none;
 485  }
 486  
 487  div.object-left
 488  {
 489      float: left;
 490      clear: left;
 491  }
 492  
 493  div.object-right
 494  {
 495      float: right;
 496      clear: right;
 497  }
 498  
 499  div.object-center
 500  {
 501      margin-left: auto;
 502      margin-right: auto;
 503      text-align: center;
 504  }