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