|
Server IP : 103.53.40.154 / Your IP : 3.145.33.230 Web Server : Apache System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : ppcad7no ( 715) PHP Version : 8.2.25 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/ppcad7no/bethepolice.in/../snackpoint.co.nz/images/../css/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
.sonny_progressbar {
margin-bottom: 20px;
}
.sonny_progressbar p.title {
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 5px 0;
}
.sonny_progressbar .bar-container {
position: relative;
height: 40px;
}
.sonny_progressbar .bar-container.shadow {
-moz-box-shadow: 0px 5px 7px -3px rgba(0,0,0,.5);
-webkit-box-shadow: 0px 5px 7px -3px rgba(0,0,0,.5);
box-shadow: 0px 5px 7px -3px rgba(0,0,0,.5);
}
.sonny_progressbar .backgroundBar {
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
}
.sonny_progressbar .bar {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.sonny_progressbar .targetBar {
position: absolute;
top: 0;
left: 0;
height: 100%;
-webkit-animation: Animation 2s infinite ease-in-out;
-moz-animation: Animation 2s infinite ease-in-out;
animation: Animation 2s infinite ease-in-out;
}
.sonny_progressbar .targetBar.loader {
-webkit-animation: AnimationB 4s infinite ease-in-out;
-moz-animation: AnimationB 4s infinite ease-in-out;
animation: AnimationB 4s infinite ease-in-out;
}
.sonny_progressbar .bar-container.border .bar, .sonny_progressbar .bar-container.border .targetBar, .sonny_progressbar .bar-container.border .backgroundBar {
border-bottom: 3px solid rgba(0,0,0,.2);
}
.sonny_progressbar .progress-percent {
font-family: Montserrat, sans-serif;
font-size: 16px;
position: absolute;
right: 15px;
}
@keyframes Animation {
0% { opacity:.4; }
50% { opacity:1; }
100% { opacity:.4; }
}
@-moz-keyframes Animation{
0% { opacity:.4; }
50% { opacity:1; }
100% { opacity:.4; }
}
@-webkit-keyframes Animation{
0% { opacity:.4; }
50% { opacity:1; }
100% { opacity:.4; }
}
@keyframes AnimationB {
0% { opacity:.01; }
50% { opacity:.1; }
100% { opacity:.01; }
}
@-moz-keyframes AnimationB {
0% { opacity:.01; }
50% { opacity:.1; }
100% { opacity:.01; }
}
@-webkit-keyframes AnimationB {
0% { opacity:.01; }
50% { opacity:.1; }
100% { opacity:.01; }
}