dolibarr/htdocs/theme/yellow/yellow.css

/* Copyright (C) 2002-2004 Rodolphe Quiedeville <rodolphe@quiedeville.org> 
 * Copyright (C) 2004      Laurent Destailleur  <eldy@users.sourceforge.net> 
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
 *
 * $Id$
 * $Source$
 */


/***** Style du fond *****/
body {
  background: #ebebe0; 
  font: 12px helvetica, verdana, arial, sans-serif;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 0;
}
.body {
  background: #ebebe0; 
  color: #101010;
  font: 12px helvetica, verdana, arial, sans-serif;
}

/***** Styles par d<>faut *****/
a:link    { font: helvetica, verdana, arial, sans-serif; font-weight: bold; color: #000000; text-decoration: none; }
a:visited { font: helvetica, verdana, arial, sans-serif; font-weight: bold; color: #000000; text-decoration: none; }
a:active  { font: helvetica, verdana, arial, sans-serif; font-weight: bold; color: #000000; text-decoration: none; }
a:hover   { font: helvetica, verdana, arial, sans-serif; font-weight: bold; color: #000000; text-decoration: underline; }
input     { font: helvetica, verdana, arial, sans-serif; }
textarea  { font: helvetica, verdana, arial, sans-serif; }
.button  {
	font-family: arial,verdana,helvetica, sans-serif;
	font-size: 100%;
	border: 1px solid #ccd7e0;
	background-image : url(/theme/yellow/img/button_bg.gif);
	background-position : bottom;
}


div.body
{
    margin-top: 1px;
    margin-bottom: 0;
    margin-right: 3px;
    margin-left: 3px;
    display:block;
    padding:0px;
    font-family:arial,tahoma,verdana,helvetica;
    font-size:12px;
}

div.tmenu
{
    float: top;
    display:block;
    white-space: nowrap;
    border:0;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 3px 1em 0em;
    margin: 0em 0em 0.2em 0em;
    font-weight:bold;
    font-size:12px;
    height: 18px;
    background: #dcdcb3; 
    color: #000000; 
    text-decoration: none;
}

div.vmenuplusfiche
{
    float: left;
    margin-right: 6px;
}

div.vmenu
{
    display:block;
    float: left;
    margin-right: 2px;
    padding: 0px;
    padding-bottom: 0px;
    width: 160px;
}

div.fiche
{
    position: absolute;
    display: block;
    top: 28px;
    margin-right: 6px;
    margin-top: 0px;
}


/*
 *   Menu superieur et 1ere ligne tableau
 */

table.topbarre
{ 
	cell-spacing: 0;
}

.menu
{ 
    background: #b3c5cc; 
    font-size: 12px; 
    color: #000000; 
    text-decoration: none;
}
.menusel
{ 
    background: #BBBB88;
    font-weight: bold; 
    font-size: 12px;
    color: #fcfffc;
    text-decoration: none;
}

a.tmenu
{
  color: #234046;
  padding: 0em 1em;
  margin: 0em 0em 1.5em 0em;
  border: 1px solid #dcdcb3;
  font-weight:bold;
  font-size:12px;
}
a.tmenu#sel
{ 
  color: #234046;
  background: #eeeecc;
  padding: 0em 1em;
  margin: 0em 0em 1.5em 0em;
  border: 1px solid #eeeecc;
}
a.tmenu:hover
{
  color: #234046;
  background: #eeeecc;
  padding: 0em 1em;
  margin: 0em 0em 1.5em 0em;
  border: 1px solid #eeeecc;
  text-decoration: none;
}

a.login
{
  position: absolute;
  right: 24px;
  top: 3px;

  color: #234046;
  padding: 0em 1em;
  margin: 0em 0em 1.5em 0em;
  border: 1px solid #dcdcb3;
  font-weight:bold;
  font-size:12px;
}
a.login:hover
{
  color:black;
}
img.login
{
  position: absolute;
  right: 9px;
  top: 3px;

  padding:2px;
  text-decoration:none;
  color:white;
  font-weight:bold;
}


/*
 *   Barre de gauche
 */

a.vmenu:link    { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: bold; }
a.vmenu:visited { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: bold; }
a.vmenu:active  { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: bold; }
a.vmenu:hover   { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: bold; }

a.vsmenu:link    { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: normal; color: #202020; margin: 1em 1em 1em 1em; }
a.vsmenu:visited { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: normal; color: #202020; margin: 1em 1em 1em 1em; }
a.vsmenu:active  { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: normal; color: #202020; margin: 1em 1em 1em 1em; }
a.vsmenu:hover   { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: normal; color: #202020; margin: 1em 1em 1em 1em; }

a.help:link    { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: normal; }
a.help:visited { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: normal; }
a.help:active  { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: normal; }
a.help:hover   { font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: normal; }

div.blockvmenupair
{
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #dcdcb3;
	font: helvetica, verdana, arial, sans-serif;
	color: #000000; 
	text-align:left;
	text-decoration: none;
    padding: 3px;
    margin: 1px 0px 0px 0px;
}

div.blockvmenuimpair
{
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #dcdcb3;
	font: helvetica, verdana, arial, sans-serif;
	color: #000000; 
	text-align:left;
	text-decoration: none;
    padding: 3px;
    margin: 1px 0px 0px 0px;
}

div.help
{
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #f0f0f0;
	font: helvetica, verdana, arial, sans-serif;
	color: #000000; 
	text-align:left;
	text-decoration: none;
    padding: 3px;
    margin: 1px 0px 0px 0px;
}


.flat  {
	font-family: arial,verdana,helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	border: 1px solid #ccd7e0;
	background-image : url(img/button_bg.gif);
	background-position : bottom;
}

td.barre { 
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #b3c5cc;
	font: helvetica, verdana, arial, sans-serif;
	color: #000000; 
	text-align:left;
	text-decoration: none
}

td.barre_select { 
	background: #b3c5cc; 
	color: #000000 
}

form {
    padding: 0.1em 0em 0em 0em;
    margin: 0em 0em 0em 0em;
}


/*
 *   Barre recherche
 */
div.formsearch
{
  display: block;
  float: none;
  clear: right;
  background: #ddddcc;
  top: 0px;
  left: 130px;
  padding: 4px; 
  vertical-align: center;
  margin-bottom: 10px;
}


/*
 *   Barre onglets
 */
div.tabBar {
    background: #dcdcd3;
    padding: 0em 1em;
    margin: 0em 0em 1.5em 0em;
    border: 1px solid #999999;
    border-top: 1px solid #999999;
}

div.tabs {
    top: 20px;
    margin: 1px 0em 0em 0em;
    padding: 0em 0.5em;
    text-align: left;
}

div.tabsAction {
    margin: 24px 0em 1px 0em;
  padding: 0em 0em;
  text-align: right;
}

a.tabTitle {
    background: #436976;
    border: 1px solid #8CACBB;
    color: white;
    font-weight: normal;
    padding: 0em 0.5em;
    margin: 0em 1em;
    text-decoration: none;
    white-space: nowrap;
}

div.FicheSubmit {
  margin: 1.0em;
  padding: 0em 0em;
  text-align: center;
}

div.message {
  background: #dee7ec;
  padding: 0em 1.5em;
  margin: 0em 0em 0em 0em;
  border-top: 1px solid #8CACBB;
  border-left: 1px solid #8CACBB;
  border-right: 1px solid #8CACBB;
}

a.tab {
  background: white;
  border: 1px solid #999999;
  color: #436976;
  padding: 0em 1em;
  margin: 0em 0.2em;
  text-decoration: none;
  white-space: nowrap;
}

a.tab#active {
  background: #dcdcd3;
  border-bottom: #dee7ec 1px solid;
    text-decoration: none;
}

a.tab:hover {
  background: #eeeecc;
  text-decoration: none;
}

a.tabimage {
    color: #436976;
    text-decoration: none;
    white-space: nowrap;
}


/*
 *   Case actions
 */
a.tabAction:link    { font: helvetica, verdana, arial, sans-serif; background: white; border: 1px solid #999999; color: #436969; padding: 0em 0.7em; margin: 0em 0.5em; text-decoration: none; white-space: nowrap; }
a.tabAction:visited { font: helvetica, verdana, arial, sans-serif; background: white; border: 1px solid #999999; color: #436969; padding: 0em 0.7em; margin: 0em 0.5em; text-decoration: none; white-space: nowrap; }
a.tabAction:active  { font: helvetica, verdana, arial, sans-serif; background: white; border: 1px solid #999999; color: #436969; padding: 0em 0.7em; margin: 0em 0.5em; text-decoration: none; white-space: nowrap; }
a.tabAction:hover   { font: helvetica, verdana, arial, sans-serif; background: #eeeecc; border: 1px solid #999999; color: #436969; padding: 0em 0.7em; margin: 0em 0.5em; text-decoration: none; white-space: nowrap; }

a.butDelete:link    { font: helvetica, verdana, arial, sans-serif;
                      background: white; 
                      border: 1px solid #997777; 
                      color: #436976; 
                      padding: 0em 0.7em; 
                      margin: 0em 0.5em; 
                      text-decoration: none; 
                      white-space: nowrap; }

a.butDelete:active    { font: helvetica, verdana, arial, sans-serif;
                      background: white; 
                      border: 1px solid #997777; 
                      color: #436976; 
                      padding: 0em 0.7em; 
                      margin: 0em 0.5em; 
                      text-decoration: none; 
                      white-space: nowrap; }

a.butDelete:visited    { font: helvetica, verdana, arial, sans-serif;
                      background: white; 
                      border: 1px solid #997777; 
                      color: #436976; 
                      padding: 0em 0.7em; 
                      margin: 0em 0.5em; 
                      text-decoration: none; 
                      white-space: nowrap; }

a.butDelete:hover    { font: helvetica, verdana, arial, sans-serif;
                      background: #FFe7ec; 
                      border: 1px solid #997777; 
                      color: #436976; 
                      padding: 0em 0.7em; 
                      margin: 0em 0.5em; 
                      text-decoration: none; 
                      white-space: nowrap; }
                      

/*
 * Tables
 */
table.border {
font: helvetica, verdana, arial, sans-serif; 
border-collapse: collapse;
border: 1px white ridge;
}

table.border td {
border: 1px solid #6C7C8B;
padding: 2px 3px;
}

table.noborder {
border-collapse: collapse;
border: 0px;
}

table.liste {
border-collapse: collapse;
border: 0px;
width: 100%;
background: #ddddcc;
}

table.noborder td {
border-collapse: collapse;
border: 0px;
padding: 1px 3px;
}

table#actions {
border-collapse: collapse;
border: 1px ridge
}

table#actions td {
border-collapse: collapse;
border: 1px ridge
}


td.border { 
            border-top: 1px solid #000000;
            border-right: 1px solid #000000;
            border-bottom: 1px solid #000000;
            border-left: 1px solid #000000;
            }

div.menus { 
            background: #eeeecc; 
            color: #bbbb88;
            font-size: 0.95em;
            border-top:    1px dashed #ccccb3;
            border-right:  1px dashed #ccccb3;
            border-bottom: 1px dashed #ccccb3;
            border-left:   1px dashed #ccccb3;
            }


a.leftmenu { 
             font-weight: bold; 
             color: #202020;
             }



div.leftmenu { 
               background: #ccccb3; 
               text-align: left;
               border-right: 1px solid #000000;
               border-bottom: 1px solid #000000;
               margin: 1px 0em 0em 0em;
               padding: 2px;
               }

.alerte
{ 
  background: #FF9988; 
  font-weight: bold;
  font-size: 0.95em;
  color: #000000; 
  text-decoration: none }

/*
 *   Normal, warning, erreurs
 */
.ok      { color: #114466; }
.warning { color: #777711; }
.error   { color: #550000; }

div.message {
  background: #dee7ec;
  padding: 0em 1.5em;
  margin: 0em 0em 0em 0em;
  border-top: 1px solid #8CACBB;
  border-left: 1px solid #8CACBB;
  border-right: 1px solid #8CACBB;
}

div.errormessage {
  color: #550000; font-weight: bold; 
  padding: 0.2em 0.2em 0.2em 0.2em;
  margin: 0.5em 0em 0.5em 0em;
  border: 1px solid #000000;
}


/*
 *   Liens Payes/Non payes
 */

a.normal:link { font-weight: normal } 
a.normal:visited { font-weight: normal }
a.normal:active { font-weight: normal }
a.normal:hover { font-weight: normal }

a.impayee:link { font-weight: bold; color: #550000; }
a.impayee:visited { font-weight: bold; color: #550000; }
a.impayee:active { font-weight: bold; color: #550000; }
a.impayee:hover { font-weight: bold; color: #550000; }





/*
 *  ???
 */
div.titre { 
	font: helvetica, verdana, arial, sans-serif;
            font-weight: bold; 
            color: #666633; 
            text-decoration: none }
/*
 *
 */
tr.liste_titre { 
background: #BBBB88;

font: helvetica, verdana, arial, sans-serif;
font-weight: bold;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
white-space: nowrap;
font-size: 1.0em;
}
th { 
background: #BBBB88;
font: helvetica, verdana, arial, sans-serif;
font-weight: bold;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
white-space: nowrap;
font-size: 1.0em;
}

tr.pair { 
          background: #dcdcb3;           
          font-size: 1.0em; 
          }

tr.impair { 
            background: #eeeecc; 
            font-size: 1.0em; 
            }
/*
 *
 */
tr.box_titre { 
               background: #BBBB88;
               font-family: Helvetica, Verdana;
               font-size: 1.0em;
               font-weight: bold; }

tr.box_pair { 
              background: #dcdcb3; 
              font-size: 0.95em; }

tr.box_impair { 
                background: #eeeecc; 
                font-family: Helvetica, Verdana;
                font-size: 0.95em; }

tr.fiche { 
           font-family: Helvetica, Verdana;
           font-size: 0.6em; }
/*
 * Widgets standard
 */

input.flat
{ 
  border: 0
 }

td.valeur
{ 
  font-weight: bold;
  }

td.delete { 
            background: red;
            font-weight: bold;
            }

td.valid { 
           background: pink;
           font-weight: bold;
           }

td.small { 
           font-size: 10px;
           }

tr.nonpayed { 
           font-weight: bold;
           }



/*
 *  Objets debug
 */

p#powered-by-dolibarr {
	position: fixed;
	margin: 0;
	padding: 0;
	bottom: 2px;
	font-size: 10px;
	left: 0px;
	z-index: 2;
}

p#powered-by-dolibarr a {
	border: 1px solid black;
	text-decoration: none;
	color: black;
	font-size: 10px;
	padding-right: 5px;
	padding-left: 5px;
}