1
+ # settingsRow {
2
+ position : fixed;
3
+ bottom : 0 ;
4
+ background-color : grey;
5
+ width : 100% ;
6
+ left : 0 ;
7
+ height : 30px ;
8
+ }
9
+
10
+ # settingsTable {
11
+ width : 100% ;
12
+ }
13
+ # buyCol {
14
+ height : 100% ;
15
+ }
16
+ # wrapper {
17
+ padding : 15px ;
18
+ height : 100% ;
19
+ }
20
+ .thing {
21
+ border : 1px solid black;
22
+ }
23
+ # grid {
24
+ width : 100% ;
25
+ height : 100% ;
26
+ }
27
+ .battleCell {
28
+ width : 10% ;
29
+ height : 10% ;
30
+ }
31
+ .pointer {
32
+ cursor : pointer;
33
+ }
34
+
35
+ .inline {
36
+ display : inline-block;
37
+ }
38
+
39
+ .playerGather {
40
+ font-size : 1.2em ;
41
+ text-align : center;
42
+ width : 100% ;
43
+ height : 96% ;
44
+ border : 1px solid black;
45
+ padding-bottom : 10px ;
46
+ }
47
+ .progress {
48
+ margin-bottom : 0 ;
49
+ }
50
+ .title {
51
+ font-weight : bold;
52
+ font-size : 1.4em ;
53
+ }
54
+ # rightCol {
55
+ height : 100% ;
56
+ }
57
+ # topRow {
58
+ height : 18% ;
59
+ min-height : 180px ;
60
+ }
61
+
62
+ .ownedArea {
63
+ font-size : 1.3em ;
64
+ }
65
+ # bottomRow {
66
+ height : 75% ;
67
+ min-height : 500px ;
68
+ }
69
+ # leftMenu {
70
+ height : 100% ;
71
+ padding : 10px ;
72
+ padding-top : 0 ;
73
+ }
74
+
75
+ .buyTitle {
76
+ font-size : 1.5em ;
77
+ cursor : pointer;
78
+ }
79
+ .colDiv {
80
+ text-align : center;
81
+ font-size : 1.2em ;
82
+ }
83
+ .message {
84
+ display : block;
85
+ margin-top : 5px ;
86
+ font-size : 1.3em ;
87
+ }
88
+ # logContainer {
89
+ margin-top : 10px ;
90
+ width : 100% ;
91
+ border : 2px solid black;
92
+ padding-top : 5px ;
93
+ }
94
+ .titleRow {
95
+ margin : 0 ;
96
+ margin-bottom : 5px ;
97
+ color : black;
98
+ border-bottom : 2px solid black;
99
+ }
100
+ .buyHere {
101
+ height : 150px ;
102
+ padding : 5px ;
103
+ overflow-y : auto;
104
+ }
105
+ .thing {
106
+ display : inline-block;
107
+ width : 30% ;
108
+ padding : 5px ;
109
+ text-align : center;
110
+ background-color : # 5B6073 ;
111
+ color : white;
112
+ font-size : 1.2em ;
113
+ border : 1px solid white;
114
+ }
115
+ .queueItem {
116
+ display : inline-block;
117
+ font-size : .9em ;
118
+ border : 1px solid black;
119
+ cursor : pointer;
120
+ text-align : center;
121
+ padding : 2px ;
122
+ }
123
+ # fireBtn {
124
+ margin-top : 5px ;
125
+ min-width : 60% ;
126
+ padding : 4px ;
127
+ }
128
+ # structuresCollectBtn {
129
+ min-width : 60% ;
130
+ padding : 4px ;
131
+ }
132
+ # scienceCollectBtn {
133
+ min-width : 60% ;
134
+ padding : 4px ;
135
+ }
136
+ # structuresQueue {
137
+ height : 50px ;
138
+ overflow-y : auto;
139
+ }
140
+
141
+ # noQueue {
142
+ font-size : 1.4em ;
143
+ }
144
+ .queueItem : nth-child (0 ){
145
+ border : 1px solid yellow;
146
+ }
147
+ # structures {
148
+ text-align : center;
149
+ }
150
+ .queue {
151
+ padding : 3px ;
152
+ color : black;
153
+ }
154
+ # trimpTrapText {
155
+ font-size : .75em ;
156
+ }
157
+
158
+ .buyBox {
159
+ border : 2px solid black;
160
+ margin : 0 0 5px 0 ;
161
+ }
162
+
163
+ # grid {
164
+ height : 50% ;
165
+ width : 100% ;
166
+ border-top : 0 ;
167
+ text-align : center;
168
+ }
169
+ # mapGrid {
170
+ height : 50% ;
171
+ width : 100% ;
172
+ border-top : 0 ;
173
+ text-align : center;
174
+ }
175
+ .battleCell {
176
+ border : 1px solid black;
177
+ }
178
+ .collecting {
179
+ padding : 6px ;
180
+ }
181
+
182
+ # log {
183
+ margin-top : 5px ;
184
+ height : 25% ;
185
+ max-height : 40% ;
186
+ width : 100% ;
187
+ overflow-y : scroll;
188
+ padding-left : 5px ;
189
+ padding-top : 2px ;
190
+ padding-right : 5px ;
191
+ }
192
+
193
+ # settings {
194
+ padding-top : 25px ;
195
+ }
196
+ # tooltipDiv {
197
+ width : 25% ;
198
+ position : absolute;
199
+ background : lightgrey;
200
+ display : none;
201
+ padding : 10px ;
202
+ border : 2px solid blue;
203
+ font-size : 1.2em ;
204
+ }
205
+ .maxCenter : {
206
+ width : 100% ;
207
+ text-align : center;
208
+ }
209
+ # tipTitle {
210
+ font-size : 1.2em ;
211
+ text-align : center;
212
+ }
213
+ .battleStatsTitle {
214
+ font-size : 1.2em ;
215
+ }
216
+ .errorMessage {
217
+ color : red;
218
+ }
219
+ # battleContainer {
220
+ border : 2px solid black;
221
+ padding : 10px ;
222
+ }
223
+ # battleTimer {
224
+ text-align : center;
225
+ font-size : 1.5em ;
226
+ }
227
+ # battleHead {
228
+ text-align : center;
229
+ }
230
+ # equipmentContainer {
231
+ padding-left : 25px ;
232
+ overflow-y : auto;
233
+ overflow-x : hidden;
234
+ height : 50% ;
235
+ }
236
+
237
+ # battleHeadTitle {
238
+ font-size : 1.6em ;
239
+ text-align : center;
240
+ display : inline-block;
241
+ }
242
+
243
+ .equipmentThing {
244
+ display : inline-block;
245
+ width : 100% ;
246
+ padding : 5px ;
247
+ text-align : center;
248
+ background-color : black;
249
+ color : white;
250
+ font-size : 1.2em ;
251
+ border : 1px solid white;
252
+ }
253
+
254
+ .niceScroll ::-webkit-scrollbar-track
255
+ {
256
+ -webkit-box-shadow : inset 0 0 6px rgba (0 , 0 , 0 , 0.3 );
257
+ border-radius : 5px ;
258
+ background-color : # F5F5F5 ;
259
+ }
260
+
261
+ .niceScroll ::-webkit-scrollbar
262
+ {
263
+ width : 12px ;
264
+ background-color : # F5F5F5 ;
265
+ }
266
+
267
+ .niceScroll ::-webkit-scrollbar-thumb
268
+ {
269
+ border-radius : 10px ;
270
+ -webkit-box-shadow : inset 0 0 6px rgba (0 , 0 , 0 , .3 );
271
+ background-color : # 555 ;
272
+ }
273
+
274
+ .noselect {
275
+ -webkit-touch-callout : none;
276
+ -webkit-user-select : none;
277
+ -khtml-user-select : none;
278
+ -moz-user-select : none;
279
+ -ms-user-select : none;
280
+ user-select : none;
281
+ }
282
+
283
+ .logFlt {
284
+ border-radius : 0 ;
285
+ }
286
+
287
+ # preMapsTitle {
288
+ width : 100% ;
289
+ text-align : center;
290
+ font-size : 1.3em ;
291
+ }
292
+ # selectedMapContainer {
293
+ font-size : 1.2em ;
294
+ text-align : center;
295
+ }
296
+ # selectedMapName {
297
+ text-decoration : underline;
298
+ }
299
+
300
+ @media (max-height : 768px ){
301
+ # grid {
302
+ height : 28% ;
303
+ width : 100% ;
304
+ }
305
+ # mapGrid {
306
+ height : 30% ;
307
+ width : 100% ;
308
+ }
309
+ # equipmentContainer {
310
+ height : 30% ;
311
+ }
312
+ # buyCol {
313
+ height : 60% ;
314
+ }
315
+ .title {
316
+ font-size : 1.1em ;
317
+ }
318
+ .ownedArea {
319
+ font-size : 1em ;
320
+ }
321
+ .workBtn {
322
+ padding : 2px ;
323
+ }
324
+ .logFlt {
325
+ padding : 0 ;
326
+ }
327
+ # battleHeadTitle {
328
+ font-size : 1em ;
329
+ }
330
+ .fightBtn {
331
+ font-size : .8em ;
332
+ padding : 3px ;
333
+ }
334
+ # wrapper {
335
+ height : 95% ;
336
+ }
337
+ .thing {
338
+ font-size : .9em ;
339
+ }
340
+ .equipmentThing {
341
+ font-size : .9em ;
342
+ }
343
+ .titleRow {
344
+ font-size : .8em ;
345
+ }
346
+ }
0 commit comments