dolibarr  17.0.4
pos.css.php
Go to the documentation of this file.
1 <?php
2 /* Copyright (C) 2004-2017 Laurent Destailleur <eldy@users.sourceforge.net>
3  * Copyright (C) 2006 Rodolphe Quiedeville <rodolphe@quiedeville.org>
4  * Copyright (C) 2007-2017 Regis Houssin <regis.houssin@inodbox.com>
5  * Copyright (C) 2011 Philippe Grand <philippe.grand@atoo-net.com>
6  * Copyright (C) 2012 Juanjo Menent <jmenent@2byte.es>
7  * Copyright (C) 2018 Ferran Marcet <fmarcet@2byte.es>
8  *
9  * This program is free software; you can redistribute it and/or modify
10  * it under the terms of the GNU General Public License as published by
11  * the Free Software Foundation; either version 3 of the License, or
12  * (at your option) any later version.
13  *
14  * This program is distributed in the hope that it will be useful,
15  * but WITHOUT ANY WARRANTY; without even the implied warranty of
16  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
17  * GNU General Public License for more details.
18  *
19  * You should have received a copy of the GNU General Public License
20  * along with this program. If not, see <https://www.gnu.org/licenses/>.
21  */
22 
28 //if (! defined('NOREQUIREUSER')) define('NOREQUIREUSER','1'); // Not disabled because need to load personalized language
29 //if (! defined('NOREQUIREDB')) define('NOREQUIREDB','1'); // Not disabled to increase speed. Language code is found on url.
30 if (!defined('NOREQUIRESOC')) {
31  define('NOREQUIRESOC', '1');
32 }
33 //if (! defined('NOREQUIRETRAN')) define('NOREQUIRETRAN','1'); // Not disabled because need to do translations
34 if (!defined('NOTOKENRENEWAL')) {
35  define('NOTOKENRENEWAL', 1);
36 }
37 if (!defined('NOLOGIN')) {
38  define('NOLOGIN', 1); // File must be accessed by logon page so without login
39 }
40 //if (! defined('NOREQUIREMENU')) define('NOREQUIREMENU',1); // We need top menu content
41 if (!defined('NOREQUIREHTML')) {
42  define('NOREQUIREHTML', 1);
43 }
44 if (!defined('NOREQUIREAJAX')) {
45  define('NOREQUIREAJAX', '1');
46 }
47 
48 
49 define('ISLOADEDBYSTEELSHEET', '1');
50 
51 
52 session_cache_limiter('public');
53 
54 require_once __DIR__.'/../../main.inc.php'; // __DIR__ allow this script to be included in custom themes
55 require_once DOL_DOCUMENT_ROOT.'/core/lib/functions2.lib.php';
56 
57 // Define css type
58 top_httphead('text/css');
59 // Important: Following code is to avoid page request by browser and PHP CPU at each Dolibarr page access.
60 if (empty($dolibarr_nocache)) {
61  header('Cache-Control: max-age=10800, public, must-revalidate');
62 } else {
63  header('Cache-Control: no-cache');
64 }
65 
66 
67 include DOL_DOCUMENT_ROOT.'/theme/'.$conf->theme.'/theme_vars.inc.php';
68 if (defined('THEME_ONLY_CONSTANT')) {
69  return;
70 }
71 
72 ?>
73 
74 html,body {
75  box-sizing: border-box;
76  padding:0px;
77  margin:0;
78  height:100%;
79  width:100%;
80 }
81 
82 .bodytakepos {
83  background-color: #EEE;
84 }
85 
86 .center {
87  text-align: center;
88 }
89 
90 button.calcbutton.poscolorblue {
91  background-color: #0066AA;
92 }
93 
94 button.calcbutton2.poscolordelete {
95  background: rgb(255, 188, 185);
96  color: #633;
97  /*background-color: #884444;
98  color: #fff;*/
99 }
100 
101 button.calcbutton {
102  display: inline-block;
103  position: relative;
104  padding: 0;
105  line-height: normal;
106  cursor: pointer;
107  vertical-align: middle;
108  text-align: center;
109  overflow: visible; /* removes extra width in IE */
110  width: calc(25% - 2px);
111  height: calc(25% - 2px);
112  font-weight: bold;
113  background-color: #8c907e;
114  color: #fff;
115  /* border-color: unset; */
116  border-width: 0;
117  margin: 1px;
118  font-size: 14pt;
119  border-radius: 3px;
120 }
121 
122 button.calcbutton2 {
123  color: #fff;
124  background-color: #5555AA;
125  border-width: 0px;
126  display: inline-block;
127  position: relative;
128  padding: 0;
129  line-height: normal;
130  cursor: pointer;
131  vertical-align: middle;
132  text-align: center;
133  overflow: visible; /* removes extra width in IE */
134  width: calc(25% - 2px);
135  height: calc(25% - 2px);
136  font-weight: bold;
137  font-size: 10pt;
138  margin: 1px;
139  border-radius: 3px;
140 }
141 button.calcbutton2.clicked {
142  background-color: #8855AA;
143 }
144 button.calcbutton2 .iconwithlabel {
145  padding-bottom: 10px;
146 }
147 
148 button.calcbutton3 {
149  display: inline-block;
150  position: relative;
151  padding: 0;
152  line-height: normal;
153  cursor: pointer;
154  vertical-align: middle;
155  text-align: center;
156  overflow: visible; /* removes extra width in IE */
157  width: calc(25% - 2px);
158  height: calc(25% - 2px);
159  font-size: 14pt;
160  margin: 1px;
161  border-radius: 3px;
162 }
163 
164 button.productbutton {
165  display: inline-block;
166  position: relative;
167  padding: 0;
168  line-height: normal;
169  cursor: pointer;
170  vertical-align: middle;
171  text-align: center;
172  overflow: visible; /* removes extra width in IE */
173  width: calc(100% - 2px);
174  height: calc(100% - 2px);
175  font-weight: bold;
176  background-color: #a3a6a3;
177  color: #fff;
178  /* border-color: unset; */
179  border-width: 0;
180  margin: 1px;
181  font-size: 14pt;
182  border-radius: 3px;
183 }
184 
185 button.actionbutton {
186  background: #EABCA6;
187  border: 2px solid #EEE;
188  min-height: 40px;
189  border-radius: 3px;
190 }
191 
192 button.actionbutton {
193  display: inline-block;
194  position: relative;
195  padding: 0;
196  line-height: normal;
197  cursor: pointer;
198  vertical-align: middle;
199  text-align: center;
200  overflow: visible; /* removes extra width in IE */
201  width: calc(33.33% - 2px);
202  height: calc(25% - 2px);
203  margin: 1px;
204  border-width: 0;
205 }
206 
207 button.item_value {
208  background: #bbbbbb;
209  border: #000000 1px solid;
210  border-radius: 4px;
211  padding: 8px;
212 }
213 
214 button.item_value.selected {
215  background: #ffffff;
216  color: #000000;
217  font-weight: bold;
218 }
219 
220 div[aria-describedby="dialog-info"] button:before {
221  content: "\f788";
222  font-family: "Font Awesome 5 Free";
223  font-weight: 900;
224  padding-right: 5px;
225 }
226 div[aria-describedby="dialog-info"].ui-dialog .ui-dialog-buttonpane {
227  border-width: 0;
228 }
229 
230 .takepospay {
231  font-size: 1.5em;
232 }
233 
234 .fa.fa-trash:before {
235  font-size: 1.5em;
236 }
237 
238 
239 div.wrapper{
240  float:left; /* important */
241  position:relative; /* important(so we can absolutely position the description div */
242  width:25%;
243  height:33%;
244  margin:0;
245  padding:1px;
246  border: 2px solid #EEE;
247  /*box-shadow: 3px 3px 3px #bbb; */
248  text-align: center;
249  box-sizing: border-box;
250  background-color:#fff;
251 }
252 
253 div.wrapper2{
254  float:left; /* important */
255  position:relative; /* important(so we can absolutely position the description div */
256  width:12.5%;
257  height:33%;
258  margin:0;
259  /* padding:1px; */
260  border: 2px solid #EEE;
261  /*box-shadow: 3px 3px 3px #bbb;*/
262  text-align: center;
263  box-sizing: border-box;
264  background-color:#fff;
265 }
266 
267 img.imgwrapper {
268  max-width: 100%;
269 }
270 
271 button:active{
272  background:black;
273  color: white;
274 }
275 
276 div.description{
277  position:absolute; /* absolute position (so we can position it where we want)*/
278  bottom:0px; /* position will be on bottom */
279  left:0px;
280  width:100%;
281  /* styling below */
282  background-color:black;
283  /*color:white;*/
284  opacity:1; /* transparency */
285  /*filter:alpha(opacity=80); IE transparency */
286  text-align:center;
287 
288  padding-top: 30px;
289  background: -webkit-linear-gradient(top, rgba(250,250,250,0), rgba(250,250,250,0.5), rgba(250,250,250,0.95), rgba(250,250,250,1));
290 }
291 
292 div.catwatermark{
293  position:absolute;
294  top:3%;
295  left:3%;
296  width:20%;
297  background-color:black;
298  color:white;
299  text-align:center;
300  font-size: 20px;
301  display: none;
302  opacity: 0.25;
303 }
304 
305 table.postablelines tr td {
306  line-height: unset;
307  padding-top: 3px;
308  padding-bottom: 3px;
309 }
310 
311 .posinvoiceline td {
312  height: 40px !important;
313  background-color: var(--colorbacklineimpair2);
314 }
315 
316 .postablelines td.linecolht {
317  line-height: 1.3em !important;
318 }
319 
320 div.paymentbordline
321 {
322  width:calc(50% - 16px);
323  background-color:#aaa;
324  border-radius: 8px;
325  margin-bottom: 4px;
326  display: inline-block;
327  padding: 5px;
328 }
329 
330 @media only screen and (max-aspect-ratio: 6/4) {
331  div.description{
332  min-height:20%;
333  }
334 }
335 
336 .container{
337  width: 100%;
338  height: 100%;
339  margin: 0 auto;
340  <?php
341  if (getDolGlobalString('TAKEPOS_USE_ARROW_ON_NAVBAR')) {
342  ?>
343  overflow-x: hidden;
344  overfloy-y: scroll;
345  <?php
346  } else {
347  ?>
348  overflow: visible;
349  <?php
350  }
351  ?>
352  box-sizing: border-box;
353 }
354 
355 .row1{
356  margin: 0 auto;
357  width: 100%;
358  height: 34%;
359 }
360 
361 .row1withhead{
362  margin: 0 auto;
363  width: 100%;
364  height: calc(45% - 50px);
365  padding-top: 9px;
366 }
367 
368 .row2{
369  margin: 0 auto;
370  width: 100%;
371  height: 66%;
372 }
373 
374 .row2withhead{
375  margin: 0 auto;
376  width: 100%;
377  height: 55%;
378  overflow: hidden;
379 }
380 
381 .div1{
382  height:100%;
383  width: 34%;
384  float: left;
385  text-align: center;
386  box-sizing: border-box;
387  overflow: auto;
388  /* background-color:white; */
389  padding-top: 1px;
390  padding-bottom: 0;
391  min-height: 180px;
392 }
393 
394 .div2{
395  height: 100%;
396  width: 33%;
397  font-size: 0;
398  float: left;
399  box-sizing: border-box;
400  padding-top: 0;
401  padding-bottom: 0;
402  min-height: 180px;
403 }
404 
405 .div3{
406  height: 100%;
407  width: 33%;
408  float: left;
409  box-sizing: border-box;
410  padding-top: 0;
411  padding-bottom: 0;
412 }
413 
414 .div4{
415  height: 100%;
416  width: 34%;
417  float: left;
418  box-sizing: border-box;
419  font-size: 6px;
420  padding-top: 10px;
421  padding-bottom: 10px;
422 }
423 
424 .div5{
425  height: 100%;
426  width: 66%;
427  float: left;
428  box-sizing: border-box;
429  font-size: 6px;
430  padding-top:10px;
431  padding-bottom:10px;
432 }
433 
434 .div1, .div2, .div3, .div4, .div5 {
435  padding-right: 5px;
436  padding-left: 5px;
437 }
438 .div1, .div4 {
439  padding-left: 8px;
440 }
441 .div3, .div5 {
442  padding-right: 8px;
443 }
444 
445 
446 tr.selected, tr.selected td {
447  /* font-weight: bold; */
448  background-color: rgb(240,230,210) !important;
449 }
450 .order td {
451  color: green;
452  /* background-color: #f5f5f5; */
453 }
454 
455 .colorwhite {
456  color: white;
457 }
458 .colorred {
459  color: red;
460 }
461 .colorgreen {
462  color: green;
463 }
464 .poscolordelete {
465  color: #844;
466 }
467 .poscolorgreen {
468  color: #060;
469 }
470 .poscolorblue {
471  color: #006;
472 }
473 
474 .centerinmiddle {
475  transform: translate(0,-50%);
476  position: relative;
477  top: 50%;
478 }
479 .trunc {
480  white-space: nowrap;
481  text-overflow: ellipsis;
482  overflow: hidden;
483 }
484 
485 p.description_content{
486  padding:10px;
487  margin:0px;
488 }
489 div.description_content {
490  display: -webkit-box;
491  -webkit-box-orient: vertical;
492  -webkit-line-clamp: <?php echo getDolGlobalInt('TAKEPOS_LINES_TO_SHOW', 2); ?>;
493  overflow: hidden;
494  padding-left: 2px;
495  padding-right: 2px;
496 }
497 
498 .header{
499  margin: 0 auto;
500  width: 100%;
501  height: 52px;
502  background: rgb(60,70,100);
503 }
504 
505 .topnav-left {
506  float: left;
507 }
508 .topnav-right {
509 
510 }
511 
512 .topnav div.login_block_other, .topnav div.login_block_user {
513  max-width: unset;
514  width: unset;
515 }
516 .topnav{
517  background: var(--colorbackhmenu1);
518  overflow: hidden;
519  height: 100%;
520 }
521 .topnav .tmenu {
522  display: block;
523 }
524 
525 .topnav a{
526  float: left;
527  color: #f2f2f2;
528  text-decoration: none;
529 }
530 .topnav .login_block_other a {
531  padding: 5px 10px;
532  margin-left: 4px;
533  font-size: 1.3em;
534 }
535 .topnav div.login_block_user {
536  display: inline-block;
537  vertical-align: middle;
538  line-height: 50px;
539  height: 50px;
540 }
541 .userimg.atoplogin img.userphoto, .userimgatoplogin img.userphoto {
542  width: 30px;
543  height: 30px;
544  vertical-align: middle;
545 }
546 
547 @media screen and (max-width: 767px) {
548  .topnav .login_block_other a {
549  padding: 5px 5px;
550  font-size: 1.2em;
551  }
552 
553  .div1, .div4 {
554  padding-left: 5px;
555  }
556  .div3, .div5 {
557  padding-right: 5px;
558  }
559 }
560 
561 .topnav-right > a {
562  font-size: 17px;
563 }
564 
565 .topnav-left a {
566  padding: 7px 4px 7px 4px;
567  margin: 8px;
568  margin-left: 4px;
569  border-radius: 3px;
570 }
571 .topnav-left a:hover, .topnav .login_block_other a:hover {
572  background-color: #ddd;
573  color: black;
574 }
575 
576 .topnav-right{
577  float: right;
578 }
579 
580 .topnav input[type="text"] {
581  background-color: #fff;
582  color: #000;
583  float: left;
584  border-bottom: none !important;
585  margin-left: 6px;
586  font-size: 1.3em;
587  max-width: 250px;
588  border-radius: 5px;
589 }
590 
591 div#moreinfo, div#infowarehouse {
592  color: #aaa;
593  padding: 0 8px 0 8px;
594 }
595 
596 .basketselected {
597  font-weight: bold;
598  /* text-decoration: underline; */
599 }
600 .basketnotselected {
601  opacity: 0.8;
602 }
603 
604 .productprice {
605  position: absolute;
606  top: 5px;
607  right: 5px;
608  background: var(--colorbackhmenu1);
609  color: var(--colortextbackhmenu);
610  font-size: 2em;
611  padding: 4px;
612  border-radius: 2px;
613  opacity: 0.9;
614  padding-left: 6px;
615  padding-right: 6px;
616 }
617 
618 
619 @media screen and (min-width: 892px) {
620  .actionbutton{
621  font-size: 13px;
622  }
623  div.description{
624  font-size: 15px;
625  }
626  .invoice{
627  font-size: 14px;
628  }
629 }
630 
631 @media (max-width: 891px) and (min-width: 386px) {
632  .actionbutton{
633  font-size: 12px;
634  }
635  div.description{
636  font-size: 13px;
637  }
638  .invoice{
639  font-size: 12px;
640  }
641 }
642 
643 @media screen and (max-width: 385px){
644  .actionbutton{
645  font-size: 10px;
646  }
647  div.description{
648  font-size: 11px;
649  }
650  .invoice{
651  font-size: 10px;
652  }
653 }
654 
655 /* For small screens */
656 
657 @media screen and (max-width: 1024px) {
658  .topnav input[type="text"] {
659  max-width: 150px;
660  }
661 }
662 
663 @media screen and (max-width: 767px) {
664  .header {
665  position: sticky;
666  top: 0;
667  z-index: 10;
668  }
669 
670  .topnav input[type="text"] {
671  max-width: 90px;
672  font-size: 1.15em;
673  }
674 
675  .topnav-right {
676  float: unset;
677  }
678  .header {
679  height: unset;
680  }
681  div.container {
682  overflow-x: scroll;
683  }
684  div.wrapper {
685  width: 50%;
686  }
687  div.wrapper2 {
688  width: 25%;
689  }
690 
691  .row1withhead{
692  height: unset;
693  }
694 
695  div#moreinfo, div#infowarehouse {
696  padding: 0 5px 0 5px;
697  }
698 
699  div.div1 {
700  padding-bottom: 0;
701  margin-bottom: 10px;
702  }
703  div.div1, div.div2, div.div3 {
704  width: 100%;
705  }
706 
707  div.row1 {
708  height: unset;
709  }
710 
711  div.div2 {
712  min-height: unset;
713  }
714 
715  div.div3 {
716  margin-top: 8px;
717  height: unset;
718  }
719 
720  button.calcbutton, button.calcbutton2 {
721  min-height: 30px;
722  }
723 
724  .takepospay {
725  font-size: 1.2em;
726  }
727 
728  button.actionbutton {
729  display: inline-flex;
730  align-items: center;
731  justify-content: center;
732  padding-left: 4px;
733  padding-right: 4px;
734  min-height: 30px;
735  }
736 }
737 
738 /* Modal box */
739 .modal {
740  display: none; /* Hidden by default */
741  position: fixed;
742  z-index: 20;
743  left: 0;
744  top: 0;
745  width: 100%;
746  height: 100%;
747  overflow: auto;
748  background-color: rgb(0,0,0);
749  background-color: rgba(0,0,0,0.4);
750 }
751 
752 /* The Close Button */
753 .close {
754  color: #aaa;
755  float: right;
756  font-size: 28px;
757  font-weight: bold;
758 }
759 
760 .close:hover,
761 .close:focus {
762  color: black;
763  text-decoration: none;
764  cursor: pointer;
765 }
766 
767 .modal-header {
768  padding: 2px 16px;
769  background-color: #2b4161;
770  color: white;
771 }
772 
773 .modal-body {padding: 2px 16px;}
774 
775 .modal-content {
776  position: relative;
777  background-color: #fefefe;
778  margin: 15% auto; /* 15% from the top and centered */
779  padding: 0;
780  border: 1px solid #888;
781  width: 40%;
782  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
783  animation-name: animatetop;
784  animation-duration: 0.4s;
785  min-width: 200px;
786 }
787 
788 @keyframes animatetop {
789  from {top: -300px; opacity: 0}
790  to {top: 0; opacity: 1}
791 }
792 
793 .block {
794  display: block;
795  width: 100%;
796  border: none;
797  color: white;
798  background-color: #8c907e;
799  padding: 14px 0px;
800  font-size: 16px;
801  cursor: pointer;
802  text-align: center;
803  margin: 2px;
804 }
805 
806 .splitsale {
807  float: left;
808  width: 100%;
809  height: 100%;
810  overflow: auto;
811 }
812 
813 .rowsplit {
814  width: 100%;
815  height: 40%;
816 }
817 
818 .headersplit {
819  height: 10%;
820  width: 100%;
821  padding-top: 20px;
822  padding-bottom: 2px;
823 }
824 
825 .headercontent {
826  margin: auto;
827  width: 50%;
828  border: 3px solid black;
829  text-align: center;
830  font-size: 150%;
831  background-color: rgb(233,234,237);
832 }
833 
834 
835 @media only screen and (max-width: 767px)
836 {
837  .headercontent {
838  width: 80%;
839  }
840 
841  .headersplit .headercontent {
842  font-size: 1em;
843  }
844 }
845 
846 
847 .row:after {
848  content: "";
849  display: table;
850  clear: both;
851 }
852 
853 .div5 .imgadd {
854  display: none;
855 }
856 
857 
858 @media screen and (max-width: 767px) {
859  .div4 {
860  height: auto;
861  width: 100%;
862  float: left;
863  box-sizing: border-box;
864  font-size: 6px;
865  padding-top: 10px;
866  padding-bottom: 2px;
867  margin-left: 2px;
868  }
869 
870  .div4 .wrapper.divempty, .div4 img, .div4 .wrapper:nth-last-child(1), .div4 .wrapper:nth-last-child(2), #prodiv22, #prodiv23, .catwatermark {
871  display: none!important;
872  }
873 
874  .tab-category {
875  float: left;
876  position: relative;
877  width: 25%;
878  height: 33%;
879  margin: 0;
880  padding: 1px;
881  border: 2px solid #EEE;
882  text-align: center;
883  box-sizing: border-box;
884  background-color: #fff;
885  }
886 
887  .div4 .wrapper, .tab-category {
888  width: auto;
889  height: auto;
890  padding: 6px;
891  text-align: center;
892  cursor: pointer;
893  border: 1px solid #FFF!important;
894  border-top: 3px solid #FFF!important;
895  }
896 
897  .div4 .tab-category.active {
898  border-right: 1px solid #CCC !important;
899  border-left: 1px solid #CCC !important;
900  border-top: 3px solid var(--colorbackhmenu1) !important;
901  }
902 
903  .div5 {
904  height: 100%;
905  width: 100%;
906  padding-top: 0px;
907  }
908 
909  div.description {
910  position: initial;
911  width: auto;
912  background-color: black;
913  opacity: 1;
914  text-align: center;
915  padding-top: 0px;
916  background: -webkit-linear-gradient(top, rgba(250,250,250,0), rgba(250,250,250,0.5), rgba(250,250,250,0.95), rgba(250,250,250,1));
917  }
918 
919  .div5 .description .description_content {
920  font-weight: bold;
921  font-size: 14px;
922  padding-left: 10px;
923  }
924 
925  .div5 .wrapper2 {
926  width: 100%;
927  display: inline-flex;
928  align-items: center;
929  padding: 10px;
930  }
931 
932  .div5 .wrapper2.divempty {
933  display: none;
934  }
935 
936  div.wrapper2 {
937  float: none;
938  }
939 
940  .div5 .arrow {
941  width: auto;
942  height: auto;
943  display: none!important;
944  }
945 
946  .div5 .arrow .centerinmiddle {
947  transform: translate(0, 0);
948  }
949 
950  .div5 .imgadd {
951  display: flex;
952  }
953 
954  div.wrapper2{
955  height:10%;
956  }
957 }
958 
959 
960 <?php
961 if (!getDolGlobalString('TAKEPOS_USE_ARROW_ON_NAVBAR')) {
962  ?>
963 
964 .arrows {
965  display: none;
966 }
967 
968 <?php } else { ?>
969 .indicator {
970  background: #00000042;
971  padding: 15px 5px;
972  cursor: pointer;
973  position:absolute;
974 }
975 
976 .indicator.left {
977  left:0;
978 }
979 
980 .indicator.right {
981  right:0;
982 }
983 
984 .indicator:hover {
985  background: #000000;
986 }
987 
988 .indicator i {
989  color: white;
990 }
991 
992 .topnav-left {
993  margin-left: 20px;
994 }
995 
996 .topnav-right {
997  margin-right: 20px;
998 }
999 
1000 /* For Header Scroll */
1001 html {
1002  scroll-behavior: smooth;
1003 }
1004 
1005 .topnav {
1006  scroll-behavior: smooth;
1007 }
1008 
1009 .header {
1010  height: unset;
1011 }
1012 
1013 .topnav {
1014  width: 100%;
1015  white-space: nowrap;
1016  overflow-x: scroll;
1017  display: inline-flex;
1018 }
1019 
1020 .topnav-left {
1021  white-space: nowrap;
1022  float: none;
1023  margin-right: auto;
1024  align-items: center;
1025 }
1026 
1027 .topnav-right {
1028  display: flex;
1029  white-space: nowrap;
1030  float: none;
1031  align-items: center;
1032 }
1033 
1034 .topnav-left #shoppingcart {
1035  display:inline-flex;
1036 }
1037 
1038 .topnav-right .login_block_other {
1039  display: flex;
1040  white-space: nowrap;
1041 }
1042 
1043 ::-webkit-scrollbar {
1044  width: 8px;
1045 }
1046 
1047 
1048 ::-webkit-scrollbar-track {
1049  background: #f1f1f1;
1050 }
1051 
1052 
1053 ::-webkit-scrollbar-thumb {
1054  background: #888;
1055 }
1056 
1057 .topnav::-webkit-scrollbar-track{
1058  background: #eeeeee;
1059 }
1060 
1061 .topnav::-webkit-scrollbar{
1062  width: 1px;
1063  background: #F5F5F5;
1064 }
1065 
1066 .topnav::-webkit-scrollbar-thumb{
1067  background: #f9171700;
1068 }
1069 
1070 .topnav.overflow .arrows {
1071  display: flex;
1072 }
1073 
1074 <?php } ?>
pt($db, $sql, $date)
print function
Definition: index.php:107
getDolGlobalInt($key, $default=0)
Return dolibarr global constant int value.
if(!function_exists('utf8_encode')) if(!function_exists('utf8_decode')) getDolGlobalString($key, $default='')
Return dolibarr global constant string value.
if(!defined('NOREQUIREMENU')) if(!function_exists("llxHeader")) top_httphead($contenttype='text/html', $forcenocache=0)
Show HTTP header.
Definition: main.inc.php:1440
table tableforfield button
0 = Do not include form tag and submit button -1 = Do not include form tag but include submit button
Definition: style.css.php:843
div float
Buy price without taxes.
Definition: style.css.php:913
if(preg_match('/crypted:/i', $dolibarr_main_db_pass)||!empty($dolibarr_main_db_encrypted_pass)) $conf db type
Definition: repair.php:119
$conf db name
Only used if Module[ID]Name translation string is not found.
Definition: repair.php:122