DasPoschi/xStreamRepoWeb
1
0
Fork 0
mirror of https://github.com/streamxstream/xStreamRepoWeb.git synced 2026-04-21 09:51:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

- tmdb-helper-files included

Browse Source 
- new design
This commit is contained in:
DWH-WFC
2022-05-05 19:35:22 +02:00
parent 3ebbdabc36
commit 3bcf03ef26
25 changed files with 591 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
css/loader.css Normal file
View File

@@ -0,0 +1,92 @@
#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;
}