forked from Wavyzz/dolibarr
827 lines
15 KiB
CSS
827 lines
15 KiB
CSS
/* Copyright (C) 2002-2004 Rodolphe Quiedeville <rodolphe@quiedeville.org>
|
||
* Copyright (C) 2004-2006 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
|
||
{
|
||
font-family: sans-serif;
|
||
font-size: 0.7em;
|
||
background: #dee7ec;
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
margin-right: 0;
|
||
margin-left: 0;
|
||
|
||
}
|
||
|
||
|
||
div.vmenuplusfiche
|
||
{
|
||
top: auto;
|
||
left: auto;
|
||
display: block;
|
||
margin-right: 13px;
|
||
margin-left: 1px;
|
||
margin-top: 10px;
|
||
|
||
}
|
||
|
||
div.vmenu
|
||
{
|
||
float: left;
|
||
margin-right: 2px;
|
||
padding: 0px;
|
||
padding-bottom: 0px;
|
||
width: 160px;
|
||
}
|
||
|
||
div.fiche
|
||
{
|
||
float: right top;
|
||
display: block;
|
||
|
||
margin-left: 180px;
|
||
width:auto;
|
||
}
|
||
|
||
* html div.fiche
|
||
{
|
||
width:800px;
|
||
}
|
||
|
||
a
|
||
{
|
||
text-decoration: none;
|
||
}
|
||
|
||
div.tmenu
|
||
{
|
||
float: top;
|
||
display: block;
|
||
background: #dcdad5;
|
||
white-space: nowrap;
|
||
margin: 0px;
|
||
padding-left: 4px;
|
||
padding-right: 4px;
|
||
padding-bottom: 0px;
|
||
border-top: 0px;
|
||
border-left: 0px;
|
||
border-right: 0px;
|
||
border-bottom:1px solid #9d9da1;
|
||
height: 20px;
|
||
}
|
||
|
||
table.tmenu
|
||
{
|
||
padding: 0px 0px 0px 0px;
|
||
margin: 0px 0px 0px 0px;
|
||
height: 24px;
|
||
}
|
||
|
||
a.tmenu
|
||
{
|
||
margin-right: 3px;
|
||
text-decoration: none;
|
||
color: #505050;
|
||
font-weight:bold;
|
||
font-size:11px;
|
||
}
|
||
|
||
a.tmenu#sel
|
||
{
|
||
border-bottom:4px solid #9d9da1;
|
||
color: #000000;
|
||
}
|
||
|
||
a.tmenu:hover
|
||
{
|
||
border-color:gray;
|
||
border-bottom:4px solid #9d9da1;
|
||
color:black;
|
||
}
|
||
|
||
a.login
|
||
{
|
||
position: absolute;
|
||
right: 27px;
|
||
top: 6px;
|
||
margin-right: 3px;
|
||
|
||
padding: 0px;
|
||
text-decoration: none;
|
||
color:gray;
|
||
font-weight:bold;
|
||
font-size:11px;
|
||
}
|
||
|
||
img.login
|
||
{
|
||
position: absolute;
|
||
right: 9px;
|
||
top: 3px;
|
||
padding:3px;
|
||
text-decoration:none;
|
||
color:gray;
|
||
font-weight:bold;
|
||
font-size:11px;
|
||
}
|
||
|
||
a.login:hover
|
||
{
|
||
border-color:gray;
|
||
border-bottom:4px solid #9d9da1;
|
||
color:black;
|
||
}
|
||
|
||
img {vertical-align:text-top}
|
||
|
||
|
||
|
||
div.blockvmenupair
|
||
{
|
||
padding: 3px;
|
||
border-bottom: thin solid #6495ed;
|
||
}
|
||
|
||
div.blockvmenuimpair
|
||
{
|
||
|
||
padding: 3px;
|
||
border-bottom: thin solid #6495ed;
|
||
}
|
||
|
||
a.vmenu
|
||
{
|
||
padding-bottom:3px;
|
||
text-decoration:none;
|
||
color: #505050;
|
||
font-weight:bold;
|
||
font-size:11px;
|
||
}
|
||
|
||
a.vsmenu
|
||
{
|
||
margin-left: 8px;
|
||
padding-bottom:3px;
|
||
text-decoration:none;
|
||
color: #505050;
|
||
font-weight:bold;
|
||
font-size:11px;
|
||
}
|
||
|
||
a.vmenu:hover
|
||
{
|
||
border-color:gray;
|
||
text-decoration: none;
|
||
color: #000000;
|
||
}
|
||
|
||
a.vsmenu:hover
|
||
{
|
||
border-color:gray;
|
||
color: #000000;
|
||
}
|
||
|
||
font.vmenudisabled
|
||
{
|
||
padding-bottom:3px;
|
||
text-decoration:none;
|
||
color: #A0A0A0;
|
||
font-weight:bold;
|
||
font-size:11px;
|
||
}
|
||
font.vsmenudisabled
|
||
{
|
||
margin-left: 8px;
|
||
padding-bottom:3px;
|
||
text-decoration:none;
|
||
color: #A0A0A0;
|
||
font-weight:bold;
|
||
font-size:11px;
|
||
}
|
||
|
||
|
||
table.liste
|
||
{
|
||
border: blue small solid #000000;
|
||
border-collapse: collapse;
|
||
width: 100%;
|
||
}
|
||
|
||
table.liste tr
|
||
{
|
||
background: #dfdfdf;
|
||
}
|
||
|
||
|
||
table.liste tr:hover
|
||
{
|
||
background: white;
|
||
}
|
||
|
||
|
||
table.liste th
|
||
{
|
||
border: 1px solid #6495ed;
|
||
|
||
width: 50%;
|
||
font-size:12px;
|
||
text-align: left;
|
||
padding: 2px;
|
||
}
|
||
|
||
table.liste th:hover
|
||
{
|
||
background: #dfdfdf;
|
||
}
|
||
|
||
table.liste td
|
||
{
|
||
border-bottom: 1px solid #6495ed;
|
||
font-size: 10px;
|
||
}
|
||
|
||
|
||
/***** Styles par d<>faut *****/
|
||
input
|
||
{
|
||
font: 12px helvetica, verdana, arial, sans-serif;
|
||
background: #FDFDFD;
|
||
border: 1px solid #9CACAB;
|
||
padding: 0px 0px 0px 0px;
|
||
margin: 0px 0px 0px 0px;
|
||
}
|
||
input.flat
|
||
{
|
||
font: 12px helvetica, verdana, arial, sans-serif;
|
||
background: #FDFDFD;
|
||
border: 1px solid #9CACAB;
|
||
padding: 0px 0px 0px 0px;
|
||
margin: 0px 0px 0px 0px;
|
||
}
|
||
textarea {
|
||
font: 12px helvetica, verdana, arial, sans-serif;
|
||
border: 1px solid #8C9C9B;
|
||
padding: 0px 0px 0px 0px;
|
||
margin: 0px 0px 0px 0px;
|
||
}
|
||
textarea.flat
|
||
{
|
||
font: 12px helvetica, verdana, arial, sans-serif;
|
||
border: 1px solid #8C9C9B;
|
||
padding: 0px 0px 0px 0px;
|
||
margin: 0px 0px 0px 0px;
|
||
}
|
||
button.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;
|
||
}
|
||
|
||
|
||
|
||
/*
|
||
* Onglets
|
||
*/
|
||
div.tabBar
|
||
{
|
||
float: none;
|
||
background: #dcdcd3;
|
||
padding-top: 14px;
|
||
padding-left: 14px;
|
||
padding-right: 14px;
|
||
padding-bottom: 14px;
|
||
margin: 0px 0px 10px 0px;
|
||
border: 1px solid #8CACBB;
|
||
}
|
||
|
||
div.tabs
|
||
{
|
||
top: 20px;
|
||
margin: 1px 0em 0em 0em;
|
||
padding: 0em 0.5em;
|
||
text-align: left;
|
||
font-family: sans-serif; font-size: 12px;
|
||
}
|
||
|
||
|
||
/*
|
||
* Menu superieur et 1ere ligne tableau
|
||
*/
|
||
|
||
a.tabTitle {
|
||
background: #436976;
|
||
border: 1px solid #8CACBB;
|
||
color: white;
|
||
font: 100% Bold;
|
||
padding: 0em 1.0em;
|
||
margin: 0em 0em;
|
||
text-decoration: none;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
a.tabTitle:hover {
|
||
text-decoration: none;
|
||
}
|
||
|
||
|
||
|
||
|
||
a.tabimage {
|
||
color: #436976;
|
||
text-decoration: none;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
|
||
div.tabsAction {
|
||
margin: 20px 0em 1px 0em;
|
||
padding: 0em 0em;
|
||
text-align: right;
|
||
}
|
||
|
||
|
||
/*
|
||
* Ok, Warning, Error
|
||
*/
|
||
.ok { color: #114466; }
|
||
.warning { color: #777711; }
|
||
.error { color: #550000; font-weight: bold; }
|
||
|
||
div.ok {
|
||
color: #114466;
|
||
}
|
||
|
||
div.warning {
|
||
color: #777711;
|
||
}
|
||
|
||
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 #6C7C8B;
|
||
}
|
||
|
||
div.info {
|
||
color: #888888;
|
||
padding: 0.2em 0.2em 0.2em 0.2em;
|
||
margin: 0.5em 0em 0.5em 0em;
|
||
border: 1px solid #ACACAB;
|
||
}
|
||
|
||
|
||
a.tab:link {
|
||
background: white;
|
||
border: 1px solid #8CACBB;
|
||
color: #222233;
|
||
font: 100% Bold;
|
||
padding: 0em 1.0em;
|
||
margin: 0em 0.5em;
|
||
text-decoration: none;
|
||
white-space: nowrap;
|
||
}
|
||
a.tab:visited {
|
||
background: white;
|
||
border: 1px solid #8CACBB;
|
||
color: #222233;
|
||
font: 100% Bold;
|
||
padding: 0em 1.0em;
|
||
margin: 0em 0.5em;
|
||
text-decoration: none;
|
||
white-space: nowrap;
|
||
}
|
||
a.tab#active {
|
||
background: #dcdcd3;
|
||
border-bottom: #dcdcd3 1px solid;
|
||
padding: 0em 1em;
|
||
}
|
||
a.tab:hover {
|
||
background: #ebebe0;
|
||
padding: 0em 1em;
|
||
}
|
||
|
||
|
||
/*
|
||
* Boutons actions
|
||
*/
|
||
|
||
a.butAction:link {
|
||
background: white;
|
||
border: 1px outset #8CACBB;
|
||
color: #436976;
|
||
font: 105% Bold;
|
||
padding: 0em 1em;
|
||
margin: 0em 0.5em;
|
||
text-decoration: none;
|
||
white-space: nowrap;
|
||
}
|
||
a.butAction:visited {
|
||
background: white;
|
||
border: 1px outset #8CACBB;
|
||
color: #436976;
|
||
font: 105% Bold;
|
||
padding: 0em 1em;
|
||
margin: 0em 0.5em;
|
||
text-decoration: none;
|
||
white-space: nowrap;
|
||
}
|
||
a.butAction:hover {
|
||
background: #dcdcd3;
|
||
text-decoration: none;
|
||
padding: 0em 1em;
|
||
}
|
||
|
||
.butActionRefused {
|
||
background: white;
|
||
border: 1px outset #AAAAAA;
|
||
color: #AAAAAA;
|
||
font: 105% Bold;
|
||
padding: 0em 1em;
|
||
margin: 0em 0.5em;
|
||
text-decoration: none;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
a.butActionDelete:link {
|
||
background: white;
|
||
border: 1px outset #997777;
|
||
color: #436976;
|
||
padding: 0em 1em;
|
||
margin: 0em 0.5em;
|
||
text-decoration: none;
|
||
white-space: nowrap; }
|
||
a.butActionDelete:active {
|
||
background: white;
|
||
border: 1px outset #997777;
|
||
color: #436976;
|
||
padding: 0em 1em;
|
||
margin: 0em 0.5em;
|
||
text-decoration: none;
|
||
white-space: nowrap; }
|
||
|
||
a.butActionDelete:visited {
|
||
background: white;
|
||
border: 1px outset #997777;
|
||
color: #436976;
|
||
padding: 0em 1em;
|
||
margin: 0em 0.5em;
|
||
text-decoration: none;
|
||
white-space: nowrap; }
|
||
|
||
a.butActionDelete:hover {
|
||
background: #FFe7ec;
|
||
border: 1px outset #997777;
|
||
color: #436976;
|
||
padding: 0em 1em;
|
||
margin: 0em 0.5em;
|
||
text-decoration: none;
|
||
white-space: nowrap; }
|
||
|
||
|
||
|
||
/* ============================================================================== */
|
||
/* Tables */
|
||
/* ============================================================================== */
|
||
|
||
.nocellnopadd {
|
||
list-style-type:none;
|
||
margin:0px;
|
||
padding:0px;
|
||
spacing:0px;
|
||
cursor:move;
|
||
}
|
||
|
||
.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: 2px white ridge;
|
||
}
|
||
table.border td {
|
||
border: 2px 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-bottom: 1px solid #000000;
|
||
}
|
||
|
||
td.border {
|
||
border: 1px solid #000000;
|
||
}
|
||
|
||
div.menus {
|
||
color: #bbbb88;
|
||
border: 1px dashed #ccccb3;
|
||
}
|
||
|
||
a.leftmenu {
|
||
font-weight: bold;
|
||
color: #202020;
|
||
}
|
||
|
||
a.leftsubmenu {
|
||
font-weight: normal;
|
||
color: #202020;
|
||
margin: 1em 1em 1em 1em;
|
||
}
|
||
|
||
div.leftmenu {
|
||
text-align: left;
|
||
border-right: 1px solid #000000;
|
||
border-bottom: 1px solid #000000;
|
||
cell-spacing: 0;
|
||
margin: 0px 10px 10px 2px;
|
||
}
|
||
|
||
|
||
.menu
|
||
{
|
||
font-weight: bold;
|
||
color: #000000;
|
||
text-decoration: none }
|
||
|
||
.submenu
|
||
{
|
||
color: #000000;
|
||
text-decoration: none }
|
||
|
||
a.normal{ font-weight: normal }
|
||
a.impayee { font-weight: bold }
|
||
|
||
/*
|
||
* Barre de gauche
|
||
*/
|
||
|
||
td.barre
|
||
{
|
||
border-right: 1px solid #000000;
|
||
text-decoration: none
|
||
}
|
||
|
||
td.barre_select {
|
||
background: #ccb3cc;
|
||
color: #000000
|
||
}
|
||
|
||
div.titre {
|
||
font-weight: bold;
|
||
color: #663366;
|
||
text-decoration: none }
|
||
|
||
|
||
/*
|
||
* Tableaux
|
||
*/
|
||
|
||
input.liste_titre {
|
||
background: #cacaca;
|
||
border: 0px;
|
||
}
|
||
|
||
tr.liste_titre {
|
||
background: #cacaca;
|
||
font-weight: bold;
|
||
text-decoration: none;
|
||
border-top: 1px solid #888888;
|
||
white-space: nowrap
|
||
}
|
||
|
||
td.liste_titre {
|
||
background: #cacaca;
|
||
font-weight: bold;
|
||
text-decoration: none;
|
||
border-top: 1px solid #888888;
|
||
white-space: nowrap
|
||
}
|
||
|
||
.liste_titre_sel
|
||
{
|
||
color: #220000;
|
||
font-weight: bold;
|
||
text-decoration: none;
|
||
border-top: 1px solid #888888;
|
||
white-space: nowrap
|
||
}
|
||
|
||
tr.liste_total td {
|
||
background: #F0F0F0;
|
||
font-weight: bold;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.pair {
|
||
background: #dfdfdf;
|
||
border-bottom: 1px solid #666666;
|
||
text-decoration: none
|
||
}
|
||
|
||
.impair {
|
||
background: #e4e4e4;
|
||
border-bottom: 1px solid #666666;
|
||
text-decoration: none
|
||
}
|
||
|
||
/*
|
||
* Boxes
|
||
*/
|
||
|
||
tr.box_titre {
|
||
background: #cacaca;
|
||
font-weight: bold;
|
||
text-decoration: none;
|
||
border-top: 1px solid #888888;
|
||
white-space: nowrap
|
||
}
|
||
|
||
tr.box_pair {
|
||
background: #dfdfdf;
|
||
border-bottom: 1px solid #666666;
|
||
font: 12px arial, helvetica, verdana, sans-serif;
|
||
}
|
||
|
||
tr.box_impair {
|
||
background: #e4e4e4;
|
||
border-bottom: 1px solid #666666;
|
||
font: 12px arial, helvetica, verdana, sans-serif;
|
||
}
|
||
|
||
tr.fiche {
|
||
font-family: Helvetica, Verdana;
|
||
font-size: 0.6em; }
|
||
|
||
/*
|
||
* Widgets standard
|
||
*/
|
||
td.delete {
|
||
background: red;
|
||
font-weight: bold; }
|
||
|
||
td.valid {
|
||
background: pink;
|
||
font-weight: bold; }
|
||
|
||
td.small {
|
||
font-size: 0.6em; }
|
||
|
||
tr.nonpayed {
|
||
font-size: 0.6em;
|
||
font-weight: bold; }
|
||
|
||
|
||
|
||
/* ============================================================================== */
|
||
/* Tooltips */
|
||
/* ============================================================================== */
|
||
|
||
#dhtmltooltip
|
||
{
|
||
position: absolute;
|
||
width: 300px;
|
||
border: 1px solid #444444;
|
||
padding: 2px;
|
||
background-color: lightyellow;
|
||
visibility: hidden;
|
||
z-index: 100;
|
||
}
|
||
|
||
|
||
/* ============================================================================== */
|
||
/* Calendar */
|
||
/* ============================================================================== */
|
||
.bodyline {
|
||
-moz-border-radius:8px;
|
||
border: 1px #E4ECEC outset;
|
||
padding:0px;
|
||
margin-bottom:5px;
|
||
}
|
||
table.dp {
|
||
width: 180px;
|
||
background-color: #FFFFFF;
|
||
border-top: solid 2px #DDDDDD;
|
||
border-left: solid 2px #DDDDDD;
|
||
border-right: solid 1px #222222;
|
||
border-bottom: solid 1px #222222;
|
||
}
|
||
.dp td, .tpHour td, .tpMinute td{padding:2px; font-size:10px;}
|
||
/* Barre titre */
|
||
.dpHead,.tpHead,.tpHour td:Hover .tpHead{
|
||
font-weight:bold;
|
||
background-color:#b3c5cc;
|
||
color:white;
|
||
font-size:11px;
|
||
cursor:auto;
|
||
}
|
||
/* Barre navigation */
|
||
.dpButtons,.tpButtons {
|
||
text-align:center;
|
||
background-color:#617389;
|
||
color:#FFFFFF;
|
||
font-weight:bold;
|
||
border: 1px outset black;
|
||
cursor:pointer;
|
||
}
|
||
.dpButtons:Active,.tpButtons:Active{border: 1px outset black;}
|
||
.dpDayNames td,.dpExplanation {background-color:#D9DBE1; font-weight:bold; text-align:center; font-size:11px;}
|
||
.dpExplanation{ font-weight:normal; font-size:11px;}
|
||
.dpWeek td{text-align:center}
|
||
|
||
.dpToday,.dpReg,.dpSelected{
|
||
cursor:pointer;
|
||
}
|
||
.dpToday{font-weight:bold; color:black; background-color:#DDDDDD;}
|
||
.dpReg:Hover,.dpToday:Hover{background-color:black;color:white}
|
||
|
||
/* Jour courant */
|
||
.dpSelected{background-color:#0B63A2;color:white;font-weight:bold; }
|
||
|
||
.tpHour{border-top:1px solid #DDDDDD; border-right:1px solid #DDDDDD;}
|
||
.tpHour td {border-left:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; cursor:pointer;}
|
||
.tpHour td:Hover {background-color:black;color:white;}
|
||
|
||
.tpMinute {margin-top:5px;}
|
||
.tpMinute td:Hover {background-color:black; color:white; }
|
||
.tpMinute td {background-color:#D9DBE1; text-align:center; cursor:pointer;}
|
||
|
||
/* Bouton X fermer */
|
||
.dpInvisibleButtons
|
||
{
|
||
border-style:none;
|
||
background-color:transparent;
|
||
padding:0px;
|
||
font-size:9px;
|
||
border-width:0px;
|
||
color:#0B63A2;
|
||
vertical-align:middle;
|
||
cursor: pointer;
|
||
}
|