Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
AroriaNetwork
GitHub Repository: AroriaNetwork/3kho-backup
 Path: blob/main/projects/cubefield/assets/app.css
1835 views
1
body {

2
    background: #000000;

3
    overflow:hidden;

4
    margin: 0;

5
    padding: 0;

6
}

7


8
html

9
{

10
    background: #080808;

11
}

12


13
#gameContainer{

14
    

15
}

16


17
#gui{

18
    

19
    position: absolute;

20
    top:0;

21
    left:0;

22
    /*margin: 1vw;*/

23
    width:100%;

24
    height:100%;

25
    

26
    color:#fff;

27
    text-align: center;

28
    

29
    cursor:default;

30
    z-index: 999999;

31
}

32


33
#splash-logo{

34
    background-image: url('splash.png');

35
    background-repeat: no-repeat;

36
    background-size: cover;

37
    background-position: center;

38
    position:absolute;

39
    width:100%;

40
    height:100%;

41
}

42


43
#sponsor-logo{

44
    display:none;

45
    position: absolute;

46
    right: 10px;

47
    top:10px;

48
    background-image: url('sponsor_logo.png');

49
    background-repeat: no-repeat;

50
    background-size: contain;

51
    background-position:bottom right;

52
    width:20%;

53
    height: 5%;

54
    

55
    cursor:pointer;

56
    cursor:hand;

57
}

58


59
#score-text{

60
    position:absolute;

61
    top:10px;

62
    left:10px;

63
    font-size:4vw;

64
}

65


66


67
#pause-screen{

68
    display:none;

69
    position:absolute;

70
    left:50%;

71
    top:50%;

72
    width:250px;

73
    height:80px;

74
    margin-left:-125px;

75
    margin-top:-40px;

76
    

77
    cursor:pointer;

78
    cursor:hand;

79
}

80


81
#speedup-screen{

82
    display:none;

83
    position:absolute;

84
    left:50%;

85
    top:50%;

86
    width:200px;

87
    height:50px;

88
    margin-left:-100px;

89
    margin-top:-25px;

90
    font-size: 36px;

91
    

92
}

93


94
#start-screen{

95
    display:none;

96
    position: absolute;

97
    /*width: 550px;

98
    height: 360px;*/

99
    

100
    left: 50%;

101
    top: 50%;

102
    margin-left: 0px;

103
    margin-top: -180px;

104
    

105
    

106
    text-align: center;

107
    

108
    width:90%;

109
    max-width: 550px;

110
    height: 90%;

111
    max-height: 360px;

112
}

113


114
#start-screen-top{

115
    height: 45%;

116
}

117
#txt-title{

118
    color: #FFF;

119
    text-align: center;

120
    margin-top: 2px;

121
}

122
#txt-top-score{

123
    position:absolute;

124
    right:10px;

125
    top:120px;

126
    color:#FFF;

127
    text-align: right;

128
    margin-right: 10px;

129
    

130
}

131


132


133
#start-screen-center{

134
    height: 25%;

135
    color:#FFF;

136
    

137
}

138
#start-screen-bottom{

139
    height: 20%;

140
    width:50%;

141
    color:#FFF;

142
    

143
    cursor:pointer;

144
    cursor:hand;

145
}

146
#start-button{

147
    position:absolute;

148
    left:10px;

149
    bottom:10px;

150
    cursor:pointer;

151
    /*cursor:hand;*/

152
}

153


154


155


156


157
.start-screen-child{

158
    width:100%;

159
    display:inline-block;

160
    margin:2px;

161
}

162


163


164
.panel{

165
    border-style:solid;

166
    border-color:#FFF;

167
    border-radius: 15px;

168
    

169
    background:rgba(128, 128, 128, 0.8);

170
}

171


172
.unselectable{

173
    user-select: none;

174
    -moz-user-select: none;

175
    -khtml-user-select: none;

176
    -webkit-user-select: none;

177
    -o-user-select: none;

178
}

179


180
.ui-loader {

181
  display:none !important;

182
}

183