25 public function init(): ?string
42 if (isset($this->cssCode) && (is_string($this->cssCode) && (!empty($this->cssCode))))
65 -ms-flex-direction: column;
66 flex-direction: column;
68 word-wrap: break-word;
69 background-color: #" . $this->tplSettings[
'card-bgcolor'] .
";
70 background-clip: border-box;
71 border: ".$this->tplSettings[
'card-border'].
" #".$this->tplSettings[
'card-bordercolor'].
";
72 border-radius: ".$this->tplSettings[
'card-border-radius'].
";
80 .card > .list-group:first-child .list-group-item:first-child {
81 border-top-left-radius: ".$this->tplSettings[
'card-border-radius'].
";
82 border-top-right-radius: ".$this->tplSettings[
'card-border-radius'].
";
85 .card > .list-group:last-child .list-group-item:last-child {
86 border-bottom-right-radius: ".$this->tplSettings[
'card-border-radius'].
";
87 border-bottom-left-radius: ".$this->tplSettings[
'card-border-radius'].
";
93 padding: ".$this->tplSettings[
'card-body-padding'].
";
97 margin-bottom: ".$this->tplSettings[
'card-title-margin-bottom'].
";
101 margin-top: -0.375rem;
105 .card-text:last-child {
110 text-decoration: ".$this->tplSettings[
'card-link-decoration'].
";
113 .card-link + .card-link {
114 margin-left: ".$this->tplSettings[
'card-link-margin-left'].
";
118 padding: ".$this->tplSettings[
'card-header-padding'].
";
120 background-color: #".$this->tplSettings[
'card-header-bgcolor'].
";
121 border-bottom: ".$this->tplSettings[
'card-header-border-bottom'].
" #".$this->tplSettings[
'card-header-border-bottom-color'].
";
124 .card-header:first-child {
125 border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
128 .card-header + .list-group .list-group-item:first-child {
133 padding: ".$this->tplSettings[
'card-footer-padding'].
";
134 background-color: #".$this->tplSettings[
'card-footer-bgcolor'].
";
135 border-top: ".$this->tplSettings[
'card-footer-border-top'].
" #".$this->tplSettings[
'card-footer-border-top-color'].
";
138 .card-footer:last-child {
139 border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
143 margin-right: -0.625rem;
144 margin-bottom: -0.75rem;
145 margin-left: -0.625rem;
150 margin-right: -0.625rem;
151 margin-left: -0.625rem;
165 border-radius: calc(0.25rem - 1px);
170 border-top-left-radius: calc(0.25rem - 1px);
171 border-top-right-radius: calc(0.25rem - 1px);
176 border-bottom-right-radius: calc(0.25rem - 1px);
177 border-bottom-left-radius: calc(0.25rem - 1px);
181 display: -ms-flexbox;
183 -ms-flex-direction: column;
184 flex-direction: column;
191 @media (min-width: 576px) {
193 -ms-flex-flow: row wrap;
199 display: -ms-flexbox;
203 -ms-flex-direction: column;
204 flex-direction: column;
212 display: -ms-flexbox;
214 -ms-flex-direction: column;
215 flex-direction: column;
218 .card-group > .card {
222 @media (min-width: 576px) {
224 -ms-flex-flow: row wrap;
227 .card-group > .card {
232 .card-group > .card + .card {
236 .card-group > .card:first-child {
237 border-top-right-radius: 0;
238 border-bottom-right-radius: 0;
240 .card-group > .card:first-child .card-img-top,
241 .card-group > .card:first-child .card-header {
242 border-top-right-radius: 0;
244 .card-group > .card:first-child .card-img-bottom,
245 .card-group > .card:first-child .card-footer {
246 border-bottom-right-radius: 0;
248 .card-group > .card:last-child {
249 border-top-left-radius: 0;
250 border-bottom-left-radius: 0;
252 .card-group > .card:last-child .card-img-top,
253 .card-group > .card:last-child .card-header {
254 border-top-left-radius: 0;
256 .card-group > .card:last-child .card-img-bottom,
257 .card-group > .card:last-child .card-footer {
258 border-bottom-left-radius: 0;
260 .card-group > .card:only-child {
261 border-radius: 0.25rem;
263 .card-group > .card:only-child .card-img-top,
264 .card-group > .card:only-child .card-header {
265 border-top-left-radius: 0.25rem;
266 border-top-right-radius: 0.25rem;
268 .card-group > .card:only-child .card-img-bottom,
269 .card-group > .card:only-child .card-footer {
270 border-bottom-right-radius: 0.25rem;
271 border-bottom-left-radius: 0.25rem;
273 .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
276 .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
277 .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
278 .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
279 .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
284 .card-columns .card {
285 margin-bottom: 0.75rem;
288 @media (min-width: 576px) {
290 -webkit-column-count: 3;
291 -moz-column-count: 3;
293 -webkit-column-gap: 1.25rem;
294 -moz-column-gap: 1.25rem;
299 .card-columns .card {
300 display: inline-block;
317 color: #".$this->tplSettings[
'btn-default-color'].
";
318 display: inline-block;
321 font-size: ".$this->tplSettings[
'btn-fontsize'].
";
322 font-weight: ".$this->tplSettings[
'btn-font-weight'].
";
323 line-height: 1.42857143;
326 vertical-align: middle;
327 -ms-touch-action: manipulation;
328 touch-action: manipulation;
330 -webkit-user-select: none;
331 -moz-user-select: none;
332 -ms-user-select: none;
334 background-image: none;
335 border: ".$this->tplSettings[
'btn-border'].
" ".$this->tplSettings[
'btn-border-style'].
" transparent;
336 border-radius: ".$this->tplSettings[
'btn-border-radius'].
";
340 color: #".$this->tplSettings[
'btn-default-color'].
";
341 background-color: #".$this->tplSettings[
'btn-default-background-color'].
";
342 border-color: #".$this->tplSettings[
'btn-default-border-color'].
";
346 color: #".$this->tplSettings[
'btn-default-color'].
";
347 background-color: #".$this->tplSettings[
'btn-default-focus-background-color'].
";
348 border-color: #".$this->tplSettings[
'btn-default-focus-background-color'].
";
351 color: #".$this->tplSettings[
'btn-default-hover-color'].
";
352 background-color: #".$this->tplSettings[
'btn-default-hover-background-color'].
";
353 border-color: #".$this->tplSettings[
'btn-default-hover-border-color'].
";
357 .open > .dropdown-toggle.btn-default {
358 color: #".$this->tplSettings[
'btn-default-color'].
";
359 background-color: #".$this->tplSettings[
'btn-default-focus-background-color'].
";
360 border-color: #".$this->tplSettings[
'btn-default-hover-border-color'].
";
362 .btn-default:active:hover,
363 .btn-default.active:hover,
364 .open > .dropdown-toggle.btn-default:hover,
365 .btn-default:active:focus,
366 .btn-default.active:focus,
367 .open > .dropdown-toggle.btn-default:focus,
368 .btn-default:active.focus,
369 .btn-default.active.focus,
370 .open > .dropdown-toggle.btn-default.focus {
371 color: #".$this->tplSettings[
'btn-default-color'].
";
372 background-color: #".$this->tplSettings[
'btn-default-focus-background-color'].
";
373 border-color: #".$this->tplSettings[
'btn-default-hover-border-color'].
";
377 .open > .dropdown-toggle.btn-default {
378 background-image: none;
380 .btn-default.disabled:hover,
381 .btn-default[disabled]:hover,
382 fieldset[disabled] .btn-default:hover,
383 .btn-default.disabled:focus,
384 .btn-default[disabled]:focus,
385 fieldset[disabled] .btn-default:focus,
386 .btn-default.disabled.focus,
387 .btn-default[disabled].focus,
388 fieldset[disabled] .btn-default.focus {
389 background-color: #".$this->tplSettings[
'btn-default-background-color'].
";
390 border-color: #".$this->tplSettings[
'btn-default-border-color'].
";
392 .btn-default .badge {
393 color: #".$this->tplSettings[
'btn-default-background-color'].
";
394 background-color: #".$this->tplSettings[
'btn-default-color'].
";
398 color: #".$this->tplSettings[
'btn-primary-color'].
";
399 background-color: #".$this->tplSettings[
'btn-primary-background-color'].
";
400 border-color: #".$this->tplSettings[
'btn-primary-border-color'].
";
404 color: #".$this->tplSettings[
'btn-primary-color'].
";
405 background-color: #".$this->tplSettings[
'btn-primary-focus-background-color'].
";
406 border-color: #".$this->tplSettings[
'btn-primary-focus-border-color'].
";
409 color: #".$this->tplSettings[
'btn-primary-color'].
";
410 background-color: #".$this->tplSettings[
'btn-primary-hover-background-color'].
";
411 border-color: #".$this->tplSettings[
'btn-primary-hover-border-color'].
";
415 .open > .dropdown-toggle.btn-primary {
416 color: #".$this->tplSettings[
'btn-primary-color'].
";
417 background-color: #".$this->tplSettings[
'btn-primary-focus-background-color'].
";
418 border-color: #".$this->tplSettings[
'btn-primary-hover-border-color'].
";
420 .btn-primary:active:hover,
421 .btn-primary.active:hover,
422 .open > .dropdown-toggle.btn-primary:hover,
423 .btn-primary:active:focus,
424 .btn-primary.active:focus,
425 .open > .dropdown-toggle.btn-primary:focus,
426 .btn-primary:active.focus,
427 .btn-primary.active.focus,
428 .open > .dropdown-toggle.btn-primary.focus {
429 color: #".$this->tplSettings[
'btn-primary-color'].
";
430 background-color: #".$this->tplSettings[
'btn-primary-focus-background-color'].
";
431 border-color: #".$this->tplSettings[
'btn-primary-hover-border-color'].
";
435 .open > .dropdown-toggle.btn-primary {
436 background-image: none;
438 .btn-primary.disabled:hover,
439 .btn-primary[disabled]:hover,
440 fieldset[disabled] .btn-primary:hover,
441 .btn-primary.disabled:focus,
442 .btn-primary[disabled]:focus,
443 fieldset[disabled] .btn-primary:focus,
444 .btn-primary.disabled.focus,
445 .btn-primary[disabled].focus,
446 fieldset[disabled] .btn-primary.focus {
447 background-color: #".$this->tplSettings[
'btn-primary-background-color'].
";
448 border-color: #".$this->tplSettings[
'btn-primary-border-color'].
";
450 .btn-primary .badge {
451 color: #".$this->tplSettings[
'btn-primary-background-color'].
";
452 background-color: #".$this->tplSettings[
'btn-primary-color'].
";
456 color: #".$this->tplSettings[
'btn-success-color'].
";
457 background-color: #".$this->tplSettings[
'btn-success-background-color'].
";
458 border-color: #".$this->tplSettings[
'btn-success-background-color'].
";
462 color: #".$this->tplSettings[
'btn-success-color'].
";
463 background-color: #".$this->tplSettings[
'btn-success-focus-background-color'].
";
464 border-color: #".$this->tplSettings[
'btn-success-focus-border-color'].
";
467 color: #".$this->tplSettings[
'btn-success-hover-color'].
";
468 background-color: #".$this->tplSettings[
'btn-success-hover-background-color'].
";
469 border-color: #".$this->tplSettings[
'btn-success-hover-border-color'].
";
473 .open > .dropdown-toggle.btn-success {
474 color: #".$this->tplSettings[
'btn-success-color'].
";
475 background-color: #".$this->tplSettings[
'btn-success-focus-background-color'].
";
476 border-color: #".$this->tplSettings[
'btn-success-hover-border-color'].
";
478 .btn-success:active:hover,
479 .btn-success.active:hover,
480 .open > .dropdown-toggle.btn-success:hover,
481 .btn-success:active:focus,
482 .btn-success.active:focus,
483 .open > .dropdown-toggle.btn-success:focus,
484 .btn-success:active.focus,
485 .btn-success.active.focus,
486 .open > .dropdown-toggle.btn-success.focus {
487 color: #".$this->tplSettings[
'btn-success-color'].
";
488 background-color: #".$this->tplSettings[
'btn-success-hover-border-color'].
";
489 border-color: #".$this->tplSettings[
'btn-success-focus-border-color'].
";
493 .open > .dropdown-toggle.btn-success {
494 background-image: none;
496 .btn-success.disabled:hover,
497 .btn-success[disabled]:hover,
498 fieldset[disabled] .btn-success:hover,
499 .btn-success.disabled:focus,
500 .btn-success[disabled]:focus,
501 fieldset[disabled] .btn-success:focus,
502 .btn-success.disabled.focus,
503 .btn-success[disabled].focus,
504 fieldset[disabled] .btn-success.focus {
505 background-color: #5cb85c;
506 border-color: #4cae4c;
508 .btn-success .badge {
509 color: #".$this->tplSettings[
'btn-success-background-color'].
";
510 background-color: #".$this->tplSettings[
'btn-success-color'].
";
514 color: #".$this->tplSettings[
'btn-info-color'].
";
515 background-color: #".$this->tplSettings[
'btn-info-background-color'].
";
516 border-color: #".$this->tplSettings[
'btn-info-border-color'].
";
520 color: #".$this->tplSettings[
'btn-info-color'].
";
521 background-color: #".$this->tplSettings[
'btn-info-focus-background-color'].
";
522 border-color: #".$this->tplSettings[
'btn-info-focus-border-color'].
";
525 color: #".$this->tplSettings[
'btn-info-hover-color'].
";
526 background-color: #".$this->tplSettings[
'btn-info-hover-background-color'].
";
527 border-color: #".$this->tplSettings[
'btn-info-hover-border-color'].
";
531 .open > .dropdown-toggle.btn-info {
532 color: #".$this->tplSettings[
'btn-info-color'].
";
533 background-color: #".$this->tplSettings[
'btn-info-focus-background-color'].
";
534 border-color: #".$this->tplSettings[
'btn-info-hover-border-color'].
";
536 .btn-info:active:hover,
537 .btn-info.active:hover,
538 .open > .dropdown-toggle.btn-info:hover,
539 .btn-info:active:focus,
540 .btn-info.active:focus,
541 .open > .dropdown-toggle.btn-info:focus,
542 .btn-info:active.focus,
543 .btn-info.active.focus,
544 .open > .dropdown-toggle.btn-info.focus {
545 color: #".$this->tplSettings[
'btn-info-color'].
";
546 background-color: #".$this->tplSettings[
'btn-info-hover-border-color'].
";
547 border-color: #".$this->tplSettings[
'btn-info-focus-border-color'].
";
551 .open > .dropdown-toggle.btn-info {
552 background-image: none;
554 .btn-info.disabled:hover,
555 .btn-info[disabled]:hover,
556 fieldset[disabled] .btn-info:hover,
557 .btn-info.disabled:focus,
558 .btn-info[disabled]:focus,
559 fieldset[disabled] .btn-info:focus,
560 .btn-info.disabled.focus,
561 .btn-info[disabled].focus,
562 fieldset[disabled] .btn-info.focus {
563 background-color: #5bc0de;
564 border-color: #46b8da;
567 color: #".$this->tplSettings[
'btn-info-background-color'].
";
568 background-color: #".$this->tplSettings[
'btn-info-color'].
";
572 color: #".$this->tplSettings[
'btn-warning-color'].
";
573 background-color: #".$this->tplSettings[
'btn-warning-background-color'].
";
574 border-color: #".$this->tplSettings[
'btn-warning-border-color'].
";
578 color: #".$this->tplSettings[
'btn-warning-color'].
";
579 background-color: #".$this->tplSettings[
'btn-warning-focus-background-color'].
";
580 border-color: #".$this->tplSettings[
'btn-warning-focus-border-color'].
";
583 color: #".$this->tplSettings[
'btn-warning-hover-color'].
";
584 background-color: #".$this->tplSettings[
'btn-warning-hover-background-color'].
";
585 border-color: #".$this->tplSettings[
'btn-warning-hover-border-color'].
";
589 .open > .dropdown-toggle.btn-warning {
590 color: #".$this->tplSettings[
'btn-warning-color'].
";
591 background-color: #".$this->tplSettings[
'btn-warning-focus-background-color'].
";
592 border-color: #".$this->tplSettings[
'btn-warning-hover-border-color'].
";
594 .btn-warning:active:hover,
595 .btn-warning.active:hover,
596 .open > .dropdown-toggle.btn-warning:hover,
597 .btn-warning:active:focus,
598 .btn-warning.active:focus,
599 .open > .dropdown-toggle.btn-warning:focus,
600 .btn-warning:active.focus,
601 .btn-warning.active.focus,
602 .open > .dropdown-toggle.btn-warning.focus {
603 color: #".$this->tplSettings[
'btn-warning-color'].
";
604 background-color: #".$this->tplSettings[
'btn-warning-hover-border-color'].
";
605 border-color: #".$this->tplSettings[
'btn-warning-focus-border-color'].
";
609 .open > .dropdown-toggle.btn-warning {
610 background-image: none;
612 .btn-warning.disabled:hover,
613 .btn-warning[disabled]:hover,
614 fieldset[disabled] .btn-warning:hover,
615 .btn-warning.disabled:focus,
616 .btn-warning[disabled]:focus,
617 fieldset[disabled] .btn-warning:focus,
618 .btn-warning.disabled.focus,
619 .btn-warning[disabled].focus,
620 fieldset[disabled] .btn-warning.focus {
621 background-color: #f0ad4e;
622 border-color: #eea236;
624 .btn-warning .badge {
625 color: #".$this->tplSettings[
'btn-warning-background-color'].
";
626 background-color: #".$this->tplSettings[
'btn-warning-color'].
";
630 color: #".$this->tplSettings[
'btn-danger-color'].
";
631 background-color: #".$this->tplSettings[
'btn-danger-background-color'].
";
632 border-color: #".$this->tplSettings[
'btn-danger-border-color'].
";
636 color: #".$this->tplSettings[
'btn-danger-color'].
";
637 background-color: #".$this->tplSettings[
'btn-danger-focus-background-color'].
";
638 border-color: #".$this->tplSettings[
'btn-danger-focus-border-color'].
";
641 color: #".$this->tplSettings[
'btn-danger-hover-color'].
";
642 background-color: #".$this->tplSettings[
'btn-danger-hover-background-color'].
";
643 border-color: #".$this->tplSettings[
'btn-danger-hover-border-color'].
";
647 .open > .dropdown-toggle.btn-danger {
648 color: #".$this->tplSettings[
'btn-danger-color'].
";
649 background-color: #".$this->tplSettings[
'btn-danger-focus-background-color'].
";
650 border-color: #".$this->tplSettings[
'btn-danger-hover-border-color'].
";
652 .btn-danger:active:hover,
653 .btn-danger.active:hover,
654 .open > .dropdown-toggle.btn-danger:hover,
655 .btn-danger:active:focus,
656 .btn-danger.active:focus,
657 .open > .dropdown-toggle.btn-danger:focus,
658 .btn-danger:active.focus,
659 .btn-danger.active.focus,
660 .open > .dropdown-toggle.btn-danger.focus {
661 color: #".$this->tplSettings[
'btn-danger-color'].
";
662 background-color: #".$this->tplSettings[
'btn-danger-hover-border-color'].
";
663 border-color: #".$this->tplSettings[
'btn-danger-focus-border-color'].
";
667 .open > .dropdown-toggle.btn-danger {
668 background-image: none;
670 .btn-danger.disabled:hover,
671 .btn-danger[disabled]:hover,
672 fieldset[disabled] .btn-danger:hover,
673 .btn-danger.disabled:focus,
674 .btn-danger[disabled]:focus,
675 fieldset[disabled] .btn-danger:focus,
676 .btn-danger.disabled.focus,
677 .btn-danger[disabled].focus,
678 fieldset[disabled] .btn-danger.focus {
679 background-color: #d9534f;
680 border-color: #d43f3a;
683 color: #".$this->tplSettings[
'btn-danger-background-color'].
";
684 background-color: #".$this->tplSettings[
'btn-danger-color'].
";
696 padding-top: ".$this->tplSettings[
'jumbotron-paddingTop'].
";
697 padding-bottom: ".$this->tplSettings[
'jumbotron-paddingBottom'].
";
698 margin-bottom: ".$this->tplSettings[
'jumbotron-marginBottom'].
";
699 color: #".$this->tplSettings[
'jumbotron-fontColor'].
";
700 background-color: #".$this->tplSettings[
'jumbotron-backgroundColor'].
";
701 padding-right: ".$this->tplSettings[
'jumbotron-containerPaddingRight'].
";
702 padding-left: ".$this->tplSettings[
'jumbotron-containerPaddingLeft'].
";
703 border-radius: ".$this->tplSettings[
'jumbotron-borderRadius'].
";
707 color: #".$this->tplSettings[
'jumbotron-h1Color'].
";
710 margin-bottom: ".$this->tplSettings[
'jumbotron-pMarginBottom'].
";
711 font-size: ".$this->tplSettings[
'jumbotron-pFontSize'].
";
712 font-weight: ".$this->tplSettings[
'jumbotron-pFontWeight'].
";
715 border-top-color: #".$this->tplSettings[
'jumbotron-hrColor'].
";
717 .container .jumbotron,
718 .container-fluid .jumbotron {
719 padding-right: ".$this->tplSettings[
'jumbotron-containerPaddingRight'].
";
720 padding-left: ".$this->tplSettings[
'jumbotron-containerPaddingLeft'].
";
721 border-radius: ".$this->tplSettings[
'jumbotron-borderRadius'].
";
723 .jumbotron .container {
724 max-width: ".$this->tplSettings[
'jumbotron-containerMaxWidth'].
";
726 @media screen and (min-width: 768px) {
729 padding-bottom: 48px;
731 .container .jumbotron,
732 .container-fluid .jumbotron {
733 padding-right: ".$this->tplSettings[
'jumbotron-fluidPaddingRight'].
";
734 padding-left: ".$this->tplSettings[
'jumbotron-fluidPaddingLeft'].
";
738 font-size: ".$this->tplSettings[
'jumbotron-h1FontSize'].
";
754 display: -ms-flexbox;
756 -ms-flex-direction: column;
757 flex-direction: column;
758 padding-left: ".$this->tplSettings[
'listgroup-paddingLeft'].
";
759 margin-bottom: ".$this->tplSettings[
'listgroup-marginBottom'].
";
760 color: #".$this->tplSettings[
'listgroup-fontColor'].
";
763 .list-group-item-action {
765 color: #".$this->tplSettings[
'listgroup-fontColor'].
";
769 .list-group-item-action:hover, .list-group-item-action:focus {
770 color: #".$this->tplSettings[
'listgroup-fontColor'].
";
771 text-decoration: none;
772 background-color: #f8f9fa;
775 .list-group-item-action:active {
777 background-color: #e9ecef;
781 position: ".$this->tplSettings[
'listgroup-itemPosition'].
";
782 display: ".$this->tplSettings[
'listgroup-itemDisplay'].
";
783 padding: ".$this->tplSettings[
'listgroup-itemPadding'].
";
785 background-color: #".$this->tplSettings[
'background-listgroup'].
";
786 border: ".$this->tplSettings[
'listgroup-itemBorder'].
";
789 .list-group-item:first-child {
790 border-top-left-radius: ".$this->tplSettings[
'listgroup-firstChild-topLeft-radius'].
";
791 border-top-right-radius: ".$this->tplSettings[
'listgroup-firstChild-topRight-radius'].
";
794 .list-group-item:last-child {
796 border-bottom-right-radius: ".$this->tplSettings[
'listgroup-lastChild-bottomRight-radius'].
";
797 border-bottom-left-radius: ".$this->tplSettings[
'listgroup-lastChild-bottomLeft-radius'].
";
800 .list-group-item:hover, .list-group-item:focus {
802 text-decoration: none;
805 .list-group-item.disabled, .list-group-item:disabled {
807 background-color: #fff;
810 .list-group-item.active {
812 color: #".$this->tplSettings[
'listgroup-itemActiveColor'].
";
813 background-color: #".$this->tplSettings[
'listgroup-itemActiveBackgroundColor'].
";
814 border-color: #".$this->tplSettings[
'listgroup-itemActiveBorderColor'].
";
972 border-style: ".$this->tplSettings[
'navbar-borderstyle'].
";
973 border-width: ".$this->tplSettings[
'navbar-bordersize'].
";
974 border-color: #".$this->tplSettings[
'border-menubgcolor'].
";
975 text-shadow: ".$this->tplSettings[
'globaltext-fontshadowsize'].
" #".$this->tplSettings[
'fontshadow-menucolor'].
";
979 background-color:#".$this->tplSettings[
'default-menubgcolor'].
";
982 .navbar-toggler-custom {
983 color:#".$this->tplSettings[
'iconbar-menubgcolor'].
";
986 .navbar .navbar-light {
987 color:#".$this->tplSettings[
'font-menucolor'].
";
988 border-color: #".$this->tplSettings[
'border-menubgcolor'].
";
989 margin-bottom: ".$this->tplSettings[
'navbar-marginBottom'].
";
993 background-color: #".$this->tplSettings[
'background-menudropdowncolor'].
";
997 color: #".$this->tplSettings[
'brand-menucolor'].
";
998 text-shadow: ".$this->tplSettings[
'globaltext-fontshadowsize'].
" #".$this->tplSettings[
'fontshadow-menucolor'].
";
1001 .navbar-brand:hover, .navbar-brand:focus {
1002 text-decoration: none;
1005 .navbar-light .navbar-brand {
1006 color: #".$this->tplSettings[
'brand-menucolor'].
";
1009 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
1010 color: #".$this->tplSettings[
'brandhover-menucolor'].
";
1013 .navbar-light .navbar-nav .nav-link {
1014 color: #".$this->tplSettings[
'font-menucolor'].
";
1017 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
1018 color: #".$this->tplSettings[
'fonthover-menucolor'].
";
1021 .navbar-light .navbar-nav .nav-link.disabled {
1022 color: #".$this->tplSettings[
'fontdisabled-menucolor'].
";
1025 .navbar-light .navbar-nav .show > .nav-link,
1026 .navbar-light .navbar-nav .active > .nav-link,
1027 .navbar-light .navbar-nav .nav-link.show,
1028 .navbar-light .navbar-nav .nav-link.active {
1029 color: #".$this->tplSettings[
'fontactive-menucolor'].
";
1032 .custom-toggler.navbar-toggler {
1033 border-color:#".$this->tplSettings[
'toggle-menubgcolor'].
";
1034 background-color:#".$this->tplSettings[
'toggle-menu-bordercolor'].
";
1038 $svg =
"data:image/svg+xml;charset=utf8,%3Csvg%20viewBox='0 0 30 30'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20stroke='%23".$this->tplSettings[
'iconbar-menubgcolor'].
"'%20stroke-width='2'%20stroke-linecap='round'%20stroke-miterlimit='10'%20d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E";
1042 .navbar-light .custom-toggler .navbar-toggler-icon {
1043 background-image: url(\"".$svg.
"\");
1047 if ($this->tplSettings[
'navbar-brand'] ==
"0")
1049 $this->cssCode .=
".navbar-brand { display:none; }";
1053 if ($this->tplSettings[
'navbar-vertical-divider'] == 1)
1055 $this->cssCode .=
".navbar-nav > li {border-right: 1px solid #ebebeb;}
1056 .navbar-nav {border-left: 1px solid #ebebeb;}";
1060 if ($this->tplSettings[
'navbar-sticky'] ==
"1")
1087 display: ".$this->tplSettings[
'form-display'].
";
1088 width: ".$this->tplSettings[
'form-width'].
";
1089 height: ".$this->tplSettings[
'form-height'].
";
1090 padding: ".$this->tplSettings[
'form-padding'].
";
1091 font-size: ".$this->tplSettings[
'form-textSize'].
";
1092 line-height: ".$this->tplSettings[
'form-lineHeight'].
";
1093 color: #".$this->tplSettings[
'form-textColor'].
";
1094 background-color: #".$this->tplSettings[
'form-bgcolor'].
";
1095 background-image: none;
1096 border: ".$this->tplSettings[
'form-border'].
";
1097 border-radius: ".$this->tplSettings[
'form-border-radius'].
";
1098 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
1099 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
1100 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
1101 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1102 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1104 .form-control:focus {
1105 border-color: #".$this->tplSettings[
'form-activeBorderColor'].
";
1107 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
1108 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
1110 .form-control::-moz-placeholder {
1111 color: #".$this->tplSettings[
'form-placeholderColor'].
";
1114 .form-control:-ms-input-placeholder {
1117 .form-control::-webkit-input-placeholder {
Helper function to output custom (overriden) bootstrap 4 css (settings.css)
bs4_ButtonsCss()
Bootstrap 4: BUTTONS Component CSS Code.
bs4_navbarCss()
Bootstrap 4 Navbar CSS Code.
bs4_CardsCss()
Bootstrap 4: CARDS Component CSS Code.
bs4_FormsCss()
Bootstrap 4: FORMS Component CSS Code.
init()
Call all the methods to set bootstrap 4 custom css and return it as string.
bs4_ListGroupCss()
Bootstrap 4: LIST GROUP Component CSS Code.
bs4_JumbotronCss()
Bootstrap 4: JUMBOTRON Component CSS Code.
Helper function to output custom (overriden) bootstrap css (settings.css)