Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
mamayaya1
GitHub Repository: mamayaya1/game
Path: blob/main/projects/drift-hunters/style.css
4626 views
1
body {
2
margin: 0;
3
padding: 0;
4
}
5
.webgl-content * {
6
border: 0;
7
margin: 0;
8
padding: 0;
9
}
10
.webgl-content {
11
position: absolute;
12
}
13
.webgl-content,
14
#gameContainer,
15
#unityContainer,
16
canvas {
17
width: 100% !important;
18
height: 100% !important;
19
}
20
.webgl-content .logo,
21
.progress {
22
position: absolute;
23
left: 50%;
24
top: 50%;
25
-webkit-transform: translate(-50%, -50%);
26
transform: translate(-50%, -50%);
27
}
28
.webgl-content .logo {
29
background: url("progressLogo.Light.png") no-repeat center/contain;
30
width: 354px;
31
height: 130px;
32
}
33
.webgl-content .progress {
34
height: 18px;
35
width: 141px;
36
margin-top: 90px;
37
}
38
.webgl-content .progress .empty {
39
background: url("progressEmpty.Light.png") no-repeat right/cover;
40
float: right;
41
width: 100%;
42
height: 100%;
43
display: inline-block;
44
}
45
.webgl-content .progress .full {
46
background: url("progressFull.Light.png") no-repeat left/cover;
47
float: left;
48
width: 0%;
49
height: 100%;
50
display: inline-block;
51
}
52
.webgl-content .logo.Dark {
53
background-image: url(progressLogo.Dark.png);
54
}
55
.webgl-content .progress.Dark .empty {
56
background-image: url(progressEmpty.Dark.png);
57
}
58
.webgl-content .progress.Dark .full {
59
background-image: url(progressFull.Dark.png);
60
}
61
.webgl-content .footer {
62
margin-top: 5px;
63
height: 38px;
64
line-height: 38px;
65
font-family: Helvetica, Verdana, Arial, sans-serif;
66
font-size: 18px;
67
}
68
.webgl-content .footer .webgl-logo,
69
.title,
70
.fullscreen {
71
height: 100%;
72
display: inline-block;
73
background: transparent center no-repeat;
74
}
75
.webgl-content .footer .webgl-logo {
76
background-image: url(webgl-logo.png);
77
width: 204px;
78
float: left;
79
}
80
.webgl-content .footer .title {
81
margin-right: 10px;
82
float: right;
83
}
84
.webgl-content .footer .fullscreen {
85
background-image: url(fullscreen.png);
86
width: 38px;
87
float: right;
88
}
89