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