File size: 1,955 Bytes
4c3b17d |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 |
body { padding: 0; margin: 0 }
#unity-container { position: absolute }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { width: 100%; height: 100% }
#unity-canvas { background: #1a1a1a } /* Match the dark background */
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: none;
align-items: center;
flex-direction: column;
gap: 20px;
}
#unity-logo {
width: 64px;
height: 64px;
position: relative;
background-image:
linear-gradient(#ffffff 16px, transparent 0),
linear-gradient(#ffffff 16px, transparent 0),
linear-gradient(#ffffff 16px, transparent 0),
linear-gradient(#ffffff 16px, transparent 0);
background-repeat: no-repeat;
background-size: 16px 16px;
background-position: left top, left bottom, right top, right bottom;
animation: rotate 1s linear infinite;
}
@keyframes rotate {
0% {
width: 64px;
height: 64px;
transform: rotate(0deg);
}
50% {
width: 30px;
height: 30px;
transform: rotate(180deg);
}
100% {
width: 64px;
height: 64px;
transform: rotate(360deg);
}
}
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('webgl-logo.png') no-repeat center }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px; color: #ffffff; }
#unity-fullscreen-button { float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: #1a1a1a; padding: 10px; display: none; color: #ffffff; }
|