[Sommaire] [Imprimer]

   1  /* $Id: system.css,v 1.21 2006/12/21 16:13:06 dries Exp $ */
   2  
   3  /*
   4  ** HTML elements
   5  */
   6  th.active img {
   7    display: inline;
   8  }
   9  tr.even, tr.odd {
  10    background-color: #eee;
  11    border-bottom: 1px solid #ccc;
  12    padding: 0.1em 0.6em;
  13  }
  14  td.active {
  15    background-color: #ddd;
  16  }
  17  tbody {
  18    border-top: 1px solid #ccc;
  19  }
  20  tbody th {
  21    border-bottom: 1px solid #ccc;
  22  }
  23  thead th {
  24    text-align: left;
  25    padding-right: 1em;
  26    border-bottom: 3px solid #ccc;
  27  }
  28  
  29  /*
  30  ** Other common styles
  31  */
  32  .breadcrumb {
  33    padding-bottom: .5em
  34  }
  35  .error {
  36    color: #f00;
  37  }
  38  div.error {
  39    border: 1px solid #d77;
  40  }
  41  div.error, tr.error {
  42    background: #fcc;
  43    color: #200;
  44  }
  45  div.warning, tr.warning {
  46    background: #ffd;
  47  }
  48  div.ok, tr.ok {
  49    background: #dfd;
  50  }
  51  .item-list .icon {
  52    color: #555;
  53    float: right;
  54    padding-left: 0.25em;
  55    clear: right;
  56  }
  57  .item-list .title {
  58    font-weight: bold;
  59  }
  60  .item-list ul {
  61    margin: 0 0 0.75em 0;
  62    padding: 0;
  63  }
  64  .item-list ul li {
  65    margin: 0 0 0.25em 1.5em;
  66    padding: 0;
  67    list-style: disc;
  68  }
  69  .form-item {
  70    margin-top: 1em;
  71    margin-bottom: 1em;
  72  }
  73  tr.odd .form-item, tr.even .form-item {
  74    margin-top: 0;
  75    margin-bottom: 0;
  76    white-space: nowrap;
  77  }
  78  tr.merge-down, tr.merge-down td, tr.merge-down th {
  79    border-bottom-width: 0 !important;
  80  }
  81  tr.merge-up, tr.merge-up td, tr.merge-up th {
  82    border-top-width: 0 !important;
  83  }
  84  .form-item input.error, .form-item textarea.error, .form-item select.error {
  85    border: 2px solid red;
  86  }
  87  .form-item .description {
  88    font-size: 0.85em;
  89  }
  90  .form-item label {
  91    display: block;
  92    font-weight: bold;
  93  }
  94  .form-item label.option {
  95    display: inline;
  96    font-weight: normal;
  97  }
  98  .form-checkboxes, .form-radios {
  99    margin: 1em 0;
 100  }
 101  .form-checkboxes .form-item, .form-radios .form-item {
 102    margin-top: 0.4em;
 103    margin-bottom: 0.4em;
 104  }
 105  .marker, .form-required {
 106    color: #f00;
 107  }
 108  .more-link {
 109    text-align: right;
 110  }
 111  .more-help-link {
 112    font-size: 0.85em;
 113    text-align: right;
 114  }
 115  .nowrap {
 116    white-space: nowrap;
 117  }
 118  .pager {
 119    clear: both;
 120    text-align: center;
 121  }
 122  .pager a, .pager strong.pager-current {
 123    padding: 0.5em;
 124  }
 125  .tips {
 126    margin-top: 0;
 127    margin-bottom: 0;
 128    padding-top: 0;
 129    padding-bottom: 0;
 130    font-size: 0.9em;
 131  }
 132  dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select {
 133    font-family: inherit;
 134    font-size: inherit;
 135    width: 14em;
 136  }
 137  dl.multiselect dd.a, dl.multiselect dd.a .form-item {
 138    width: 8em;
 139  }
 140  dl.multiselect dt, dl.multiselect dd {
 141    float: left;
 142    line-height: 1.75em;
 143    padding: 0;
 144    margin: 0 1em 0 0;
 145  }
 146  dl.multiselect .form-item {
 147    height: 1.75em;
 148    margin: 0;
 149  }
 150  
 151  /*
 152  ** Inline items (need to override above)
 153  */
 154  .container-inline div, .container-inline label {
 155    display: inline;
 156  }
 157  
 158  /*
 159  ** Menus
 160  */
 161  ul.menu {
 162    list-style: none;
 163    border: none;
 164    text-align:left;
 165  }
 166  ul.menu li {
 167    margin: 0 0 0 0.5em;
 168  }
 169  li.expanded {
 170    list-style-type: circle;
 171    list-style-image: url(../../misc/menu-expanded.png);
 172    padding: 0.2em 0.5em 0 0;
 173    margin: 0;
 174  }
 175  li.collapsed {
 176    list-style-type: disc;
 177    list-style-image: url(../../misc/menu-collapsed.png);
 178    padding: 0.2em 0.5em 0 0;
 179    margin: 0;
 180  }
 181  li.leaf {
 182    list-style-type: square;
 183    list-style-image: url(../../misc/menu-leaf.png);
 184    padding: 0.2em 0.5em 0 0;
 185    margin: 0;
 186  }
 187  li a.active {
 188    color: #000;
 189  }
 190  td.menu-disabled {
 191    background: #ccc;
 192  }
 193  ul.links {
 194    margin: 0;
 195    padding: 0;
 196  }
 197  ul.links.inline {
 198    display: inline;
 199  }
 200  ul.links li {
 201    display: inline;
 202    list-style-type: none;
 203    padding: 0 0.5em;
 204  }
 205  .block ul {
 206    margin: 0;
 207    padding: 0 0 0.25em 1em;
 208  }
 209  
 210  /*
 211  ** Tab navigation
 212  */
 213  ul.primary {
 214    border-collapse: collapse;
 215    padding: 0 0 0 1em;
 216    white-space: nowrap;
 217    list-style: none;
 218    margin: 5px;
 219    height: auto;
 220    line-height: normal;
 221    border-bottom: 1px solid #bbb;
 222  }
 223  ul.primary li {
 224    display: inline;
 225  }
 226  ul.primary li a {
 227    background-color: #ddd;
 228    border-color: #bbb;
 229    border-width: 1px;
 230    border-style: solid solid none solid;
 231    height: auto;
 232    margin-right: 0.5em;
 233    padding: 0 1em;
 234    text-decoration: none;
 235  }
 236  ul.primary li.active a {
 237    background-color: #fff;
 238    border: 1px solid #bbb;
 239    border-bottom: #fff 1px solid;
 240  }
 241  ul.primary li a:hover {
 242    background-color: #eee;
 243    border-color: #ccc;
 244    border-bottom-color: #eee;
 245  }
 246  ul.secondary {
 247    border-bottom: 1px solid #bbb;
 248    padding: 0.5em 1em;
 249    margin: 5px;
 250  }
 251  ul.secondary li {
 252    display: inline;
 253    padding: 0 1em;
 254    border-right: 1px solid #ccc;
 255  }
 256  ul.secondary a {
 257    padding: 0;
 258    text-decoration: none;
 259  }
 260  ul.secondary a.active {
 261    border-bottom: 4px solid #999;
 262  }
 263  
 264  /*
 265  ** Autocomplete styles
 266  */
 267  /* Suggestion list */
 268  #autocomplete {
 269    position: absolute;
 270    border: 1px solid;
 271    overflow: hidden;
 272    z-index: 100;
 273  }
 274  #autocomplete ul {
 275    margin: 0;
 276    padding: 0;
 277    list-style: none;
 278  }
 279  #autocomplete li {
 280    background: #fff;
 281    color: #000;
 282    white-space: pre;
 283    cursor: default;
 284  }
 285  #autocomplete li.selected {
 286    background: #0072b9;
 287    color: #fff;
 288  }
 289  /* Animated throbber */
 290  html.js input.form-autocomplete {
 291    background-image: url(../../misc/throbber.gif);
 292    background-repeat: no-repeat;
 293    background-position: 100% 2px;
 294  }
 295  html.js input.throbbing {
 296    background-position: 100% -18px;
 297  }
 298  
 299  /*
 300  ** Collapsing fieldsets
 301  */
 302  html.js fieldset.collapsed {
 303    border-bottom-width: 0;
 304    border-left-width: 0;
 305    border-right-width: 0;
 306    margin-bottom: 0;
 307    height: 1em;
 308  }
 309  html.js fieldset.collapsed * {
 310    display: none;
 311  }
 312  html.js fieldset.collapsed legend {
 313    display: block;
 314  }
 315  html.js fieldset.collapsible legend a {
 316    padding-left: 15px;
 317    background: url(../../misc/menu-expanded.png) 5px 75% no-repeat;
 318  }
 319  html.js fieldset.collapsed legend a {
 320    background-image: url(../../misc/menu-collapsed.png);
 321    background-position: 5px 50%;
 322  }
 323  /* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
 324  * html.js fieldset.collapsed legend,
 325  * html.js fieldset.collapsed legend *,
 326  * html.js fieldset.collapsed table * {
 327    display: inline;
 328  }
 329  html.js fieldset.collapsible legend a {
 330    display: block;
 331  }
 332  /* Avoid jumping around due to margins collapsing into collapsible fieldset border */
 333  html.js fieldset.collapsible .fieldset-wrapper {
 334    overflow: auto;
 335  }
 336  
 337  /*
 338  ** Resizable text areas
 339  */
 340  .resizable-textarea {
 341    width: 95%;
 342  }
 343  .resizable-textarea .grippie {
 344    height: 9px;
 345    overflow: hidden;
 346    background: #eee url(../../misc/grippie.png) no-repeat center 2px;
 347    border: 1px solid #ddd;
 348    border-top-width: 0;
 349    cursor: s-resize;
 350  }
 351  html.js .resizable-textarea textarea {
 352    margin-bottom: 0;
 353    width: 100%;
 354    display: block;
 355  }
 356  
 357  /*
 358  ** Progressbar styles
 359  */
 360  .progress {
 361    font-weight: bold;
 362  }
 363  .progress .bar {
 364    background: #fff url(../../misc/progress.gif);
 365    border: 1px solid #00375a;
 366    height: 1.5em;
 367    margin-top: 0.2em;
 368  }
 369  .progress .filled {
 370    background: #0072b9;
 371    height: 1em;
 372    border-bottom: 0.5em solid #004a73;
 373    width: 0%;
 374  }
 375  .progress .percentage {
 376    float: right;
 377  }
 378  
 379  /*
 380  ** Formatting for welcome page
 381  */
 382  #first-time strong {
 383    display: block;
 384    padding: 1.5em 0 .5em;
 385  }
 386  
 387  /*
 388  ** To be used with tableselect.js
 389  */
 390  tr.selected td {
 391    background: #ffc;
 392  }