2 if (!defined(
'ISLOADEDBYSTEELSHEET')) {
3 die(
'Must be call by steelsheet');
12 .info-box-module.--external span.info-box-icon-version {
13 background: rgba(0,0,0,0.2);
16 .info-box-module.--external.--need-update span.info-box-icon-version{
24 background: var(--colorbacklineimpair2);
26 box-shadow: 1px 1px 15px rgba(192, 192, 192, 0.2);
28 border: 1px solid #e9e9e9;
31 .info-box.info-box-sm {
36 .opened-dash-board-wrap .info-box, .opened-dash-board-wrap .info-box .info-box-icon {
37 border-radius: 0 0 0 15px;
54 background: rgba(0, 0, 0, 0.2);
55 margin: 5px -10px 5px -10px;
59 .info-box .progress .progress-bar {
63 .info-box .progress .progress-bar {
71 background-color: #337ab7;
72 -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
73 box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
74 -webkit-transition: width .6s ease;
75 -o-transition: width .6s ease;
76 transition: width .6s ease;
79 border-top-left-radius: 2px;
80 border-top-right-radius: 0;
81 border-bottom-right-radius: 0;
82 border-bottom-left-radius: 2px;
91 background: var(--colorbacktitle1) !important;
94 .info-box-module .info-box-icon {
98 .info-box-sm .info-box-icon {
104 .opened-dash-board-wrap .info-box .info-box-icon {
107 .opened-dash-board-wrap .info-box-sm .info-box-icon {
108 border-radius: 0 0 0 20px;
111 .info-box-module .info-box-icon {
114 .info-box-icon > img {
117 .info-box-module .info-box-icon > img {
121 a.info-box-text.info-box-text-a {
124 a.info-box-text-a i.fa.fa-exclamation-triangle {
129 box-sizing: border-box;
135 background-color: rgba(0,0,0,0.1);
143 -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
144 transition: opacity 0.5s, visibility 0s 0.5s;
147 .info-box-icon-version {
148 box-sizing: border-box;
154 background-color: rgba(0,0,0,0.1);
162 -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
163 transition: opacity 0.5s, visibility 0s 0.5s;
166 .box-flex-item.info-box-module.--disabled {
176 <?php
if (empty($conf->global->MAIN_DISABLE_GLOBAL_BOXSTATS) && !empty($conf->global->MAIN_INCLUDE_GLOBAL_STATS_IN_OPENED_DASHBOARD)) { ?>
182 .info-box-sm .info-box-icon-text, .info-box-sm .info-box-icon-version{
186 .info-box:hover .info-box-icon-text{
194 .info-box-sm .info-box-content{
197 .info-box-sm .info-box-module-enabled {
199 background: var(--infoboxmoduleenabledbgcolor);
201 .info-box-content-warning span.font-status4 {
202 color: #bc9526 !important;
223 text-overflow: ellipsis;
226 text-transform: uppercase;
235 .info-box-text:first-letter{text-transform: uppercase}
236 a.info-box-text{ text-decoration: none;}
252 include_once DOL_DOCUMENT_ROOT.
'/core/lib/functions2.lib.php';
255 if (!empty($conf->global->THEME_INFOBOX_COLOR_ON_BACKGROUND)) {
256 $prefix =
'background-';
259 if (!isset($conf->global->THEME_SATURATE_RATIO)) {
260 $conf->global->THEME_SATURATE_RATIO = 0.7;
263 $conf->global->THEME_SATURATE_RATIO =
GETPOST(
'THEME_SATURATE_RATIO',
'int');
268 <?php
if ($prefix) { ?>
269 color: #fff !important;
272 <?php
if (isset($conf->global->THEME_SATURATE_RATIO)) { ?>
273 filter: saturate(<?php echo $conf->global->THEME_SATURATE_RATIO; ?>);
278 background-color: #55955d !important;
279 color: #FFF !important;
285 background-color: #599caf !important;
286 color: #FFF !important;
292 background-color: #79633f !important;
293 color: #FFF !important;
302 <?php echo $prefix; ?>color: #6c6aa8 !important;
305 <?php echo $prefix; ?>color: #b06080 !important;
307 .bg-infobox-propal, .bg-infobox-facture, .bg-infobox-commande {
308 <?php echo $prefix; ?>color: #65953d !important;
310 .bg-infobox-supplier_proposal, .bg-infobox-invoice_supplier, .bg-infobox-order_supplier {
311 <?php echo $prefix; ?>color: #599caf !important;
313 .bg-infobox-contrat, .bg-infobox-ticket{
314 <?php echo $prefix; ?>color: #3bbfa8 !important;
316 .bg-infobox-bank_account{
317 <?php echo $prefix; ?>color: #b0bb39 !important;
319 .bg-infobox-adherent, .bg-infobox-member {
320 <?php echo $prefix; ?>color: #79633f !important;
322 .bg-infobox-expensereport{
323 <?php echo $prefix; ?>color: #79633f !important;
326 <?php echo $prefix; ?>color: #755114 !important;
329 .infobox-adherent, .infobox-member {
330 color: #79633f !important;
333 color: #6c6aa8 !important;
336 color: #b06080 !important;
339 .infobox-propal:not(.pictotitle):not(.error),
340 .infobox-facture:not(.pictotitle):not(.error),
341 .infobox-commande:not(.pictotitle):not(.error) {
342 color: #65953d !important;
345 .infobox-supplier_proposal:not(.pictotitle):not(.error),
346 .infobox-invoice_supplier:not(.pictotitle):not(.error),
347 .infobox-order_supplier:not(.pictotitle):not(.error) {
348 color: #599caf !important;
350 .infobox-contrat, .infobox-ticket{
351 color: #3bbfa8 !important;
353 .infobox-bank_account{
354 color: #b0bb39 !important;
356 .infobox-adherent, .infobox-member {
357 color: #79633f !important;
359 .infobox-expensereport{
360 color: #79633f !important;
363 color: #755114 !important;
367 .fa-dol-action:before {
370 .fa-dol-propal:before,
371 .fa-dol-supplier_proposal:before {
374 .fa-dol-facture:before,
375 .fa-dol-invoice_supplier:before {
378 .fa-dol-project:before {
381 .fa-dol-commande:before,
382 .fa-dol-order_supplier:before {
385 .fa-dol-contrat:before {
388 .fa-dol-ticket:before {
391 .fa-dol-bank_account:before {
394 .fa-dol-member:before {
397 .fa-dol-expensereport:before {
400 .fa-dol-holiday:before {
406 .info-box-weather .info-box-icon{
407 background: rgba(0, 0, 0, 0.08) !important;
409 .fa-weather-level0:before{
413 .fa-weather-level1:before{
417 .fa-weather-level2:before{
421 .fa-weather-level3:before{
425 .fa-weather-level4:before{
435 width: calc(100% + 14px);
436 margin: 0 -8px 0 -8px;
441 flex-grow: 0 !important;
450 margin: 5px 8px 0px 8px;
452 .box-flex-item.filler{
453 margin: 0px 0px 0px 15px !important;
458 width: calc(100% - 20px);
465 @media only screen and (max-width: 1740px) {
472 @media only screen and (max-width: 767px) {
478 .info-box-module .info-box-content {
487 @media only screen and (max-width: 767px)
489 .box-flex-container {
490 margin: 0 0 0 0px !important;
491 width: 100% !important;
492 justify-content: space-between;
499 .info-box-sm .info-box-icon-text, .info-box-sm .info-box-icon-version {
502 .info-box-sm .info-box-icon {
505 .info-box-sm .info-box-content {
509 border: 1px solid #e0e0e0;