43 lines
858 B
CSS
43 lines
858 B
CSS
.bgDiv {
|
|
background-color: #323232;
|
|
position: absolute;
|
|
top: 0%;
|
|
left: 0%;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
}
|
|
.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%;}
|
|
}
|
|
/* custom pixel 3x5 font */
|
|
#loadingCornerText {
|
|
background-color: transparent;
|
|
color: #ffffff;
|
|
border: none;
|
|
text-align: left;
|
|
position: absolute;
|
|
top: 0%;
|
|
left: 0%;
|
|
cursor: pointer;
|
|
}
|
|
#loadingText {
|
|
position: absolute;
|
|
bottom: 0%;
|
|
left: calc(50% - 45vw);
|
|
width: 90vw;
|
|
text-align: center;
|
|
font-size: 1.5rem;
|
|
word-break: break-word;
|
|
display: flex;
|
|
justify-content: center;
|
|
} |