View difference between Paste ID: qNMUMkUY and wRegqVdZ
SHOW: | | - or go back to the newest paste.
1
.box
2
{
3
    text-align:center;
4
    padding:0px;
5
    box-shadow:none;
6
}
7
 
8
.thing,.box-header,.box-footer,.box-bit
9
{
10-
    background:#747474;
10+
    background:#ff7c00;
11
    border:1px solid rgba(0,0,0,0.9);
12
    margin:1px;
13
}
14
.thing.cantAfford
15
{
16-
    background:#747474;
16+
    background:#ff7c00;
17
}
18
 
19
 
20
.thing:hover
21
{
22
    background:#00b405;
23
}
24
.thing.cantAfford:hover
25
{
26
    background:#cc6a6d;
27
}
28
 
29
.box-header
30
{
31
    margin-top:2px;
32
    margin-bottom:4px;
33
    display:inline-block;
34
    font-family:Verdana;
35
    font-weight:bold;
36
    border-radius:10px;
37
    border:3px solid black;
38
}
39
.box-footer
40
{
41
    margin-top:4px;
42
}
43
 
44
#box-version
45
{
46
    display:inline-block;
47
    margin-top:0.75%;
48
    margin-left:0.75%;
49
    margin-right:0.75%;
50
    float:right;
51
}
52
 
53
#box-main
54
{
55
    left:0px;
56
    top:0px;
57
    bottom:0px;
58
    overflow:hidden;
59
    width:60%;
60
    position:absolute;
61
    border:5px solid black;
62
    border-right:0px;
63
}
64
#box-buttons
65
{
66
    top:0px;
67
    right:25%;
68
    bottom:0px;
69
    left:0px;
70
    position:absolute;
71
}
72
#box-store
73
{
74
    right:0px;
75
    top:0px;
76
    bottom:0px;
77
    width:40%;
78
    position:absolute;
79
}
80
#box-buildings,#box-upgrades,#box-achievs,#box-prestige
81
{
82
    top:0px;
83
    bottom:0px;
84
    width:50%;
85
    right:0%;
86
    overflow-x:hidden;
87
    overflow-y:scroll;
88
    padding-bottom:48px;/* this is to accommodate the info and settings buttons */
89
    position:absolute;
90
    border:solid 5px black;
91
}
92
#box-res
93
{
94
    border-top:5px solid black;
95
    border-bottom:2.5px solid black;
96
    width:150%;
97
    right:100%;
98
    bottom:83.5%;
99
    height:11.5%;
100
    z-index:100;
101
    position:absolute;
102
    overflow-y:scroll;
103
    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%);
104
}
105
#box-buildings
106
{
107
    right:50%;
108
    border-right:solid 0px black;
109
}
110
#box-achievs
111
{
112
    right:100%;
113
    width:150%;
114
    top:75%;
115
    height:25%;
116
    border-right:solid 0px black;
117
}
118
#box-prestige
119
{
120
    right:100%;
121
    top:25%;
122
    height:50%;
123
    border-top:solid 0px black;
124
    border-bottom:solid 0px black;
125
    border-right:solid 0px black;
126
}
127
#box-stats
128
{
129
    border-top:2.5px solid black;
130
    border-bottom:5px solid black;
131
    width:150%;
132
    bottom:75%;
133
    right:100%;
134
    z-index:100;
135
    position:absolute;
136
    overflow-y:scroll;
137
    height:8.5%;
138
    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%);
139
}
140
 
141
#box-buildings>.box-header
142
{
143
    padding-bottom:16px;
144
}
145
 
146
#bulkDisplay
147
{
148
    margin-top:-2.5px;
149
    border:solid 1px black;
150-
    background:#747474;
150+
    background:#ff7c00;
151
    width:70px;
152
    margin-left:auto;
153
    margin-right:auto;
154
    position:relative;
155
    z-index:200;
156
}
157
 
158
 
159
.thing
160
{
161
    display:inline-block;
162
    padding:0px;
163
    cursor:pointer;
164
    font-family:Verdana;
165
}
166
.thing:active
167
{
168
    opacity:0.5;
169
}
170
.upgrade.owned,.achiev.owned
171
{
172
    box-shadow:0px 0px 0px 2px rgba(0,0,0,0.5) inset;
173
    background:#55cf50;
174
}
175
.upgrade.owned:hover,.achiev.owned:hover
176
{
177
    background:#7dcc7a;
178
}
179
.thing.cantAfford
180
{
181
    opacity:0.65;
182
}
183
.upgrade.cantAfford
184
{
185
    border:none;
186
}
187
 
188
.thing-costs{font-weight:bold;text-shadow:1px 1px 0px rgba(0,0,0,0.5);}
189
.cost.hasEnough{color:#0f0;}
190
.cost.notEnough{color:#f00;}
191
 
192
 
193
.button>.thing-text
194
{
195
    text-decoration:underline;
196
}
197
 
198
.building
199
{
200
    display:block;
201
    margin-right:0px;
202
    font-size:14px;
203
}
204
 
205
.fullWidth
206
{
207
    display:block;
208
    margin-left:0px;
209
    margin-right:0px;
210
    z-index:10;
211
}
212
 
213
.fullWidth,.fullWidth:hover
214
{
215
    background:rgba(0,0,0,0.75);
216
    box-shadow:none;
217
    color:#fff;
218
}
219
.fullWidth:before,.fullWidth:after
220
{
221
    content:'';
222
    height:1px;
223
    background:rgba(255,255,255,0.75);
224
    position:absolute;
225
    left:0px;
226
    right:0px;
227
    z-index:-1;
228
}
229
.fullWidth .thing-icon
230
{
231
    margin-top:-10px;
232
    margin-bottom:-10px;
233
}
234
.fullWidth .thing-text
235
{
236
    margin-top:-4px;
237
    margin-bottom:-4px;
238
}
239
 
240
.listing
241
{
242
    font-weight:normal;
243
}
244
 
245
.res
246
{
247
    vertical-align:middle;
248
}
249
 
250
#game.filtersOn .thing-icon{filter:drop-shadow(3px 3px 1px rgba(0,0,0,0.5));}
251
 
252
.tag-achievements
253
{
254
    margin-bottom:4px;
255
    display:inline-block;
256
    font-family:Verdana;
257
    font-weight:bold;
258
    border-radius:10px;
259
    border:3px solid black;
260
}
261
 
262
#box-things-achievements
263
{
264
    display:inline-block;
265
}
266
    display:inline-block;
267
{
268
    display:inline-block;
269
}