mirror of
https://github.com/Dolibarr/dolibarr.git
synced 2025-12-27 20:01:26 +01:00
521 lines
15 KiB
PHP
521 lines
15 KiB
PHP
<?php
|
|
/* Copyright (C) 2012 Nicolas Péré <nicolas@amarok2.net>
|
|
* Copyright (C) 2012 Regis Houssin <regis@dolibarr.fr>
|
|
*
|
|
* 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, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
/**
|
|
* \file htdocs/theme/amarok/style.css.php
|
|
* \brief Fichier de style CSS du theme amarok
|
|
*/
|
|
|
|
//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');
|
|
|
|
session_cache_limiter(FALSE);
|
|
|
|
require_once '../../main.inc.php';
|
|
require_once DOL_DOCUMENT_ROOT.'/core/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 (GETPOST('lang')) $langs->setDefaultLang(GETPOST('lang')); // If language was forced on URL
|
|
if (GETPOST('theme')) $conf->theme=GETPOST('theme'); // If theme was forced on URL
|
|
$langs->load("main",0,1);
|
|
$right=($langs->trans("DIRECTION")=='rtl'?'left':'right');
|
|
$left=($langs->trans("DIRECTION")=='rtl'?'right':'left');
|
|
$fontsize=empty($conf->browser->phone)?'12':'12';
|
|
$fontsizesmaller=empty($conf->browser->phone)?'11':'11';
|
|
$fontlist='Helvetica,Verdana,Arial,sans-serif';
|
|
?>
|
|
|
|
|
|
|
|
/* STYLES COMMUNS : */
|
|
*, html{margin:0;padding:0;font-size:100%;}
|
|
body {
|
|
background: #888 url(img/back_apple_03.png);
|
|
color: #101010;
|
|
margin:0;
|
|
font-size: <?php print $fontsize ?>px;
|
|
font-family: <?php print $fontlist ?>;
|
|
<?php print 'direction: '.$langs->trans("DIRECTION").";\n"; ?>
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color:#333;
|
|
}
|
|
|
|
a:hover, a:sel{
|
|
color:black;
|
|
}
|
|
img {width:16px; height:16px; vertical-align:bottom;}
|
|
img#pictotitle {width:32px; height:32px;}
|
|
td img {width:auto; height:auto;}
|
|
|
|
input, textarea {
|
|
border-radius:4px;
|
|
border:solid 1px rgba(0,0,0,.3);
|
|
border-top:solid 1px rgba(0,0,0,.4);
|
|
border-bottom:solid 1px rgba(0,0,0,.2);
|
|
box-shadow: 1px 1px 2px rgba(0,0,0,.2) inset;
|
|
padding:2px;
|
|
margin-bottom:6px;
|
|
}
|
|
|
|
/* boutons : */
|
|
.button, .butAction {background: #999;border: solid 1px #666;}
|
|
.butActionRefused {background: #ccc;}
|
|
.butActionDelete {background: #b33c37;border:solid 1px #8d2f2b;}
|
|
|
|
.button, .butAction, .butActionRefused, .butActionDelete {
|
|
padding:2px;
|
|
padding-left:6px;
|
|
padding-right:6px;
|
|
margin-right:6px;
|
|
/*
|
|
border-left: solid 1px rgba(0,0,0,.3);
|
|
border-right: solid 1px rgba(0,0,0,.3);
|
|
border-bottom: solid 1px rgba(0,0,0,.6);
|
|
border-top:solid 1px rgba(0,0,0,.1);
|
|
*/
|
|
border-radius:.6em;
|
|
|
|
background-image: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
left bottom,
|
|
color-stop(0, rgba(255,255,255,.3)),
|
|
color-stop(1, rgba(0,0,0,.3))
|
|
);
|
|
}
|
|
|
|
.button, a.butAction{color:white;}
|
|
|
|
.butActionDelete{color:white;}
|
|
|
|
td.formdocbutton {padding-top:6px;}
|
|
|
|
.button:hover, .butAction:hover, .butActionRefused:hover, .butActionDelete:hover {
|
|
background-image: linear-gradient(top, rgba(255,255,255,.3) 100%, rgba(0,0,0,.3) 0%);
|
|
background-image: -o-linear-gradient(top, rgba(255,255,255,.3) 100%, rgba(0,0,0,.3) 0%);
|
|
background-image: -moz-linear-gradient(top, rgba(255,255,255,.3) 100%, rgba(0,0,0,.3) 0%);
|
|
background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3) 100%, rgba(0,0,0,.3) 0%);
|
|
background-image: -ms-linear-gradient(top, rgba(255,255,255,.3) 100%, rgba(0,0,0,.3) 0%);
|
|
background-image: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
left bottom,
|
|
color-stop(1, rgba(255,255,255,.3)),
|
|
color-stop(0, rgba(0,0,0,.3))
|
|
);
|
|
}
|
|
|
|
<?php if (! empty($conf->global->MAIN_BUTTON_HIDE_UNAUTHORIZED)) { ?>
|
|
.butActionRefused {
|
|
display: none;
|
|
}
|
|
<?php } ?>
|
|
|
|
.tabsAction {margin-top:12px !important; text-align:center;}
|
|
.menu_titre img{padding-bottom:2px;}
|
|
|
|
/* LOGIN : */
|
|
form#login {
|
|
margin-top: 70px;
|
|
margin-bottom: 30px;
|
|
display:block;
|
|
border:solid 1px rgba(0,0,0,.4);
|
|
border-top:solid 1px white;
|
|
background-color: #c7d0db;
|
|
background-image: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
left bottom,
|
|
color-stop(0, rgba(255,255,255,.3)),
|
|
color-stop(1, rgba(0,0,0,.3))
|
|
);
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
padding:12px;
|
|
width:500px;
|
|
border-radius: 12px;
|
|
box-shadow: 0 0 16px rgba(0,0,0,.8);
|
|
}
|
|
|
|
|
|
form#login img {
|
|
width:120px;
|
|
max-width:120px;
|
|
height:auto;
|
|
border-radius:6px;
|
|
padding:6px;
|
|
background-color: white;
|
|
border:solid 1px rgba(0,0,0,.4);
|
|
border-top:solid 1px rgba(0,0,0,.5);
|
|
border-bottom:solid 1px rgba(0,0,0,.3);
|
|
box-shadow: 1px 1px 6px rgba(0,0,0,.3) inset , 0 0 1px rgba(255,255,255,.6);
|
|
}
|
|
|
|
form#login input{
|
|
padding:8px;
|
|
font-size:120%;
|
|
}
|
|
|
|
form#login label {
|
|
vertical-align:middle;
|
|
line-height:46px;
|
|
color:rgba(0,0,0,.4);
|
|
text-shadow: 1px 1px 1px rgba(255,255,255,.6);
|
|
}
|
|
|
|
form#login table.login{margin:0;border:none;background:none !important;}
|
|
table.login tr td a {color:#333 !important;}
|
|
table.login tr td a:hover {color:#000 !important;}
|
|
|
|
table.login .button {
|
|
font-size:120%;
|
|
background-color:#168ac2;
|
|
color:white;
|
|
padding:6px;
|
|
border-radius:1.6em;
|
|
border:solid 1px #2e7992;
|
|
box-shadow: 1px 1px 3px rgba(0,0,0,.4);
|
|
}
|
|
|
|
table.login .vmenu{
|
|
color:rgba(0,0,0,.3);
|
|
text-shadow: 1px 1px 1px rgba(255,255,255,.6);
|
|
font-size:120%;
|
|
}
|
|
|
|
td div.error{color:white;}
|
|
|
|
|
|
/* MENUS PRINCIPAUX : */
|
|
div.tmenu {
|
|
position:fixed;
|
|
margin:0;
|
|
padding:0;
|
|
padding-left:1em;
|
|
top:0;
|
|
left:0;
|
|
right:0;
|
|
white-space: nowrap;
|
|
height:36px;
|
|
line-height:36px;
|
|
|
|
background: #168ac2; /* bleu */
|
|
background: #b7e0e7; /* bleu_clair */
|
|
background: #6d6887; /* violet */
|
|
background: #333; /* obsidienne */
|
|
|
|
background-image: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
left bottom,
|
|
color-stop(0, rgba(255,255,255,.3)),
|
|
color-stop(1, rgba(0,0,0,.3))
|
|
);
|
|
|
|
border-bottom:solid 1px rgba(0,0,0,.8);
|
|
box-shadow: 0 0 6px rgba(0,0,0,.4) !important;
|
|
z-index:100;
|
|
/* hack pour ie : */
|
|
behavior: url(/theme/amarok/PIE.htc);
|
|
}
|
|
|
|
div.tmenu li {
|
|
display:inline-table;
|
|
margin-right:1em;
|
|
text-transform: uppercase;
|
|
}
|
|
div.tmenu li a {
|
|
color: #ccc;
|
|
}
|
|
div.tmenu li a:hover {
|
|
color: rgba(255,255,255,.2);
|
|
}
|
|
div.tmenu ul li a.tmenusel{ /* texte du menu principal sélectionné */
|
|
color: #fff;
|
|
font-weight:bold;
|
|
}
|
|
|
|
|
|
/* PARTIE LOGIN : */
|
|
div.login_block {
|
|
position:fixed;
|
|
top:6px;
|
|
right:6px;
|
|
z-index:101;
|
|
}
|
|
div.login_block a{color:white;color:rgba(255,255,255,.6);}
|
|
|
|
|
|
/* MENUS SUR LA GAUCHE : */
|
|
div.vmenu {
|
|
position:fixed;
|
|
top:37px;
|
|
left:0;
|
|
bottom:0;
|
|
width:164px;
|
|
border-right:solid 1px rgba(0,0,0,.3);
|
|
background-color: #dde2e9;
|
|
}
|
|
|
|
.blockvmenupair .menu_titre, .blockvmenuimpair .menu_titre {
|
|
height:22px;
|
|
line-height:22px;
|
|
text-align:center;
|
|
background-color:rgba(0,0,0,.08);
|
|
background-image: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
left bottom,
|
|
color-stop(0, rgba(255,255,255,.3)),
|
|
color-stop(1, rgba(0,0,0,.3))
|
|
);
|
|
padding-left:3px;
|
|
border-top: solid 1px rgba(255,255,255,.5);
|
|
border-bottom: solid 1px rgba(0,0,0,.5);
|
|
|
|
}
|
|
|
|
.menu_contenu {
|
|
background-color: white;
|
|
padding-left:12px;
|
|
border-bottom:solid 1px rgba(0,0,0,.05);
|
|
}
|
|
.menu_contenu:hover{background-color:#f7f7f7;}
|
|
.menu_contenu a.vsmenu {color:black;line-height: 18px;}
|
|
|
|
.blockvmenusearch {
|
|
border-top:solid 1px rgba(0,0,0,.3);
|
|
padding:6px;
|
|
padding-top: 22px;
|
|
}
|
|
|
|
.blockvmenusearch .menu_titre {
|
|
margin-top:6px;
|
|
}
|
|
|
|
|
|
/* AIDE EN LIGNE : */
|
|
#blockvmenuhelp {
|
|
border-top: solid 1px rgba(0,0,0,.1);
|
|
padding:12px;
|
|
text-align:center;
|
|
}
|
|
|
|
|
|
/* ONGLETS : */
|
|
.tabs {
|
|
margin-top:8px;
|
|
margin-bottom:-2px;
|
|
padding-bottom:0;
|
|
}
|
|
|
|
.tabTitle {
|
|
color:rgba(0,0,0,.5);
|
|
margin-right:12px;
|
|
text-shadow: 1px 1px 1px white;
|
|
}
|
|
|
|
.tab {
|
|
margin-left:2px;
|
|
margin-right:2px;
|
|
padding:2px;
|
|
padding-left:8px;
|
|
padding-right:8px;
|
|
height:23px;
|
|
background-color: rgba(0,0,0,.2);
|
|
color:#666;
|
|
border:solid 1px rgba(0,0,0,.3);
|
|
border-bottom:solid 1px rgba(0,0,0,.08);
|
|
-webkit-border-top-left-radius:6px;
|
|
-webkit-border-top-right-radius:6px;
|
|
}
|
|
.tab#active {
|
|
color:#222;
|
|
font-weight:bold;
|
|
background-color: white;
|
|
border-bottom: solid 1px white;
|
|
}
|
|
.tab:hover{color:black;}
|
|
|
|
.tabBar table.border {border:none;}
|
|
.tabBar table.border tr td{margin-left:0 !important;padding-left:2px}
|
|
|
|
/* TABLEAU PRINCIPAL : */
|
|
table {
|
|
margin:0;
|
|
padding:0;
|
|
border-collapse: collapse !important;
|
|
}
|
|
|
|
table.liste{border:solid 0px #aaa; padding:.6em;}
|
|
|
|
table.liste tbody tr.liste_titre>td, table.liste .liste_total, table.liste .liste_titre {
|
|
padding:4px;
|
|
background-color:white;
|
|
background-image: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
left bottom,
|
|
color-stop(0, rgba(255,255,255,.3)),
|
|
color-stop(1, rgba(0,0,0,.3))
|
|
);
|
|
}
|
|
|
|
tr.liste_titre td.liste_titre_sel {
|
|
background-color: rgba(0,0,0,.2);
|
|
color:black;
|
|
}
|
|
|
|
table.liste a img{padding: 1px;}
|
|
|
|
table#undertopmenu { /* tableau contenant tous les autres : */
|
|
display:block;
|
|
position:fixed;
|
|
top:37px;
|
|
left:165px;
|
|
bottom:0;
|
|
background-color: #efefef;
|
|
overflow-y: auto;
|
|
/* width:88.6%; */
|
|
width:100%;
|
|
}
|
|
|
|
tr.liste_titre td {
|
|
background-color: rgba(255,255,255,.5);
|
|
padding:2px;
|
|
padding-left: 12px !important;
|
|
border-top:solid 1px rgba(0,0,0,.08);
|
|
color:rgba(0,0,0,.6);
|
|
}
|
|
|
|
table.noborder, table.border, div.tabBar, table.liste {
|
|
background-color:white;
|
|
border:solid 1px #aaa;
|
|
margin:.4em;
|
|
width:99% !important;
|
|
border-bottom:solid 2px #aaa;
|
|
}
|
|
|
|
table.liste tr td img {padding-right:2px;}
|
|
table.noborder tr td{padding-right:2px;}
|
|
table.noborder tr.liste_total td{ /* total en bas d'un tableau */
|
|
padding:2px;
|
|
border-top: solid 1px #ccc;
|
|
background-color: #eee;
|
|
font-weight: bold;
|
|
}
|
|
|
|
table.noborder tbody tr.liste_titre td { /* titre des tableaux : */
|
|
color:black;
|
|
background-color: #ccc;
|
|
background-image: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
|
|
background-image: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
left bottom,
|
|
color-stop(0, rgba(255,255,255,.3)),
|
|
color-stop(1, rgba(0,0,0,.3))
|
|
);
|
|
border-bottom:solid 1px rgba(0,0,0,.2);
|
|
}
|
|
|
|
table.noborder tbody{
|
|
border:solid 1px rgba(0,0,0,.3);
|
|
border-bottom:solid 1px rgba(0,0,0,.08);
|
|
-webkit-border-top-left-radius:6px;
|
|
-webkit-border-top-right-radius:6px;
|
|
}
|
|
|
|
table.noborder tr td .flat {margin-top:4px;margin-bottom:4px;}
|
|
|
|
table.noborder img {padding:1px;}
|
|
tr.impair {background-color: white;}
|
|
tr.pair {background-color:#f7f7f7;}
|
|
tr.impair td, tr.pair td {padding-left:8px;}
|
|
/*tr.impair:hover, tr.pair:hover {background-color:#dde6f2;} /* survol d'une ligne */
|
|
|
|
|
|
|
|
|
|
/* ! nobordernopadding : */
|
|
table tr td {/* padding-left:4px; */border:solid 1px #ddd;}
|
|
table.nobordernopadding tr td{/* padding-left:4px; */border-left:none;}
|
|
table.nobordernopadding tr td img {padding:2px;}
|
|
/* table.nobordernopadding tr.nobordernopadding td{margin-left:6px;} */
|
|
|
|
/* informations : */
|
|
.info {
|
|
margin:1em;
|
|
margin-left:3em;
|
|
margin-right:3em;
|
|
padding:1em;
|
|
color:#645a53;
|
|
background-color:#fcfeb5;
|
|
border:solid 1px #fed86f;
|
|
border-radius:1em;
|
|
box-shadow: 3px 3px 6px rgba(0,0,0,.2);
|
|
}
|