Files
dolibarr/htdocs/theme/dev/dev.css
cdelambert 1eb2282bad Correction des problème avec IE6, IE7
Le div class vmenuplusfiche en doublon ne rentrait pas dans la logique de la page.
Les feuilles de style modifiées on permis de rétablir un bon fonctionnement sur les navigateurs : Firefox, IE6, IE7, Safari
2007-04-30 08:39:55 +00:00

882 lines
16 KiB
CSS
Raw Blame History

/* 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.body
{
display:block;
padding:0px;
border-top:1px solid black;
font-family:arial,tahoma,verdana,helvetica;
font-size:12px;
background: #dee7ec;
}
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;
}
div.formsearch
{
display: block;
float: none;
clear: right;
background: #dee7ec;
top: 0px;
left: 130px;
padding: 4px;
vertical-align: middle;
}
.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;
}
/***** 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;
}
/*
* 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; }
/*
* Historique
* A supprimer quand remplace par butXxx
*/
a.tabAction: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.tabAction: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.tabAction:hover {
background: #dcdcd3;
text-decoration: none;
padding: 0em 1em;
}
a.butDelete:link { background: white; border: 1px outset #997777; color: #436976; padding: 0em 1em; margin: 0em 0.5em; text-decoration: none; white-space: nowrap; }
a.butDelete:active { background: white; border: 1px outset #997777; color: #436976; padding: 0em 1em; margin: 0em 0.5em; text-decoration: none; white-space: nowrap; }
a.butDelete:visited { background: white; border: 1px outset #997777; color: #436976; padding: 0em 1em; margin: 0em 0.5em; text-decoration: none; white-space: nowrap; }
a.butDelete: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: 200px;
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;
}