[Sommaire] [Imprimer]

   1  /**
   2   * $Horde: horde/themes/screen.css,v 1.7.4.57 2006/06/11 21:34:27 chuck Exp $
   3   */
   4  
   5  /* Global default styles. */
   6  * {
   7      /* Zero out all padding and margins to start with for better
   8       * cross-browser control. */
   9      padding: 0;
  10      margin: 0;
  11  }
  12  
  13  body {
  14      font-family: Geneva,Arial,Helvetica,sans-serif;
  15      font-size: 12px;
  16      background: #fff;
  17      color: #000;
  18  }
  19  
  20  body.scrollbar-quirk {
  21      margin-right: 15px;
  22  }
  23  
  24  p {
  25      margin-bottom: 10px;
  26  }
  27  
  28  img, .img, .img:active, .img:hover, .img:visited {
  29      border: none;
  30      vertical-align: middle;
  31      background: transparent;
  32  }
  33  
  34  ins {
  35      background: #cfc;
  36  }
  37  del {
  38      background: #fcc;
  39  }
  40  
  41  br.spacer {
  42      font-size: 8px;
  43  }
  44  
  45  .leftAlign {
  46      text-align: left;
  47  }
  48  .rightAlign {
  49      text-align: right;
  50  }
  51  .leftFloat {
  52      float: left;
  53  }
  54  .rightFloat {
  55      float: right;
  56  }
  57  
  58  .box {
  59      padding: 3px;
  60      border: 1px dashed #999;
  61      background: #fff;
  62  }
  63  .solidbox {
  64      border: 1px solid #000;
  65  }
  66  .greybox {
  67      border: 1px solid #000;
  68      background: #e9e9e9;
  69  }
  70  .headerbox {
  71      border-left: 1px solid #000;
  72      border-right: 1px solid #000;
  73      border-bottom: 1px solid #000;
  74      background: #fff;
  75  }
  76  .roundedBox {
  77      -moz-border-radius: 15px;
  78  }
  79  .roundedTop {
  80      -moz-border-radius-topright: 15px;
  81      -moz-border-radius-topleft: 15px;
  82  }
  83  .roundedBottom {
  84      -moz-border-radius-bottomright: 15px;
  85      -moz-border-radius-bottomleft: 15px;
  86  }
  87  .header {
  88      font-family: Verdana,Helvetica,sans-serif;
  89      font-weight: bold;
  90      font-size: 15px;
  91      padding: 3px;
  92  }
  93  .header a:hover, a.header:hover {
  94      color: #333;
  95  }
  96  .header img {
  97      vertical-align: bottom;
  98  }
  99  .header ul {
 100      float: right;
 101      text-align: right;
 102      font-size: 12px;
 103  }
 104  .header li {
 105      list-style: none;
 106      display: inline;
 107  }
 108  .nowrap {
 109      white-space: nowrap;
 110  }
 111  .clear {
 112      clear: both;
 113      line-height: 0;
 114      height: 0;
 115  }
 116  
 117  a {
 118      color: blue;
 119      text-decoration: none;
 120  }
 121  a:hover {
 122      text-decoration: underline;
 123  }
 124  .selected {
 125      background: #bbcbff;
 126  }
 127  .selected-over {
 128      background: #cef;
 129  }
 130  
 131  /* Table styles. */
 132  table {
 133      border: none;
 134  }
 135  td, th {
 136      padding: 1px;
 137  }
 138  th {
 139      color: #333;
 140      font-family: Verdana,Helvetica,sans-serif;
 141      font-size: 11px;
 142  }
 143  td {
 144      font-size: 12px;
 145      font-family: Geneva,Arial,Helvetica,sans-serif;
 146  }
 147  ul.linedRow {
 148      list-style-type: none;
 149  }
 150  .linedRow, tr.linedRow td, table.linedRow td, ul.linedRow li {
 151      color: #000;
 152      background: #fff;
 153      border-bottom: 1px solid #ddd;
 154  }
 155  table.linedRow, ul.linedRow {
 156      border-bottom: none;
 157  }
 158  .linedRowSelectedCol, td.linedRowSelectedCol, table.linedRow td.linedRowSelectedCol {
 159      color: #000;
 160      background: #f3f3f3;
 161      border-bottom: 1px solid #ddd;
 162  }
 163  .selectedRow, tr.selectedRow td {
 164      background: #ffc;
 165  }
 166  .selectedRow:hover, tr.selectedRow td:hover, .selectedRow-over, tr.selectedRow-over td {
 167      background: #ffd;
 168  }
 169  table.nopadding td, table.nopadding th {
 170      padding: 0;
 171  }
 172  .sortup {
 173      background: #bbcbff url("graphics/za.png") center left no-repeat;
 174      padding-left: 10px;
 175  }
 176  .sortdown {
 177      background: #bbcbff url("graphics/az.png") center left no-repeat;
 178      padding-left: 10px;
 179  }
 180  /* Alternating styles. item0, item1 are deprecated. */
 181  .striped, .rowEven, .item0 {
 182      background: #eee;
 183  }
 184  .rowOdd, .item1 {
 185      background: #ddd;
 186  }
 187  
 188  .widget {
 189      font-family: Verdana,Helvetica,sans-serif;
 190      font-size: 11px;
 191  }
 192  
 193  .mimeStatusMessage {
 194      padding: 1px;
 195      margin-bottom: 4px;
 196      border: 1px dashed #00c;
 197      background: #eef;
 198      color: #006;
 199  }
 200  .mimeStatusWarning {
 201      padding: 1px;
 202      margin-bottom: 4px;
 203      border: 1px dashed #f00;
 204      background: #ffd0af;
 205      color: #f00;
 206  }
 207  
 208  .light {
 209      color: #fff;
 210      font-family: Geneva,Arial,Helvetica,sans-serif;
 211      font-size: 12px;
 212  }
 213  .smallheader {
 214      font-family: Geneva,Arial,Helvetica,sans-serif;
 215      font-size: 12px;
 216      font-weight: bold;
 217  }
 218  small, .small {
 219      font-size: 10px;
 220  }
 221  .control {
 222      color: #000;
 223      background: #ccc;
 224      border-bottom: 1px solid #999;
 225  }
 226  .item {
 227      color: #000;
 228      background: #eee;
 229  }
 230  .accessKey {
 231      text-decoration: underline;
 232  }
 233  .text {
 234      color: #000;
 235      background: #fff;
 236  }
 237  
 238  /* Form styles. */
 239  .form table {
 240      width: 100%;
 241      padding: 2px;
 242      border-collapse: collapse;
 243  }
 244  .htmlarea .statusBar .statusBarTree a {
 245      font: inherit;
 246  }
 247  .htmlarea table {
 248      width: auto;
 249  }
 250  .form-error {
 251      color: #f00;
 252  }
 253  input, select {
 254      font-family: Geneva,Arial,Helvetica,sans-serif;
 255      font-size: 12px;
 256      font-weight: normal;
 257  }
 258  input {
 259      padding: 1px;
 260  }
 261  option {
 262      padding: 0px 5px 0px 3px;
 263  }
 264  .checkbox {
 265      border: 0;
 266      height: 14px;
 267      width: 14px;
 268      background: transparent;
 269  }
 270  .button {
 271      font-size: 11px;
 272      font-family: Verdana,Helvetica,sans-serif;
 273      padding: 1px 6px;
 274  }
 275  a.button {
 276      padding: 2px 8px;
 277      font-weight: normal;
 278      text-decoration: none;
 279  }
 280  
 281  .fixed {
 282      font-size: 13px;
 283      font-family: monospace,fixed;
 284  }
 285  
 286  /* Styles for email-like messages. */
 287  .signature {
 288      color: #ccc;
 289  }
 290  .signature-fixed {
 291      color: #ccc;
 292      font-size: 13px;
 293      font-family: monospace,fixed;
 294  }
 295  .citation {
 296      margin: 1em 0;
 297      padding-left: 1em;
 298      border-left-width: 1px;
 299      border-left-style: solid;
 300  }
 301  .quoted1 {
 302      color: #606;
 303      border-left-color: #606;
 304  }
 305  .quoted2 {
 306      color: #077;
 307      border-left-color: #077;
 308  }
 309  .quoted3 {
 310      color: #900;
 311      border-left-color: #900;
 312  }
 313  .quoted4 {
 314      color: #009;
 315      border-left-color: #009;
 316  }
 317  .quoted5 {
 318      color: #b60;
 319      border-left-color: #b60;
 320  }
 321  
 322  /* Various popup and status layers. */
 323  .notice {
 324      font-weight: bold;
 325      color: #000;
 326      background: #ffc;
 327      border: 1px solid #aaa;
 328      padding: 1px;
 329      padding-left: 5px;
 330      margin-bottom: 1px;
 331      -moz-border-radius: 8px;
 332  }
 333  .tooltip, div.nicetitle {
 334      font: 11px/12px Verdana,Arial,serif;
 335      color: #000;
 336      background: #ffc;
 337      border: 1px solid #000;
 338      padding: 5px;
 339      -moz-border-radius: 3px;
 340  }
 341  div.nicetitle {
 342      position: absolute;
 343      overflow: hidden;
 344      opacity: .90;
 345  }
 346  div.nicetitle pre {
 347      font-family: "Lucida Console",monospace,fixed;
 348  }
 349  .inProgress {
 350      font: 10px Geneva,Arial,Helvetica,sans-serif;
 351      padding: 2px;
 352      color: #fff;
 353      background: #f00;
 354  }
 355  
 356  /* Tree styles. */
 357  .treeRow {
 358      overflow: hidden;
 359      min-height: 20px;
 360      clear: both;
 361  }
 362  
 363  /* Menu styles. */
 364  #menu {
 365      overflow: hidden;
 366      min-height: 50px;
 367      font-family: Verdana,Helvetica,sans-serif;
 368      margin-bottom: 8px;
 369  }
 370  #menu ul {
 371      padding: 5px;
 372  }
 373  #menu li {
 374      list-style-type: none;
 375      text-align: center;
 376      margin: 2px;
 377      float: left;
 378  }
 379  #menu a {
 380      display: block;
 381      white-space: pre;
 382      font-family: Verdana,Helvetica,sans-serif;
 383      font-size: 11px;
 384      text-decoration: none;
 385      padding: 3px;
 386      -moz-border-radius: 3px;
 387  }
 388  #menu h1 {
 389      font-family: Verdana,Helvetica,sans-serif;
 390      font-weight: bold;
 391      font-size: 18px;
 392      line-height: 48px;
 393      vertical-align: bottom;
 394  }
 395  #menu input, #menu select {
 396      margin-top: 16px;
 397  }
 398  
 399  /* Sidebar styles. */
 400  .sidebar #menu {
 401      margin: 0;
 402  }
 403  #sidebarPanel {
 404      -moz-border-radius-bottomright: 15px;
 405      padding-top: 5px;
 406      padding-bottom: 10px;
 407      background: #eee;
 408      white-space: nowrap;
 409  }
 410  #sidebarPanel span, #sidebarPanel a {
 411      color: #000;
 412      white-space: pre;
 413      font-family: Verdana,Helvetica,sans-serif;
 414      font-size: 11px;
 415      text-decoration: none;
 416  }
 417  #sidebarPanel span.toggle {
 418      cursor: pointer;
 419  }
 420  #sidebarPanel a:hover {
 421      -moz-border-radius: 3px;
 422      color: #000;
 423  }
 424  
 425  /* Pager. */
 426  .pager {
 427      text-align: center;
 428  }
 429  
 430  /* Tab styles. */
 431  .tabset {
 432      float: left;
 433      width: 100%;
 434      font-weight: bold;
 435      background: url("graphics/tab_bottom.gif") repeat-x bottom;
 436  }
 437  .tabset ul {
 438      margin-top: 4px;
 439      padding-left: 10px;
 440      list-style: none;
 441  }
 442  .tabset li {
 443      float: left;
 444      margin-top: -3px;
 445      margin-left: 2px;
 446      white-space: nowrap;
 447  }
 448  .tabset li a {
 449      color: #000;
 450      background-color: #e9e9e9;
 451      padding: 2px 0.5em;
 452      display: block;
 453      border: 1px solid #000;
 454      border-bottom-color: #e9e9e9;
 455      -moz-border-radius-topleft: 10px;
 456      -moz-border-radius-topright: 10px;
 457  }
 458  .tabset li a:hover {
 459      text-decoration: none;
 460      background-color: #fff;
 461  }
 462  .tabset li.activeTab a {
 463      border-bottom: 1px solid #000;
 464      background-color: #000;
 465      color: #fff;
 466  }
 467  .tabset li.activeTab a:hover {
 468  }
 469  .tabset img {
 470      display: block;
 471      float: left;
 472      padding-right: 2px;
 473  }
 474  
 475  /* Preferences overview. */
 476  .prefsOverview div {
 477      float: left;
 478  }
 479  .prefsOverview div div {
 480      padding-left: 10px;
 481      width: 95%;
 482  }
 483  .prefsOverview h2 {
 484      font-size: 18px;
 485      font-weight: bold;
 486  }
 487  .prefsOverview dt a {
 488      display: block;
 489      padding: 2px;
 490      font-weight: bold;
 491      border: 1px solid #000;
 492      border-bottom: 1px solid #446;
 493      background: #e9e9e9;
 494  }
 495  .prefsOverview dd {
 496      padding: 2px;
 497      margin-bottom: 10px;
 498      color: #000;
 499      background: #fff;
 500      border-left: 1px solid #000;
 501      border-right: 1px solid #000;
 502      border-bottom: 1px solid #000;
 503  }
 504  
 505  /* Block styles. */
 506  .currentBlock {
 507      border: 2px solid red;
 508  }
 509  
 510  /* Help styles. */
 511  .help {
 512      background: #fff;
 513      color: #000;
 514  }
 515  .help h1 {
 516      font-size: 15px;
 517      padding-top: 0.5em;
 518      padding-bottom: 0.5em;
 519  }
 520  .help h2 {
 521      border-top: 1px solid #446;
 522      padding-top: 1em;
 523      padding-bottom: 0.5em;
 524      font-size: 13px;
 525  }
 526  .help p {
 527      margin-left: 1em;
 528      margin-right: 1em;
 529      margin-bottom: 1em;
 530  }
 531  .help em {
 532      display: block;
 533      padding: 5px;
 534      margin-left: 1em;
 535      margin-right: 1em;
 536      margin-bottom: 1em;
 537  }
 538  .help em.helpTip {
 539      color: #090;
 540      background: #e0f0e0;
 541  }
 542  .help em.helpWarn {
 543      color: #900;
 544      background: #f0e0e0;
 545  }
 546  
 547  /* Source markup styles. */
 548  table.lineNumbered {
 549      margin: 5px;
 550      border: 1px solid #000;
 551  }
 552  .lineNumbered th {
 553      background: #e9e9e9;
 554      border-right: 1px solid #e0e0e0;
 555      border-left: 1px solid #f3f3f3;
 556      padding-left: 10px;
 557      padding-right:10px;
 558      text-align: right;
 559  }
 560  .lineNumbered th a {
 561      font-family: monospace;
 562      font-size: 12px;
 563      line-height: 16px;
 564  }
 565  .lineNumbered td {
 566      vertical-align: top;
 567      width: 100%;
 568      white-space: pre;
 569      background: #fff;
 570      padding-left: 10px;
 571      font-family: monospace;
 572      font-size: 12px;
 573      white-space: pre;
 574      line-height: 16px;
 575  }
 576  .parentheses {
 577      color: #2a6;
 578      font-weight: bold;
 579  }
 580  .comment {
 581      color: #aac;
 582  }
 583  .htag {
 584      color: #569;
 585      background: #d5d6da;
 586      font-weight: bold;
 587  }
 588  .metac {
 589      color: #0ff;
 590      background: #d5d6da;
 591  }
 592  .id {
 593      color: #e82;
 594      background: #e4e4e0;
 595  }
 596  .attr {
 597      color: #6af;
 598  }
 599  .value {
 600      color: #d46;
 601  }
 602  .color {
 603      color: #f57;
 604  }
 605  .eol {
 606      color: #26e;
 607  }
 608  .url {
 609      color: #962;
 610  }
 611  .file {
 612      color: #444;
 613      background: #fe4;
 614  }
 615  .class {
 616      font-style: italic;
 617  }
 618  
 619  /* Drop shadows. */
 620  .dropShadow {
 621      float: left;
 622      background: url("graphics/shadow.png") no-repeat bottom right !important;
 623      background: url("graphics/shadow.gif") no-repeat bottom right;
 624      margin: 10px 0 0 5px;
 625  }
 626  
 627  .dropShadow img {
 628      display: block;
 629      position: relative;
 630      background: #fff;
 631      border: 1px solid #666;
 632      margin: -3px 5px 5px -3px;
 633      padding: 2px;
 634  }