File Manager - BorneoXploit

Editing: style.loaders.css

/*
AJAX SEARCH PRO FOR WORDPRESS PLUGIN LOADERS CSS

This file is NOT included as a whole in the header! The generator script only picks the loaders in use
for better page performance and less CSS code.

@since 4.6
*/

/*
!!WARNING!!

DO NOT MODIFY THIS FILE! CHANGING THIS FILE MAY LEAD TO PLUGIN MALFUNCTION!!
FOR CUSTOM CSS USE THE PLUGIN THEME OPTIONS->CUSTOM CSS PANEL.
*/

/*[general]*/
div[id*='ajaxsearchpro'] div.asp_loader,
div[id*='ajaxsearchpro'] div.asp_loader * {
    /* display: none; */
    box-sizing: border-box !important;
    margin: 0;
    padding: 0;
    /* vertical-align: middle !important; */
    box-shadow: none;
}

div[id*='ajaxsearchpro'] div.asp_loader {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis:28px;
    max-width: 100%;
    max-height: 100%;
    align-items: center;
    justify-content: center;
}

div[id*='ajaxsearchpro'] div.asp_loader-inner {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    /* vertical-align: text-top; */
    height: 100%;
}
/*[general]*/
/*[backend]*/
#wpdreams div.asp_loader {
    width: 34px;
    height: 34px;
}
/*[backend]*/
/*[simple-circle]*/
@-webkit-keyframes rotate-simple {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }

50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }

100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }

@keyframes rotate-simple {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }

50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }

100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }
div[id*='ajaxsearchpro'] div.asp_simple-circle {
    margin: 0;
    height: 100%;
    width: 100%;
    animation: rotate-simple 0.8s infinite linear;
    -webkit-animation: rotate-simple 0.8s infinite linear;
    border: 4px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    box-sizing: border-box;
}
/*[simple-circle]*/
/*[ball-pulse]*/
@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1; }

45% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0.7; }

80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1; } }
@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1; }

45% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0.7; }

80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1; } }
 
div[id*='ajaxsearchpro'] div.asp_ball-pulse > div:nth-child(0) {
    -webkit-animation: scale 0.75s -0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale 0.75s -0.36s infinite cubic-bezier(.2, .68, .18, 1.08); }
div[id*='ajaxsearchpro'] div.asp_ball-pulse > div:nth-child(1) {
    -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale 0.75s -0.24s infinite cubic-bezier(.2, .68, .18, 1.08); }
div[id*='ajaxsearchpro'] div.asp_ball-pulse > div:nth-child(2) {
    -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale 0.75s -0.12s infinite cubic-bezier(.2, .68, .18, 1.08); }
div[id*='ajaxsearchpro'] div.asp_ball-pulse > div:nth-child(3) {
    -webkit-animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08); }
div[id*='ajaxsearchpro'] div.asp_ball-pulse > div {
    background-color: #fff;
    width: 20%;
    height: 20%;
    border-radius: 100%;
    margin: 0;
    margin-top: 40%;
    margin-left: 10%;
    float: left;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: block;
    vertical-align: text-top;
}
/*[ball-pulse]*/
/*[ball-pulse-sync]*/
@-webkit-keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%); }

66% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%); }

100% {
        -webkit-transform: translateY(0);
        transform: translateY(0); } }

@keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(50%);
        transform: translateY(50%); }

66% {
        -webkit-transform: translateY(50%);
        transform: translateY(50%); }

100% {
        -webkit-transform: translateY(0);
        transform: translateY(0); } }

div[id*='ajaxsearchpro'] div.asp_ball-pulse-sync {
    height: 20%;
}

div[id*='ajaxsearchpro'] div.asp_ball-pulse-sync > div:nth-child(0) {
    -webkit-animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out; }
div[id*='ajaxsearchpro'] div.asp_ball-pulse-sync > div:nth-child(1) {
    -webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
}
div[id*='ajaxsearchpro'] div.asp_ball-pulse-sync > div:nth-child(2) {
    -webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; }
div[id*='ajaxsearchpro'] div.asp_ball-pulse-sync > div:nth-child(3) {
    -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; }
div[id*='ajaxsearchpro'] div.asp_ball-pulse-sync > div {
    background-color: #fff;
    width: 20%;
    margin-left: 10%;
    height: 100%;
    vertical-align: top;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: block;
    float: left;
}
/*[ball-pulse-sync]*/
/*[ball-scale]*/
@-webkit-keyframes ball-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0); }

100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0; } }

@keyframes ball-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0); }

100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0; } }

div[id*='ajaxsearchpro'] div.asp_ball-scale > div {
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    height: 100%;
    width: 100%;
    -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
    animation: ball-scale 1s 0s ease-in-out infinite; }
/*[ball-scale]*/
/*[ball-rotate]*/
@-webkit-keyframes rotate-simple {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }

50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }

100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }

@keyframes rotate-simple {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }

50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }

100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }

div[id*='ajaxsearchpro'] div.asp_ball-rotate {
    position: relative;
    width: 100%;
    width: 100%; }
div[id*='ajaxsearchpro'] div.asp_ball-rotate > div {
    background-color: #fff;
    width: 20%;
    height: 20%;
    border-radius: 100%;
    margin-left: 40%;
    margin-top: 40%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: relative; }
div[id*='ajaxsearchpro'] div.asp_ball-rotate > div:first-child {
    -webkit-animation: rotate-simple 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite;
    animation: rotate-simple 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite; }
div[id*='ajaxsearchpro'] div.asp_ball-rotate > div:before, .ball-rotate > div:after {
    background-color: #fff;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    margin: 0;
    content: "";
    position: absolute;
    opacity: 0.8; }
div[id*='ajaxsearchpro'] div.asp_ball-rotate > div:before {
    top: 0px;
    left: -150%; }
div[id*='ajaxsearchpro'] div.asp_ball-rotate > div:after {
    top: 0px;
    left: 150%; }
/*[ball-rotate]*/
/*[ball-simple-rotate]*/
@-webkit-keyframes rotate-simple {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1); }

50% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1); }

100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1); } }

@keyframes rotate-simple {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1); }

50% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1); }

100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1); } }

@keyframes rotate-pulse {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1); }

50% {
        -webkit-transform: rotate(180deg) scale(0.6);
        transform: rotate(180deg) scale(0.6); }

100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1); } }

div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate > div,
div[id*='ajaxsearchpro'] div.asp_ball-simple-rotate > div {
    background-color: #fff;
    border-radius: 100%;
    margin: 9%;    /* LEAVE IT AT 9%, weird bug!! */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    height: 80%;
    width: 80%;
    box-sizing: border-box !important;
    background: transparent !important;
    display: block;
    -webkit-animation: rotate-pulse 0.75s 0s linear infinite;
    animation: rotate-pulse 0.75s 0s linear infinite;
}

div[id*='ajaxsearchpro'] div.asp_ball-simple-rotate > div {
    -webkit-animation: rotate-simple 0.75s 0s linear infinite;
    animation: rotate-simple 0.75s 0s linear infinite;
}

div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-simple,
div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-multiple {
    position: relative;
    width: 100%;
    height: 100%; }
div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-simple > div,
div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-multiple > div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-radius: 100%;
    height: 100%;
    width: 100%;
    -webkit-animation: rotate-pulse 1s 0s ease-in-out infinite;
    animation: rotate-pulse 1s 0s ease-in-out infinite; }
div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-simple > div:last-child,
div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-multiple > div:last-child {
    display: inline-block;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    margin-top: -25%;
    margin-left: -25%;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    border-color: #fff transparent #fff transparent;
    -webkit-animation-direction: reverse;
    animation-direction: reverse; }

div[id*='ajaxsearchpro'] div.asp_ball-clip-rotate-simple > div {
    -webkit-animation: rotate-simple 1s 0s ease-in-out infinite;
    animation: rotate-simple 1s 0s ease-in-out infinite;
}
/*[ball-simple-rotate]*/
/*[ball-clip-rotate]*/
@-webkit-keyframes rotate-simple {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }