Files
dolibarr/htdocs/theme/freelug/freelug.css
2005-08-11 18:40:06 +00:00

761 lines
18 KiB
CSS

/* Copyright (C) 2002 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 {
margin: 0px;
background-color: #F8F8F8;
background-image: url("/theme/freelug/img/background.png");
font: 12px helvetica, verdana;
text-decoration: none ;
}
.body {
background-color: #F8F8F8;
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: 10px arial,verdana,helvetica, sans-serif;
font-size: 100%;
border: 1px solid #dee7ec;
background-image : url(/theme/freelug/img/button_bg.png);
background-position : bottom;
padding: 0em 0em;
margin: 0em 0em;
}
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: #dddddd;
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: #ccccb3;
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 #dddddd;
font-weight:bold;
font-size:12px;
}
a.tmenu:visited
{
color: #234046;
padding: 0em 1em;
margin: 0em 0em 1.5em 0em;
border: 1px solid #dddddd;
font-weight:bold;
font-size:12px;
}
a.tmenu#sel
{
color: #202020;
background: #bbbbcc;
padding: 0em 1em;
margin: 0em 0em 1.5em 0em;
border: 1px solid #eeeeff;
}
a.tmenu:hover
{
color: #202020;
background: #bbbbcc;
padding: 0em 1em;
margin: 0em 0em 1.5em 0em;
border: 1px solid #eeeedd;
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: 0em 0em 1.5em 0em;
border: 1px solid #dcdcd0;
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; }
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;
background: #dddddd;
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;
background: #dddddd;
font: helvetica, verdana, arial, sans-serif;
color: #202020;
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-position : bottom;
}
td.barre {
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background: #DDDDDD;
font: 12px helvetica, verdana;
color: #000000;
text-align:left;
text-decoration: none
}
td.barre_select {
background: #b3cccc;
color: #000000
}
td.photo {
background: #FCFCFC;
color: #000000;
border: 1px solid #b3c5cc;
}
form {
padding: 0em 0em 0em 0em;
margin: 0em 0em 0em 0em;
}
/*
* Barre recherche
*/
div.formsearch
{
display: block;
float: none;
clear: right;
background: #bbbbcc;
top: 0px;
left: 130px;
padding: 4px;
vertical-align: center;
margin-bottom: 10px;
}
/*
* Barre onglets
*/
div.tabBar {
background: #dcdcd0;
padding-left: 14px;
padding-right: 14px;
padding-bottom: 14px;
margin: 0px 0px 10px 0px;
border: 1px solid #9999BB;
border-top: 1px solid #9999BB;
}
div.tabs {
top: 20px;
margin: 1px 0em 0em 0em;
padding: 0em 0.5em;
text-align: left;
}
div.tabsAction {
margin: 20px 0em 1px 0em;
padding: 0em 0em;
text-align: right;
}
a.tabTitle {
background: #bbbbcc;
border: 1px solid #9999BB;
color: #000000;
font-weight: normal;
padding: 0em 0.5em;
margin: 0em 1em;
text-decoration: none;
white-space: nowrap;
}
a.tab:link {
background: white;
border: 1px solid #9999BB;
color: #436976;
padding: 0em 1em;
margin: 0em 0.2em;
text-decoration: none;
white-space: nowrap;
}
a.tab:visited {
background: white;
border: 1px solid #9999BB;
color: #436976;
padding: 0em 1em;
margin: 0em 0.2em;
text-decoration: none;
white-space: nowrap;
}
a.tab#active {
background: #dcdcd0;
border-bottom: #dcdcd0 1px solid;
text-decoration: none;
}
a.tab:hover {
background: #ebebe0;
text-decoration: none;
}
a.tabimage {
color: #436976;
text-decoration: none;
white-space: nowrap;
}
/*
* Boutons actions
* Nouvelle syntaxe à utiliser
*/
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: #eeeedd; border: 1px solid #999999; color: #436969; 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: #eeeedd; 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
*/
.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 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;
}
table.nobordernopadding td {
border: 0px;
padding: 0px 0px;
}
table.liste {
border-collapse: collapse;
border: 0px;
width: 100%;
}
/*
* 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: #eeeedd;
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 }
/*
* Ok, Warning, Error
*/
.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; }
/*
* Lignes titre espace
*/
div.titre {
font: helvetica, verdana, arial, sans-serif;
font-weight: bold;
color: #777799;
text-decoration: none
}
/*
* Widgets standard
*/
input.flat
{
background: #FFFFFF;
border: 1px solid #8C9C9B;
padding: 0em 0em;
margin: 0em 0em 0em 0em;
}
input.liste_titre {
background: #777799;
}
tr.liste_titre {
color: #FFFFFF;
background: #777799;
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;
}
td.liste_titre {
color: #FFFFFF;
background: #777799;
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: #DCCCBB;
background: #777799;
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 #888888;
}
th {
color: #FFFFFF;
background: #777799;
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: #eeeedd;
font-size: 1.0em;
}
tr.impair {
background: #dcdcd0;
font-size: 1.0em;
}
/*
*
*/
tr.box_titre {
color: #FFFFFF;
background: #777799;
font-family: Helvetica, Verdana;
font-size: 1.0em;
font-weight: bold; }
tr.box_pair {
background: #dcdcd0;
font-size: 0.95em; }
tr.box_impair {
background: #eeeedd;
font-family: Helvetica, Verdana;
font-size: 0.95em; }
tr.fiche {
font-family: Helvetica, Verdana;
font-size: 0.6em; }
td.delete {
background: red;
font-weight: bold;
}
td.valid {
background: #DC9999;
font-weight: bold;
}
td.small {
font-size: 0.8em;
}
tr.nonpayed {
font-size: 0.95em; 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;
}