View difference between Paste ID: 8KNVhY1p and SjCztRLV
SHOW: | | - or go back to the newest paste.
1
/*Stylesheet created by morkysherk, owned by Eric*/
2
 
3
#game
4
{
5
    background-image:http://www.colorhexa.com/afafaf.png;
6
    font-size:12px;
7
    color:rgba(0,0,0,0.9);
8
    text-shadow:none;
9
}
10
.box
11
{
12
    text-align:center;
13
    padding:0px;
14
    box-shadow:none;
15
}
16
 
17
.thing,.box-header,.box-footer,.box-bit
18
{
19
    background:#7c7c7c;
20
    border:1px solid rgba(0,0,0,0.9);
21
    margin:1px;
22
}
23
.thing.cantAfford
24
{
25
    background:#cf5055;
26
} 
27
.thing:hover
28
{
29
    background:#cccccc;
30
}
31
.thing.cantAfford:hover
32
{
33
    background:#cc6a6d;
34
}
35
 
36
.box-header
37
{
38
    margin-top:2px;
39
    margin-bottom:4px;
40
    display:inline-block;
41
    font-family:Verdana;
42
    font-weight:bold;
43
    border-radius:10px;
44
    border:3px solid black;
45
}
46
.box-footer
47
{
48
    margin-top:4px;
49
}
50
 
51
.title
52
{
53
    text-decoration:underline;
54
}
55
 
56
#box-title
57
{
58
    display:inline-block;
59-
    margin-top:0.60;
59+
60
    margin-left:0.75%;
61
    float:left;
62
}
63
#box-version
64
{
65
    display:inline-block;
66
    margin-top:0.75%;
67
    margin-left:0.75%;
68
    margin-right:0.75%;
69
    float:left;
70
}
71
 
72
#box-main
73
{
74
    left:0px;
75
    top:0px;
76
    bottom:0px;
77
    overflow:hidden;
78
    width:60%;
79
    position:absolute;
80
    border:5px solid black;
81
    border-right:0px;
82
}
83-
#box-buttons 
83+
#box-buttons
84
{
85-
    top: 15px;
85+
86-
    bottom: 0px;
86+
    right:25px;
87-
    width: 60%;
87+
88-
    position: absolute;
88+
89-
    z-index: 200;
89+
90-
    height: 48.4%;
90+
91-
    top: 27.4%;
91+
92
{
93
    right:0px;
94
    top:0px;
95
    bottom:0px;
96
    width:40%;
97
    position:absolute;
98
}
99
#box-buildings,#box-upgrades, upgradesZZ, upgrades IV, #box-achievs, #box-prestige
100
{
101-
#box-buildings,#box-upgrades, upgradesVV, #box-achievs, #box-prestige
101+
102
    bottom:0px;
103
    width:50%;
104
    right:0%;
105
    overflow-x:hidden;
106
    overflow-y:scroll;
107
    padding-bottom:48px;/* this is to accommodate the info and settings buttons */
108
    position:absolute;
109
    border:solid 5px black;
110
}
111
#box-res
112
{
113
    border-top:5px solid black;
114
    border-left:2.5px solid black;
115
    border-bottom:3px solid black;
116
    width:150%;
117
    right:100%;
118
    bottom:72%;
119
    height:21.2%;
120
    z-index:100;
121-
    height:20%;
121+
122
    overflow-y:scroll;
123
    background:linear-gradient(to right,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.15) 100%);
124
}
125
#box-buildings
126
{
127
    right:50%;
128
    border-right:solid 0px black;
129
}
130
#box-achievs
131
{
132
    right:100%;
133
    width:150%;
134
    top:75%;
135
    height:25%;
136
    border-right:solid 0px black;
137
}
138
#box-prestige
139
{
140
    right:100%;
141
    top:28%;
142
    height:47.7%;
143
    border-top:solid 0px black;
144
    border-bottom:solid 0px black;
145
    border-right:solid 0px black;
146
}
147
#box-stats
148
{
149
    border-top:2.5px solid black;
150
    border-bottom:5px solid black;
151
    width:0%;
152
    bottom:0%;
153
    right:0%;
154
    z-index:100;
155
    position:absolute;
156
    overflow-y:scroll;
157
    height:8.5%;
158
    background:linear-gradient(to right,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.15) 100%);
159
}
160
 
161
#box-buildings>.box-header
162
{
163
    padding-bottom:16px;
164
}
165
 
166
#bulkDisplay
167
{
168
    margin-top:-2.5px;
169
    border:solid 1px black;
170
    background:#7c7c7c;
171
    width:70px;
172
    margin-left:auto;
173
    margin-right:auto;
174
    position:relative;
175
    z-index:200;
176
}
177
 
178
 
179
.thing
180
{
181
    display:inline-block;
182
    padding:0px;
183
    cursor:pointer;
184
    font-family:Verdana;
185
}
186
.thing:active
187
{
188
    opacity:0.5;
189
}
190
.upgrade.owned,.achiev.owned
191
{
192
    box-shadow:0px 0px 0px 2px rgba(0,0,0,0.5) inset;
193
    background:#55cf50;
194
]
195
}
196
.upgrade.owned:hover,.achiev.owned:hover
197
{
198
    background:#7dcc7a;
199
}
200
.thing.cantAfford
201
{
202
    opacity:0.65;
203
}
204
.upgrade.cantAfford
205
{
206
    border:none;
207
}
208
 .thing-costs{font-weight:bold;text-shadow:1px 1px 0px rgba(0,0,0,0.5);}
209
.cost.hasEnough{color:#0f0;}
210
.cost.notEnough{color:#f00;}
211
 
212
 
213
.button>.thing-text
214
{
215
    text-decoration:underline;
216
}
217
 
218
.building
219
{
220
    display:block;
221
    margin-right:0px;
222
    font-size:14px;
223
}
224
 
225
.fullWidth
226
{
227
    display:block;
228
    margin-left:0px;
229
    margin-right:0px;
230
    z-index:10;
231
}
232
 
233
.fullWidth,.fullWidth:hover
234
{
235
    background:rgba(0,0,0,0.75);
236
    box-shadow:none;
237
    color:#fff;
238
}
239
.fullWidth:before,.fullWidth:after
240
{
241
    content:'';
242
    height:1px;
243
    background:rgba(255,255,255,0.75);
244
    position:absolute;
245
    left:0px;
246
    right:0px;
247
    z-index:-1;
248
}
249
.fullWidth .thing-icon
250
{
251
    margin-top:-10px;
252
    margin-bottom:-10px;
253
}
254
.fullWidth .thing-text
255
{
256
    margin-top:-4px;
257
    margin-bottom:-4px;
258
}
259
 
260
.listing
261
{
262
    font-weight:normal;
263
}
264
 
265
.res
266
{
267
    vertical-align:middle;
268
}
269
 
270
#game.filtersOn .thing-icon{filter:drop-shadow(3px 3px 1px rgba(0,0,0,0.5));}
271
 
272
.tag-achievements
273
{
274
    margin-bottom:4px;
275
    display:inline-block;
276
    font-family:Verdana;
277
    font-weight:bold;
278
    border-radius:10px;
279
    border:3px solid black;
280
}
281
.tag-upgradesII
282
{
283-
.tag-upgradesV
283+
284
    display:inline-block;
285
    font-family:Verdana;
286
    font-weight:bold;
287
    border-radius:10px;
288
    border:3px solid black;
289
}
290
.tag-upgradesIII
291
{
292
    margin-bottom:4px;
293
    display:inline-block;
294
    font-family:Verdana;
295
    font-weight:bold;
296
    border-radius:10px;
297
    border:3px solid black;
298
}
299
.tag-prestigeII
300
{
301
    margin-bottom:4px;
302
    display:inline-block;
303
    font-family:Verdana;
304
    font-weight:bold;
305
    border-radius:10px;
306
    border:3px solid black;
307
}
308
#box-things-achievements
309-
#box-things-upgradesV
309+
310
    display:inline-block;
311
}
312
#box-things-upgradesII
313
{
314
    display:inline-block;
315
}
316
#box-things-upgradesIV
317-
317+
318-
#box-log {
318+
319-
    margin-bottom: 4px;
319+
320-
    display: inline-block;
320+
321-
    top: 27.4%;
321+
322-
    height: 48.4%;
322+
323-
    width: 40%;
323+