Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
AroriaNetwork
GitHub Repository: AroriaNetwork/3kho-backup
 Path: blob/main/projects/stack-bump-3d/styles.css
1834 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
.webgl-content .logo,

14
.progress,

15
.text {

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("logo.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: 80px;

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
.webgl-content .text {

47
    margin-top: 110px;

48
    color: #fff;

49
    font-weight: 700;

50
}

51
.webgl-content .spinner {

52
    vertical-align: middle;

53
}

54
.webgl-content .logo.Dark {

55
    background-image: url(../TemplateData/y8-logo.png);

56
    width: 206px;

57
    height: 130px;

58
    margin: 0 auto;

59
    background-size: 206px 130px;

60
}

61
.webgl-content .progress.Dark .empty {

62
    background: #000;

63
}

64
.webgl-content .progress.Dark .full {

65
    background: red;

66
}

67
.webgl-content .footer {

68
    margin-top: 5px;

69
    height: 38px;

70
    line-height: 38px;

71
    font-family: Helvetica, Verdana, Arial, sans-serif;

72
    font-size: 18px;

73
    background: #fff;

74
}

75
.webgl-content .footer .webgl-logo,

76
.title,

77
.fullscreen {

78
    height: 100%;

79
    display: inline-block;

80
    background: transparent center no-repeat;

81
}

82
.webgl-content .footer .webgl-logo {

83
    background-image: url(webgl-logo.png);

84
    width: 204px;

85
    float: left;

86
}

87
.webgl-content .footer .title {

88
    margin-right: 10px;

89
    float: right;

90
}

91
.webgl-content .footer .fullscreen {

92
    background-image: url(fullscreen.png);

93
    width: 38px;

94
    float: right;

95
}

96
.webgl-content #gameContainer {

97
    background: #4d4d4d !important;

98
}

99
.webgl-content .footer {

100
    background: #222;

101
    font-family: Helvetica, Verdana, Arial, sans-serif;

102
    height: 40px;

103
    line-height: 40px;

104
    margin: 0;

105
}

106
.webgl-content .footer .webgl-logo,

107
.title,

108
.fullscreen {

109
    background: transparent center no-repeat;

110
    display: inline-block;

111
    height: 100%;

112
}

113
.webgl-content .footer .unity,

114
.webgl-content .footer .webgl {

115
    box-sizing: border-box;

116
    background-position: 10px center;

117
    background-repeat: no-repeat;

118
    background-size: 46px 18px;

119
    height: 40px;

120
    float: left;

121
    padding: 0 10px;

122
    width: 66px;

123
}

124
.webgl-content .footer .unity.enable {

125
    background-image: url(unity-enable.png);

126
}

127
.webgl-content .footer .unity.disable {

128
    background-image: url(unity-disable.png);

129
}

130
.webgl-content .footer .webgl.enable {

131
    background-image: url(webgl-enable.png);

132
}

133
.webgl-content .footer .webgl.disable {

134
    background-image: url(webgl-disable.png);

135
}

136
.webgl-content .footer .fullscreen {

137
    background-image: url(maximize-icon.png);

138
    background-position: 10px center;

139
    background-repeat: no-repeat;

140
    background-size: 16px;

141
    box-sizing: border-box;

142
    color: #fff;

143
    float: right;

144
    font-size: 12px;

145
    padding: 0 10px 0 36px;

146
    width: auto;

147
}

148
.webgl-content .footer .unity.disable:hover,

149
.webgl-content .footer .webgl.disable:hover,

150
.webgl-content .footer .fullscreen:hover {

151
    background-color: #3e3e3e;

152
    cursor: pointer;

153
}

154


155