src/Bidcoz/Bundle/ManageBundle/Resources/views/Theme/css.html.twig line 1

Open in your IDE?
  1. <style type="text/css">
  2.     {% if theme.primaryColor %}
  3.         body h1,
  4.         body h2,
  5.         body h3,
  6.         body h4,
  7.         body h5,
  8.         body h6,
  9.         body .sidebar-title,
  10.         body .text-primary,
  11.         body .text-primary:focus,
  12.         body .text-primary:active,
  13.         body .text-primary:hover,
  14.         body .auction-items .auction-item-details .name,
  15.         body .breadcrumbs a:not(.btn),
  16.         body .breadcrumbs a:not(.btn):focus,
  17.         body .breadcrumbs a:not(.btn):active,
  18.         body .breadcrumbs a:not(.btn):hover {
  19.             color: black !important;
  20.         }
  22.         body #volunteer-list .panel .panel-heading {
  23.             opacity: 0.85;
  24.             color: black !important;
  25.         }
  27.         body .tooltip {
  28.             background-color: #{{ theme.primaryColor }} !important;
  29.         }
  31.         body .tooltip:before {
  32.             border-top-color: #{{ theme.primaryColor }} !important;
  33.             border-bottom-color: #{{ theme.primaryColor }} !important;
  34.         }
  35.     {% endif %}
  37.     {% if theme.secondaryColor %}
  38.         body .progress-bar .progress,
  39.         body .alert.warning,
  40.         body .alert.info,
  41.         body .btn-info,
  42.         body .btn-info:hover {
  43.             color: #ffffff;
  44.             background-color: #{{ theme.secondaryColor }} !important;
  45.         }
  47.         body .sold-out-container .sold-out,
  48.         body .text-secondary,
  49.         body .text-secondary:focus,
  50.         body .text-secondary:active,
  51.         body .text-secondary:hover,
  52.         body .pagination > li > a,
  53.         body .pagination > li > span
  54.         body .pagination > li > a:hover,
  55.         body .pagination > li > span:hover,
  56.         body .pagination > li > a:focus,
  57.         body .pagination > li > span:focus {
  58.             color: #{{ theme.secondaryColor }} !important;
  59.         }
  61.         body .countdown .time-box {
  62.             color: #{{ theme.secondaryColor }};
  63.         }
  65.         body #volunteer-list .panel {
  66.             border-color: #{{ theme.secondaryColor }} !important;
  67.         }
  69.         body .donate-content .icon svg {
  70.             fill: #{{ theme.secondaryColor }} !important;
  71.             color: #{{ theme.secondaryColor }} !important;
  72.         }
  74.         body .badge:before,
  75.         body .badge:after,
  76.         body #volunteer-list .panel .panel-heading,
  77.         body #thermometer .progress-area,
  78.         body #thermometer:after {
  79.             background-color: #{{ theme.secondaryColor }} !important;
  80.         }
  82.         body .badge {
  83.             border-bottom-color: #{{ theme.secondaryColor }} !important;
  84.         }
  85.     {% endif %}
  87.     {% if theme.tertiaryColor %}
  88.         body header:not(#header) a:not(.btn),
  89.         body header:not(#header) a:not(.btn):focus,
  90.         body header:not(#header) a:not(.btn):active,
  91.         body header:not(#header) a:not(.btn):hover,
  92.         body header:not(#header) .header-top .menu a:not(.btn):hover,
  93.         body .text-tertiary,
  94.         body .text-tertiary:focus,
  95.         body .text-tertiary:active,
  96.         body .text-tertiary:hover,
  97.         body .navigation-links a:focus,
  98.         body .navigation-links a:active,
  99.         body .navigation-links a:hover {
  100.             color: #{{ theme.tertiaryColor }} !important;
  101.         }
  103.         body button:not(:disabled),
  104.         body .btn:not(:disabled),
  105.         body .btn:not(:disabled):hover,
  106.         body .campaign-actions .btn.secondary:first-child {
  107.             color: #ffffff !important;
  108.             background-color: #{{ theme.tertiaryColor }} !important;
  109.         }
  111.         body .campaign-actions a.btn-ghost:not(:disabled) {
  112.             text-shadow: 0 0 0.375rem #000 !important;
  113.             font-size: 1rem !important;
  114.         }
  116.         body .campaign-actions a.btn-ghost:not(:disabled):not(:hover) {
  117.             background-color: #{{ theme.tertiaryColor }}99 !important;
  118.         }
  120.         body a.btn.btn-secondary:not(:disabled),
  121.         body a.btn.btn-secondary:not(:disabled):hover,
  122.         body button.btn.btn-secondary:not(:disabled),
  123.         body button.btn.btn-secondary:not(:disabled):hover,
  124.         body a.btn.secondary:not(:disabled),
  125.         body a.btn.secondary:not(:disabled):hover,
  126.         body button.btn.secondary:not(:disabled),
  127.         body button.btn.secondary:not(:disabled):hover {
  128.             background-color: #ffffff !important;
  129.             border-color: #{{ theme.tertiaryColor }} !important;
  130.             color: #{{ theme.tertiaryColor }} !important;
  131.         }
  133.         body a.btn:not(:disabled).disabled {
  135.         }
  137.         body .navigation-links a {
  138.             color: #777777 !important;
  139.         }
  141.         body .navbar-default .navbar-nav > li:hover ul.dropdown-menu {
  142.           display: block;
  143.         }
  145.         .donate-options li {
  146.             border-color: #{{ theme.tertiaryColor }} !important;
  147.             background-color: #ffffff !important;
  148.         }
  149.     {% endif %}
  150. </style>