templates/style.html.twig line 1

Open in your IDE?
  1. <style>
  2.     .btn.btn-primary{
  3.         color: white;
  4.         background-color: #7f3e98;
  5.     }
  6.     .btn.btn-light-primary{
  7.         color: #7f3e98;
  8.         background-color: #7f3e981f;
  9.     }
  11.     .btn-check:active + .btn.btn-primary, .btn-check:checked + .btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show > .btn.btn-primary{
  12.         background-color: #7f3e98!important;
  13.     }
  15.     .btn-check:active + .btn.btn-light-primary, .btn-check:checked + .btn.btn-light-primary, .btn.btn-light-primary.active, .btn.btn-light-primary.show, .btn.btn-light-primary:active:not(.btn-active), .btn.btn-light-primary:focus:not(.btn-active), .btn.btn-light-primary:hover:not(.btn-active), .show > .btn.btn-light-primary{
  16.         background-color: #7f3e98!important;
  17.     }
  19.     .link-primary{
  20.         color: #7f3e98;
  21.     }
  23.     .menu-hover-primary .menu-item .menu-link:hover:not(.disabled):not(.active), .menu-hover-primary .menu-item.hover > .menu-link:not(.disabled):not(.active){
  24.         color: #7f3e98;
  25.     }
  27.     .menu-item .menu-link:hover {
  28.         color: #7f3e98!important;
  29.     }
  31.     .btn-check:active + .btn.btn-active-light-primary, .btn-check:checked + .btn.btn-active-light-primary, .btn.btn-active-light-primary.active, .btn.btn-active-light-primary.show, .btn.btn-active-light-primary:active:not(.btn-active), .btn.btn-active-light-primary:focus:not(.btn-active), .btn.btn-active-light-primary:hover:not(.btn-active), .show > .btn.btn-active-light-primary{
  32.         color: #ffffff;
  33.     }
  35.     .menu-state-bg-light-primary .menu-item .menu-link:hover:not(.disabled):not(.active), .menu-state-bg-light-primary .menu-item.hover > .menu-link:not(.disabled):not(.active){
  36.         background-color: #eacef5;
  37.     }
  39.     .form-check.form-check-solid .form-check-input:checked{
  40.        background-color: #7f3e98;
  41.     }
  43.     .scrolltop{
  44.         background-color: #7f3e98;
  45.     }
  47.     .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected{
  48.         background-color: #7f3e98;
  49.     }
  51.     .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted{
  52.         background-color: #7f3e98;
  53.     }
  55.     .page-item.active .page-link {
  56.         z-index: 3;
  57.         color: #fff;
  58.         background-color: #7f3e98;
  59.         border-color: transparent;
  60.     }
  62.     .page-link:hover {
  63.         z-index: 2;
  64.         color: #7f3e98;
  65.         text-decoration: none;
  66.         background-color: #ddf8fc;
  67.         border-color: transparent;
  68.     }
  70.     .page-link:hover {
  71.         z-index: 2;
  72.         color: #7f3e98;
  73.         text-decoration: none;
  74.         background-color: #7f3e9833;
  75.         border-color: transparent;
  76.     }
  78.     .next:last-child:hover{
  79.         color: #fff;
  80.     }
  82.     .educati-background-school{
  83.         background-color: #7f3e9808
  84.     }
  88.     #main-nav {
  89.         min-height: 60px;
  90.         background-color: #fff !important;
  91.         border-bottom-style: solid;
  92.         border-bottom-color: #d3d3d3;
  93.         border-bottom-width: 1px;
  94.         box-shadow: 2px 2px 1px 1px #ebebeb;
  95.     }
  97.     .profil-image{
  98.         height: 35px;
  99.         width: 35px;
  101.     }
  102.     a {
  103.         color: #7f3e98;
  104.         text-decoration: none
  105.     }
  107.     a:hover {
  108.         color: #7f3e98;
  109.         text-decoration: underline
  110.     }
  112.     .badge-light-primary {
  113.         color: #ffffffe3;
  114.         background-color: #7f3e98;
  115.     }
  116.     .bottom-div-school{
  117.         background-color: #82429a!important;
  118.     }
  120.     .link-primary:focus, .link-primary:hover{
  121.         color: #82429a;
  122.     }
  124.     .btn-check:active + .btn.btn-active-light-primary, .btn-check:checked + .btn.btn-active-light-primary, .btn.btn-active-light-primary.active, .btn.btn-active-light-primary.show, .btn.btn-active-light-primary:active:not(.btn-active), .btn.btn-active-light-primary:focus:not(.btn-active), .btn.btn-active-light-primary:hover:not(.btn-active), .show > .btn.btn-active-light-primary{
  125.         background-color: #7f3e98 !important;
  126.     }
  128.     .main-body{
  129.         margin-top: 60px;
  130.     }
  132.     @media only screen and (max-width: 425px){
  133.         .main-body{
  134.             /*margin-top: 110px;*/
  135.         }
  137.     }
  139.     .btn-check:active + .btn.btn-active-color-primary .svg-icon svg [fill]:not(.permanent):not(g), .btn-check:checked + .btn.btn-active-color-primary .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary.active .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary.show .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .show > .btn.btn-active-color-primary .svg-icon svg [fill]:not(.permanent):not(g){
  140.         fill:#7f3e98 !important;
  141.     }
  143.     .text-hover-primary:hover{
  144.         color: #7f3e98!important;
  145.     }
  147.     .btn.btn-primary{
  148.         /*background-color: #3e8b98!important;*/
  149.     }
  150.     a {
  151.         /*color: #3e8b98 !important;*/
  152.     }
  155.     @media (min-width: 992px){}
  156.         .aside {
  157.             top: 60px;
  159.         }
  161.     .scrolltop{
  162.         bottom: 65px;
  163.     }
  165.     .div-main-background-login{
  166.         background-color: #d4bfdd;
  167.     }
  169.     .symbol.symbol-circle, .symbol.symbol-circle .symbol-label, .symbol.symbol-circle > img{
  170.         border-radius: 10px;
  171.     }
  173.     /*.select2-dropdown--below {
  174.         position: fixed;!important;
  175.     }*/
  177.     .richText img{
  178.         max-width: 100%!important;
  179.     }
  180.     .text-primary{
  181.         color: #7f3e98!important;
  182.     }
  183.     .categorie-div{
  184.         min-height: 40px;
  185.         padding-top:15px;
  186.     }
  187.     .header-nav-link{
  188.         color: #7f3e98;
  189.         margin-left: 4px;margin-right: 4px;font-weight: bold;
  190.         white-space: nowrap;
  191.     }
  192.     .ck-body-wrapper{
  193.         z-index: 20060;
  194.     }
  196.     .lang{
  197.         font-weight: bold;
  198.     }
  199.     .badge-primary{
  200.         background-color: #7f3e98!important;
  201.     }
  202.     .float-whatsapp{
  203.         position:fixed;
  204.         width:60px;
  205.         height:60px;
  206.         bottom:0px;
  207.         left:40px;
  208.         background-color:transparent;
  209.         color:#FFF;
  210.         border-radius:50px;
  211.         text-align:center;
  212.         font-size:30px;
  213.         /*box-shadow: 2px 2px 3px #999;*/
  214.         z-index:100;
  215.     }
  217.     .my-float-whatsapp{
  218.         margin-top:-16px;
  219.     }
  220. </style>