<?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);
	}