Server : Apache System : Linux host44.registrar-servers.com 4.18.0-513.18.1.lve.2.el8.x86_64 #1 SMP Sat Mar 30 15:36:11 UTC 2024 x86_64 User : vapecompany ( 2719) PHP Version : 7.4.33 Disable Function : NONE Directory : /home/vapecompany/www/wp-content/themes/vapor/css/ |
Upload File : |
/* Project Name : Mountain Biking Author Company : Ewebcraft Project Date: 16 June, 2015 Author Website : http://www.ewebcraft.com Author Email : ewebcraft@gmail.com */ #loader { background: #2F3030; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index:99999; } /* Smoke container */ #smoke { position: absolute; z-index: 3; width: 1px; height: 160px; margin-top: -80px; left: 50%; top: 50%; } /* No animations? Display a static smoke image */ /* smoke balls */ #smoke span { display: block; position: absolute; bottom: -35px; left: 50%; margin-left: -20px; height: 0px; width: 0px; border: 35px solid rgba(255,255,255,0.3); border-radius: 35px; left: -14px; opacity: 0; transform: scale(0.2); } /* Smoke animation */ @-webkit-keyframes smokeL { 0% { -moz-transform: scale(0.2) translate(0, 0); -ms-transform: scale(0.2) translate(0, 0); -webkit-transform: scale(0.2) translate(0, 0); transform: scale(0.2) translate(0, 0); } 10% { opacity: 1; -moz-transform: scale(0.2) translate(0, -5px); -ms-transform: scale(0.2) translate(0, -5px); -webkit-transform: scale(0.2) translate(0, -5px); transform: scale(0.2) translate(0, -5px); } 100% { opacity: 0; -moz-transform: scale(1) translate(-20px, -130px); -ms-transform: scale(1) translate(-20px, -130px); -webkit-transform: scale(1) translate(-20px, -130px); transform: scale(1) translate(-20px, -130px); } } @-moz-keyframes smokeL { 0% { -moz-transform: scale(0.2) translate(0, 0); -ms-transform: scale(0.2) translate(0, 0); -webkit-transform: scale(0.2) translate(0, 0); transform: scale(0.2) translate(0, 0); } 10% { opacity: 1; -moz-transform: scale(0.2) translate(0, -5px); -ms-transform: scale(0.2) translate(0, -5px); -webkit-transform: scale(0.2) translate(0, -5px); transform: scale(0.2) translate(0, -5px); } 100% { opacity: 0; -moz-transform: scale(1) translate(-20px, -130px); -ms-transform: scale(1) translate(-20px, -130px); -webkit-transform: scale(1) translate(-20px, -130px); transform: scale(1) translate(-20px, -130px); } } @-o-keyframes smokeL { 0% { -moz-transform: scale(0.2) translate(0, 0); -ms-transform: scale(0.2) translate(0, 0); -webkit-transform: scale(0.2) translate(0, 0); transform: scale(0.2) translate(0, 0); } 10% { opacity: 1; -moz-transform: scale(0.2) translate(0, -5px); -ms-transform: scale(0.2) translate(0, -5px); -webkit-transform: scale(0.2) translate(0, -5px); transform: scale(0.2) translate(0, -5px); } 100% { opacity: 0; -moz-transform: scale(1) translate(-20px, -130px); -ms-transform: scale(1) translate(-20px, -130px); -webkit-transform: scale(1) translate(-20px, -130px); transform: scale(1) translate(-20px, -130px); } } @keyframes smokeL { 0% { -moz-transform: scale(0.2) translate(0, 0); -ms-transform: scale(0.2) translate(0, 0); -webkit-transform: scale(0.2) translate(0, 0); transform: scale(0.2) translate(0, 0); } 10% { opacity: 1; -moz-transform: scale(0.2) translate(0, -5px); -ms-transform: scale(0.2) translate(0, -5px); -webkit-transform: scale(0.2) translate(0, -5px); transform: scale(0.2) translate(0, -5px); } 100% { opacity: 0; -moz-transform: scale(1) translate(-20px, -130px); -ms-transform: scale(1) translate(-20px, -130px); -webkit-transform: scale(1) translate(-20px, -130px); transform: scale(1) translate(-20px, -130px); } } @-webkit-keyframes smokeR { 0% { -moz-transform: scale(0.2) translate(0, 0); -ms-transform: scale(0.2) translate(0, 0); -webkit-transform: scale(0.2) translate(0, 0); transform: scale(0.2) translate(0, 0); } 10% { opacity: 1; -moz-transform: scale(0.2) translate(0, -5px); -ms-transform: scale(0.2) translate(0, -5px); -webkit-transform: scale(0.2) translate(0, -5px); transform: scale(0.2) translate(0, -5px); } 100% { opacity: 0; -moz-transform: scale(1) translate(20px, -130px); -ms-transform: scale(1) translate(20px, -130px); -webkit-transform: scale(1) translate(20px, -130px); transform: scale(1) translate(20px, -130px); } } @-moz-keyframes smokeR { 0% { -moz-transform: scale(0.2) translate(0, 0); -ms-transform: scale(0.2) translate(0, 0); -webkit-transform: scale(0.2) translate(0, 0); transform: scale(0.2) translate(0, 0); } 10% { opacity: 1; -moz-transform: scale(0.2) translate(0, -5px); -ms-transform: scale(0.2) translate(0, -5px); -webkit-transform: scale(0.2) translate(0, -5px); transform: scale(0.2) translate(0, -5px); } 100% { opacity: 0; -moz-transform: scale(1) translate(20px, -130px); -ms-transform: scale(1) translate(20px, -130px); -webkit-transform: scale(1) translate(20px, -130px); transform: scale(1) translate(20px, -130px); } } @-o-keyframes smokeR { 0% { -moz-transform: scale(0.2) translate(0, 0); -ms-transform: scale(0.2) translate(0, 0); -webkit-transform: scale(0.2) translate(0, 0); transform: scale(0.2) translate(0, 0); } 10% { opacity: 1; -moz-transform: scale(0.2) translate(0, -5px); -ms-transform: scale(0.2) translate(0, -5px); -webkit-transform: scale(0.2) translate(0, -5px); transform: scale(0.2) translate(0, -5px); } 100% { opacity: 0; -moz-transform: scale(1) translate(20px, -130px); -ms-transform: scale(1) translate(20px, -130px); -webkit-transform: scale(1) translate(20px, -130px); transform: scale(1) translate(20px, -130px); } } @keyframes smokeR { 0% { -moz-transform: scale(0.2) translate(0, 0); -ms-transform: scale(0.2) translate(0, 0); -webkit-transform: scale(0.2) translate(0, 0); transform: scale(0.2) translate(0, 0); } 10% { opacity: 1; -moz-transform: scale(0.2) translate(0, -5px); -ms-transform: scale(0.2) translate(0, -5px); -webkit-transform: scale(0.2) translate(0, -5px); transform: scale(0.2) translate(0, -5px); } 100% { opacity: 0; -moz-transform: scale(1) translate(20px, -130px); -ms-transform: scale(1) translate(20px, -130px); -webkit-transform: scale(1) translate(20px, -130px); transform: scale(1) translate(20px, -130px); } } #smoke .s0 { -webkit-animation: smokeL 10s 0s infinite; -moz-animation: smokeL 10s 0s infinite; -o-animation: smokeL 10s 0s infinite; animation: smokeL 10s 0s infinite; } #smoke .s1 { -webkit-animation: smokeR 10s 1s infinite; -moz-animation: smokeR 10s 1s infinite; -o-animation: smokeR 10s 1s infinite; animation: smokeR 10s 1s infinite; } #smoke .s2 { -webkit-animation: smokeL 10s 2s infinite; -moz-animation: smokeL 10s 2s infinite; -o-animation: smokeL 10s 2s infinite; animation: smokeL 10s 2s infinite; } #smoke .s3 { -webkit-animation: smokeR 10s 3s infinite; -moz-animation: smokeR 10s 3s infinite; -o-animation: smokeR 10s 3s infinite; animation: smokeR 10s 3s infinite; } #smoke .s4 { -webkit-animation: smokeL 10s 4s infinite; -moz-animation: smokeL 10s 4s infinite; -o-animation: smokeL 10s 4s infinite; animation: smokeL 10s 4s infinite; } #smoke .s5 { -webkit-animation: smokeR 10s 5s infinite; -moz-animation: smokeR 10s 5s infinite; -o-animation: smokeR 10s 5s infinite; animation: smokeR 10s 5s infinite; } #smoke .s6 { -webkit-animation: smokeL 10s 6s infinite; -moz-animation: smokeL 10s 6s infinite; -o-animation: smokeL 10s 6s infinite; animation: smokeL 10s 6s infinite; } #smoke .s7 { -webkit-animation: smokeR 10s 7s infinite; -moz-animation: smokeR 10s 7s infinite; -o-animation: smokeR 10s 7s infinite; animation: smokeR 10s 7s infinite; } #smoke .s8 { -webkit-animation: smokeL 10s 8s infinite; -moz-animation: smokeL 10s 8s infinite; -o-animation: smokeL 10s 8s infinite; animation: smokeL 10s 8s infinite; } #smoke .s9 { -webkit-animation: smokeR 10s 9s infinite; -moz-animation: smokeR 10s 9s infinite; -o-animation: smokeR 10s 9s infinite; animation: smokeR 10s 9s infinite; }