body { background-color: #1b1c1d; } .fg-loader, .fg-loader:after { border-radius: 50%; width: 7em; height: 7em; } .fg-loader { font-size: 10px; position: relative; border-top: 1em solid rgba(255, 255, 255, 0.2); border-right: 1em solid rgba(255, 255, 255, 0.2); border-bottom: 1em solid rgba(255, 255, 255, 0.2); border-left: 1em solid #ffffff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fg-loader-center { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 100px; height: 100px; } .fg-loader-text { color: rgba(255, 255, 255, 0.8); } .ie9-main { display: none; } .showTest { display: none; }

Good things are happening...