src/Modules/VoucherCart/Templates/base.html.twig line 1

  1. <!DOCTYPE html>
  2. <html lang="{{ app.request.locale }}">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Voucher Cart</title>
  9.     <link href="{{ asset('assets/front/css/bootstrap.min.css') }}" rel="stylesheet" />
  10.     <link href="{{ asset('assets/front/css/voucherCart.css') }}?v=1.2" rel="stylesheet" />
  12.     <link href="{{ asset('assets/vendors/font-awesome/css/font-awesome.min.css') }}" rel="stylesheet" />
  14.     <script src="{{ asset('assets/front/js/bootstrap.bundle.min.js') }}"></script>
  15.     <script src="{{ asset('assets/vendors/jquery/jquery-3.5.1.min.js') }}"></script>
  17.     {% set layoutSettings = vc_getLayoutSettings() %}
  19.     <style>
  20.         /* kolory z ustawien 1 */
  21.         body {background:{{ layoutSettings.background_color }}; }
  22.         body, p, label {color:{{ layoutSettings.text_color }}; }
  23.         a {color:{{ layoutSettings.buttons_additional_color }}; }
  24.         a:hover {color:{{ layoutSettings.buttons_main_color }}; }
  28.                 .errors { color: red; }
  30.                 /* kolory z ustawien 2 */
  31.                 .btn-primary, .btn-success {background:{{ layoutSettings.buttons_main_color }} ; border-color:{{ layoutSettings.buttons_main_color }} ;}
  32.                 .btn-primary:hover, .btn-primary:focus,
  33.                 .btn-success:hover, .btn-success:focus {
  34.                     filter: brightness(85%);
  35.                     background:{{ layoutSettings.buttons_main_color }} ; border-color:{{ layoutSettings.buttons_main_color }} ;}
  36.                 .form-check-input:checked {
  37.                    background-color: {{ layoutSettings.buttons_main_color }} ;
  38.                    border-color: {{ layoutSettings.buttons_main_color }} ;
  39.                 }
  41.                 .btn-check:active+.btn-secondary, .btn-check:checked+.btn-secondary, .btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle {
  42.                     background-color: {{ layoutSettings.buttons_main_color }} ;
  43.                     border-color:{{ layoutSettings.buttons_main_color }} ;
  44.                 }
  48.                 .bootstrap-datetimepicker-widget table td.today:before {
  49.                     border-bottom-color: {{ layoutSettings.buttons_main_color }};
  50.                 }
  51.                 .calendar-container td.day.active {
  52.                     color: {{ layoutSettings.buttons_main_color }};
  53.                 }
  54.                 .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  55.                   background-color: {{ layoutSettings.buttons_main_color }};
  56.                   color: #fff !important;
  57.                 }
  58.                 #progressbar li.active:before,  #progressbar li.active:after {background:{{ layoutSettings.buttons_main_color }};}
  59.                 #progressbar li.active {color:{{ layoutSettings.buttons_main_color }}; }
  61.                 .btn-secondary {background:{{ layoutSettings.buttons_additional_color }}; border-color:{{ layoutSettings.buttons_additional_color }};}
  62.                 .btn-outline-secondary {
  63.                   border-color:{{ layoutSettings.buttons_additional_color }};
  64.                   color:{{ layoutSettings.buttons_additional_color }};
  65.                 }
  66.                 .btn-outline-secondary {
  67.                   color:#fff;
  68.                   background:{{ layoutSettings.buttons_additional_color }}; border-color:{{ layoutSettings.buttons_additional_color }};}
  70.                 .bootstrap-datetimepicker-widget table td.day {
  71.                     height: 30px;
  72.                     line-height: 30px;
  73.                 }
  74.                 .bootstrap-datetimepicker-widget table thead tr + tr th {padding-top:5px; padding-bottom:5px;}
  75.     </style>
  77.     {% block javascripts %}{% endblock %}
  78. </head>
  79. <body class="h-100">
  80.     <div class="container">
  81.         {% block body %}{% endblock %}
  82.     </div>
  84.     {% block bottom_javascripts %}{% endblock %}
  85. </body>
  86. </html>