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