src/DcSiteBundle/Resources/views/Opel/preloader-css.html.twig line 1

Open in your IDE?
  1. <style>
  2.     #preloader {
  3.         top: 0;
  4.         left: 0;
  5.         position: fixed;
  6.         width: 100%;
  7.         height: 100%;
  8.         background: #fff;
  9.         z-index: 999;
  10.         text-align: center;
  11.         padding-top: 200px;
  12.     }
  14.     #fountainG {
  15.         position: relative;
  16.         width: 180px;
  17.         height: 22px;
  18.         margin: auto
  19.     }
  21.     .fountainG {
  22.         position: absolute;
  23.         top: 0;
  24.         background-color: #F7FF14;
  25.         width: 22px;
  26.         height: 22px;
  27.         animation-name: bounce_fountainG;
  28.         -o-animation-name: bounce_fountainG;
  29.         -ms-animation-name: bounce_fountainG;
  30.         -webkit-animation-name: bounce_fountainG;
  31.         -moz-animation-name: bounce_fountainG;
  32.         animation-duration: 775ms;
  33.         -o-animation-duration: 775ms;
  34.         -ms-animation-duration: 775ms;
  35.         -webkit-animation-duration: 775ms;
  36.         -moz-animation-duration: 775ms;
  37.         animation-iteration-count: infinite;
  38.         -o-animation-iteration-count: infinite;
  39.         -ms-animation-iteration-count: infinite;
  40.         -webkit-animation-iteration-count: infinite;
  41.         -moz-animation-iteration-count: infinite;
  42.         animation-direction: normal;
  43.         -o-animation-direction: normal;
  44.         -ms-animation-direction: normal;
  45.         -webkit-animation-direction: normal;
  46.         -moz-animation-direction: normal;
  47.         transform: scale(.3);
  48.         -o-transform: scale(.3);
  49.         -ms-transform: scale(.3);
  50.         -webkit-transform: scale(.3);
  51.         -moz-transform: scale(.3);
  52.         border-radius: 14px;
  53.         -o-border-radius: 14px;
  54.         -ms-border-radius: 14px;
  55.         -webkit-border-radius: 14px;
  56.         -moz-border-radius: 14px
  57.     }
  59.     #fountainG_1 {
  60.         left: 0;
  61.         animation-delay: 316ms;
  62.         -o-animation-delay: 316ms;
  63.         -ms-animation-delay: 316ms;
  64.         -webkit-animation-delay: 316ms;
  65.         -moz-animation-delay: 316ms
  66.     }
  68.     #fountainG_2 {
  69.         left: 22px;
  70.         animation-delay: .3925s;
  71.         -o-animation-delay: .3925s;
  72.         -ms-animation-delay: .3925s;
  73.         -webkit-animation-delay: .3925s;
  74.         -moz-animation-delay: .3925s
  75.     }
  77.     #fountainG_3 {
  78.         left: 45px;
  79.         animation-delay: 469ms;
  80.         -o-animation-delay: 469ms;
  81.         -ms-animation-delay: 469ms;
  82.         -webkit-animation-delay: 469ms;
  83.         -moz-animation-delay: 469ms
  84.     }
  86.     #fountainG_4 {
  87.         left: 67px;
  88.         animation-delay: .5455s;
  89.         -o-animation-delay: .5455s;
  90.         -ms-animation-delay: .5455s;
  91.         -webkit-animation-delay: .5455s;
  92.         -moz-animation-delay: .5455s
  93.     }
  95.     #fountainG_5 {
  96.         left: 90px;
  97.         animation-delay: 622ms;
  98.         -o-animation-delay: 622ms;
  99.         -ms-animation-delay: 622ms;
  100.         -webkit-animation-delay: 622ms;
  101.         -moz-animation-delay: 622ms
  102.     }
  104.     #fountainG_6 {
  105.         left: 112px;
  106.         animation-delay: .6985s;
  107.         -o-animation-delay: .6985s;
  108.         -ms-animation-delay: .6985s;
  109.         -webkit-animation-delay: .6985s;
  110.         -moz-animation-delay: .6985s
  111.     }
  113.     #fountainG_7 {
  114.         left: 135px;
  115.         animation-delay: 775ms;
  116.         -o-animation-delay: 775ms;
  117.         -ms-animation-delay: 775ms;
  118.         -webkit-animation-delay: 775ms;
  119.         -moz-animation-delay: 775ms
  120.     }
  122.     #fountainG_8 {
  123.         left: 157px;
  124.         animation-delay: .8615s;
  125.         -o-animation-delay: .8615s;
  126.         -ms-animation-delay: .8615s;
  127.         -webkit-animation-delay: .8615s;
  128.         -moz-animation-delay: .8615s
  129.     }
  131.     @keyframes bounce_fountainG {
  132.         0% {
  133.             transform: scale(1);
  134.             background-color: #F7FF14
  135.         }
  136.         100% {
  137.             transform: scale(.3);
  138.             background-color: #fff
  139.         }
  140.     }
  142.     @-o-keyframes bounce_fountainG {
  143.         0% {
  144.             -o-transform: scale(1);
  145.             background-color: #F7FF14
  146.         }
  147.         100% {
  148.             -o-transform: scale(.3);
  149.             background-color: #fff
  150.         }
  151.     }
  153.     @-ms-keyframes bounce_fountainG {
  154.         0% {
  155.             -ms-transform: scale(1);
  156.             background-color: #F7FF14
  157.         }
  158.         100% {
  159.             -ms-transform: scale(.3);
  160.             background-color: #fff
  161.         }
  162.     }
  164.     @-webkit-keyframes bounce_fountainG {
  165.         0% {
  166.             -webkit-transform: scale(1);
  167.             background-color: #F7FF14
  168.         }
  169.         100% {
  170.             -webkit-transform: scale(.3);
  171.             background-color: #fff
  172.         }
  173.     }
  175.     @-moz-keyframes bounce_fountainG {
  176.         0% {
  177.             -moz-transform: scale(1);
  178.             background-color: #F7FF14
  179.         }
  180.         100% {
  181.             -moz-transform: scale(.3);
  182.             background-color: #fff
  183.         }
  184.     }
  185. </style>