templates/siteBase/sabitCSS.html.twig line 1

Open in your IDE?
  2. <link href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.min.css" rel="preload" as="style"  onload="this.onload=null;this.rel='stylesheet'">
  3. <noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.min.css"></noscript>
  5. <link href="{{ asset('assets/animate.css') }}" rel="preload" as="style"  onload="this.onload=null;this.rel='stylesheet'">
  6. <noscript><link rel="stylesheet" href="{{ asset('assets/animate.css') }}"></noscript>
  8. <style>
  9.     .preloader{
  10.         position:fixed;
  11.         left:0px;
  12.         top:0px;
  13.         width:100%;
  14.         height:100%;
  15.         z-index:999999;
  16.         background-color:#ffffff;
  17.         background-position:center center;
  18.         background-repeat:no-repeat;
  19.         background-image:url("{{ path('panel_storage',{'file':'logo.webp'}) }}");
  20.         background-size: 150px auto;
  21.     }
  22.     .pre_load{
  23.         position:fixed;
  24.         left:0px;
  25.         top:0px;
  26.         width:100%;
  27.         height:100%;
  28.         z-index:999999;
  29.         background-position:center 15%;
  30.         background-repeat:no-repeat;
  31.         background-image:url();
  32.         background-size: 80px auto;
  33.     }
  34.     .rv_language{
  35.         width: 252px;
  36.         height: auto;
  37.         top: 16%;
  38.         z-index: 9999999;
  39.         position: fixed;
  40.         right: -200px;
  41.         transition:0.5s all;
  42.     }
  43.     .rv_language:hover{
  44.         right: 0;
  45.     }
  46.     .rv_lang{
  47.         float: left;
  48.         width: 200px;
  49.         background: #323232;
  50.         padding: 10px;
  51.         padding-left: 20px;
  52.         border-radius:0 0 0 10px;
  54.         -webkit-box-shadow: 10px 10px 21px -14px rgba(0,0,0,0.75);
  55.         -moz-box-shadow: 10px 10px 21px -14px rgba(0,0,0,0.75);
  56.         box-shadow: 10px 10px 21px -14px rgba(0,0,0,0.75);
  57.         position: relative;
  58.         z-index: 2;
  59.         margin-left: 52px;
  60.     }
  61.     .rv_lang .lang_text{
  62.         font-size: 16px;
  63.         font-weight: bold;
  64.         color: #fff;
  65.     }
  67.     .rv_lang img{}
  69.     .rv_lang-icon{
  70.         position: absolute;
  71.         left: 0;
  72.         padding: 10px;
  73.         background: #323232;
  74.         border-radius:10px 0 0 10px;
  75.         -webkit-box-shadow: 10px 10px 33px -9px rgba(0,0,0,0.75);
  76.         -moz-box-shadow: 10px 10px 33px -9px rgba(0,0,0,0.75);
  77.         box-shadow: 10px 10px 33px -9px rgba(0,0,0,0.75);
  78.         animation-duration: 5s;
  79.         animation-delay: 5s;
  80.         animation-iteration-count: infinite;
  81.         width: 50%;
  82.         text-align: left;
  83.         z-index: 1;
  84.         /*! float: left; */
  85.     }
  87.     .rv_lang h4{
  88.         margin-top: 5px!important;
  89.         margin-bottom: 12px!important;
  90.     }
  91.     .rv_lang ul{
  92.         width:100%;
  93.         padding-left: 0!important;
  94.         margin-bottom: 0!important;
  95.     }
  99.     .rv_lang ul li{
  100.         width:100%;
  101.         padding:5px;
  102.         border-top:1px solid #3a3a3a;
  103.         color:#fff;
  104.         border-radius:5px;
  105.         list-style-type: none!important;
  106.     }
  108.     .rv_lang ul li a img{
  109.         margin-right: 5px;
  110.     }
  112.     .rv_lang ul li a{
  113.         color:#fff;
  114.         font-size: 14px;
  115.         text-decoration: none!important;
  116.     }
  117.     .rv_lang ul li:hover{
  118.         background:#585858;
  120.     }
  123.     iframe{
  124.         width: 100%;
  125.     }
  126.     input:focus{
  127.         outline: none!important;
  128.         box-shadow: none!important;
  129.     }
  130.     textarea:focus{
  131.         outline: none!important;
  132.         box-shadow: none!important;
  133.     }
  135.     .formBtn{
  136.         padding: 10px 20px;
  137.         float: right;
  138.         border: 2px solid #323232;
  139.         font-size: 15px;
  140.         color: #fff;
  141.         background-color: #323232;
  142.         cursor: pointer;
  143.         margin-top: 10px;
  144.         border-radius: 10px;
  145.     }
  146.     .formBtn:hover{
  147.         background-color: #fff;
  148.         color: #323232;
  149.     }
  150.     .formBtn:focus{
  151.         outline: none!important;
  152.     }
  153.     .alert{
  154.         position: relative;
  155.         padding: .75rem 1.25rem;
  156.         margin-bottom: 1rem;
  157.         border: 1px solid transparent;
  158.         border-radius: .25rem;
  159.     }
  160.     .alert-danger{
  161.         color: #721c24;
  162.         background-color: #f8d7da;
  163.         border-color: #f5c6cb;
  164.     }
  167.     .whatsapp{
  168.         transition:0.5s all;
  169.         position: fixed;
  170.         bottom: 60px;
  171.         left: 30px;
  172.         z-index: 999;
  173.     }
  174.     .whatsapp-content{
  175.         box-shadow: 0px 0px 4px 6px #cccccc4f;
  176.         border-radius: 10px;
  177.         animation-duration: 2s;
  178.         animation-delay: 5s;
  179.         animation-iteration-count: infinite;
  180.     }
  182. </style>