PageRenderTime 26ms CodeModel.GetById 22ms RepoModel.GetById 0ms app.codeStats 0ms

/htdocs/theme/amarok/style.css.php

http://github.com/Dolibarr/dolibarr
PHP | 521 lines | 401 code | 71 blank | 49 comment | 14 complexity | 056499fcf0429c026559897a4726c10e MD5 | raw file
Possible License(s): GPL-2.0, AGPL-3.0, LGPL-2.0, CC-BY-SA-4.0, BSD-3-Clause, MPL-2.0-no-copyleft-exception, LGPL-3.0, GPL-3.0, LGPL-2.1, MIT
  1. <?php
  2. /* Copyright (C) 2012 Nicolas Péré <nicolas@amarok2.net>
  3. * Copyright (C) 2012 Regis Houssin <regis@dolibarr.fr>
  4. *
  5. * This program is free software; you can redistribute it and/or modify
  6. * it under the terms of the GNU General Public License as published by
  7. * the Free Software Foundation; either version 2 of the License, or
  8. * (at your option) any later version.
  9. *
  10. * This program is distributed in the hope that it will be useful,
  11. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  12. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  13. * GNU General Public License for more details.
  14. *
  15. * You should have received a copy of the GNU General Public License
  16. * along with this program. If not, see <http://www.gnu.org/licenses/>.
  17. */
  18. /**
  19. * \file htdocs/theme/amarok/style.css.php
  20. * \brief Fichier de style CSS du theme amarok
  21. */
  22. //if (! defined('NOREQUIREUSER')) define('NOREQUIREUSER','1'); // Not disabled cause need to load personalized language
  23. //if (! defined('NOREQUIREDB')) define('NOREQUIREDB','1'); // Not disabled to increase speed. Language code is found on url.
  24. if (! defined('NOREQUIRESOC')) define('NOREQUIRESOC','1');
  25. //if (! defined('NOREQUIRETRAN')) define('NOREQUIRETRAN','1'); // Not disabled cause need to do translations
  26. if (! defined('NOCSRFCHECK')) define('NOCSRFCHECK',1);
  27. if (! defined('NOTOKENRENEWAL')) define('NOTOKENRENEWAL',1);
  28. if (! defined('NOLOGIN')) define('NOLOGIN',1);
  29. if (! defined('NOREQUIREMENU')) define('NOREQUIREMENU',1);
  30. if (! defined('NOREQUIREHTML')) define('NOREQUIREHTML',1);
  31. if (! defined('NOREQUIREAJAX')) define('NOREQUIREAJAX','1');
  32. session_cache_limiter(FALSE);
  33. require_once("../../main.inc.php");
  34. require_once(DOL_DOCUMENT_ROOT."/core/lib/functions.lib.php");
  35. // Define css type
  36. header('Content-type: text/css');
  37. // Important: Following code is to avoid page request by browser and PHP CPU at
  38. // each Dolibarr page access.
  39. if (empty($dolibarr_nocache)) header('Cache-Control: max-age=3600, public, must-revalidate');
  40. else header('Cache-Control: no-cache');
  41. // On the fly GZIP compression for all pages (if browser support it). Must set the bit 3 of constant to 1.
  42. if (isset($conf->global->MAIN_OPTIMIZE_SPEED) && ($conf->global->MAIN_OPTIMIZE_SPEED & 0x04)) { ob_start("ob_gzhandler"); }
  43. if (GETPOST('lang')) $langs->setDefaultLang(GETPOST('lang')); // If language was forced on URL
  44. if (GETPOST('theme')) $conf->theme=GETPOST('theme'); // If theme was forced on URL
  45. $langs->load("main",0,1);
  46. $right=($langs->trans("DIRECTION")=='rtl'?'left':'right');
  47. $left=($langs->trans("DIRECTION")=='rtl'?'right':'left');
  48. $fontsize=empty($conf->browser->phone)?'12':'12';
  49. $fontsizesmaller=empty($conf->browser->phone)?'11':'11';
  50. $fontlist='Helvetica,Verdana,Arial,sans-serif';
  51. ?>
  52. /* STYLES COMMUNS : */
  53. *, html{margin:0;padding:0;font-size:100%;}
  54. body {
  55. background: #888 url(img/back_apple_03.png);
  56. color: #101010;
  57. margin:0;
  58. font-size: <?php print $fontsize ?>px;
  59. font-family: <?php print $fontlist ?>;
  60. <?php print 'direction: '.$langs->trans("DIRECTION").";\n"; ?>
  61. }
  62. a {
  63. text-decoration: none;
  64. color:#333;
  65. }
  66. a:hover, a:sel{
  67. color:black;
  68. }
  69. img {width:16px; height:16px; vertical-align:bottom;}
  70. img#pictotitle {width:32px; height:32px;}
  71. td img {width:auto; height:auto;}
  72. input, textarea {
  73. border-radius:4px;
  74. border:solid 1px rgba(0,0,0,.3);
  75. border-top:solid 1px rgba(0,0,0,.4);
  76. border-bottom:solid 1px rgba(0,0,0,.2);
  77. box-shadow: 1px 1px 2px rgba(0,0,0,.2) inset;
  78. padding:2px;
  79. margin-bottom:6px;
  80. }
  81. /* boutons : */
  82. .button, .butAction {background: #999;border: solid 1px #666;}
  83. .butActionRefused {background: #ccc;}
  84. .butActionDelete {background: #b33c37;border:solid 1px #8d2f2b;}
  85. .button, .butAction, .butActionRefused, .butActionDelete {
  86. padding:2px;
  87. padding-left:6px;
  88. padding-right:6px;
  89. margin-right:6px;
  90. /*
  91. border-left: solid 1px rgba(0,0,0,.3);
  92. border-right: solid 1px rgba(0,0,0,.3);
  93. border-bottom: solid 1px rgba(0,0,0,.6);
  94. border-top:solid 1px rgba(0,0,0,.1);
  95. */
  96. border-radius:.6em;
  97. background-image: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  98. background-image: -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  99. background-image: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  100. background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  101. background-image: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  102. background-image: -webkit-gradient(
  103. linear,
  104. left top,
  105. left bottom,
  106. color-stop(0, rgba(255,255,255,.3)),
  107. color-stop(1, rgba(0,0,0,.3))
  108. );
  109. }
  110. .button, a.butAction{color:white;}
  111. .butActionDelete{color:white;}
  112. td.formdocbutton {padding-top:6px;}
  113. .button:hover, .butAction:hover, .butActionRefused:hover, .butActionDelete:hover {
  114. background-image: linear-gradient(top, rgba(255,255,255,.3) 100%, rgba(0,0,0,.3) 0%);
  115. background-image: -o-linear-gradient(top, rgba(255,255,255,.3) 100%, rgba(0,0,0,.3) 0%);
  116. background-image: -moz-linear-gradient(top, rgba(255,255,255,.3) 100%, rgba(0,0,0,.3) 0%);
  117. background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3) 100%, rgba(0,0,0,.3) 0%);
  118. background-image: -ms-linear-gradient(top, rgba(255,255,255,.3) 100%, rgba(0,0,0,.3) 0%);
  119. background-image: -webkit-gradient(
  120. linear,
  121. left top,
  122. left bottom,
  123. color-stop(1, rgba(255,255,255,.3)),
  124. color-stop(0, rgba(0,0,0,.3))
  125. );
  126. }
  127. <?php if (! empty($conf->global->MAIN_BUTTON_HIDE_UNAUTHORIZED)) { ?>
  128. .butActionRefused {
  129. display: none;
  130. }
  131. <?php } ?>
  132. .tabsAction {margin-top:12px !important; text-align:center;}
  133. .menu_titre img{padding-bottom:2px;}
  134. /* LOGIN : */
  135. form#login {
  136. margin-top: 70px;
  137. margin-bottom: 30px;
  138. display:block;
  139. border:solid 1px rgba(0,0,0,.4);
  140. border-top:solid 1px white;
  141. background-color: #c7d0db;
  142. background-image: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  143. background-image: -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  144. background-image: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  145. background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  146. background-image: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  147. background-image: -webkit-gradient(
  148. linear,
  149. left top,
  150. left bottom,
  151. color-stop(0, rgba(255,255,255,.3)),
  152. color-stop(1, rgba(0,0,0,.3))
  153. );
  154. margin-left:auto;
  155. margin-right:auto;
  156. padding:12px;
  157. width:500px;
  158. border-radius: 12px;
  159. box-shadow: 0 0 16px rgba(0,0,0,.8);
  160. }
  161. form#login img {
  162. width:120px;
  163. max-width:120px;
  164. height:auto;
  165. border-radius:6px;
  166. padding:6px;
  167. background-color: white;
  168. border:solid 1px rgba(0,0,0,.4);
  169. border-top:solid 1px rgba(0,0,0,.5);
  170. border-bottom:solid 1px rgba(0,0,0,.3);
  171. box-shadow: 1px 1px 6px rgba(0,0,0,.3) inset , 0 0 1px rgba(255,255,255,.6);
  172. }
  173. form#login input{
  174. padding:8px;
  175. font-size:120%;
  176. }
  177. form#login label {
  178. vertical-align:middle;
  179. line-height:46px;
  180. color:rgba(0,0,0,.4);
  181. text-shadow: 1px 1px 1px rgba(255,255,255,.6);
  182. }
  183. form#login table.login{margin:0;border:none;background:none !important;}
  184. table.login tr td a {color:#333 !important;}
  185. table.login tr td a:hover {color:#000 !important;}
  186. table.login .button {
  187. font-size:120%;
  188. background-color:#168ac2;
  189. color:white;
  190. padding:6px;
  191. border-radius:1.6em;
  192. border:solid 1px #2e7992;
  193. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  194. }
  195. table.login .vmenu{
  196. color:rgba(0,0,0,.3);
  197. text-shadow: 1px 1px 1px rgba(255,255,255,.6);
  198. font-size:120%;
  199. }
  200. td div.error{color:white;}
  201. /* MENUS PRINCIPAUX : */
  202. div.tmenu {
  203. position:fixed;
  204. margin:0;
  205. padding:0;
  206. padding-left:1em;
  207. top:0;
  208. left:0;
  209. right:0;
  210. white-space: nowrap;
  211. height:36px;
  212. line-height:36px;
  213. background: #168ac2; /* bleu */
  214. background: #b7e0e7; /* bleu_clair */
  215. background: #6d6887; /* violet */
  216. background: #333; /* obsidienne */
  217. background-image: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  218. background-image: -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  219. background-image: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  220. background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  221. background-image: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  222. background-image: -webkit-gradient(
  223. linear,
  224. left top,
  225. left bottom,
  226. color-stop(0, rgba(255,255,255,.3)),
  227. color-stop(1, rgba(0,0,0,.3))
  228. );
  229. border-bottom:solid 1px rgba(0,0,0,.8);
  230. box-shadow: 0 0 6px rgba(0,0,0,.4) !important;
  231. z-index:100;
  232. /* hack pour ie : */
  233. behavior: url(/theme/amarok/PIE.htc);
  234. }
  235. div.tmenu li {
  236. display:inline-table;
  237. margin-right:1em;
  238. text-transform: uppercase;
  239. }
  240. div.tmenu li a {
  241. color: #ccc;
  242. }
  243. div.tmenu li a:hover {
  244. color: rgba(255,255,255,.2);
  245. }
  246. div.tmenu ul li a.tmenusel{ /* texte du menu principal sélectionné */
  247. color: #fff;
  248. font-weight:bold;
  249. }
  250. /* PARTIE LOGIN : */
  251. div.login_block {
  252. position:fixed;
  253. top:6px;
  254. right:6px;
  255. z-index:101;
  256. }
  257. div.login_block a{color:white;color:rgba(255,255,255,.6);}
  258. /* MENUS SUR LA GAUCHE : */
  259. div.vmenu {
  260. position:fixed;
  261. top:37px;
  262. left:0;
  263. bottom:0;
  264. width:164px;
  265. border-right:solid 1px rgba(0,0,0,.3);
  266. background-color: #dde2e9;
  267. }
  268. .blockvmenupair .menu_titre, .blockvmenuimpair .menu_titre {
  269. height:22px;
  270. line-height:22px;
  271. text-align:center;
  272. background-color:rgba(0,0,0,.08);
  273. background-image: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  274. background-image: -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  275. background-image: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  276. background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  277. background-image: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  278. background-image: -webkit-gradient(
  279. linear,
  280. left top,
  281. left bottom,
  282. color-stop(0, rgba(255,255,255,.3)),
  283. color-stop(1, rgba(0,0,0,.3))
  284. );
  285. padding-left:3px;
  286. border-top: solid 1px rgba(255,255,255,.5);
  287. border-bottom: solid 1px rgba(0,0,0,.5);
  288. }
  289. .menu_contenu {
  290. background-color: white;
  291. padding-left:12px;
  292. border-bottom:solid 1px rgba(0,0,0,.05);
  293. }
  294. .menu_contenu:hover{background-color:#f7f7f7;}
  295. .menu_contenu a.vsmenu {color:black;line-height: 18px;}
  296. .blockvmenusearch {
  297. border-top:solid 1px rgba(0,0,0,.3);
  298. padding:6px;
  299. padding-top: 22px;
  300. }
  301. .blockvmenusearch .menu_titre {
  302. margin-top:6px;
  303. }
  304. /* AIDE EN LIGNE : */
  305. #blockvmenuhelp {
  306. border-top: solid 1px rgba(0,0,0,.1);
  307. padding:12px;
  308. text-align:center;
  309. }
  310. /* ONGLETS : */
  311. .tabs {
  312. margin-top:8px;
  313. margin-bottom:-2px;
  314. padding-bottom:0;
  315. }
  316. .tabTitle {
  317. color:rgba(0,0,0,.5);
  318. margin-right:12px;
  319. text-shadow: 1px 1px 1px white;
  320. }
  321. .tab {
  322. margin-left:2px;
  323. margin-right:2px;
  324. padding:2px;
  325. padding-left:8px;
  326. padding-right:8px;
  327. height:23px;
  328. background-color: rgba(0,0,0,.2);
  329. color:#666;
  330. border:solid 1px rgba(0,0,0,.3);
  331. border-bottom:solid 1px rgba(0,0,0,.08);
  332. -webkit-border-top-left-radius:6px;
  333. -webkit-border-top-right-radius:6px;
  334. }
  335. .tab#active {
  336. color:#222;
  337. font-weight:bold;
  338. background-color: white;
  339. border-bottom: solid 1px white;
  340. }
  341. .tab:hover{color:black;}
  342. .tabBar table.border {border:none;}
  343. .tabBar table.border tr td{margin-left:0 !important;padding-left:2px}
  344. /* TABLEAU PRINCIPAL : */
  345. table {
  346. margin:0;
  347. padding:0;
  348. border-collapse: collapse !important;
  349. }
  350. table.liste{border:solid 0px #aaa; padding:.6em;}
  351. table.liste tbody tr.liste_titre>td, table.liste .liste_total, table.liste .liste_titre {
  352. padding:4px;
  353. background-color:white;
  354. background-image: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  355. background-image: -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  356. background-image: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  357. background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  358. background-image: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  359. background-image: -webkit-gradient(
  360. linear,
  361. left top,
  362. left bottom,
  363. color-stop(0, rgba(255,255,255,.3)),
  364. color-stop(1, rgba(0,0,0,.3))
  365. );
  366. }
  367. tr.liste_titre td.liste_titre_sel {
  368. background-color: rgba(0,0,0,.2);
  369. color:black;
  370. }
  371. table.liste a img{padding: 1px;}
  372. table#undertopmenu { /* tableau contenant tous les autres : */
  373. display:block;
  374. position:fixed;
  375. top:37px;
  376. left:165px;
  377. bottom:0;
  378. background-color: #efefef;
  379. overflow-y: auto;
  380. /* width:88.6%; */
  381. width:100%;
  382. }
  383. tr.liste_titre td {
  384. background-color: rgba(255,255,255,.5);
  385. padding:2px;
  386. padding-left: 12px !important;
  387. border-top:solid 1px rgba(0,0,0,.08);
  388. color:rgba(0,0,0,.6);
  389. }
  390. table.noborder, table.border, div.tabBar, table.liste {
  391. background-color:white;
  392. border:solid 1px #aaa;
  393. margin:.4em;
  394. width:99% !important;
  395. border-bottom:solid 2px #aaa;
  396. }
  397. table.liste tr td img {padding-right:2px;}
  398. table.noborder tr td{padding-right:2px;}
  399. table.noborder tr.liste_total td{ /* total en bas d'un tableau */
  400. padding:2px;
  401. border-top: solid 1px #ccc;
  402. background-color: #eee;
  403. font-weight: bold;
  404. }
  405. table.noborder tbody tr.liste_titre td { /* titre des tableaux : */
  406. color:black;
  407. background-color: #ccc;
  408. background-image: linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  409. background-image: -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  410. background-image: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  411. background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  412. background-image: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
  413. background-image: -webkit-gradient(
  414. linear,
  415. left top,
  416. left bottom,
  417. color-stop(0, rgba(255,255,255,.3)),
  418. color-stop(1, rgba(0,0,0,.3))
  419. );
  420. border-bottom:solid 1px rgba(0,0,0,.2);
  421. }
  422. table.noborder tbody{
  423. border:solid 1px rgba(0,0,0,.3);
  424. border-bottom:solid 1px rgba(0,0,0,.08);
  425. -webkit-border-top-left-radius:6px;
  426. -webkit-border-top-right-radius:6px;
  427. }
  428. table.noborder tr td .flat {margin-top:4px;margin-bottom:4px;}
  429. table.noborder img {padding:1px;}
  430. tr.impair {background-color: white;}
  431. tr.pair {background-color:#f7f7f7;}
  432. tr.impair td, tr.pair td {padding-left:8px;}
  433. /*tr.impair:hover, tr.pair:hover {background-color:#dde6f2;} /* survol d'une ligne */
  434. /* ! nobordernopadding : */
  435. table tr td {/* padding-left:4px; */border:solid 1px #ddd;}
  436. table.nobordernopadding tr td{/* padding-left:4px; */border-left:none;}
  437. table.nobordernopadding tr td img {padding:2px;}
  438. /* table.nobordernopadding tr.nobordernopadding td{margin-left:6px;} */
  439. /* informations : */
  440. .info {
  441. margin:1em;
  442. margin-left:3em;
  443. margin-right:3em;
  444. padding:1em;
  445. color:#645a53;
  446. background-color:#fcfeb5;
  447. border:solid 1px #fed86f;
  448. border-radius:1em;
  449. box-shadow: 3px 3px 6px rgba(0,0,0,.2);
  450. }