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 | } |