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: jet_pack_man.css

.jet-pack-man-body {
	position: absolute;
	top: 50%;
	margin-left: -50px;
	left: 50%;
	animation: speeder .4s linear infinite;
}

.jet-pack-man-body > span {
	height: 5px;
	width: 35px;
	background: #fff/*$color*/;
	position: absolute;
	top: -19px;
	left: 60px;
	border-radius: 2px 10px 1px 0;
}

.jet-pack-man-base span {
	position: absolute;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-right: 100px solid #fff/*$color*/;
	border-bottom: 6px solid transparent;
}

.jet-pack-man-base span:after {
	content: "";
	height: 22px;
	width: 22px;
	border-radius: 50%;
	background: #fff/*$color*/;
	position: absolute;
	right: -110px;
	top: -16px;
}

.jet-pack-man-base span:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 0 solid transparent;
	border-right: 55px solid #fff/*$color*/;
	border-bottom: 16px solid transparent;
	top: -16px;
	right: -98px;
}

.jet-pack-man-face {
	position: absolute;
	height: 12px;
	width: 20px;
	background: #fff/*$color*/;
	border-radius: 20px 20px 0 0;
	transform: rotate(-40deg);
	right: -125px;
	top: -15px;
}

.jet-pack-man-face:after {
	content: "";
	height: 12px;
	width: 12px;
	background: #fff/*$color*/;
	right: 4px;
	top: 7px;
	position: absolute;
	transform: rotate(40deg);
	transform-origin: 50% 50%;
	border-radius: 0 0 0 2px;
}

.jet-pack-man-body > span > span:nth-child(1),
.jet-pack-man-body > span > span:nth-child(2),
.jet-pack-man-body > span > span:nth-child(3),
.jet-pack-man-body > span > span:nth-child(4){
	width: 30px;
	height: 1px;
	background: #fff/*$color*/;
	position: absolute;
	animation: fazer1 .2s linear infinite;
}

.jet-pack-man-body > span > span:nth-child(2) {
	top: 3px;
	animation: fazer2 .4s linear infinite;
}

.jet-pack-man-body > span > span:nth-child(3) {
	top: 1px;
	animation: fazer3 .4s linear infinite;
	animation-delay: -1s;
}

.jet-pack-man-body > span > span:nth-child(4) {
	top: 4px;
	animation: fazer4 1s linear infinite;
	animation-delay: -1s;
}

@keyframes fazer1 {0% {left: 0;} 100% {left: -80px;opacity: 0;}}

@keyframes fazer2 {0% {left: 0;} 100% {left: -100px;opacity: 0;}}

@keyframes fazer3 {0% {left: 0;} 100% {left: -50px;opacity: 0;}}

@keyframes fazer4 {0% {left: 0;} 100% {left: -150px;opacity: 0;}}

@keyframes speeder {
	0% { transform: translate(2px, 1px) rotate(0deg); }
	10% { transform: translate(-1px, -3px) rotate(-1deg); }
	20% { transform: translate(-2px, 0px) rotate(1deg); }
	30% { transform: translate(1px, 2px) rotate(0deg); }
	40% { transform: translate(1px, -1px) rotate(1deg); }
	50% { transform: translate(-1px, 3px) rotate(-1deg); }
	60% { transform: translate(-1px, 1px) rotate(0deg); }
	70% { transform: translate(3px, 1px) rotate(-1deg); }
	80% { transform: translate(-2px, -1px) rotate(1deg); }
	90% { transform: translate(2px, 1px) rotate(0deg); }
	100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.longfazers {
	position: absolute;
	width: 100%;
	height: 100%;
}

.longfazers span {
	position: absolute;
	height: 2px;
	width: 20%;
	background: #fff/*$color*/;
}

.longfazers span:nth-child(1) {
	top: 20%;
	animation: lf .6s linear infinite;
	animation-delay: -5s;
}

.longfazers span:nth-child(2) {
	top: 40%;
	animation: lf2 .8s linear infinite;
	animation-delay: -1s;
}

.longfazers span:nth-child(3) {
	top: 60%;
	animation: lf3 .6s linear infinite;
}

.longfazers span:nth-child(4) {
	top: 80%;
	animation: lf4 .5s linear infinite;
	animation-delay: -3s;
}

@keyframes lf {0% {left: 200%;} 100% {left: -200%;opacity: 0;}}
@keyframes lf2 {0% {left: 200%;} 100% {left: -200%;opacity: 0;}}
@keyframes lf3 {0% {left: 200%;} 100% {left: -100%;opacity: 0;}}
@keyframes lf4 {0% {left: 200%;} 100% {left: -100%;opacity: 0;}}

X7ROOT File Manager

Editing: jet_pack_man.css

Upload File

Create Folder