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