mirror of
https://github.com/streamxstream/xStreamRepoWeb.git
synced 2026-04-21 09:51:33 +00:00
92 lines
2.5 KiB
CSS
92 lines
2.5 KiB
CSS
#loader-wrapper {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1000;
|
|
background: #fff;
|
|
}
|
|
#loader {
|
|
display: block;
|
|
position: relative;
|
|
left: 50%;
|
|
top: 50%;
|
|
width: 150px;
|
|
height: 150px;
|
|
margin: -75px 0 0 -75px;
|
|
border-top-color: #3498db;
|
|
z-index: 1001;
|
|
}
|
|
|
|
|
|
.sk-spinner-cube-grid.sk-spinner {
|
|
width: 30px;
|
|
height: 30px;
|
|
margin: 0 auto; }
|
|
.sk-spinner-cube-grid .sk-cube {
|
|
width: 33%;
|
|
height: 33%;
|
|
background-color: #333;
|
|
float: left;
|
|
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
|
|
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
|
|
.sk-spinner-cube-grid .sk-cube:nth-child(1) {
|
|
-webkit-animation-delay: 0.2s;
|
|
animation-delay: 0.2s; }
|
|
.sk-spinner-cube-grid .sk-cube:nth-child(2) {
|
|
-webkit-animation-delay: 0.3s;
|
|
animation-delay: 0.3s; }
|
|
.sk-spinner-cube-grid .sk-cube:nth-child(3) {
|
|
-webkit-animation-delay: 0.4s;
|
|
animation-delay: 0.4s; }
|
|
.sk-spinner-cube-grid .sk-cube:nth-child(4) {
|
|
-webkit-animation-delay: 0.1s;
|
|
animation-delay: 0.1s; }
|
|
.sk-spinner-cube-grid .sk-cube:nth-child(5) {
|
|
-webkit-animation-delay: 0.2s;
|
|
animation-delay: 0.2s; }
|
|
.sk-spinner-cube-grid .sk-cube:nth-child(6) {
|
|
-webkit-animation-delay: 0.3s;
|
|
animation-delay: 0.3s; }
|
|
.sk-spinner-cube-grid .sk-cube:nth-child(7) {
|
|
-webkit-animation-delay: 0s;
|
|
animation-delay: 0s; }
|
|
.sk-spinner-cube-grid .sk-cube:nth-child(8) {
|
|
-webkit-animation-delay: 0.1s;
|
|
animation-delay: 0.1s; }
|
|
.sk-spinner-cube-grid .sk-cube:nth-child(9) {
|
|
-webkit-animation-delay: 0.2s;
|
|
animation-delay: 0.2s; }
|
|
|
|
@-webkit-keyframes sk-cubeGridScaleDelay {
|
|
0%, 70%, 100% {
|
|
-webkit-transform: scale3D(1, 1, 1);
|
|
transform: scale3D(1, 1, 1); }
|
|
|
|
35% {
|
|
-webkit-transform: scale3D(0, 0, 1);
|
|
transform: scale3D(0, 0, 1); } }
|
|
|
|
@keyframes sk-cubeGridScaleDelay {
|
|
0%, 70%, 100% {
|
|
-webkit-transform: scale3D(1, 1, 1);
|
|
transform: scale3D(1, 1, 1); }
|
|
|
|
35% {
|
|
-webkit-transform: scale3D(0, 0, 1);
|
|
transform: scale3D(0, 0, 1); } }
|
|
|
|
|
|
/* Loaded */
|
|
.loaded #loader {
|
|
opacity: 0;
|
|
-webkit-transition: all 1.3s ease-out;
|
|
transition: all 1.3s ease-out;
|
|
}
|
|
.loaded #loader-wrapper {
|
|
visibility: hidden;
|
|
-webkit-transition: all 0.9s ease-out;
|
|
transition: all 0.9s ease-out;
|
|
}
|
|
|