Loading

by Fiddel

HTML

<div class="loading""></div>

CSS

/*main.umm .wrapper.umm~.ummSolrContent.loading:after {*/
.loading:after {
content: "";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

display: block;
	width: 50px;
	height: 50px;
	margin: 0 auto;

background-color:#fff;
	border-width: 0 7px 0 0;
	border-style: solid;
	border-color: #003d85;
	border-radius: 50%;
	
    position: fixed;
    top: 45%;
    left: 48.75%;
    box-shadow: 0 12px 50px 0 rgba(11,11,11,.8);
    z-index: 1;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
		
	
	-webkit-animation: spin 1s infinite linear;
	animation: spin 1s infinite linear;
}
@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}