forked from Wavyzz/dolibarr
628 lines
13 KiB
CSS
628 lines
13 KiB
CSS
/* Copyright (C) 2002-2004 Rodolphe Quiedeville <rodolphe@quiedeville.org>
|
|
* Copyright (C) 2004-2005 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: #e0ebeb;
|
|
margin: 0px;
|
|
font-family: sans-serif; font-size: 0.95em;
|
|
}
|
|
|
|
/***** Styles par défaut *****/
|
|
input
|
|
{
|
|
font: 12px helvetica, verdana, arial, sans-serif;
|
|
padding: 0px 0px 0px 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
input.flat
|
|
{
|
|
font: 12px helvetica, verdana, arial, sans-serif;
|
|
padding: 0px 0px 0px 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
textarea {
|
|
font: 12px helvetica, verdana, arial, sans-serif;
|
|
padding: 0px 0px 0px 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
textarea.flat
|
|
{
|
|
font: 12px helvetica, verdana, arial, sans-serif;
|
|
padding: 0px 0px 0px 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
select.flat
|
|
{
|
|
font: 12px helvetica, verdana, arial, sans-serif;
|
|
}
|
|
|
|
|
|
div.body
|
|
{
|
|
margin-top: 1px;
|
|
margin-bottom: 0;
|
|
margin-right: 3px;
|
|
margin-left: 3px;
|
|
display:block;
|
|
padding:0px;
|
|
font-size:13px;
|
|
}
|
|
|
|
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
|
|
*/
|
|
|
|
div.tmenu
|
|
{
|
|
float: top;
|
|
display:block;
|
|
white-space: nowrap;
|
|
border:0;
|
|
border-right: 1px solid #000000;
|
|
border-bottom: 1px solid #000000;
|
|
padding: 0px 0px 0px 0px;
|
|
margin: 0px 0px 2px 0px;
|
|
font-weight:bold;
|
|
font-size:12px;
|
|
height: 18px;
|
|
color: #000000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
table.tmenu
|
|
{
|
|
padding: 0px 0px 10px 0px;
|
|
margin: 0px 0px 0px 10px;
|
|
}
|
|
|
|
a.tmenu:link
|
|
{
|
|
padding: 0em 1em;
|
|
margin: 0em 0em 1em 0em;
|
|
font-weight:bold;
|
|
font-size:12px;
|
|
}
|
|
a.tmenu:visited
|
|
{
|
|
padding: 0em 1em;
|
|
margin: 0em 0em 1em 0em;
|
|
font-weight:bold;
|
|
font-size:12px;
|
|
}
|
|
a.tmenu#sel
|
|
{
|
|
padding: 0em 1em;
|
|
margin: 0em 0em 1em 0em;
|
|
font-size:12px;
|
|
}
|
|
a.tmenu:hover
|
|
{
|
|
padding: 0em 1em;
|
|
margin: 0em 0em 1em 0em;
|
|
text-decoration: none;
|
|
font-size:12px;
|
|
}
|
|
|
|
font.tmenudisabled
|
|
{
|
|
color: #93a5aa;
|
|
padding: 0em 1em;
|
|
margin: 0em 0em 1em 0em;
|
|
font-size:12px;
|
|
}
|
|
|
|
/* Login */
|
|
|
|
a.login
|
|
{
|
|
position: absolute;
|
|
right: 24px;
|
|
top: 4px;
|
|
padding: 0em 1em;
|
|
margin: 0em 0em 1em 0em;
|
|
font-weight:bold;
|
|
font-size:12px;
|
|
}
|
|
a.login:hover
|
|
{
|
|
color:black;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
img.login
|
|
{
|
|
position: absolute;
|
|
right: 9px;
|
|
top: 1px;
|
|
|
|
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; text-decoration: underline; }
|
|
font.vmenudisabled { font-size:12px; font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: normal; color: #a3a590; margin: 1em 1em 1em 1em; }
|
|
|
|
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; text-decoration: underline; }
|
|
font.vsmenudisabled { font-size:12px; font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: normal; color: #a3a590; 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;
|
|
font: helvetica, verdana, arial, sans-serif;
|
|
color: #202020;
|
|
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;
|
|
font: helvetica, verdana, arial, sans-serif;
|
|
color: #202020;
|
|
text-align:left;
|
|
text-decoration: none;
|
|
padding: 3px;
|
|
margin: 1px 0px 0px 0px;
|
|
}
|
|
|
|
a.leftmenu {
|
|
font-size: 0.9em;
|
|
font-weight: bold;
|
|
color: #202020;
|
|
}
|
|
|
|
td.barre {
|
|
border-right: 1px solid #000000;
|
|
border-bottom: 1px solid #000000;
|
|
background: #b3cccc;
|
|
font-family: Helvetica, Verdana;
|
|
font-size: 0.9em;
|
|
color: #000000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
td.barre_select {
|
|
background: #b3cccc;
|
|
color: #000000;
|
|
}
|
|
|
|
form {
|
|
padding: 0em 0em 0em 0em;
|
|
margin: 0em 0em 0em 0em;
|
|
}
|
|
/*
|
|
* Barre recherche
|
|
*/
|
|
div.formsearch
|
|
{
|
|
display: block;
|
|
float: none;
|
|
clear: right;
|
|
background: #d0d4d7;
|
|
top: 0px;
|
|
left: 130px;
|
|
padding: 4px;
|
|
vertical-align: middle;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/*
|
|
* Barre onglets
|
|
*/
|
|
div.tabs {
|
|
top: 20px;
|
|
margin: 1px 0px 0px 0px;
|
|
padding: 0px 6px;
|
|
text-align: left;
|
|
}
|
|
div.tabBar {
|
|
color: #436976;
|
|
background: #dee7ec;
|
|
padding-top: 14px;
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
padding-bottom: 14px;
|
|
margin: 0px 0px 10px 0px;
|
|
border: 1px solid #8CACBB;
|
|
}
|
|
|
|
div.tabsAction {
|
|
margin: 24px 0em 1px 0em;
|
|
padding: 0em 0em;
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
a.tabTitle {
|
|
background: #436976;
|
|
color: white;
|
|
font-weight: normal;
|
|
padding: 0px 6px;
|
|
margin: 0em 0.5em;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
|
|
border-right: 1px solid #555555;
|
|
border-left: 1px solid #D8D8D8;
|
|
border-top: 1px solid #D8D8D8;
|
|
}
|
|
|
|
a.tab {
|
|
background: white;
|
|
border: 1px solid #8CACBB;
|
|
color: #436976;
|
|
font-weight: normal;
|
|
padding: 0px 6px;
|
|
margin: 0em 0.2em;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
|
|
|
|
a.tab#active {
|
|
background: #dee7ec;
|
|
border-bottom: #dee7ec 1px solid;
|
|
}
|
|
|
|
a.tab:hover {
|
|
background: #dee7ec;
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
/*
|
|
* Boutons actions
|
|
* Nouvelle syntaxe à utiliser
|
|
*/
|
|
|
|
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; }
|
|
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; }
|
|
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; }
|
|
a.butAction:hover { background: #dee7ec; }
|
|
|
|
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; }
|
|
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; }
|
|
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; }
|
|
a.butActionDelete:hover { background: #dee7ec; }
|
|
|
|
|
|
/*
|
|
* Historique
|
|
* A supprimer quand remplace par butXxx
|
|
*/
|
|
|
|
a.tabAction {
|
|
background: white;
|
|
border: 1px solid #8CACBB;
|
|
color: #436976;
|
|
font: 105% Bold;
|
|
padding: 0em 1em;
|
|
margin: 0em 0.2em;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
a.tabAction:hover {
|
|
background: #dee7ec;
|
|
}
|
|
|
|
|
|
/*
|
|
* Tables
|
|
*/
|
|
|
|
.notopnoleft {
|
|
border-collapse: collapse;
|
|
border: 0px;
|
|
padding-top: 0px;
|
|
padding-left: 0px;
|
|
padding-right: 4px;
|
|
padding-bottom: 4px;
|
|
margin: 0px 0px;
|
|
}
|
|
.notopnoleftnoright {
|
|
border-collapse: collapse;
|
|
border: 0px;
|
|
padding-top: 0px;
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
padding-bottom: 4px;
|
|
margin: 0px 0px;
|
|
}
|
|
|
|
table.border {
|
|
border-collapse: collapse;
|
|
border: 1px white ridge;
|
|
}
|
|
table.border td {
|
|
border: 1px white ridge;
|
|
}
|
|
|
|
table.noborder {
|
|
border-collapse: collapse;
|
|
border: 0px;
|
|
}
|
|
table.noborder td {
|
|
border: 0px;
|
|
}
|
|
|
|
table.nobordernopadding {
|
|
border-collapse: collapse;
|
|
border: 0px;
|
|
padding: 0px 0px;
|
|
}
|
|
table.nobordernopadding td {
|
|
border: 0px;
|
|
padding: 0px 0px;
|
|
}
|
|
|
|
|
|
/*
|
|
* Tableaux
|
|
*/
|
|
|
|
a {
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
color: #000000;
|
|
}
|
|
|
|
|
|
td.menu {
|
|
border: 1px solid #000000;
|
|
}
|
|
|
|
td.border {
|
|
border: 1px solid #000000;
|
|
}
|
|
|
|
div.menus {
|
|
background: #eeeecc;
|
|
color: #bbbb88;
|
|
border-top: 1px dashed #ccccb3;
|
|
border-right: 1px dashed #ccccb3;
|
|
border-bottom: 1px dashed #ccccb3;
|
|
border-left: 1px dashed #ccccb3;
|
|
}
|
|
|
|
|
|
.menu {
|
|
background: #b3cccc;
|
|
font-size: 0.9em; font-weight: bold;
|
|
color: #000000;
|
|
text-decoration: none }
|
|
|
|
.submenu {
|
|
background: #b3cccc;
|
|
font-size: 0.9em;
|
|
color: #000000;
|
|
text-decoration: none }
|
|
|
|
a.normal{ font-weight: normal }
|
|
a.impayee { font-weight: bold }
|
|
|
|
/*
|
|
* Boxes
|
|
*/
|
|
tr.box_titre {
|
|
background: #b3cccc;
|
|
font-family: Helvetica, Verdana;
|
|
font-weight: bold;
|
|
border-top: 1px solid #8CACBB;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
tr.box_impair {
|
|
background: #b3cccc;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
tr.box_pair {
|
|
background: #cceeee;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
tr.fiche {
|
|
font-size: 0.6em;
|
|
}
|
|
|
|
|
|
/*
|
|
* Ok, Warning, Error
|
|
*/
|
|
.ok { color: #114466; }
|
|
.warning { color: #887711; }
|
|
.error { color: #550000; font-weight: bold; }
|
|
|
|
div.ok {
|
|
color: #114466;
|
|
}
|
|
|
|
div.warning {
|
|
color: #997711;
|
|
}
|
|
|
|
div.error {
|
|
color: #550000; font-weight: bold;
|
|
padding: 0.2em 0.2em 0.2em 0.2em;
|
|
margin: 0.5em 0em 0.5em 0em;
|
|
border: 1px solid #8C9CAB;
|
|
}
|
|
|
|
|
|
/*
|
|
* 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; }
|
|
|
|
|
|
|
|
|
|
/*
|
|
* Lignes titre espace
|
|
*/
|
|
div.titre {
|
|
font-family: Helvetica, Verdana;
|
|
font-size: 0.9em;
|
|
font-weight: bold;
|
|
color: #336666;
|
|
text-decoration: none }
|
|
|
|
/*
|
|
* Tableaux
|
|
*/
|
|
|
|
input.liste_titre {
|
|
background: #b3cccc;
|
|
border: 0px;
|
|
}
|
|
|
|
tr.liste_titre {
|
|
background: #b3cccc;
|
|
font-family: Helvetica, Verdana;
|
|
font-weight: bold;
|
|
border-top: 1px solid #8CACBB;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
td.liste_titre {
|
|
background: #b3cccc;
|
|
font-family: Helvetica, Verdana;
|
|
font-weight: bold;
|
|
border-top: 1px solid #8CACBB;
|
|
border-right: 0px;
|
|
border-right: 0px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.liste_titre_sel {
|
|
color: #000000;
|
|
background: #cceeee;
|
|
font-family: Helvetica, Verdana;
|
|
font-weight: bold;
|
|
border-top: 1px solid #8CACBB;
|
|
border-right: 0px;
|
|
border-right: 0px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
tr.liste_total td {
|
|
background: #F0F0F0;
|
|
font-weight: bold;
|
|
white-space: nowrap;
|
|
border-top: 1px solid #888888;
|
|
}
|
|
|
|
.pair {
|
|
background: #b3cccc;
|
|
font-family: Helvetica, Verdana;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.impair {
|
|
background: #cceeee;
|
|
font-family: Helvetica, Verdana;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
|
|
|
|
/*
|
|
*
|
|
*/
|
|
|
|
td.delete {
|
|
background: red;
|
|
font-weight: bold;
|
|
}
|
|
|
|
td.valid {
|
|
background: pink;
|
|
font-weight: bold;
|
|
}
|
|
|
|
td.small {
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
tr.nonpayed {
|
|
font-size: 0.9em; font-weight: bold;
|
|
} |