[Help] Loading CSS

[OxfordMiha 0]

Hello
I tried to add an CSS Loading screen but it doesn't work, when i put it the header have a big empty space.
Can someone Help me?

CODE:

 
HTML: <div class="spinner"></div>
CSS: 

.spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #333;

  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}

[Jeffrey 366]

Are you trying to load a CSS file via your main directory on IPS? Try taking the CSS code, adding it to your custom.css, inside your theme, and use the div class again.