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