[Sommaire] [Imprimer]

   1  /* $Id: style.css,v 1.14.2.4 2007/07/09 03:50:59 drumm Exp $ */
   2  
   3  /**
   4   * Garland, for Drupal 5.0
   5   * Stefan Nagtegaal, iStyledThis [dot] nl
   6   * Steven Wittens, acko [dot] net`
   7   *
   8   * If you use a customized color scheme, you must regenerate it after
   9   * modifying this file.
  10   */
  11  
  12  /**
  13   * Generic elements
  14   */
  15  body {
  16    margin: 0;
  17    padding: 0;
  18    background: #edf5fa;
  19    font: 12px/170% Verdana;
  20    color: #494949;
  21  }
  22  
  23  input {
  24    font: 12px/100% "Verdana";
  25    color: #494949;
  26  }
  27  
  28  textarea, select {
  29    font: 12px/160% "Verdana";
  30    color: #494949;
  31  }
  32  
  33  h1, h2, h3, h4, h5, h6 {
  34    margin: 0;
  35    padding: 0;
  36    font-weight: normal;
  37    font-family: Helvetica, Arial, sans-serif;
  38  }
  39  
  40  h1 {
  41    font-size: 170%;
  42  }
  43  
  44  h2 {
  45    font-size: 160%;
  46    line-height: 130%;
  47  }
  48  
  49  h3 {
  50    font-size: 140%;
  51  }
  52  
  53  h4 {
  54    font-size: 130%;
  55  }
  56  
  57  h5 {
  58    font-size: 120%;
  59  }
  60  
  61  h6 {
  62    font-size: 110%;
  63  }
  64  
  65  ul, quote, code, fieldset {
  66    margin: .5em 0;
  67  }
  68  
  69  p {
  70    margin: 0.6em 0 1.2em;
  71    padding: 0;
  72  }
  73  
  74  a:link, a:visited {
  75    color: #027AC6;
  76    text-decoration: none;
  77  }
  78  
  79  a:hover {
  80    color: #0062A0;
  81    text-decoration: underline;
  82  }
  83  
  84  a:active, a.active {
  85    color: #5895be;
  86  }
  87  
  88  hr {
  89    margin: 0;
  90    padding: 0;
  91    border: none;
  92    height: 1px;
  93    background: #5294c1;
  94  }
  95  
  96  ul {
  97    margin: 0.5em 0 1em;
  98    padding: 0;
  99  }
 100  
 101  ul li {
 102    margin: 0.4em 0 0.4em .5em;
 103  }
 104  
 105  ul.menu, .item-list ul {
 106    margin: 0.35em 0 0 -0.5em;
 107    padding: 0;
 108  }
 109  
 110  ul.menu ul, .item-list ul ul {
 111    margin-left: 0em;
 112  }
 113  
 114  ul li, ul.menu li, .item-list ul li, li.leaf {
 115    margin: 0.15em 0 0.15em .5em;
 116  }
 117  
 118  ul li, ul.menu li, .item-list ul li, li.leaf {
 119    padding: 0 0 .2em 1.5em;
 120    list-style-type: none;
 121    list-style-image: none;
 122    background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em;
 123  }
 124  
 125  ul li.expanded {
 126    background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em;
 127  }
 128  
 129  ul li.collapsed {
 130    background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em;
 131  }
 132  
 133  ul li.leaf a, ul li.expanded a, ul li.collapsed a {
 134    display: block;
 135  }
 136  
 137  ul.inline li {
 138    background: none;
 139    margin: 0;
 140    padding: 0 1em 0 0;
 141  }
 142  
 143  fieldset ul.clear-block li {
 144    margin: 0;
 145    padding: 0;
 146    background-image: none;
 147  }
 148  
 149  dl {
 150    margin: 0.5em 0 1em 1.5em;
 151  }
 152  
 153  dl dt {
 154  }
 155  
 156  dl dd {
 157    margin: 0 0 .5em 1.5em;
 158  }
 159  
 160  img, a img {
 161    border: none;
 162  }
 163  
 164  table {
 165    margin: 1em 0;
 166    width: 100%;
 167  }
 168  
 169  thead th {
 170    border-bottom: 2px solid #d3e7f4;
 171    color: #494949;
 172    font-weight: bold;
 173  }
 174  
 175  th a:link, th a:visited {
 176    color: #6f9dbd;
 177  }
 178  
 179  td, th {
 180    padding: .3em .5em;
 181  }
 182  
 183  tr.even, tr.odd, tbody th {
 184    border: solid #d3e7f4;
 185    border-width: 1px 0;
 186  }
 187  
 188  tr.odd, tr.info {
 189    background-color: #edf5fa;
 190  }
 191  
 192  tr.even {
 193    background-color: #fff;
 194  }
 195  
 196  tr.odd td.active {
 197    background-color: #ddecf5;
 198  }
 199  
 200  tr.even td.active {
 201    background-color: #e6f1f7;
 202  }
 203  
 204  td.region, td.module, td.container {
 205    border-top: 1.5em solid #fff;
 206    border-bottom: 1px solid #b4d7f0;
 207    background-color: #d4e7f3;
 208    color: #455067;
 209    font-weight: bold;
 210  }
 211  
 212  tr:first-child td.region, tr:first-child td.module, tr:first-child td.container {
 213    border-top-width: 0;
 214  }
 215  
 216  span.form-required {
 217    color: #ffae00;
 218  }
 219  
 220  span.submitted, .description {
 221    font-size: 0.92em;
 222    color: #898989;
 223  }
 224  
 225  .description {
 226    line-height: 150%;
 227    margin-bottom: 0.75em;
 228    color: #898989;
 229  }
 230  
 231  .messages, .preview {
 232    margin: .75em 0 .75em;
 233    padding: .5em 1em;
 234  }
 235  
 236  .messages ul {
 237    margin: 0;
 238  }
 239  
 240  .form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
 241    margin: 0.25em 0;
 242  }
 243  
 244  #center form {
 245    margin-bottom: 2em;
 246  }
 247  
 248  .form-button, .form-submit {
 249    margin: 2em 0.5em 1em 0;
 250  }
 251  
 252  #watchdog-form-overview .form-submit,
 253  .confirmation .form-submit,
 254  .search-form .form-submit,
 255  .poll .form-submit,
 256  fieldset .form-button, fieldset .form-submit,
 257  .sidebar .form-button, .sidebar .form-submit,
 258  table .form-button, table .form-submit {
 259    margin: 0;
 260  }
 261  
 262  .box {
 263    margin-bottom: 2.5em;
 264  }
 265  
 266  /**
 267   * Layout
 268   */
 269  #header-region {
 270    min-height: 1em;
 271    background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%;
 272  }
 273  
 274  #header-region .block {
 275    display: block;
 276    margin: 0 1em;
 277  }
 278  
 279  #header-region .block-region {
 280    display: block;
 281    margin: 0 0.5em 1em;
 282    padding: 0.5em;
 283    position: relative;
 284    top: 0.5em;
 285  }
 286  
 287  #header-region * {
 288    display: inline;
 289    line-height: 1.5em;
 290    margin-top: 0;
 291    margin-bottom: 0;
 292  }
 293  
 294  /* Avoid displaying content of script tags */
 295  #header-region script {
 296    display: none;
 297  }
 298  
 299  #header-region p, #header-region img {
 300    margin-top: 0.5em;
 301  }
 302  
 303  #header-region h2 {
 304    margin: 0 1em 0 0;
 305  }
 306  
 307  #header-region h3, #header-region label, #header-region li {
 308    margin: 0 1em;
 309    padding: 0;
 310    background: none;
 311  }
 312  
 313  #wrapper {
 314    background: #edf5fa url(images/body.png) repeat-x 50% 0;
 315  }
 316  
 317  #wrapper #container {
 318    margin: 0 auto;
 319    padding: 0 20px;
 320    max-width: 1270px;
 321  }
 322  
 323  #wrapper #container #header {
 324    height: 80px;
 325  }
 326  
 327  #wrapper #container #header #logo-floater {
 328    position: absolute;
 329  }
 330  
 331  #wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
 332    line-height: 120px;
 333    position: relative;
 334    z-index: 2;
 335    white-space: nowrap;
 336  }
 337  
 338  #wrapper #container #header h1 span {
 339    font-weight: bold;
 340  }
 341  
 342  #wrapper #container #header h1 img {
 343    padding-top: 16px;
 344    padding-right: 20px;
 345    float: left;
 346  }
 347  
 348  /* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
 349  body.sidebars {
 350    min-width: 980px;
 351  }
 352  /* With 2 columns, require a minimum width of 800px. */
 353  body.sidebar-left, body.sidebar-right {
 354    min-width: 780px;
 355  }
 356  
 357  /* We must define 100% width to avoid the body being too narrow for near-empty pages */
 358  #wrapper #container #center {
 359    float: left;
 360    width: 100%;
 361  }
 362  
 363  /* So we move the #center container over the sidebars to compensate */
 364  body.sidebar-left #center {
 365    margin-left: -210px;
 366  }
 367  body.sidebar-right #center {
 368    margin-right: -210px;
 369  }
 370  body.sidebars #center {
 371    margin: 0 -210px;
 372  }
 373  
 374  /* And add blanks left and right for the sidebars to fill */
 375  body.sidebar-left #squeeze {
 376    margin-left: 210px;
 377  }
 378  body.sidebar-right #squeeze {
 379    margin-right: 210px;
 380  }
 381  body.sidebars #squeeze {
 382    margin: 0 210px;
 383  }
 384  
 385  /* We ensure the sidebars are still clickable using z-index */
 386  #wrapper #container .sidebar {
 387    margin: 60px 0 5em;
 388    width: 210px;
 389    float: left;
 390    z-index: 2;
 391    position: relative;
 392  }
 393  
 394  #wrapper #container .sidebar .block {
 395    margin: 0 0 1.5em 0;
 396  }
 397  
 398  #sidebar-left .block {
 399    padding: 0 15px 0 0px;
 400  }
 401  
 402  #sidebar-right .block {
 403    padding: 0 0px 0 15px;
 404  }
 405  
 406  .block .content {
 407    margin: 0.5em 0;
 408  }
 409  
 410  #sidebar-left .block-region {
 411    margin: 0 15px 0 0px;
 412  }
 413  
 414  #sidebar-right .block-region {
 415    margin: 0 0px 0 15px;
 416  }
 417  
 418  .block-region {
 419    padding: 1em;
 420    background: transparent;
 421    border: 2px dashed #b4d7f0;
 422    text-align: center;
 423    font-size: 1.3em;
 424  }
 425  
 426  /* Now we add the backgrounds for the main content shading */
 427  #wrapper #container #center #squeeze {
 428    background: #fff url(images/bg-content.png) repeat-x 50% 0;
 429    position: relative;
 430  }
 431  
 432  #wrapper #container #center .right-corner {
 433    background: transparent url(images/bg-content-right.png) no-repeat 100% 0;
 434    position: relative;
 435    left: 10px;
 436  }
 437  
 438  #wrapper #container #center .right-corner .left-corner {
 439    padding: 60px 25px 5em 35px;
 440    background: transparent url(images/bg-content-left.png) no-repeat 0 0;
 441    margin-left: -10px;
 442    position: relative;
 443    left: -10px;
 444    min-height: 400px;
 445  }
 446  
 447  #wrapper #container #footer {
 448    float: none;
 449    clear: both;
 450    text-align: center;
 451    margin: 4em 0 -3em;
 452    color: #898989;
 453  }
 454  
 455  #wrapper #container .breadcrumb {
 456    position: absolute;
 457    top: 15px;
 458    left: 35px;
 459    z-index: 3;
 460  }
 461  
 462  body.sidebar-left  #footer {
 463    margin-left: -210px;
 464  }
 465  
 466  body.sidebar-right #footer {
 467    margin-right: -210px;
 468  }
 469  
 470  body.sidebars #footer {
 471    margin: 0 -210px;
 472  }
 473  
 474  /**
 475   * Header
 476   */
 477  #wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
 478    color: #fff;
 479    font-weight: normal;
 480    text-shadow: #1659ac 0px 1px 3px;
 481    font-size: 1.5em;
 482  }
 483  
 484  #wrapper #container #header h1 a:hover {
 485    text-decoration: none;
 486  }
 487  
 488  #wrapper #container .breadcrumb {
 489    font-size: 0.92em;
 490  }
 491  
 492  #wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
 493    color: #529ad6;
 494  }
 495  
 496  #mission {
 497    padding: 1em;
 498    background-color: #fff;
 499    border: 1px solid #e0e5fb;
 500    margin-bottom: 2em;
 501  }
 502  
 503  /**
 504   * Primary navigation
 505   */
 506  ul.primary-links {
 507    margin: 0;
 508    padding: 0;
 509    float: right;
 510    position: relative;
 511    z-index: 4;
 512  }
 513  
 514  ul.primary-links li {
 515    margin: 0;
 516    padding: 0;
 517    float: left;
 518    background-image: none;
 519  }
 520  
 521  ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
 522    display: block;
 523    margin: 0 1em;
 524    padding: .75em 0 0;
 525    color: #fff;
 526    background: transparent url(images/bg-navigation-item.png) no-repeat 50% 0;
 527  }
 528  
 529  ul.primary-links li a:hover, ul.primary-links li a.active {
 530    color: #fff;
 531    background: transparent url(images/bg-navigation-item-hover.png) no-repeat 50% 0;
 532  }
 533  
 534  /**
 535   * Secondary navigation
 536   */
 537  ul.secondary-links {
 538    margin: 0;
 539    padding: 18px 0 0;
 540    float: right;
 541    clear: right;
 542    position: relative;
 543    z-index: 4;
 544  }
 545  
 546  ul.secondary-links li {
 547    margin: 0;
 548    padding: 0;
 549    float: left;
 550    background-image: none;
 551  }
 552  
 553  ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
 554    display: block;
 555    margin: 0 1em;
 556    padding: .75em 0 0;
 557    color: #cde3f1;
 558    background: transparent;
 559  }
 560  
 561  ul.secondary-links li a:hover, ul.secondary-links li a.active {
 562    color: #cde3f1;
 563    background: transparent;
 564  }
 565  
 566  /**
 567   * Local tasks
 568   */
 569  ul.primary, ul.primary li, ul.secondary, ul.secondary li {
 570    border: 0;
 571    background: none;
 572    margin: 0;
 573    padding: 0;
 574  }
 575  
 576  #tabs-wrapper {
 577    margin: 0 -26px 1em;
 578    padding: 0 26px;
 579    border-bottom: 1px solid #e9eff3;
 580    position: relative;
 581  }
 582  ul.primary {
 583    padding: 0.5em 0 10px;
 584    float: left;
 585  }
 586  ul.secondary {
 587    clear: both;
 588    text-align: left;
 589    border-bottom: 1px solid #e9eff3;
 590    margin: -0.2em -26px 1em;
 591    padding: 0 26px 0.6em;
 592  }
 593  h2.with-tabs {
 594    float: left;
 595    margin: 0 2em 0 0;
 596    padding: 0;
 597  }
 598  
 599  ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
 600  ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
 601    border: 0;
 602    background: transparent;
 603    padding: 4px 1em;
 604    margin: 0 0 0 1px;
 605    height: auto;
 606    text-decoration: none;
 607    position: relative;
 608    top: -1px;
 609  }
 610  ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
 611  ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
 612    background: url(images/bg-tab.png) repeat-x 0 50%;
 613    color: #fff;
 614  }
 615  ul.primary li.active a,
 616  ul.secondary li.active a {
 617    font-weight: bold;
 618  }
 619  
 620  /**
 621   * Nodes & comments
 622   */
 623  .node {
 624    border-bottom: 1px solid #e9eff3;
 625    margin: -1.5em -26px 1.5em;
 626    padding: 1.5em 26px;
 627  }
 628  
 629  ul.links li, ul.inline li {
 630    margin-left: 0;
 631    margin-right: 0;
 632    padding-left: 0;
 633    padding-right: 1em;
 634    background-image: none;
 635  }
 636  
 637  .node .links, .comment .links {
 638    text-align: left;
 639  }
 640  
 641  .node .links ul.links li, .comment .links ul.links li {}
 642  .terms ul.links li {
 643    margin-left: 0;
 644    margin-right: 0;
 645    padding-right: 0;
 646    padding-left: 1em;
 647  }
 648  
 649  .picture, .comment .submitted {
 650    float: right;
 651    clear: right;
 652    padding-left: 1em;
 653  }
 654  
 655  .new {
 656    color: #ffae00;
 657    font-size: 0.92em;
 658    font-weight: bold;
 659    float: right;
 660  }
 661  
 662  .terms {
 663    float: right;
 664  }
 665  
 666  .preview .node, .preview .comment, .sticky {
 667    margin: 0;
 668    padding: 0.5em 0;
 669    border: 0;
 670    background: 0;
 671  }
 672  
 673  .sticky {
 674    padding: 1em;
 675    background-color: #fff;
 676    border: 1px solid #e0e5fb;
 677    margin-bottom: 2em;
 678  }
 679  
 680  #comments {
 681    position: relative;
 682    top: -1px;
 683    border-bottom: 1px solid #e9eff3;
 684    margin: -1.5em -25px 0;
 685    padding: 0 25px;
 686  }
 687  
 688  #comments h2.comments {
 689    margin: 0 -25px;
 690    padding: .5em 25px;
 691    background: #fff url(images/gradient-inner.png) repeat-x 0 0;
 692  }
 693  
 694  .comment {
 695    margin: 0 -25px;
 696    padding: 1.5em 25px 1.5em;
 697    border-top: 1px solid #e9eff3;
 698  }
 699  
 700  .indented {
 701    margin-left: 25px;
 702  }
 703  
 704  .comment h3 a.active {
 705    color: #494949;
 706  }
 707  
 708  .node .content, .comment .content {
 709    margin: 0.6em 0;
 710  }
 711  
 712  /**
 713   * Aggregator.module
 714   */
 715  #aggregator {
 716    margin-top: 1em;
 717  }
 718  #aggregator .feed-item-title {
 719    font-size: 160%;
 720    line-height: 130%;
 721  }
 722  #aggregator .feed-item {
 723    border-bottom: 1px solid #e9eff3;
 724    margin: -1.5em -31px 1.75em;
 725    padding: 1.5em 31px;
 726  }
 727  #aggregator .feed-item-categories {
 728    font-size: 0.92em;
 729  }
 730  #aggregator .feed-item-meta {
 731    font-size: 0.92em;
 732    color: #898989;
 733  }
 734  
 735  /**
 736   * Color.module
 737   */
 738  #palette .form-item {
 739    border: 1px solid #fff;
 740  }
 741  #palette .item-selected {
 742    background: #fff url(images/gradient-inner.png) repeat-x 0 0;
 743    border: 1px solid #d9eaf5;
 744  }
 745  
 746  /**
 747   * Menu.module
 748   */
 749  tr.odd td.menu-disabled {
 750    background-color: #edf5fa;
 751  }
 752  tr.even td.menu-disabled {
 753    background-color: #fff;
 754  }
 755  td.menu-disabled {
 756    opacity: 0.5;
 757  }
 758  
 759  /**
 760   * Poll.module
 761   */
 762  .poll .bar {
 763    background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
 764    border: solid #f0f0f0;
 765    border-width: 0 1px 1px;
 766  }
 767  
 768  .poll .bar .foreground {
 769    background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
 770  }
 771  
 772  .poll .percent {
 773    font-size: .9em;
 774  }
 775  
 776  /**
 777   * Autocomplete.
 778   */
 779  #autocomplete li {
 780    cursor: default;
 781    padding: 2px;
 782    margin: 0;
 783  }
 784  
 785  /**
 786   * Collapsible fieldsets
 787   */
 788  fieldset {
 789    margin: 1em 0;
 790    padding: 1em;
 791    border: 1px solid #d9eaf5;
 792    background: #fff url(images/gradient-inner.png) repeat-x 0 0;
 793  }
 794  
 795  fieldset legend {
 796    /* Fix disappearing legend in FFox */
 797    display: block;
 798  }
 799  
 800  html.js fieldset.collapsed {
 801    background: transparent;
 802    padding-top: 0;
 803    padding-bottom: .6em;
 804  }
 805  
 806  html.js fieldset.collapsible legend a {
 807    padding-left: 2em;
 808    background: url(images/menu-expanded.gif) no-repeat 0% 50%;
 809  }
 810  
 811  html.js fieldset.collapsed legend a {
 812    background: url(images/menu-collapsed.gif) no-repeat 0% 50%;
 813  }
 814  
 815  /**
 816   * Syndication icons and block
 817   */
 818  #block-node-0 h2 {
 819    float: left;
 820    padding-right: 20px;
 821  }
 822  
 823  #block-node-0 img, .feed-icon {
 824    float: right;
 825    padding-top: 4px;
 826  }
 827  
 828  #block-node-0 .content {
 829    clear: right;
 830  }
 831  
 832  /**
 833   * Login Block
 834   */
 835  #user-login-form {
 836    text-align: center;
 837  }
 838  #user-login-form ul {
 839    text-align: left;
 840  }
 841  
 842  /**
 843   * Admin Styles
 844   */
 845  div.admin-panel,
 846  div.admin-panel .description,
 847  div.admin-panel .body,
 848  div.admin,
 849  div.admin .left,
 850  div.admin .right,
 851  div.admin .expert-link,
 852  div.item-list,
 853  .menu {
 854    margin: 0;
 855    padding: 0;
 856  }
 857  
 858  div.admin .left {
 859    float: left;
 860    width: 48%;
 861  }
 862  div.admin .right {
 863    float: right;
 864    width: 48%;
 865  }
 866  
 867  div.admin-panel {
 868    background: #fff url(images/gradient-inner.png) repeat-x 0 0;
 869    padding: 1em 1em 1.5em;
 870  }
 871  div.admin-panel .description {
 872    margin-bottom: 1.5em;
 873  }
 874  div.admin-panel dl {
 875    margin: 0;
 876  }
 877  div.admin-panel dd {
 878    color: #898989;
 879    font-size: 0.92em;
 880    line-height: 1.3em;
 881    margin-top: -.2em;
 882    margin-bottom: .65em;
 883  }
 884  
 885  table.system-status-report th {
 886    border-color: #d3e7f4;
 887  }
 888  
 889  #autocomplete li.selected, tr.selected td, tr.selected td.active {
 890    background: #027ac6;
 891    color: #fff;
 892  }
 893  
 894  tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
 895    color: #d3e7f4;
 896  }
 897  
 898  /**
 899   * CSS support
 900   */
 901  span.clear {
 902    display: block;
 903    clear: both;
 904    height: 1px;
 905    line-height: 0px;
 906    font-size: 0px;
 907    margin-bottom: -1px;
 908  }
 909  
 910  /*******************************************************************
 911   * Color Module: Don't touch                                       *
 912   *******************************************************************/
 913  
 914  /**
 915   * Generic elements.
 916   */
 917  .messages {
 918    background-color: #fff;
 919    border: 1px solid #b8d3e5;
 920  }
 921  
 922  .preview {
 923    background-color: #fcfce8;
 924    border: 1px solid #e5e58f;
 925  }
 926  
 927  div.status {
 928    color: #3a3;
 929    border-color: #c7f2c8;
 930  }
 931  
 932  div.error {
 933    color: #c52020;
 934  }
 935  
 936  .form-item input.error, .form-item textarea.error {
 937    border: 1px solid #c52020;
 938    color: #494949;
 939  }
 940  
 941  /**
 942   * Watchdog.module
 943   */
 944  tr.watchdog-user {
 945    background-color: #fcf9e5;
 946  }
 947  
 948  tr.watchdog-user td.active {
 949    background-color: #fbf5cf;
 950  }
 951  
 952  tr.watchdog-content {
 953    background-color: #fefefe;
 954  }
 955  
 956  tr.watchdog-content td.active {
 957    background-color: #f5f5f5;
 958  }
 959  
 960  tr.watchdog-warning {
 961    background-color: #fdf5e6;
 962  }
 963  
 964  tr.watchdog-warning td.active {
 965    background-color: #fdf2de;
 966  }
 967  
 968  tr.watchdog-error {
 969    background-color: #fbe4e4;
 970  }
 971  
 972  tr.watchdog-error td.active {
 973    background-color: #fbdbdb;
 974  }
 975  tr.watchdog-page-not-found, tr.watchdog-access-denied {
 976    background: #d7ffd7;
 977  }
 978  tr.watchdog-page-not-found td.active, tr.watchdog-access-denied td.active {
 979    background: #c7eec7;
 980  }
 981  
 982  /**
 983   * Status report colors.
 984   */
 985  table.system-status-report tr.error, table.system-status-report tr.error th {
 986    background-color: #fcc;
 987    border-color: #ebb;
 988    color: #200;
 989  }
 990  table.system-status-report tr.warning, table.system-status-report tr.warning th {
 991    background-color: #ffd;
 992    border-color: #eeb;
 993  }
 994  table.system-status-report tr.ok, table.system-status-report tr.ok th {
 995    background-color: #dfd;
 996    border-color: #beb;
 997  }