diff --git a/htdocs/theme/auguria/style.css.php b/htdocs/theme/auguria/style.css.php new file mode 100644 index 00000000000..3c0b4bc4f63 --- /dev/null +++ b/htdocs/theme/auguria/style.css.php @@ -0,0 +1,1743 @@ + + * Copyright (C) 2006 Rodolphe Quiedeville + * Copyright (C) 2007-2010 Regis Houssin + * + * 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. + */ + +/** + * \file htdocs/theme/auguria/style.css.php + * \brief Fichier de style CSS du theme auguria + * \version $Id$ + */ + +//if (! defined('NOREQUIREUSER')) define('NOREQUIREUSER','1'); // Not disabled cause need to load personalized language +//if (! defined('NOREQUIREDB')) define('NOREQUIREDB','1'); // Not disabled to increase speed. Language code is found on url. +if (! defined('NOREQUIRESOC')) define('NOREQUIRESOC','1'); +//if (! defined('NOREQUIRETRAN')) define('NOREQUIRETRAN','1'); // Not disabled cause need to do translations +if (! defined('NOCSRFCHECK')) define('NOCSRFCHECK',1); +if (! defined('NOTOKENRENEWAL')) define('NOTOKENRENEWAL',1); +if (! defined('NOLOGIN')) define('NOLOGIN',1); +if (! defined('NOREQUIREMENU')) define('NOREQUIREMENU',1); +if (! defined('NOREQUIREHTML')) define('NOREQUIREHTML',1); +if (! defined('NOREQUIREAJAX')) define('NOREQUIREAJAX','1'); + + +require_once("../../master.inc.php"); +require_once(DOL_DOCUMENT_ROOT."/lib/functions.lib.php"); + +// Define css type +header('Content-type: text/css'); +// Important: Following code is to avoid page request by browser and PHP CPU at +// each Dolibarr page access. +if (empty($dolibarr_nocache)) header('Cache-Control: max-age=3600, public, must-revalidate'); +else header('Cache-Control: no-cache'); + +// On the fly GZIP compression for all pages (if browser support it). Must set the bit 3 of constant to 1. +if (isset($conf->global->MAIN_OPTIMIZE_SPEED) && ($conf->global->MAIN_OPTIMIZE_SPEED & 0x04)) { ob_start("ob_gzhandler"); } + +if (! empty($_GET["lang"])) $langs->setDefaultLang($_GET["lang"]); // If language was forced on URL by the main.inc.php +$langs->load("main",0,1); +$right=($langs->direction=='rtl'?'left':'right'); +$left=($langs->direction=='rtl'?'right':'left'); +$fontsize=empty($conf->browser->phone)?'12':'12'; +$fontsizesmaller=empty($conf->browser->phone)?'11':'11'; + +$fontlist='arial,tahoma,verdana,helvetica'; +//$fontlist='Verdana,Helvetica,Arial,sans-serif'; + +?> + +/* ============================================================================== */ +/* Styles par defaut */ +/* ============================================================================== */ + +body { + background: #ffffff url() 0 0 no-repeat; +/* background-color: #FFFFFF; */ + color: #101010; + font-size: px; + font-family: ; + margin-top: 0; + margin-bottom: 0; + margin-right: 0; + margin-left: 0; + direction.";\n"; ?> +} + +a:link, a:visited, a:hover, a:active { font-family: ; font-weight: bold; color: #000000; text-decoration: none; } + +input { + font-size: px; + font-family: ; + background: #FDFDFD; + border: 1px solid #ACBCBB; + padding: 0px 0px 0px 0px; + margin: 0px 0px 0px 0px; +} +input.flat { + font-size: px; + font-family: ; + background: #FDFDFD; + border: 1px solid #ACBCBB; + padding: 0px 0px 0px 0px; + margin: 0px 0px 0px 0px; +} +textarea { + font-size: px; + font-family: ; + background: #FDFDFD; + border: 1px solid #ACBCBB; + padding: 0px 0px 0px 0px; + margin: 0px 0px 0px 0px; +} +textarea.flat { + font-size: px; + font-family: ; + background: #FDFDFD; + border: 1px solid #ACBCBB; + padding: 0px 0px 0px 0px; + margin: 0px 0px 0px 0px; +} +select.flat { + background: #FDFDFD; + font-size: px; + font-family: ; + font-weight: normal; + border: 1px solid #ACBCBB; + padding: 0px 0px 0px 0px; + margin: 0px 0px 0px 0px; +} +.button { + font-family: ; + border: 0px; + background-image: url(); + background-position: bottom; + padding: 0px 2px 0px 2px; + margin: 0px 0px 0px 0px; +} +.button:focus { + font-family: ; + color: #222244; + border: 0px; + background-image: url(); + background-position: bottom; + padding: 0px 2px 0px 2px; + margin: 0px 0px 0px 0px; +} +.buttonajax { + font-family: ; + border: 0px; + background-image: url(); + background-position: bottom; + padding: 0px 0px 0px 0px; + margin: 0px 0px 0px 0px; +} +form { + padding: 0em 0em 0em 0em; + margin: 0em 0em 0em 0em; +} + + +/* ============================================================================== */ +/* Styles de positionnement des zones */ +/* ============================================================================== */ + +td.vmenu { + margin-: 2px; + padding: 0px; + padding-bottom: 0px; + width: 164px; +} + +div.fiche { + margin-: 4px; + margin-: 4px; +} + +/* ============================================================================== */ +/* Menu top et 1ere ligne tableau */ +/* ============================================================================== */ + +browser->phone)) +{ + $minwidthtmenu=0; + $heightmenu=19; +} +else +{ + $minwidthtmenu=70; + $heightmenu=39; +} +?> + +div.tmenu { + + display:none; + + position: relative; + display: block; + white-space: nowrap; + border-top: 0px solid #D3E5EC; + border-: 0px; + border-: 0px solid #555555; + border-bottom: 1px solid #ABB9B9; + padding: 0px 0px 0px 0px; /* t r b l */ + margin: 0px 0px 2px 0px; /* t r b l */ + font-weight: normal; + height: px; + background: #7FAEC6; + background-image: url(); +/* background-position: center bottom; */ + color: #000000; + text-decoration: none; + +} + + + +/* +div.mainmenu { + position : relative; + color: white; + background-repeat:no-repeat; + background-position:center top; + height: px; + margin-left: 0px; +} +*/ + +browser->phone)) { ?> +/* +div.mainmenu.home{ + background-image: url(); +} + +div.mainmenu.companies { + background-image: url(); +} + +div.mainmenu.products { + background-image: url(); + margin-left: 10px; +} + +div.mainmenu.commercial { + background-image: url(); +} + +div.mainmenu.accountancy { + background-image: url(); +} + +div.mainmenu.project { + background-image: url(); +} + +div.mainmenu.tools { + background-image: url(); +} + +div.mainmenu.members { + background-image: url(); +} + +div.mainmenu.shop { + background-image: url(); +} + +div.mainmenu.agenda { + background-image: url(); +} + +div.mainmenu.ecm { + background-image: url(); +} + +div.mainmenu.cashdesk { + background-image: url(); +} +*/ +'name of class for div') + +$moduletomainmenu=array('user'=>'','syslog'=>'','societe'=>'companies','projet'=>'project','propale'=>'commercial','commande'=>'commercial', + 'produit'=>'products','service'=>'products','stock'=>'products', + 'don'=>'accountancy','tax'=>'accountancy','banque'=>'accountancy','facture'=>'accountancy','compta'=>'accountancy','accounting'=>'accountancy','adherent'=>'members','import'=>'tools','export'=>'tools','mailing'=>'tools', + 'contrat'=>'commercial','ficheinter'=>'commercial','deplacement'=>'commercial', + 'fournisseur'=>'companies', + 'barcode'=>'','fckeditor'=>'','categorie'=>'', +); +$mainmenuused='home'; +foreach($conf->modules as $key => $val) +{ + $mainmenuused.=','.(isset($moduletomainmenu[$val])?$moduletomainmenu[$val]:$val); +} +//var_dump($mainmenuused); +$mainmenuusedarray=array_unique(explode(',',$mainmenuused)); + +$mainmenuusedarray=array(); // Disable + +$generic=1; +$divalreadydefined=array('home','companies','products','commercial','accountancy','project','tools','members','shop','agenda','ecm','cashdesk'); +foreach($mainmenuusedarray as $key => $val) +{ + if (empty($val) || in_array($val,$divalreadydefined)) continue; + //print "XXX".$val; + + // Search img file in module dir + $found=0; $url=''; + foreach($conf->file->dol_document_root as $dirroot) + { + if (file_exists($dirroot."/".$val."/img/".$val.".png")) + { + $url=DOL_URL_ROOT.'/'.$val.'/img/'.$val.'.png'; + $found=1; + break; + } + } + // Img file not found + if (! $found && $generic <= 4) + { + $url=DOL_URL_ROOT."/theme/auguria/img/menus/generic".$generic.".png"; + $found=1; + $generic++; + } + if ($found) + { + print "/* A mainmenu entry but img file ".$val.".png not found, so we use a generic one */\n"; + print "div.mainmenu.".$val." {\n"; + print " background-image: url(".$url.");\n"; + print " height:28px;\n"; + print "}\n"; + } +} +// End of part to add more div class css +?> + + + + +.tmenu{ + position:relative; + font-size: 10px; /* To reduce to have more entries */ + font-family:Tahoma,sans-serif; + text-transform:uppercase; + background: url(/img/menus/topmenu_bg.gif) repeat-x bottom left; +} + +.tmenu ul{ + margin:0 60px 0 0; /* t r b l */ + padding:0; + list-style-type:none; + width:auto; /* Having 100% instead of auto works on IE but IE fails to down main content, so we forget IE and use best value for Firefox */ + float:left; +} + +.tmenu ul li{ + display:block; + float:left; + margin:0 1px; + padding-left: 0px; + padding-right: 0px; +} + +.tmenu ul li a{ + display:block; + float:left; + color:#EAF3F8; + text-decoration:none; + padding:0 0 0 8px; + height:33px; +} + +.tmenu ul li a span{ + padding:12px 8px 0 0; + height:21px; + float:left; +} + +.tmenu ul li a:hover{ + color:#fff; + background:transparent url(/img/menus/topmenu_bg_over.gif) repeat-x bottom left; +} + +.tmenu ul li a:hover span{ + display:block; + width:auto; + cursor:pointer; +} + +.tmenu ul li a.tmenusel,.tmenu ul li a.tmenusel{ + color:#fff; + background: url(/img/menus/topmenu_left.gif) no-repeat top left; + line-height:305%; +} + +.tmenu ul li a.tmenusel span{ + display:block; + padding:4px 8px 0 0; + width:auto; + background: url(/img/menus/topmenu_right.gif) no-repeat top right; + height:33px; +} + +.tmenudisabled { + color: #D0D0D0 !important; +} +/* --- end nav --- */ + + + + +/* Login */ + +a.login +{ + position: absolute; + : 30px; + + color: #234046; + padding: 12px 8px; + margin: 0px 0px 1px 0px; + font-weight: bold; +} +a.login:hover +{ + color: black; +} + +img.login, img.printer { + position: absolute; + : 20px; + padding: 10px 0px 0px 0px; + text-decoration: none; + color: white; + font-weight: bold; +} +img.printer { + : 4px; +} + + +/* ============================================================================== */ +/* Menu gauche */ +/* ============================================================================== */ + + +.vmenu { + display: none; +} + + +a.vmenu:link, a.vmenu:visited, a.vmenu:hover, a.vmenu:active { font-size:px; font-family: ; text-align: ; font-weight: normal; color: #FFFFFF; margin: 1px 1px 1px 5px; } +font.vmenudisabled { font-size:px; font-family: ; text-align: ; font-weight: normal; color: #D0D0D0; margin: 1px 1px 1px 5px; } + +a.vsmenu:link, a.vsmenu:visited, a.vsmenu:hover, a.vsmenu:active { font-size:px; font-family: ; text-align: ; font-weight: normal; color: #202020; margin: 1px 1px 1px 5px; } +font.vsmenudisabled { font-size:px; font-family: ; text-align: ; font-weight: normal; color: #93a5aa; margin: 1px 1px 1px 5px; } + +a.help:link, a.help:visited, a.help:hover, a.help:active { font-size:px; font-family: ; text-align: ; font-weight: normal; } + + +div.blockvmenupair +{ + margin: 0px; + border-spacing: 0px; + padding: 0px; + width: 166px; + border : 0px solid #68ACCF; +} +div.blockvmenuimpair +{ + margin: 0px; + border-spacing: 0px; + padding: 0px; + width: 166px; + border : 0px solid #68ACCF; +} + +div.blockvmenuimpair form a.vmenu, div.blockvmenupair form a.vmenu +{ + width: 166px; + border-spacing: 0px; + color: #000000; + text-align:left; + text-decoration: none; + padding: 4px; + margin: 0px; + background: #FFFFFF; + margin-bottom: -12px; +} + +div.menu_titre { + background: url(); + padding: 0px; + padding-top:5px; + padding-left:0px; + margin-top: 8px; + margin: 0px; + height: 16px; + text-align: left; + font-size : 12px; + color : #FFFFFF; + font-weight: bold; +} + +div.blockvmenusearch { + margin: 3px 0px 2px 0px; + padding: 0px 0px 2px 2px; + border: 1px solid #c0c0d0; + width: 161px; + background: #DDDDDD !important; +} + +#blockvmenusearch div.menu_titre, #blockvmenusearch form { + padding-top: 1px; + padding-bottom: 1px; + height: 16px; + background: #DDDDDD !important; +} + +div.blockvmenubookmarks +{ + margin: 0px; + border-spacing: 0px; + padding: 0px; + width: 166px; + border : 0px solid #68ACCF; +} + +div.blockvmenuhelp { + text-align: center; + border-spacing: 0px; + width: 166px; + background: transparent; + font-family: ; + color: #000000; + text-decoration: none; + padding-left: 0px; + padding-right: 1px; + padding-top: 3px; + padding-bottom: 3px; + margin: 1px 0px 0px 0px; +} + +div.menu_contenu { + background: url(); + margin: 0px; + padding: 1px; + + padding-right: 8px; + font-size : 11px; + font-weight:normal; + color : #000000; + text-align: left; +} + +div.menu_end { + background: url(); +/* border-top: 1px solid #436981; */ + margin: 0px; + padding: 0px; + height: 6px; + width: 165px; + background-repeat:no-repeat; +} + + +td.barre { + border-right: 1px solid #000000; + border-bottom: 1px solid #000000; + background: #b3c5cc; + font-family: ; + color: #000000; + text-align: ; + text-decoration: none; +} + +td.barre_select { + background: #b3c5cc; + color: #000000; +} + +td.photo { + background: #F4F4F4; + color: #000000; + border: 1px solid #b3c5cc; +} + + + +/* ============================================================================== */ +/* Onglets */ +/* ============================================================================== */ + +div.tabs { + top: 20px; + margin: 1px 0px 0px 0px; + padding: 0px 6px 0px 0px; + text-align: ; +} + +div.tabBar { + color: #234046; + padding-top: 12px; + padding-left: 12px; + padding-right: 12px; + padding-bottom: 12px; + margin: 0px 0px 10px 0px; + -moz-border-radius-topleft:6px; + -moz-border-radius-topright:6px; + -moz-border-radius-bottomleft:6px; + -moz-border-radius-bottomright:6px; + border-right: 1px solid #555555; + border-bottom: 1px solid #555555; + border-left: 1px solid #D0D0D0; + border-top: 1px solid #D8D8D8; + background: #dee7ec url() repeat-x; +} + +div.tabsAction { + margin: 20px 0em 1px 0em; + padding: 0em 0em; + text-align: right; +} + + +a.tabTitle { + background: #5088A9; + color: white; + font-family: ; + font-weight: normal; + padding: 0px 6px; + margin: 0px 6px; + text-decoration: none; + white-space: nowrap; + border-: 1px solid #555555; + border-: 1px solid #D8D8D8; + border-top: 1px solid #D8D8D8; +} + +a.tab:link { + background: #dee7ec; + color: #436976; + font-family: ; + padding: 0px 6px; + margin: 0em 0.2em; + text-decoration: none; + white-space: nowrap; + -moz-border-radius-topleft:6px; + -moz-border-radius-topright:6px; + + border-: 1px solid #555555; + border-: 1px solid #D8D8D8; + border-top: 1px solid #D8D8D8; +} +a.tab:visited { + background: #dee7ec; + color: #436976; + font-family: ; + padding: 0px 6px; + margin: 0em 0.2em; + text-decoration: none; + white-space: nowrap; + -moz-border-radius-topleft:6px; + -moz-border-radius-topright:6px; + + border-: 1px solid #555555; + border-: 1px solid #D8D8D8; + border-top: 1px solid #D8D8D8; +} +a.tab#active { + background: white; + border-bottom: #dee7ec 1px solid; + font-family: ; + color: #436976; + padding: 0px 6px; + margin: 0em 0.2em; + text-decoration: none; + -moz-border-radius-topleft:6px; + -moz-border-radius-topright:6px; + + border-: 1px solid #555555; + border-: 1px solid #D8D8D8; + border-top: 1px solid #D8D8D8; + border-bottom: 1px solid white; +} +a.tab:hover { + background: white; + color: #436976; + font-family: ; + padding: 0px 6px; + margin: 0em 0.2em; + text-decoration: none; + -moz-border-radius-topleft:6px; + -moz-border-radius-topright:6px; + + border-: 1px solid #555555; + border-: 1px solid #D8D8D8; + border-top: 1px solid #D8D8D8; +} + +a.tabimage { + color: #436976; + font-family: ; + text-decoration: none; + white-space: nowrap; +} + +td.tab { + background: #dee7ec; +} + +/* ============================================================================== */ +/* Boutons actions */ +/* ============================================================================== */ + +/* Nouvelle syntaxe a utiliser */ + +a.butAction:link, a.butAction:visited, a.butAction:hover, a.butAction:active, a.butActionDelete, a.butActionDelete:link, a.butActionDelete:visited, a.butActionDelete:hover, a.butActionDelete:active { + font-family: ; + font-weight: bold; + background: white; + border: 1px solid #8CACBB; + color: #436976; + padding: 0em 0.7em; + margin: 0em 0.5em; + text-decoration: none; + white-space: nowrap; +} + +a.butAction:hover { + background: #dee7ec; +} + +a.butActionDelete { + border: 1px solid red; +} + +a.butActionDelete:link, a.butActionDelete:visited, a.butActionDelete:hover, a.butActionDelete:active { + border: 1px solid #997777; +} + +a.butActionDelete:hover { + background: #FFe7ec; +} + +.butActionRefused { + font-family: !important; + font-weight: bold !important; + background: white !important; + border: 1px solid #AAAAAA !important; + color: #AAAAAA !important; + padding: 0em 0.7em !important; + margin: 0em 0.5em !important; + text-decoration: none !important; + white-space: nowrap !important; + cursor: not-allowed; +} + + +/* ============================================================================== */ +/* Tables */ +/* ============================================================================== */ + +/* +#undertopmenu { +background-image: url(""); +background-repeat: repeat-x; +} +*/ + + +.nocellnopadd { +list-style-type:none; +margin: 0px; +padding: 0px; +} + +.notopnoleft { +border-collapse: collapse; +border: 0px; +padding-top: 0px; +padding-: 0px; +padding-: 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 0px 0px; +} + + +table.border { +border: 1px solid #9CACBB; +border-collapse: collapse; +} + +table.border td { +padding: 1px 2px; +border: 1px solid #9CACBB; +border-collapse: collapse; +} + +td.border { +border-top: 1px solid #000000; +border-right: 1px solid #000000; +border-bottom: 1px solid #000000; +border-left: 1px solid #000000; +} + +/* Main boxes */ + +table.noborder { +border-collapse: collapse; +border-top-color: #FEFEFE; + +border-right-width: 1px; +border-right-color: #BBBBBB; +border-right-style: solid; + +border-left-width: 1px; +border-left-color: #BBBBBB; +border-left-style: solid; + +border-bottom-width: 1px; +border-bottom-color: #BBBBBB; +border-bottom-style: solid; + +margin-left: 1px; +margin-right: 1px; +margin-bottom: 2px; +margin-top: 0px; +} + +table.noborder tr { +border-top-color: #FEFEFE; + +border-right-width: 1px; +border-right-color: #BBBBBB; +border-right-style: solid; + +border-left-width: 1px; +border-left-color: #BBBBBB; +border-left-style: solid; +} + +table.noborder td { +padding: 1px 2px; /* t r b l */ +} + +table.nobordernopadding { +border-collapse: collapse; +border: 0px; +} +table.nobordernopadding tr { +border: 0px; +padding: 0px 0px; +} +table.nobordernopadding td { +border: 0px; +padding: 0px 0px; +} + +/* For lists */ + +table.liste { +width: 100%; +border-collapse: collapse; +border-top-color: #FEFEFE; + +border-right-width: 1px; +border-right-color: #BBBBBB; +border-right-style: solid; + +border-bottom-width: 1px; +border-bottom-color: #BBBBBB; +border-bottom-style: solid; + +margin-bottom: 2px; +margin-top: 0px; +} +table.liste td { +padding-right: 2px; +} + +tr.liste_titre { +height: 24px; +background: #7699A9; +background-image: url(); +background-repeat: repeat-x; +color: #FFFFFF; +font-family: ; +/* border-bottom: 1px solid #FDFFFF; */ +white-space: nowrap; +} +td.liste_titre { +background: #7699A9; +background-image: url(); +background-repeat: repeat-x; +color: #FFFFFF; +font-family: ; +font-weight: normal; +/* border-bottom: 1px solid #FDFFFF; */ +white-space: nowrap; +} +td.liste_titre_sel +{ +background: #7699A9; +background-image: url(); +background-repeat: repeat-x; +color: #FFFFFF; +font-family: ; +font-weight: normal; +/* text-decoration: underline; */ +/* border-bottom: 1px solid #FDFFFF; */ +white-space: nowrap; +} +input.liste_titre { +background: transparent; +background-repeat: repeat-x; +border: 0px; +} + +tr.liste_total td { +border-top: 1px solid #DDDDDD; +background: #F0F0F0; +/* background-image: url(); */ +background-repeat: repeat-x; +color: #332266; +font-weight: normal; +white-space: nowrap; +} + +th { +/* background: #7699A9; */ +background: #91ABB3; +color: #334444; +font-family: ; +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; +} + +.impair { +/* background: #d0d4d7; */ +background: #eaeaea; +font-family: ; +border: 0px; +} +/* +.impair:hover { +background: #c0c4c7; +border: 0px; +} +*/ + +.pair { +/* background: #e6ebed; */ +background: #f4f4f4; +font-family: ; +border: 0px; +} +/* +.pair:hover { +background: #c0c4c7; +border: 0px; +} +*/ + + +/* + * Boxes + */ + +.box { +padding-right: 0px; +padding-left: 0px; +padding-bottom: 4px; +} + +tr.box_titre { +height: 24px; +background: #7699A9; +background-image: url(); +background-repeat: repeat-x; +color: #FFFFFF; +font-family: , sans-serif; +font-weight: normal; +border-bottom: 1px solid #FDFFFF; +white-space: nowrap; + -moz-border-radius-topleft:6px; + -moz-border-radius-topright:6px; +} + +tr.box_impair { +/* background: #e6ebed; */ +background: #eaeaea; +font-family: ; +} + +tr.box_pair { +/* background: #d0d4d7; */ +background: #f4f4f4; +font-family: ; +} + +tr.fiche { +font-family: ; +} + + + + +/* + * Ok, Warning, Error + */ + +.ok { color: #114466; } +.warning { color: #887711; } +.error { color: #550000; font-weight: bold; } + +td.warning { /* Utilise par Smarty */ + background: #FF99A9; +} + +div.ok { + color: #114466; +} + +div.warning { + color: #997711; + padding: 0.2em 0.2em 0.2em 0.2em; + margin: 0.5em 0em 0.5em 0em; + border: 1px solid #c0c0d0; + -moz-border-radius:6px; + background: #efefd4; +} + +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; + -moz-border-radius:6px; +} + +/* Info admin */ +div.info { + color: #707070; + padding: 0.2em 0.2em 0.2em 0.2em; + margin: 0.5em 0em 0.5em 0em; + border: 1px solid #c0c0d0; + -moz-border-radius:6px; + background: #efefd4; +} + + +/* + * 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; } + + + +/* + * Other + */ + +.fieldrequired { font-weight: bold; color: #000055; } + +#pictotitle { + browser->phone)?'display: none;':''; ?> +} + +.photo { +border: 0px; +/* filter:alpha(opacity=55); */ +/* opacity:.55; */ +} + +div.titre { + font-family: ; + font-weight: normal; + color: #336666; + text-decoration: none; +} + + +/* ============================================================================== */ +/* Formulaire confirmation (HTML) */ +/* ============================================================================== */ + +table.valid { + border-top: solid 1px #E6E6E6; + border-: solid 1px #E6E6E6; + border-: solid 1px #444444; + border-bottom: solid 1px #555555; + padding-top: 0px; + padding-left: 0px; + padding-right: 0px; + padding-bottom: 0px; + margin: 0px 0px; + background: #D5BAA8; +} + +.validtitre { + background: #D5BAA8; + font-weight: bold; +} + +/* ============================================================================== */ +/* Formulaire confirmation (AJAX) */ +/* ============================================================================== */ + +.overlay_alert { + background-color: #DDDDDD; + filter: alpha(opacity=50); /* Does not respect CSS standard, but required to avoid IE bug */ + -moz-opacity: 0.5; + opacity: 0.5; +} + +.alert_nw { + width: 5px; + height: 5px; + background: transparent url(alert/top_left.gif) no-repeat bottom left; +} + +.alert_n { + height: 5px; + background: transparent url(alert/top.gif) repeat-x bottom left; +} + +.alert_ne { + width: 5px; + height: 5px; + background: transparent url(alert/top_right.gif) no-repeat bottom left +} + +.alert_e { + width: 5px; + background: transparent url(alert/right.gif) repeat-y 0 0; +} + +.alert_w { + width: 5px; + background: transparent url(alert/left.gif) repeat-y 0 0; +} + +.alert_sw { + width: 5px; + height: 5px; + background: transparent url(alert/bottom_left.gif) no-repeat 0 0; +} + +.alert_s { + height: 5px; + background: transparent url(alert/bottom.gif) repeat-x 0 0; +} + +.alert_se, .alert_sizer { + width: 5px; + height: 5px; + background: transparent url(alert/bottom_right.gif) no-repeat 0 0; +} + +.alert_close { + width:0px; + height:0px; + display:none; +} + +.alert_minimize { + width:0px; + height:0px; + display:none; +} + +.alert_maximize { + width:0px; + height:0px; + display:none; +} + +.alert_title { + float:left; + height:1px; + width:100%; +} + +.alert_content { + overflow:visible; + color: #000; + font-family: Tahoma, Arial, sans-serif; + font: 12px arial; + background: #FFF; +} + +/* For alert/confirm dialog */ +.alert_window { + background: #FFF; + padding:30px; + margin-left:auto; + margin-right:auto; + width:400px; +} + +.alert_message { + font: 12px arial; + text-align:left; + width:100%; + color:#012; + padding-top:5px; + padding-left:5px; + padding-bottom:5px; +} + +.alert_buttons { + text-align:center; + width:100%; +} + +.alert_buttons input { + width:20%; + margin:5px; +} + +.alert_progress { + float:left; + margin:auto; + text-align:center; + width:100%; + height:16px; + background: #FFF url('alert/progress.gif') no-repeat center center +} + +.dialog { + display: block; + position: absolute; +} + +.dialog table.table_window { + border-collapse: collapse; + border-spacing: 0; + width: 100%; + margin: 0px; + padding:0px; +} + +.dialog table.table_window td , .dialog table.table_window th { + padding: 0; +} + +.dialog .title_window { + -moz-user-select:none; +} + + + + +/* ============================================================================== */ +/* Tooltips */ +/* ============================================================================== */ + +#dhtmltooltip +{ +-moz-border-radius:4px; +position: absolute; +width: px; +border-top: solid 1px #BBBBBB; +border-: solid 1px #BBBBBB; +border-: solid 1px #444444; +border-bottom: solid 1px #444444; +padding: 2px; +background-color: #FFFFE0; +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-: solid 2px #DDDDDD; + border-: 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; +} + + +/* ============================================================================== */ +/* Afficher/cacher */ +/* ============================================================================== */ + +div.visible { + display: block; +} + +div.hidden { + display: none; +} + +tr.visible { + display: block; +} + +td.hidden { + display: none; +} + + +/* ============================================================================== */ +/* Module agenda */ +/* ============================================================================== */ + +.cal_other_month { background: #DDDDDD; border: solid 1px #ACBCBB; padding-: 2px; padding-: 1px; padding-top: 0px; padding-bottom: 0px; } +.cal_past_month { background: #EEEEEE; border: solid 1px #ACBCBB; padding-: 2px; padding-: 1px; padding-top: 0px; padding-bottom: 0px; } +.cal_current_month { background: #FFFFFF; border: solid 1px #ACBCBB; padding-: 2px; padding-: 1px; padding-top: 0px; padding-bottom: 0px; } +.cal_today { background: #FFFFFF; border: solid 2px #6C7C7B; padding-: 2px; padding-: 1px; padding-top: 0px; padding-bottom: 0px; } +table.cal_event { border-collapse: collapse; margin-bottom: 1px; } +table.cal_event td { border: 0px; padding-: 0px; padding-: 2px; padding-top: 0px; padding-bottom: 0px; } +.cal_event a:link { color: #111111; font-size: 11px; font-weight: normal !important; } +.cal_event a:visited { color: #111111; font-size: 11px; font-weight: normal !important; } +.cal_event a:active { color: #111111; font-size: 11px; font-weight: normal !important; } +.cal_event a:hover { color: #111111; font-size: 11px; font-weight: normal !important; } + + + +/* ============================================================================== */ +/* Afficher/cacher */ +/* ============================================================================== */ + +#evolForm input.error { + font-weight: bold; + border: solid 1px #FF0000; + padding: 1px 1px 1px 1px; + margin: 1px 1px 1px 1px; + } + +#evolForm input.focuserr { + font-weight: bold; + background: #FAF8E8; + color: black; + border: solid 1px #FF0000; + padding: 1px 1px 1px 1px; + margin: 1px 1px 1px 1px; + } + + +#evolForm input.focus { /*** Mise en avant des champs en cours d'utilisation ***/ + background: #FAF8E8; + color: black; + border: solid 1px #000000; + padding: 1px 1px 1px 1px; + margin: 1px 1px 1px 1px; + } + +#evolForm input.normal { /*** Retour a l'etat normal apres l'utilisation ***/ + background: white; + color: black; + border: solid 1px white; + padding: 1px 1px 1px 1px; + margin: 1px 1px 1px 1px; + } + + + +/* ============================================================================== */ +/* Ajax - Liste deroulante de l'autocompletion */ +/* ============================================================================== */ + +div.autocomplete { + position:absolute; + width:250px; + background-color:white; + border:1px solid #888; + margin:0px; + padding:0px; + } +div.autocomplete ul { + list-style-type:none; + margin:0px; + padding:0px; + } +div.autocomplete ul li.selected { background-color: #D3E5EC;} +div.autocomplete ul li { + list-style-type:none; + display:block; + margin:0; + padding:2px; + height:16px; + cursor:pointer; + } + + +/* ============================================================================== */ +/* Ajax - In place editor */ +/* ============================================================================== */ + +form.inplaceeditor-form { /* The form */ +} + +form.inplaceeditor-form input[type="text"] { /* Input box */ +} + +form.inplaceeditor-form textarea { /* Textarea, if multiple columns */ +background: #FAF8E8; +color: black; +} + +form.inplaceeditor-form input[type="submit"] { /* The submit button */ + font-size: 100%; + font-weight:normal; + border: 0px; + background-image : url(); + background-position : bottom; + cursor:pointer; +} + +form.inplaceeditor-form a { /* The cancel link */ + margin-left: 5px; + font-size: 11px; + font-weight:normal; + border: 0px; + background-image : url(); + background-position : bottom; + cursor:pointer; +} + + + +/* ============================================================================== */ +/* Admin Menu */ +/* ============================================================================== */ + +/* CSS a appliquer a l'arbre hierarchique */ + +/* Lien plier /deplier tout */ +.arbre-switch { + text-align: right; + padding: 0 5px; + margin: 0 0 -18px 0; +} + +/* Arbre */ +ul.arbre { + padding: 5px 10px; +} +/* strong : A modifier en fonction de la balise choisie */ +ul.arbre strong { + font-weight: normal; + padding: 0 0 0 20px; + margin: 0 0 0 -7px; + background-image: url(); + background-repeat: no-repeat; + background-position: 1px 50%; +} +ul.arbre strong.arbre-plier { + background-image: url(); + cursor: pointer; +} +ul.arbre strong.arbre-deplier { + background-image: url(); + cursor: pointer; +} +ul.arbre ul { + padding: 0; + margin: 0; +} +ul.arbre li { + padding: 0; + margin: 0; + list-style: none; +} +/* This is to create an indent */ +ul.arbre li li { + margin: 0 0 0 16px; +} +/* Classe pour masquer */ +.hide { + display: none; +} + +img.menuNew +{ + display:block; + border:0px; +} + +img.menuEdit +{ + border: 0px; + display: block; +} + +img.menuDel +{ + display:none; + border: 0px; +} + +div.menuNew +{ + margin-top:-20px; + margin-:270px; + height:20px; + padding:0px; + width:30px; + position:relative; +} + +div.menuEdit +{ + margin-top:-15px; + margin-:250px; + height:20px; + padding:0px; + width:30px; + position:relative; + +} + +div.menuDel +{ + margin-top:-20px; + margin-:290px; + height:20px; + padding:0px; + width:30px; + position:relative; + +} + +div.menuFleche +{ + margin-top:-16px; + margin-:320px; + height:20px; + padding:0px; + width:30px; + position:relative; + +} + + +/* ============================================================================== */ +/* Show Excel tabs */ +/* ============================================================================== */ + +.table_data +{ + border-style:ridge; + border:1px solid; +} +.tab_base +{ + background:#C5D0DD; + font-weight:bold; + border-style:ridge; + border: 1px solid; + cursor:pointer; +} +.table_sub_heading +{ + background:#CCCCCC; + font-weight:bold; + border-style:ridge; + border: 1px solid; +} +.table_body +{ + background:#F0F0F0; + font-weight:normal; + font-family:sans-serif; + border-style:ridge; + border: 1px solid; + border-spacing: 0px; + border-collapse: collapse; +} +.tab_loaded +{ + background:#222222; + color:white; + font-weight:bold; + border-style:groove; + border: 1px solid; + cursor:pointer; +} + + +/* ============================================================================== */ +/* CSS for color picker */ +/* ============================================================================== */ + +A.color, A.color:active, A.color:visited { + position : relative; + display : block; + text-decoration : none; + width : 10px; + height : 10px; + line-height : 10px; + margin : 0px; + padding : 0px; + border : 1px inset white; +} +A.color:hover { + border : 1px outset white; +} +A.none, A.none:active, A.none:visited, A.none:hover { + position : relative; + display : block; + text-decoration : none; + width : 10px; + height : 10px; + line-height : 10px; + margin : 0px; + padding : 0px; + cursor : default; + border : 1px solid #b3c5cc; +} +.tblColor { + display : none; +} +.tdColor { + padding : 1px; +} +.tblContainer { + background-color : #b3c5cc; +} +.tblGlobal { + position : absolute; + top : 0px; + left : 0px; + display : none; + background-color : #b3c5cc; + border : 2px outset; +} +.tdContainer { + padding : 5px; +} +.tdDisplay { + width : 50%; + height : 20px; + line-height : 20px; + border : 1px outset white; +} +.tdDisplayTxt { + width : 50%; + height : 24px; + line-height : 12px; + font-family : ; + font-size : 8pt; + color : black; + text-align : center; +} +.btnColor { + width : 100%; + font-family : ; + font-size : 10pt; + padding : 0px; + margin : 0px; +} +.btnPalette { + width : 100%; + font-family : ; + font-size : 8pt; + padding : 0px; + margin : 0px; +}