File Manager

Viewing File: loader.min.css

.cssload-container {
	margin: -44px -58px;
	width: 117px;
	height: 88px;
	position: absolute;
	left: 50%;
}
.cssload-dot {
	background: rgb(0,0,0);
	border-radius: 50%; 
	width: 50px;
	height: 50px;
	line-height:50px;
	font-size:24px;
	position: absolute;
	bottom: 29px;
	left: 0px;
	transform-origin: center bottom;
		-o-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
		-webkit-transform-origin: center bottom;
		-moz-transform-origin: center bottom;
	animation: cssload-dot 0.69s ease-in-out infinite;
		-o-animation: cssload-dot 0.69s ease-in-out infinite;
		-ms-animation: cssload-dot 0.69s ease-in-out infinite;
		-webkit-animation: cssload-dot 0.69s ease-in-out infinite;
		-moz-animation: cssload-dot 0.69s ease-in-out infinite;
}


.step {
	position: absolute;
	width: 36px;
	height: 36px;
	border-top: 4px solid rgb(0,0,0);
	top: 0;
	right:0;
}



#cssload-s1 { animation: cssload-anim 2.07s linear infinite;
		-o-animation: cssload-anim 2.07s linear infinite;
		-ms-animation: cssload-anim 2.07s linear infinite;
		-webkit-animation: cssload-anim 2.07s linear infinite;
		-moz-animation: cssload-anim 2.07s linear infinite; }
#cssload-s2 { animation: cssload-anim 2.07s linear infinite -0.69s;
		-o-animation: cssload-anim 2.07s linear infinite -0.69s;
		-ms-animation: cssload-anim 2.07s linear infinite -0.69s;
		-webkit-animation: cssload-anim 2.07s linear infinite -0.69s;
		-moz-animation: cssload-anim 2.07s linear infinite -0.69s; }
#cssload-s3 { animation: cssload-anim 2.07s linear infinite -1.38s;
		-o-animation: cssload-anim 2.07s linear infinite -1.38s;
		-ms-animation: cssload-anim 2.07s linear infinite -1.38s;
		-webkit-animation: cssload-anim 2.07s linear infinite -1.38s;
		-moz-animation: cssload-anim 2.07s linear infinite -1.38s; }

@keyframes cssload-dot {
 0% { transform: scale(1,.7); }
 20% { transform: scale(.7,1.2); }
 40% { transform: scale(1,1);} 
 50% { bottom: 97px;} 
 46% { transform: scale(1,1);} 
 80% { transform: scale(.7,1.2);} 
 90% { transform: scale(.7,1.2);} 
 100% { transform: scale(1,0.7);}
}

@-o-keyframes cssload-dot {
 0% { -o-transform: scale(1,.7); }
 20% { -o-transform: scale(.7,1.2); }
 40% { -o-transform: scale(1,1);} 
 50% { bottom: 97px;} 
 46% { -o-transform: scale(1,1);} 
 80% { -o-transform: scale(.7,1.2);} 
 90% { -o-transform: scale(.7,1.2);} 
 100% { -o-transform: scale(1,0.7);}
}

@-ms-keyframes cssload-dot {
 0% { -ms-transform: scale(1,.7); }
 20% { -ms-transform: scale(.7,1.2); }
 40% { -ms-transform: scale(1,1);} 
 50% { bottom: 97px;} 
 46% { -ms-transform: scale(1,1);} 
 80% { -ms-transform: scale(.7,1.2);} 
 90% { -ms-transform: scale(.7,1.2);} 
 100% { -ms-transform: scale(1,0.7);}
}

@-webkit-keyframes cssload-dot {
 0% { -webkit-transform: scale(1,.7); }
 20% { -webkit-transform: scale(.7,1.2); }
 40% { -webkit-transform: scale(1,1);} 
 50% { bottom: 97px;} 
 46% { -webkit-transform: scale(1,1);} 
 80% { -webkit-transform: scale(.7,1.2);} 
 90% { -webkit-transform: scale(.7,1.2);} 
 100% { -webkit-transform: scale(1,0.7);}
}

@-moz-keyframes cssload-dot {
 0% { -moz-transform: scale(1,.7); }
 20% { -moz-transform: scale(.7,1.2); }
 40% { -moz-transform: scale(1,1);} 
 50% { bottom: 97px;} 
 46% { -moz-transform: scale(1,1);} 
 80% { -moz-transform: scale(.7,1.2);} 
 90% { -moz-transform: scale(.7,1.2);} 
 100% { -moz-transform: scale(1,0.7);}
}

@keyframes cssload-anim { 
	0% { 
		opacity: 0;
		top: 0; 
		right: 0; 
	}
	50% { opacity: 1; }
	100% { 
		top: 88px; 
		right: 88px;
		opacity: 0;
	}
}

@-o-keyframes cssload-anim { 
	0% { 
		opacity: 0;
		top: 0; 
		right: 0; 
	}
	50% { opacity: 1; }
	100% { 
		top: 88px; 
		right: 88px;
		opacity: 0;
	}
}

@-ms-keyframes cssload-anim { 
	0% { 
		opacity: 0;
		top: 0; 
		right: 0; 
	}
	50% { opacity: 1; }
	100% { 
		top: 88px; 
		right: 88px;
		opacity: 0;
	}
}

@-webkit-keyframes cssload-anim { 
	0% { 
		opacity: 0;
		top: 0; 
		right: 0; 
	}
	50% { opacity: 1; }
	100% { 
		top: 88px; 
		right: 88px;
		opacity: 0;
	}
}

@-moz-keyframes cssload-anim { 
	0% { 
		opacity: 0;
		top: 0; 
		right: 0; 
	}
	50% { opacity: 1; }
	100% { 
		top: 88px; 
		right: 88px;
		opacity: 0;
	}
}