Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
TheGameCenter
GitHub Repository: TheGameCenter/TheGameCenter.github.io
 Path: blob/main/assets/css/slope2.css
7020 views
1
.webgl-content * {border: 0; margin: 0; padding: 0}

2
.webgl-content {top: 0; left: 0;}

3


4
.webgl-content .logo, .progress {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

5
.webgl-content .logo {background: url('progressLogo.Light.png') no-repeat center / contain; width: 154px; height: 130px;}

6
.webgl-content .progress {height: 18px; width: 141px; margin-top: 90px;}

7
.webgl-content .progress .empty {background: url('progressEmpty.Light.png') no-repeat right / cover; float: right; width: 100%; height: 100%; display: inline-block;}

8
.webgl-content .progress .full {background: url('progressFull.Light.png') no-repeat left / cover; float: left; width: 0%; height: 100%; display: inline-block;}

9


10
.webgl-content .logo.Dark {background-image: url('progressLogo.Dark.png');}

11
.webgl-content .progress.Dark .empty {background-image: url('progressEmpty.Dark.png');}

12
.webgl-content .progress.Dark .full {background-image: url('progressFull.Dark.png');}

13


14
.webgl-content .footer {margin-top: 5px; height: 38px; line-height: 38px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 18px;} 

15
.webgl-content .footer .webgl-logo, .title, .fullscreen {height: 100%; display: inline-block; background: transparent center no-repeat;} 

16
.webgl-content .footer .webgl-logo {background-image: url('webgl-logo.png'); width: 204px; float: left;}

17
.webgl-content .footer .title {margin-right: 10px; float: right;}

18
.webgl-content .footer .fullscreen {background-image: url('fullscreen.png'); width: 38px; float: right;}

19


20
body, html{

21
    margin:0;

22
    padding:0;

23
}

24


25
#gameContainer canvas{

26
    position:absolute;

27
    transform:translate(-50%, -50%);

28
    top:50%;

29
    left:50%;

30


31
}

32


33
.simmer{

34
    position:absolute;

35
    bottom:10px;

36
    right:10px;

37
    color:#aaa;

38
    font-size:9px;

39
    font-family:sans-serif;

40
    font-family:sans-serif;

41


42
    /*want to remove the simmer branding? uncomment display:none below!*/

43
    /*display:none;*/

44
}

45


46
.simmer a{

47
    color:#cccccc;

48
    text-decoration:none;

49
    font-size:12px;

50
    transition:opacity 3s;

51


52
}

53


54
.simmer a:hover{

55
    color:#fff;

56
    text-decoration:underline;

57
}

58


59
.simmer.hide {

60
    opacity:0;

61
}

62


63


64