43 lines
906 B
CSS
43 lines
906 B
CSS
.bgDiv {
|
|
background-color: #323232;
|
|
position: absolute;
|
|
top: 0%;
|
|
left: 0%;
|
|
width: 100vw;
|
|
height: calc(var(--vh, 1vh) * 100);
|
|
}
|
|
.loadingImg {
|
|
position: absolute;
|
|
top: round(50%, var(--pxDensityPx));
|
|
left: round(50%, var(--pxDensityPx));
|
|
transform: translate(-50%, -50%);
|
|
width: calc(32px * var(--pxDensity));
|
|
height: calc(32px * var(--pxDensity));
|
|
image-rendering: pixelated;
|
|
}
|
|
@keyframes fade-out {
|
|
0% {opacity: 100%;}
|
|
100% {opacity: 0%;}
|
|
}
|
|
#loadingCornerText {
|
|
background-color: transparent;
|
|
color: #ffffff;
|
|
border: none;
|
|
text-align: left;
|
|
position: absolute;
|
|
top: 0%;
|
|
left: 0%;
|
|
cursor: pointer;
|
|
}
|
|
#loadingText {
|
|
position: fixed;
|
|
bottom: 0%;
|
|
left: calc(50vw - min(45vw, 250px));
|
|
width: min(90vw, 500px);
|
|
text-align: center;
|
|
font-size: min(5vmin, 2vmax, 25px);
|
|
display: flex;
|
|
justify-content: center;
|
|
color: #ffffff;
|
|
pointer-events: none;
|
|
} |