1eb2282bad
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
830 lines
21 KiB
CSS
830 lines
21 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 {
|
|
background: #AAA5A0;
|
|
font: 12px helvetica, verdana, arial, sans-serif;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
}
|
|
.body {
|
|
background: #AAA5A0;
|
|
color: #000000;
|
|
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: 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;
|
|
border: 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;
|
|
border: 0px;
|
|
}
|
|
select.flat
|
|
{
|
|
font: 12px helvetica, verdana, arial, sans-serif;
|
|
}
|
|
|
|
.button {
|
|
font-family: arial,verdana,helvetica, sans-serif;
|
|
font-size: 100%;
|
|
font-weight: normal;
|
|
border: 1px solid #bbbb99;
|
|
background-image : url(/theme/yellow/img/button_bg.png);
|
|
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.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;
|
|
}
|
|
|
|
|
|
/*
|
|
* 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: 2px 1em 0em;
|
|
margin: 0em 0em 0.2em 0em;
|
|
font-weight:bold;
|
|
font-size:12px;
|
|
height: 19px;
|
|
background: #ded8d2;
|
|
color: #000000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
table.topbarre
|
|
{
|
|
cell-spacing: 0;
|
|
}
|
|
|
|
.menu
|
|
{
|
|
background: #b3c5cc;
|
|
font-size: 12px;
|
|
color: #000000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
a.tmenu:link
|
|
{
|
|
color: #234046;
|
|
padding: 0em 1em;
|
|
margin: 0em 0em 1.5em 0em;
|
|
border: 1px solid #ded8d2;
|
|
font-weight:bold;
|
|
font-size:12px;
|
|
}
|
|
a.tmenu:visited
|
|
{
|
|
color: #234046;
|
|
padding: 0em 1em;
|
|
margin: 0em 0em 1.5em 0em;
|
|
border: 1px solid #ded8d2;
|
|
font-weight:bold;
|
|
font-size:12px;
|
|
}
|
|
a.tmenu#sel
|
|
{
|
|
color: #ffffff;
|
|
background: #78746d;
|
|
padding: 0em 1em;
|
|
margin: 0em 0em 1.5em 0em;
|
|
border: 1px solid #78746d;
|
|
}
|
|
a.tmenu:hover
|
|
{
|
|
color: #234046;
|
|
background: #78746d;
|
|
padding: 0em 1em;
|
|
margin: 0em 0em 1.5em 0em;
|
|
border: 1px solid #78746d;
|
|
text-decoration: none;
|
|
}
|
|
|
|
font.tmenudisabled
|
|
{
|
|
color: #93a5aa;
|
|
padding: 0em 1em;
|
|
margin: 0em 0em 1.5em 0em;
|
|
border: 1px solid #b3c5cc;
|
|
font-weight:bold;
|
|
font-size:12px;
|
|
}
|
|
|
|
/* Login */
|
|
|
|
a.login
|
|
{
|
|
position: absolute;
|
|
right: 24px;
|
|
top: 3px;
|
|
|
|
color: #234046;
|
|
padding: 0em 1em;
|
|
margin: 0px 0px 1px 0px;
|
|
border: 1px solid #ded8d2;
|
|
font-weight:bold;
|
|
font-size:12px;
|
|
}
|
|
a.login:hover
|
|
{
|
|
color:black;
|
|
}
|
|
|
|
img.login
|
|
{
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 5px;
|
|
|
|
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; }
|
|
font.vsmenudisabled { font-size:12px; font: helvetica, verdana, arial, sans-serif; text-align:left; font-weight: normal; color: #aaa593; 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-bottom: 1px solid #000000;
|
|
background: #ded8d2;
|
|
font: helvetica, verdana, arial, sans-serif;
|
|
color: #000000;
|
|
text-align:left;
|
|
text-decoration: none;
|
|
padding: 3px;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
|
|
div.blockvmenuimpair
|
|
{
|
|
|
|
border-bottom: 1px solid #000000;
|
|
background: #ded8d2;
|
|
font: helvetica, verdana, arial, sans-serif;
|
|
color: #000000;
|
|
text-align:left;
|
|
text-decoration: none;
|
|
padding: 3px;
|
|
margin: 0px 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;
|
|
}
|
|
|
|
|
|
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: #ffffff
|
|
}
|
|
td.photo {
|
|
background: #FFFFFF;
|
|
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: middle;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
|
|
/*
|
|
* Barre onglets
|
|
*/
|
|
div.tabBar {
|
|
background: #dcdcd3;
|
|
padding-top: 14px;
|
|
padding-left: 14px;
|
|
padding-right: 14px;
|
|
padding-bottom: 14px;
|
|
margin: 0px 0px 10px 0px;
|
|
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;
|
|
}
|
|
|
|
a.tab:link {
|
|
background: white;
|
|
border: 1px solid #999999;
|
|
color: #436976;
|
|
padding: 0em 1em;
|
|
margin: 0em 0.2em;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
}
|
|
a.tab:visited {
|
|
background: white;
|
|
border: 1px solid #999999;
|
|
color: #436976;
|
|
padding: 0em 0.2em;
|
|
margin: 0em 0.2em;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
}
|
|
a.tab#active {
|
|
background: #dcdcd3;
|
|
border-bottom: #dcdcd3 1px solid;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a.tab:hover {
|
|
background: #78746d;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a.tabimage {
|
|
color: #436976;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
|
|
/*
|
|
* Boutons actions
|
|
*/
|
|
|
|
a.butAction: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.butAction: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.butAction: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.butAction:hover { font: helvetica, verdana, arial, sans-serif; background: #78746d; border: 1px solid #999999; color: #436969; padding: 0em 0.7em; margin: 0em 0.5em; text-decoration: none; white-space: nowrap; }
|
|
|
|
.butActionRefused { font: helvetica, verdana, arial, sans-serif; background: white; border: 1px solid #AAAAAA; color: #AAAAAA; padding: 0em 0.7em; margin: 0em 0.5em; text-decoration: none; white-space: nowrap; }
|
|
|
|
a.butActionDelete: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.butActionDelete: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.butActionDelete: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.butActionDelete: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; }
|
|
|
|
|
|
/*
|
|
* Historique
|
|
* A supprimer quand remplace par butXxx
|
|
*/
|
|
|
|
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: #78746d; 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 */
|
|
/* ============================================================================== */
|
|
|
|
.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 {
|
|
font: helvetica, verdana, arial, sans-serif;
|
|
border-collapse: collapse;
|
|
border: 1px white ridge;
|
|
}
|
|
table.border td {
|
|
border: 1px solid #6C7C8B;
|
|
padding: 1px 2px;
|
|
}
|
|
|
|
table.noborder {
|
|
border-collapse: collapse;
|
|
border: 0px;
|
|
}
|
|
table.noborder td {
|
|
border: 0px;
|
|
padding: 1px 2px;
|
|
}
|
|
|
|
table.nobordernopadding {
|
|
border-collapse: collapse;
|
|
border: 0px;
|
|
padding: 0px 0px;
|
|
}
|
|
table.nobordernopadding td {
|
|
border: 0px;
|
|
padding: 0px 0px;
|
|
}
|
|
|
|
table.liste {
|
|
border-collapse: collapse;
|
|
border: 0px;
|
|
width: 100%;
|
|
background: #ddddcc;
|
|
}
|
|
|
|
|
|
/*
|
|
* Tableaux
|
|
*/
|
|
|
|
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: #78746d;
|
|
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.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 #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 }
|
|
|
|
/*
|
|
* Tableaux
|
|
*/
|
|
|
|
input.liste_titre {
|
|
background: #cc9966;
|
|
}
|
|
|
|
tr.liste_titre {
|
|
background: #cc9966;
|
|
font: helvetica, verdana, arial, sans-serif;
|
|
font-weight: bold;
|
|
border-top: 1px solid #78746d;
|
|
border-left: 1px solid #78746d;
|
|
border-right: 1px solid #78746d;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
tr.liste_search {
|
|
background: #cc9966;
|
|
font: helvetica, verdana, arial, sans-serif;
|
|
font-weight: bold;
|
|
border-left: 1px solid #78746d;
|
|
border-right: 1px solid #78746d;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
td.liste_titre {
|
|
background: #cc9966;
|
|
font: helvetica, verdana, arial, sans-serif;
|
|
font-weight: bold;
|
|
border-top: 1px solid #FFFFFF;
|
|
border-bottom: 1px solid #FFFFFF;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.liste_titre_sel
|
|
{
|
|
color: #fcfffc;
|
|
background: #BBBB88;
|
|
font: helvetica, verdana, arial, sans-serif;
|
|
font-weight: bold;
|
|
border-top: 1px solid #FFFFFF;
|
|
border-bottom: 1px solid #FFFFFF;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
tr.liste_total {
|
|
background: #F0F0F0;
|
|
font-weight: bold;
|
|
white-space: nowrap;
|
|
border-top: 1px solid #FFFFFF;
|
|
border-bottom: 1px solid #78746d;
|
|
|
|
|
|
}
|
|
|
|
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: #ded8d2;
|
|
font-size: 1.0em;
|
|
border: 1px solid #78746d;
|
|
}
|
|
|
|
tr.impair {
|
|
background: #ded8d2;
|
|
font-size: 1.0em;
|
|
border: 1px solid #78746d;
|
|
}
|
|
|
|
/*
|
|
*
|
|
*/
|
|
tr.box_titre {
|
|
background: #BBBB88;
|
|
font-family: Helvetica, Verdana;
|
|
font-size: 1.0em;
|
|
font-weight: bold; }
|
|
|
|
tr.box_pair {
|
|
background: #ded8d2;
|
|
font-size: 0.95em; }
|
|
|
|
tr.box_impair {
|
|
background: #78746d;
|
|
font-family: Helvetica, Verdana;
|
|
font-size: 0.95em; }
|
|
|
|
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: 10px;
|
|
}
|
|
|
|
tr.nonpayed {
|
|
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;
|
|
}
|
|
|