dolibarr  19.0.0-dev
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  display: flex;
252  align-items: center;
253  justify-content: center;
254 }
255 
256 div.wrapper2{
257  float:left; /* important */
258  position:relative; /* important(so we can absolutely position the description div */
259  width:12.5%;
260  height:33%;
261  margin:0;
262  /* padding:1px; */
263  border: 2px solid #EEE;
264  /*box-shadow: 3px 3px 3px #bbb;*/
265  text-align: center;
266  box-sizing: border-box;
267  background-color:#fff;
268  display: flex;
269  align-items: center;
270  justify-content: center;
271 }
272 
273 img.imgwrapper {
274  max-width: 100%;
275  max-height: 100%;
276 }
277 
278 button:active{
279  background:black;
280  color: white;
281 }
282 
283 div.description{
284  position:absolute; /* absolute position (so we can position it where we want)*/
285  bottom:0px; /* position will be on bottom */
286  left:0px;
287  width:100%;
288  /* styling below */
289  background-color:black;
290  /*color:white;*/
291  opacity:1; /* transparency */
292  /*filter:alpha(opacity=80); IE transparency */
293  text-align:center;
294 
295  padding-top: 30px;
296  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));
297 }
298 
299 div.catwatermark{
300  position:absolute;
301  top:3%;
302  left:3%;
303  width:20%;
304  background-color:black;
305  color:white;
306  text-align:center;
307  font-size: 20px;
308  display: none;
309  opacity: 0.25;
310 }
311 
312 table.postablelines tr td {
313  line-height: unset;
314  padding-top: 3px;
315  padding-bottom: 3px;
316 }
317 
318 .posinvoiceline td {
319  height: 40px !important;
320  background-color: var(--colorbacklineimpair2);
321 }
322 
323 .postablelines td.linecolht {
324  line-height: 1.3em !important;
325 }
326 
327 div.paymentbordline
328 {
329  width:calc(50% - 16px);
330  background-color:#aaa;
331  border-radius: 8px;
332  margin-bottom: 4px;
333  display: inline-block;
334  padding: 5px;
335 }
336 
337 @media only screen and (max-aspect-ratio: 6/4) {
338  div.description{
339  min-height:20%;
340  }
341 }
342 
343 .container{
344  width: 100%;
345  height: 100%;
346  margin: 0 auto;
347  <?php
348  if (getDolGlobalString('TAKEPOS_USE_ARROW_ON_NAVBAR')) {
349  ?>
350  overflow-x: hidden;
351  overfloy-y: scroll;
352  <?php
353  } else {
354  ?>
355  overflow: visible;
356  <?php
357  }
358  ?>
359  box-sizing: border-box;
360 }
361 
362 .row1{
363  margin: 0 auto;
364  width: 100%;
365  height: 34%;
366 }
367 
368 .row1withhead{
369  margin: 0 auto;
370  width: 100%;
371  height: calc(45% - 50px);
372  padding-top: 9px;
373 }
374 
375 .row2{
376  margin: 0 auto;
377  width: 100%;
378  height: 66%;
379 }
380 
381 .row2withhead{
382  margin: 0 auto;
383  width: 100%;
384  height: 55%;
385  overflow: hidden;
386 }
387 
388 .div1{
389  height:100%;
390  width: 34%;
391  float: left;
392  text-align: center;
393  box-sizing: border-box;
394  overflow: auto;
395  /* background-color:white; */
396  padding-top: 1px;
397  padding-bottom: 0;
398  min-height: 180px;
399 }
400 
401 .div2{
402  height: 100%;
403  width: 33%;
404  font-size: 0;
405  float: left;
406  box-sizing: border-box;
407  padding-top: 0;
408  padding-bottom: 0;
409  min-height: 180px;
410 }
411 
412 .div3{
413  height: 100%;
414  width: 33%;
415  float: left;
416  box-sizing: border-box;
417  padding-top: 0;
418  padding-bottom: 0;
419 }
420 
421 .div4{
422  height: 100%;
423  width: 34%;
424  float: left;
425  box-sizing: border-box;
426  font-size: 6px;
427  padding-top: 10px;
428  padding-bottom: 10px;
429 }
430 
431 .div5{
432  height: 100%;
433  width: 66%;
434  float: left;
435  box-sizing: border-box;
436  font-size: 6px;
437  padding-top:10px;
438  padding-bottom:10px;
439 }
440 
441 .div1, .div2, .div3, .div4, .div5 {
442  padding-right: 5px;
443  padding-left: 5px;
444 }
445 .div1, .div4 {
446  padding-left: 8px;
447 }
448 .div3, .div5 {
449  padding-right: 8px;
450 }
451 
452 
453 tr.selected, tr.selected td {
454  /* font-weight: bold; */
455  background-color: rgb(240,230,210) !important;
456 }
457 .order td {
458  color: green;
459  /* background-color: #f5f5f5; */
460 }
461 
462 .colorwhite {
463  color: white;
464 }
465 .colorred {
466  color: red;
467 }
468 .colorgreen {
469  color: green;
470 }
471 .poscolordelete {
472  color: #844;
473 }
474 .poscolorgreen {
475  color: #060;
476 }
477 .poscolorblue {
478  color: #006;
479 }
480 
481 .centerinmiddle {
482  transform: translate(0,-50%);
483  position: relative;
484  top: 50%;
485 }
486 .trunc {
487  white-space: nowrap;
488  text-overflow: ellipsis;
489  overflow: hidden;
490 }
491 
492 p.description_content{
493  padding:10px;
494  margin:0px;
495 }
496 div.description_content {
497  display: -webkit-box;
498  -webkit-box-orient: vertical;
499  -webkit-line-clamp: <?php echo getDolGlobalInt('TAKEPOS_LINES_TO_SHOW', 2); ?>;
500  overflow: hidden;
501  padding-left: 2px;
502  padding-right: 2px;
503 }
504 
505 .header{
506  margin: 0 auto;
507  width: 100%;
508  height: 52px;
509  background: rgb(60,70,100);
510 }
511 
512 .topnav-left {
513  float: left;
514 }
515 .topnav-right {
516 
517 }
518 
519 .topnav div.login_block_other, .topnav div.login_block_user {
520  max-width: unset;
521  width: unset;
522 }
523 .topnav{
524  background: var(--colorbackhmenu1);
525  overflow: hidden;
526  height: 100%;
527 }
528 .topnav .tmenu {
529  display: block;
530 }
531 
532 .topnav a{
533  float: left;
534  color: #f2f2f2;
535  text-decoration: none;
536 }
537 .topnav .login_block_other a {
538  padding: 5px 10px;
539  margin-left: 4px;
540  font-size: 1.3em;
541 }
542 .topnav div.login_block_user {
543  display: inline-block;
544  vertical-align: middle;
545  line-height: 50px;
546  height: 50px;
547 }
548 .userimg.atoplogin img.userphoto, .userimgatoplogin img.userphoto {
549  width: 30px;
550  height: 30px;
551  vertical-align: middle;
552 }
553 
554 @media screen and (max-width: 767px) {
555  .topnav .login_block_other a {
556  padding: 5px 5px;
557  font-size: 1.2em;
558  }
559 
560  .div1, .div4 {
561  padding-left: 5px;
562  }
563  .div3, .div5 {
564  padding-right: 5px;
565  }
566 }
567 
568 .topnav-right > a {
569  font-size: 17px;
570 }
571 
572 .topnav-left a {
573  padding: 7px 4px 7px 4px;
574  margin: 8px;
575  margin-left: 4px;
576  border-radius: 3px;
577 }
578 .topnav-left a:hover, .topnav .login_block_other a:hover {
579  background-color: #ddd;
580  color: black;
581 }
582 
583 .topnav-right{
584  float: right;
585 }
586 
587 .topnav input[type="text"] {
588  background-color: #fff;
589  color: #000;
590  float: left;
591  border-bottom: none !important;
592  margin-left: 6px;
593  font-size: 1.3em;
594  max-width: 250px;
595  border-radius: 5px;
596 }
597 
598 div#moreinfo, div#infowarehouse {
599  color: #aaa;
600  padding: 0 8px 0 8px;
601 }
602 
603 .basketselected {
604  font-weight: bold;
605  /* text-decoration: underline; */
606 }
607 .basketnotselected {
608  opacity: 0.8;
609 }
610 
611 .productprice {
612  position: absolute;
613  top: 5px;
614  right: 5px;
615  background: var(--colorbackhmenu1);
616  color: var(--colortextbackhmenu);
617  font-size: 2em;
618  padding: 4px;
619  border-radius: 2px;
620  opacity: 0.9;
621  padding-left: 6px;
622  padding-right: 6px;
623 }
624 
625 
626 @media screen and (min-width: 892px) {
627  .actionbutton{
628  font-size: 13px;
629  }
630  div.description{
631  font-size: 15px;
632  }
633  .invoice{
634  font-size: 14px;
635  }
636 }
637 
638 @media (max-width: 891px) and (min-width: 386px) {
639  .actionbutton{
640  font-size: 12px;
641  }
642  div.description{
643  font-size: 13px;
644  }
645  .invoice{
646  font-size: 12px;
647  }
648 }
649 
650 @media screen and (max-width: 385px){
651  .actionbutton{
652  font-size: 10px;
653  }
654  div.description{
655  font-size: 11px;
656  }
657  .invoice{
658  font-size: 10px;
659  }
660 }
661 
662 /* For small screens */
663 
664 @media screen and (max-width: 1024px) {
665  .topnav input[type="text"] {
666  max-width: 150px;
667  }
668 }
669 
670 @media screen and (max-width: 767px) {
671  .header {
672  position: sticky;
673  top: 0;
674  z-index: 10;
675  }
676 
677  .topnav input[type="text"] {
678  max-width: 90px;
679  font-size: 1.15em;
680  }
681 
682  .topnav-right {
683  float: unset;
684  }
685  .header {
686  height: unset;
687  }
688  div.container {
689  overflow-x: scroll;
690  }
691  div.wrapper {
692  width: 50%;
693  }
694  div.wrapper2 {
695  width: 25%;
696  }
697 
698  .row1withhead{
699  height: unset;
700  }
701 
702  div#moreinfo, div#infowarehouse {
703  padding: 0 5px 0 5px;
704  }
705 
706  div.div1 {
707  padding-bottom: 0;
708  margin-bottom: 10px;
709  }
710  div.div1, div.div2, div.div3 {
711  width: 100%;
712  }
713 
714  div.row1 {
715  height: unset;
716  }
717 
718  div.div2 {
719  min-height: unset;
720  }
721 
722  div.div3 {
723  margin-top: 8px;
724  height: unset;
725  }
726 
727  button.calcbutton, button.calcbutton2 {
728  min-height: 30px;
729  }
730 
731  .takepospay {
732  font-size: 1.2em;
733  }
734 
735  button.actionbutton {
736  display: inline-flex;
737  align-items: center;
738  justify-content: center;
739  padding-left: 4px;
740  padding-right: 4px;
741  min-height: 30px;
742  }
743 }
744 
745 /* Modal box */
746 .modal {
747  display: none; /* Hidden by default */
748  position: fixed;
749  z-index: 20;
750  left: 0;
751  top: 0;
752  width: 100%;
753  height: 100%;
754  overflow: auto;
755  background-color: rgb(0,0,0);
756  background-color: rgba(0,0,0,0.4);
757 }
758 
759 /* The Close Button */
760 .close {
761  color: #aaa;
762  float: right;
763  font-size: 28px;
764  font-weight: bold;
765 }
766 
767 .close:hover,
768 .close:focus {
769  color: black;
770  text-decoration: none;
771  cursor: pointer;
772 }
773 
774 .modal-header {
775  padding: 2px 16px;
776  background-color: #2b4161;
777  color: white;
778 }
779 
780 .modal-body {padding: 2px 16px;}
781 
782 .modal-content {
783  position: relative;
784  background-color: #fefefe;
785  margin: 15% auto; /* 15% from the top and centered */
786  padding: 0;
787  border: 1px solid #888;
788  width: 40%;
789  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
790  animation-name: animatetop;
791  animation-duration: 0.4s;
792  min-width: 200px;
793 }
794 
795 @keyframes animatetop {
796  from {top: -300px; opacity: 0}
797  to {top: 0; opacity: 1}
798 }
799 
800 .block {
801  display: block;
802  width: 100%;
803  border: none;
804  color: white;
805  background-color: #8c907e;
806  padding: 14px 0px;
807  font-size: 16px;
808  cursor: pointer;
809  text-align: center;
810  margin: 2px;
811 }
812 
813 .splitsale {
814  float: left;
815  width: 100%;
816  height: 100%;
817  overflow: auto;
818 }
819 
820 .rowsplit {
821  width: 100%;
822  height: 40%;
823 }
824 
825 .headersplit {
826  height: 10%;
827  width: 100%;
828  padding-top: 20px;
829  padding-bottom: 2px;
830 }
831 
832 .headercontent {
833  margin: auto;
834  width: 50%;
835  border: 3px solid black;
836  text-align: center;
837  font-size: 150%;
838  background-color: rgb(233,234,237);
839 }
840 
841 
842 @media only screen and (max-width: 767px)
843 {
844  .headercontent {
845  width: 80%;
846  }
847 
848  .headersplit .headercontent {
849  font-size: 1em;
850  }
851 }
852 
853 
854 .row:after {
855  content: "";
856  display: table;
857  clear: both;
858 }
859 
860 .div5 .imgadd {
861  display: none;
862 }
863 
864 
865 @media screen and (max-width: 767px) {
866  .div4 {
867  height: auto;
868  width: 100%;
869  float: left;
870  box-sizing: border-box;
871  font-size: 6px;
872  padding-top: 10px;
873  padding-bottom: 2px;
874  margin-left: 2px;
875  }
876 
877  .div4 .wrapper.divempty, .div4 img, .div4 .wrapper:nth-last-child(1), .div4 .wrapper:nth-last-child(2), #prodiv22, #prodiv23, .catwatermark {
878  display: none!important;
879  }
880 
881  .tab-category {
882  float: left;
883  position: relative;
884  width: 25%;
885  height: 33%;
886  margin: 0;
887  padding: 1px;
888  border: 2px solid #EEE;
889  text-align: center;
890  box-sizing: border-box;
891  background-color: #fff;
892  }
893 
894  .div4 .wrapper, .tab-category {
895  width: auto;
896  height: auto;
897  padding: 6px;
898  text-align: center;
899  cursor: pointer;
900  border: 1px solid #FFF!important;
901  border-top: 3px solid #FFF!important;
902  }
903 
904  .div4 .tab-category.active {
905  border-right: 1px solid #CCC !important;
906  border-left: 1px solid #CCC !important;
907  border-top: 3px solid var(--colorbackhmenu1) !important;
908  }
909 
910  .div5 {
911  height: 100%;
912  width: 100%;
913  padding-top: 0px;
914  }
915 
916  div.description {
917  position: initial;
918  width: auto;
919  background-color: black;
920  opacity: 1;
921  text-align: center;
922  padding-top: 0px;
923  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));
924  }
925 
926  .div5 .description .description_content {
927  font-weight: bold;
928  font-size: 14px;
929  padding-left: 10px;
930  }
931 
932  .div5 .wrapper2 {
933  width: 100%;
934  display: inline-flex;
935  align-items: center;
936  padding: 10px;
937  justify-content: normal;
938  }
939 
940  .div5 .wrapper2.divempty {
941  display: none;
942  }
943 
944  div.wrapper2 {
945  float: none;
946  }
947 
948  .div5 .arrow {
949  width: auto;
950  height: auto;
951  display: none!important;
952  }
953 
954  .div5 .arrow .centerinmiddle {
955  transform: translate(0, 0);
956  }
957 
958  .div5 .imgadd {
959  display: flex;
960  }
961 
962  div.wrapper2{
963  height: 40px;
964  }
965 }
966 
967 
968 <?php
969 if (!getDolGlobalString('TAKEPOS_USE_ARROW_ON_NAVBAR')) {
970  ?>
971 
972 .arrows {
973  display: none;
974 }
975 
976 <?php } else { ?>
977 .indicator {
978  background: #00000042;
979  padding: 15px 5px;
980  cursor: pointer;
981  position:absolute;
982 }
983 
984 .indicator.left {
985  left:0;
986 }
987 
988 .indicator.right {
989  right:0;
990 }
991 
992 .indicator:hover {
993  background: #000000;
994 }
995 
996 .indicator i {
997  color: white;
998 }
999 
1000 .topnav-left {
1001  margin-left: 20px;
1002 }
1003 
1004 .topnav-right {
1005  margin-right: 20px;
1006 }
1007 
1008 /* For Header Scroll */
1009 html {
1010  scroll-behavior: smooth;
1011 }
1012 
1013 .topnav {
1014  scroll-behavior: smooth;
1015 }
1016 
1017 .header {
1018  height: unset;
1019 }
1020 
1021 .topnav {
1022  width: 100%;
1023  white-space: nowrap;
1024  overflow-x: scroll;
1025  display: inline-flex;
1026 }
1027 
1028 .topnav-left {
1029  white-space: nowrap;
1030  float: none;
1031  margin-right: auto;
1032  align-items: center;
1033 }
1034 
1035 .topnav-right {
1036  display: flex;
1037  white-space: nowrap;
1038  float: none;
1039  align-items: center;
1040 }
1041 
1042 .topnav-left #shoppingcart {
1043  display:inline-flex;
1044 }
1045 
1046 .topnav-right .login_block_other {
1047  display: flex;
1048  white-space: nowrap;
1049 }
1050 
1051 ::-webkit-scrollbar {
1052  width: 8px;
1053 }
1054 
1055 
1056 ::-webkit-scrollbar-track {
1057  background: #f1f1f1;
1058 }
1059 
1060 
1061 ::-webkit-scrollbar-thumb {
1062  background: #888;
1063 }
1064 
1065 .topnav::-webkit-scrollbar-track{
1066  background: #eeeeee;
1067 }
1068 
1069 .topnav::-webkit-scrollbar{
1070  width: 1px;
1071  background: #F5F5F5;
1072 }
1073 
1074 .topnav::-webkit-scrollbar-thumb{
1075  background: #f9171700;
1076 }
1077 
1078 .topnav.overflow .arrows {
1079  display: flex;
1080 }
1081 
1082 <?php } ?>
pt($db, $sql, $date)
print function
Definition: index.php:107
getDolGlobalInt($key, $default=0)
Return dolibarr global constant int value.
getDolGlobalString($key, $default='')
Return dolibarr global constant string value.
rtl background position
if(!defined('NOREQUIREMENU')) if(!empty(GETPOST('seteventmessages', 'alpha'))) if(!function_exists("llxHeader")) top_httphead($contenttype='text/html', $forcenocache=0)
Show HTTP header.
Definition: main.inc.php:1494
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:848
div float
Buy price without taxes.
Definition: style.css.php:921
if(preg_match('/crypted:/i', $dolibarr_main_db_pass)||!empty($dolibarr_main_db_encrypted_pass)) $conf db type
Definition: repair.php:120
$conf db name
Only used if Module[ID]Name translation string is not found.
Definition: repair.php:123