[Sommaire] [Imprimer]

   1  /* Copyright (C) 2002-2004 Rodolphe Quiedeville <rodolphe@quiedeville.org> 
   2   * Copyright (C) 2004-2005 Laurent Destailleur  <eldy@users.sourceforge.net> 
   3   *
   4   * This program is free software; you can redistribute it and/or modify
   5   * it under the terms of the GNU General Public License as published by
   6   * the Free Software Foundation; either version 2 of the License, or
   7   * (at your option) any later version.
   8   *
   9   * This program is distributed in the hope that it will be useful,
  10   * but WITHOUT ANY WARRANTY; without even the implied warranty of
  11   * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  12   * GNU General Public License for more details.
  13   *
  14   * You should have received a copy of the GNU General Public License
  15   * along with this program; if not, write to the Free Software
  16   * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
  17   *
  18   * $Id: dolibarr.css,v 1.40 2005/12/03 18:30:23 eldy Exp $
  19   * $Source: /cvsroot/dolibarr/dolibarr/htdocs/theme/dolibarr/dolibarr.css,v $
  20   */
  21  
  22  
  23  /***** Style du fond *****/
  24  body {
  25    background: #e0ebeb; 
  26    margin: 0px;
  27    font-family: sans-serif; font-size: 0.95em; 
  28  }
  29  
  30  /***** Styles par défaut *****/
  31  input
  32  { 
  33      font: 12px helvetica, verdana, arial, sans-serif; 
  34      padding: 0px 0px 0px 0px;
  35      margin: 0px 0px 0px 0px;
  36  }
  37  input.flat
  38  { 
  39      font: 12px helvetica, verdana, arial, sans-serif;
  40      padding: 0px 0px 0px 0px;
  41      margin: 0px 0px 0px 0px;
  42  }
  43  textarea  {
  44      font: 12px helvetica, verdana, arial, sans-serif;
  45      padding: 0px 0px 0px 0px;
  46      margin: 0px 0px 0px 0px;
  47  }
  48  textarea.flat
  49  { 
  50      font: 12px helvetica, verdana, arial, sans-serif;
  51      padding: 0px 0px 0px 0px;
  52      margin: 0px 0px 0px 0px;
  53  }
  54  select.flat
  55  {
  56      font: 12px helvetica, verdana, arial, sans-serif;
  57  }
  58  
  59  
  60  div.body
  61  {
  62      margin-top: 1px;
  63      margin-bottom: 0;
  64      margin-right: 3px;
  65      margin-left: 3px;
  66      display:block;
  67      padding:0px;
  68      font-size:13px;
  69  }
  70  
  71  div.vmenuplusfiche
  72  {
  73      float: left;
  74      margin-right: 6px;
  75  }
  76  
  77  div.vmenu
  78  {
  79      display:block;
  80      float: left;
  81      margin-right: 2px;
  82      padding: 0px;
  83      padding-bottom: 0px;
  84      width: 160px;
  85  }
  86  
  87  div.fiche
  88  {
  89      position: absolute;
  90      display: block;
  91      top: 28px;
  92      margin-right: 6px;
  93      margin-top: 0px;
  94  }
  95  
  96  
  97  /*
  98   *   Menu superieur et 1ere ligne tableau
  99   */
 100  
 101  div.tmenu
 102  {
 103      float: top;
 104      display:block;
 105      white-space: nowrap;
 106      border:0;
 107      border-right: 1px solid #000000;
 108      border-bottom: 1px solid #000000;
 109      padding: 0px 0px 0px 0px;
 110      margin: 0px 0px 2px 0px;
 111      font-weight:bold;
 112      font-size:12px;
 113      height: 18px;
 114      color: #000000; 
 115      text-decoration: none;
 116  }
 117  
 118  table.tmenu
 119  {
 120      padding: 0px 0px 10px 0px;
 121      margin: 0px 0px 0px 10px;
 122  }
 123  
 124  a.tmenu:link
 125  {
 126    padding: 0em 1em;
 127    margin: 0em 0em 1em 0em;
 128    font-weight:bold;
 129    font-size:12px;
 130  }
 131  a.tmenu:visited
 132  {
 133    padding: 0em 1em;
 134    margin: 0em 0em 1em 0em;
 135    font-weight:bold;
 136    font-size:12px;
 137  }
 138  a.tmenu#sel
 139  { 
 140    padding: 0em 1em;
 141    margin: 0em 0em 1em 0em;
 142    font-size:12px;
 143  }
 144  a.tmenu:hover
 145  {
 146    padding: 0em 1em;
 147    margin: 0em 0em 1em 0em;
 148    text-decoration: none;
 149    font-size:12px;
 150  }
 151  
 152  font.tmenudisabled
 153  {
 154    color: #93a5aa;
 155    padding: 0em 1em;
 156    margin: 0em 0em 1em 0em;
 157    font-size:12px;
 158  }
 159  
 160  /* Login */
 161  
 162  a.login
 163  { 
 164    position: absolute;
 165    right: 24px;
 166    top: 4px;
 167    padding: 0em 1em;
 168    margin: 0em 0em 1em 0em;
 169    font-weight:bold;
 170    font-size:12px;
 171  }
 172  a.login:hover
 173  {
 174    color:black;
 175    text-decoration: underline;
 176  }
 177  
 178  img.login
 179  {
 180    position: absolute;
 181    right: 9px;
 182    top: 1px;
 183  
 184    padding:2px;
 185    text-decoration:none;
 186    color:white;
 187    font-weight:bold;
 188  }
 189  
 190  
 191  /*
 192   *   Barre de gauche
 193   */
 194  
 195  a.vmenu:link    { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: bold; }
 196  a.vmenu:visited { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: bold; }
 197  a.vmenu:active  { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: bold; }
 198  a.vmenu:hover   { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: bold; text-decoration: underline; }
 199  font.vmenudisabled { font-size:12px; font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: normal; color: #a3a590; margin: 1em 1em 1em 1em; }
 200  
 201  a.vsmenu:link    { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: normal; color: #202020; margin: 1em 1em 1em 1em; }
 202  a.vsmenu:visited { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: normal; color: #202020; margin: 1em 1em 1em 1em; }
 203  a.vsmenu:active  { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: normal; color: #202020; margin: 1em 1em 1em 1em; }
 204  a.vsmenu:hover   { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: normal; color: #202020; margin: 1em 1em 1em 1em; text-decoration: underline; }
 205  font.vsmenudisabled { font-size:12px; font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: normal; color: #a3a590; margin: 1em 1em 1em 1em; }
 206  
 207  a.help:link    { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: normal; }
 208  a.help:visited { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: normal; }
 209  a.help:active  { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: normal; }
 210  a.help:hover   { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: normal; }
 211  
 212  div.blockvmenupair
 213  { 
 214      border-right: 1px solid #000000;
 215      border-bottom: 1px solid #000000;
 216      font: helvetica, verdana, arial, sans-serif;
 217      color: #202020; 
 218      text-align:left;
 219      text-decoration: none;
 220      padding: 3px;
 221      margin: 1px 0px 0px 0px;
 222  }
 223  
 224  div.blockvmenuimpair
 225  {
 226      border-right: 1px solid #000000;
 227      border-bottom: 1px solid #000000;
 228      font: helvetica, verdana, arial, sans-serif;
 229      color: #202020; 
 230      text-align:left;
 231      text-decoration: none;
 232      padding: 3px;
 233      margin: 1px 0px 0px 0px;
 234  }
 235  
 236  a.leftmenu {              
 237               font-size: 0.9em; 
 238               font-weight: bold; 
 239               color: #202020; 
 240               }
 241  
 242  td.barre { 
 243             border-right: 1px solid #000000;
 244             border-bottom: 1px solid #000000;
 245             background: #b3cccc;
 246             font-family: Helvetica, Verdana;
 247             font-size: 0.9em; 
 248             color: #000000; 
 249             text-decoration: none;
 250  }
 251  
 252  td.barre_select { 
 253                    background: #b3cccc; 
 254                    color: #000000;
 255                    }
 256  
 257  form {
 258      padding: 0em 0em 0em 0em;
 259      margin: 0em 0em 0em 0em;
 260  }
 261  /*
 262   *   Barre recherche
 263   */
 264  div.formsearch
 265  {
 266    display: block;
 267    float: none;
 268    clear: right;
 269    background: #d0d4d7;
 270    top: 0px;
 271    left: 130px;
 272    padding: 4px; 
 273    vertical-align: middle;
 274    margin-bottom: 10px;
 275  }
 276  
 277  /*
 278   *   Barre onglets
 279   */
 280  div.tabs {
 281      top: 20px;
 282      margin: 1px 0px 0px 0px;
 283      padding: 0px 6px;
 284      text-align: left;
 285  }
 286  div.tabBar {
 287    color: #436976;
 288    background: #dee7ec;
 289    padding-top: 14px;
 290    padding-left: 12px;
 291    padding-right: 12px;
 292    padding-bottom: 14px;
 293    margin: 0px 0px 10px 0px;
 294    border: 1px solid #8CACBB;
 295  }
 296  
 297  div.tabsAction {
 298    margin: 24px 0em 1px 0em;
 299    padding: 0em 0em;
 300    text-align: right;
 301  }
 302  
 303  
 304  a.tabTitle {
 305      background: #436976;
 306      color: white;
 307      font-weight: normal;
 308      padding: 0px 6px;
 309      margin: 0em 0.5em;
 310      text-decoration: none;
 311      white-space: nowrap;
 312  
 313      border-right: 1px solid #555555;
 314      border-left: 1px solid #D8D8D8;
 315      border-top: 1px solid #D8D8D8;
 316  }
 317  
 318  a.tab {
 319    background: white;
 320    border: 1px solid #8CACBB;
 321    color: #436976;
 322    font-weight: normal;
 323    padding: 0px 6px;
 324    margin: 0em 0.2em;
 325    text-decoration: none;
 326    white-space: nowrap;
 327  }
 328  
 329  
 330  
 331  a.tab#active {
 332    background: #dee7ec;
 333    border-bottom: #dee7ec 1px solid;
 334  }
 335  
 336  a.tab:hover {
 337    background: #dee7ec;
 338    text-decoration: none;
 339  }
 340  
 341  
 342  /*
 343   *   Boutons actions
 344   *   Nouvelle syntaxe à utiliser
 345   */
 346  
 347  a.butAction:link { background: white; border: 1px solid #8CACBB; color: #436976; font: 105% Bold; padding: 0em 1em; margin: 0em 0.2em; text-decoration: none; white-space: nowrap; }
 348  a.butAction:visited { background: white; border: 1px solid #8CACBB; color: #436976; font: 105% Bold; padding: 0em 1em; margin: 0em 0.2em; text-decoration: none; white-space: nowrap; }
 349  a.butAction:active { background: white; border: 1px solid #8CACBB; color: #436976; font: 105% Bold; padding: 0em 1em; margin: 0em 0.2em; text-decoration: none; white-space: nowrap; }
 350  a.butAction:hover { background: #dee7ec; }
 351  
 352  a.butActionDelete:link { background: white; border: 1px solid #8CACBB; color: #436976; font: 105% Bold; padding: 0em 1em; margin: 0em 0.2em; text-decoration: none; white-space: nowrap; }
 353  a.butActionDelete:visited { background: white; border: 1px solid #8CACBB; color: #436976; font: 105% Bold; padding: 0em 1em; margin: 0em 0.2em; text-decoration: none; white-space: nowrap; }
 354  a.butActionDelete:active { background: white; border: 1px solid #8CACBB; color: #436976; font: 105% Bold; padding: 0em 1em; margin: 0em 0.2em; text-decoration: none; white-space: nowrap; }
 355  a.butActionDelete:hover { background: #dee7ec; }
 356  
 357  
 358  /*
 359  * Historique
 360  * A supprimer quand remplace par butXxx
 361  */
 362  
 363  a.tabAction {
 364    background: white;
 365    border: 1px solid #8CACBB;
 366    color: #436976;
 367    font: 105% Bold;
 368    padding: 0em 1em;
 369    margin: 0em 0.2em;
 370    text-decoration: none;
 371    white-space: nowrap;
 372  }
 373  
 374  a.tabAction:hover {
 375    background: #dee7ec;
 376  }
 377  
 378  
 379  /*
 380   * Tables
 381   */
 382  
 383  .notopnoleft {
 384  border-collapse: collapse;
 385  border: 0px;
 386  padding-top: 0px;
 387  padding-left: 0px;
 388  padding-right: 4px;
 389  padding-bottom: 4px;
 390  margin: 0px 0px;
 391  }
 392  .notopnoleftnoright {
 393  border-collapse: collapse;
 394  border: 0px;
 395  padding-top: 0px;
 396  padding-left: 0px;
 397  padding-right: 0px;
 398  padding-bottom: 4px;
 399  margin: 0px 0px;
 400  }
 401  
 402  table.border {
 403  border-collapse: collapse;
 404  border: 1px white ridge;
 405  }
 406  table.border td {
 407  border: 1px white ridge;
 408  }
 409  
 410  table.noborder {
 411  border-collapse: collapse;
 412  border: 0px;
 413  }
 414  table.noborder td {
 415  border: 0px;
 416  }
 417  
 418  table.nobordernopadding {
 419  border-collapse: collapse;
 420  border: 0px;
 421  padding: 0px 0px;
 422  }
 423  table.nobordernopadding td {
 424  border: 0px;
 425  padding: 0px 0px;
 426  }
 427  
 428  
 429  /*
 430   *  Tableaux
 431   */ 
 432  
 433  a { 
 434      text-decoration: none;
 435      font-weight: bold;
 436      color: #000000;
 437      }
 438  
 439  
 440  td.menu { 
 441            border: 1px solid #000000;
 442            }
 443  
 444  td.border { 
 445              border: 1px solid #000000;
 446              }
 447  
 448  div.menus { 
 449              background: #eeeecc; 
 450              color: #bbbb88;
 451              border-top:    1px dashed #ccccb3;
 452              border-right:  1px dashed #ccccb3;
 453              border-bottom: 1px dashed #ccccb3;
 454              border-left:   1px dashed #ccccb3;
 455              }
 456  
 457  
 458  .menu { 
 459          background: #b3cccc; 
 460          font-size: 0.9em; font-weight: bold; 
 461          color: #000000; 
 462          text-decoration: none }
 463  
 464  .submenu { 
 465             background: #b3cccc; 
 466             font-size: 0.9em;
 467             color: #000000; 
 468             text-decoration: none }
 469  
 470  a.normal{ font-weight: normal } 
 471  a.impayee { font-weight: bold }
 472  
 473  /*
 474   *  Boxes
 475   */
 476  tr.box_titre {
 477      background: #b3cccc;
 478      font-family: Helvetica, Verdana;
 479      font-weight: bold;
 480      border-top: 1px solid #8CACBB;
 481      white-space: nowrap;
 482  }
 483  
 484  tr.box_impair {
 485      background: #b3cccc;
 486      font-size: 0.8em;
 487  }
 488  
 489  tr.box_pair {
 490      background: #cceeee;
 491      font-size: 0.8em;
 492  }
 493  
 494  tr.fiche {
 495  font-size: 0.6em;
 496  }
 497  
 498  
 499  /*
 500   *   Ok, Warning, Error
 501   */
 502  .ok      { color: #114466; }
 503  .warning { color: #887711; }
 504  .error   { color: #550000; font-weight: bold; }
 505  
 506  div.ok {
 507    color: #114466;
 508  }
 509  
 510  div.warning {
 511    color: #997711;
 512  }
 513  
 514  div.error {
 515    color: #550000; font-weight: bold; 
 516    padding: 0.2em 0.2em 0.2em 0.2em;
 517    margin: 0.5em 0em 0.5em 0em;
 518    border: 1px solid #8C9CAB;
 519  }
 520  
 521  
 522  /*
 523   *   Liens Payes/Non payes
 524   */
 525  
 526  a.normal:link { font-weight: normal } 
 527  a.normal:visited { font-weight: normal }
 528  a.normal:active { font-weight: normal }
 529  a.normal:hover { font-weight: normal }
 530  
 531  a.impayee:link { font-weight: bold; color: #550000; }
 532  a.impayee:visited { font-weight: bold; color: #550000; }
 533  a.impayee:active { font-weight: bold; color: #550000; }
 534  a.impayee:hover { font-weight: bold; color: #550000; }
 535  
 536  
 537  
 538  
 539  /*
 540   *  Lignes titre espace
 541   */
 542  div.titre { 
 543              font-family: Helvetica, Verdana;
 544              font-size: 0.9em; 
 545              font-weight: bold; 
 546              color: #336666; 
 547              text-decoration: none }
 548  
 549  /*
 550   *  Tableaux
 551   */ 
 552  
 553  input.liste_titre { 
 554      background: #b3cccc;
 555      border: 0px;
 556  }
 557  
 558  tr.liste_titre {
 559      background: #b3cccc;
 560      font-family: Helvetica, Verdana;
 561      font-weight: bold;
 562      border-top: 1px solid #8CACBB;
 563      white-space: nowrap;
 564  }
 565  
 566  td.liste_titre {
 567      background: #b3cccc;
 568      font-family: Helvetica, Verdana;
 569      font-weight: bold;
 570      border-top: 1px solid #8CACBB;
 571      border-right: 0px;
 572      border-right: 0px;
 573      white-space: nowrap;
 574  }
 575  
 576  .liste_titre_sel { 
 577      color: #000000; 
 578      background: #cceeee; 
 579      font-family: Helvetica, Verdana;
 580      font-weight: bold; 
 581      border-top: 1px solid #8CACBB;
 582      border-right: 0px;
 583      border-right: 0px;
 584      white-space: nowrap;
 585  }
 586  
 587  tr.liste_total td {
 588      background: #F0F0F0;
 589      font-weight: bold;
 590      white-space: nowrap;
 591      border-top: 1px solid #888888;
 592  }
 593  
 594  .pair    {
 595      background: #b3cccc;
 596      font-family: Helvetica, Verdana;
 597      font-size: 0.9em;
 598  }
 599  
 600  .impair {
 601      background: #cceeee;
 602      font-family: Helvetica, Verdana;
 603      font-size: 0.9em;
 604  }
 605  
 606  
 607  
 608  /*
 609   *
 610   */
 611  
 612  td.delete { 
 613              background: red;
 614              font-weight: bold;
 615              }
 616  
 617  td.valid { 
 618             background: pink;
 619             font-weight: bold;
 620             }
 621  
 622  td.small { 
 623             font-size: 0.8em;
 624             }
 625  
 626  tr.nonpayed { 
 627                font-size: 0.9em; font-weight: bold;
 628                }