src/SiteBundle/Resources/views/Base/sabitCSS.html.twig line 1

Open in your IDE?
  2. <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" rel="stylesheet" type="text/css">
  3. <link href="{{ asset('assets/plugins/fancybox-master/dist/jquery.fancybox.min.css') }}" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" type="text/css">
  4. <link href="{{ asset('assets/animate.css') }}" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" type="text/css">
  5. <style>
  6.     .preloader{
  7.         position:fixed;
  8.         left:0px;
  9.         top:0px;
  10.         width:100%;
  11.         height:100%;
  12.         z-index:999999;
  13.         background-color:#ffffff;
  14.         background-position:center center;
  15.         background-repeat:no-repeat;
  16.         background-image:url("{{ asset('uploads/logo.png') }}");
  17.         background-size: 150px auto;
  18.     }
  19.     .pre_load{
  20.         position:fixed;
  21.         left:0px;
  22.         top:0px;
  23.         width:100%;
  24.         height:100%;
  25.         z-index:999999;
  26.         background-position:center 15%;
  27.         background-repeat:no-repeat;
  28.         background-image:url("{{ asset('assets/img/loading.svg') }}");
  29.         background-size: 80px auto;
  30.     }
  31.     .rv_language{
  32.         width: 252px;
  33.         height: auto;
  34.         top: 16%;
  35.         z-index: 10;
  36.         position: fixed;
  37.         right: -200px;
  38.         transition:0.5s all;
  39.     }
  40.     .rv_language:hover{
  41.         right: 0;
  42.     }
  43.     .rv_lang{
  44.         float: left;
  45.         width: 200px;
  46.         background: #323232;
  47.         padding: 10px;
  48.         padding-left: 20px;
  49.         border-radius:0 0 0 10px;
  51.         -webkit-box-shadow: 10px 10px 21px -14px rgba(0,0,0,0.75);
  52.         -moz-box-shadow: 10px 10px 21px -14px rgba(0,0,0,0.75);
  53.         box-shadow: 10px 10px 21px -14px rgba(0,0,0,0.75);
  54.         position: relative;
  55.         z-index: 2;
  56.         margin-left: 52px;
  57.     }
  58.     .rv_lang .lang_text{
  59.         font-size: 16px;
  60.         font-weight: bold;
  61.         color: #fff;
  62.     }
  64.     .rv_lang img{}
  66.     .rv_lang-icon{
  67.         position: absolute;
  68.         left: 0;
  69.         padding: 10px;
  70.         background: #323232;
  71.         border-radius:10px 0 0 10px;
  72.         -webkit-box-shadow: 10px 10px 33px -9px rgba(0,0,0,0.75);
  73.         -moz-box-shadow: 10px 10px 33px -9px rgba(0,0,0,0.75);
  74.         box-shadow: 10px 10px 33px -9px rgba(0,0,0,0.75);
  75.         animation-duration: 5s;
  76.         animation-delay: 5s;
  77.         animation-iteration-count: infinite;
  78.         width: 50%;
  79.         text-align: left;
  80.         z-index: 1;
  81.         /*! float: left; */
  82.     }
  84.     .rv_lang h4{
  85.         margin-top: 5px!important;
  86.         margin-bottom: 12px!important;
  87.     }
  88.     .rv_lang ul{
  89.         width:100%;
  90.         padding-left: 0!important;
  91.         margin-bottom: 0!important;
  92.     }
  96.     .rv_lang ul li{
  97.         width:100%;
  98.         padding:5px;
  99.         border-top:1px solid #3a3a3a;
  100.         color:#fff;
  101.         border-radius:5px;
  102.         list-style-type: none!important;
  103.     }
  105.     .rv_lang ul li a img{
  106.         margin-right: 5px;
  107.     }
  109.     .rv_lang ul li a{
  110.         color:#fff;
  111.         font-size: 14px;
  112.         text-decoration: none!important;
  113.     }
  114.     .rv_lang ul li:hover{
  115.         background:#585858;
  117.     }
  120.     iframe{
  121.         width: 100%;
  122.     }
  123.     input:focus{
  124.         outline: none!important;
  125.         box-shadow: none!important;
  126.     }
  127.     textarea:focus{
  128.         outline: none!important;
  129.         box-shadow: none!important;
  130.     }
  132.     .formBtn{
  133.         padding: 10px 20px;
  134.         float: right;
  135.         border: 2px solid #323232;
  136.         font-size: 15px;
  137.         color: #fff;
  138.         background-color: #323232;
  139.         cursor: pointer;
  140.         margin-top: 10px;
  141.         border-radius: 10px;
  142.     }
  143.     .formBtn:hover{
  144.         background-color: #fff;
  145.         color: #323232;
  146.     }
  147.     .formBtn:focus{
  148.         outline: none!important;
  149.     }
  150.     .alert{
  151.         position: relative;
  152.         padding: .75rem 1.25rem;
  153.         margin-bottom: 1rem;
  154.         border: 1px solid transparent;
  155.         border-radius: .25rem;
  156.     }
  157.     .alert-danger{
  158.         color: #721c24;
  159.         background-color: #f8d7da;
  160.         border-color: #f5c6cb;
  161.     }
  162. </style>