SHOW:
|
|
- or go back to the newest paste.
1 | Lennon <lrami25@apps.pusd.org> | |
2 | 4:07 PM (5 minutes ago) | |
3 | to me | |
4 | ||
5 | Let's make a game! | |
6 | name: Coding clicker | |
7 | - | author: Anti_Lemon |
7 | + | author: AntiLemon |
8 | Desc: This is a idle game where you click and write lines of code. | |
9 | created: 10-22-18 | |
10 | updated: N/A | |
11 | version: 0.001 | |
12 | settings | |
13 | background:depositphotos_126700562-stock-video-computer-programming-code-typing-hacker.jpg | |
14 | tiling background:download (2).jpeg | |
15 | building cost increase: 115% | |
16 | building cost refund: 75% | |
17 | spritesheet:icons 25 by 98 pixil-frame-0 (6).png | |
18 | icon:icons [11,11][6,10][18,18][16,11][12,9] | |
19 | #game | |
20 | { | |
21 | background:#fff; | |
22 | font-size:12px; | |
23 | color:rgba(0,0,0,0.9); | |
24 | text-shadow:none; | |
25 | } | |
26 | ||
27 | ||
28 | .box | |
29 | { | |
30 | text-align:center; | |
31 | padding:0px; | |
32 | box-shadow:none; | |
33 | } | |
34 | .thing,.box-header,.box-footer,.box-bit | |
35 | { | |
36 | background:rgba(255,255,255,0.5); | |
37 | border:1px solid rgba(0,0,0,0.9); | |
38 | margin:1px; | |
39 | } | |
40 | .thing:hover | |
41 | { | |
42 | background:rgba(255,255,255,0.75); | |
43 | } | |
44 | ||
45 | .box-header | |
46 | { | |
47 | margin-bottom:4px; | |
48 | } | |
49 | .box-footer | |
50 | { | |
51 | margin-top:4px; | |
52 | } | |
53 | ||
54 | .title | |
55 | { | |
56 | text-decoration:underline; | |
57 | } | |
58 | ||
59 | #box-main | |
60 | { | |
61 | left:0px; | |
62 | top:0px; | |
63 | bottom:0px; | |
64 | overflow:hidden; | |
65 | width:60%; | |
66 | position:absolute; | |
67 | } | |
68 | #box-res.fullWidth | |
69 | { | |
70 | width:100%; | |
71 | top:5%; | |
72 | height:5%; | |
73 | min-height:32px; | |
74 | z-index:100; | |
75 | position:absolute; | |
76 | } | |
77 | #box-buttons | |
78 | { | |
79 | top:0px; | |
80 | right:0px; | |
81 | bottom:0px; | |
82 | left:0px; | |
83 | position:absolute; | |
84 | } | |
85 | #box-store | |
86 | { | |
87 | right:0px; | |
88 | top:0px; | |
89 | bottom:0px; | |
90 | width:40%; | |
91 | position:absolute; | |
92 | } | |
93 | #box-buildings,#box-upgrades | |
94 | { | |
95 | top:0px; | |
96 | bottom:0px; | |
97 | width:50%; | |
98 | right:0%; | |
99 | overflow-x:hidden; | |
100 | overflow-y:scroll; | |
101 | padding-bottom:48px;/* this is to accommodate the info and settings buttons */ | |
102 | position:absolute; | |
103 | } | |
104 | #box-buildings | |
105 | {right:50%;} | |
106 | ||
107 | #box-buildings>.box-header | |
108 | { | |
109 | padding-bottom:16px; | |
110 | } | |
111 | #bulkDisplay | |
112 | { | |
113 | margin:-20px 24px 6px 24px; | |
114 | border:none; | |
115 | background:transparent; | |
116 | } | |
117 | ||
118 | ||
119 | .thing | |
120 | { | |
121 | display:inline-block; | |
122 | padding:0px; | |
123 | cursor:pointer; | |
124 | } | |
125 | .thing:active | |
126 | { | |
127 | opacity:0.5; | |
128 | } | |
129 | .upgrade.owned,.achiev.owned | |
130 | { | |
131 | box-shadow:0px 0px 0px 2px rgba(0,0,0,0.5) inset; | |
132 | } | |
133 | .thing.cantAfford | |
134 | { | |
135 | opacity:0.65; | |
136 | } | |
137 | .upgrade.cantAfford | |
138 | { | |
139 | border:none; | |
140 | } | |
141 | ||
142 | .thing-costs{font-weight:bold;text-shadow:1px 1px 0px rgba(0,0,0,0.5);} | |
143 | .cost.hasEnough{color:#0f0;} | |
144 | .cost.notEnough{color:#f00;} | |
145 | ||
146 | ||
147 | .button>.thing-text | |
148 | { | |
149 | text-decoration:underline; | |
150 | } | |
151 | ||
152 | .building | |
153 | { | |
154 | display:block; | |
155 | margin-right:0px; | |
156 | font-size:14px; | |
157 | } | |
158 | ||
159 | .fullWidth | |
160 | { | |
161 | display:block; | |
162 | margin-left:0px; | |
163 | margin-right:0px; | |
164 | z-index:10; | |
165 | } | |
166 | #game .fullWidth | |
167 | { | |
168 | height:auto; | |
169 | min-height:auto; | |
170 | } | |
171 | .fullWidth,.fullWidth:hover | |
172 | { | |
173 | background:rgba(0,0,0,0.75); | |
174 | box-shadow:none; | |
175 | color:#fff; | |
176 | } | |
177 | .fullWidth:before,.fullWidth:after | |
178 | { | |
179 | content:''; | |
180 | height:1px; | |
181 | background:rgba(255,255,255,0.75); | |
182 | position:absolute; | |
183 | left:0px; | |
184 | right:0px; | |
185 | z-index:-1; | |
186 | } | |
187 | .fullWidth:before{top:-1px;} | |
188 | .fullWidth:after{bottom:-1px;} | |
189 | ||
190 | .fullWidth .thing-icon | |
191 | { | |
192 | margin-top:-10px; | |
193 | margin-bottom:-10px; | |
194 | } | |
195 | .fullWidth .thing-text | |
196 | { | |
197 | margin-top:-4px; | |
198 | margin-bottom:-4px; | |
199 | } | |
200 | ||
201 | .listing | |
202 | { | |
203 | font-weight:normal; | |
204 | } | |
205 | ||
206 | #game.filtersOn .thing-icon{filter:drop-shadow(3px 3px 1px rgba(0,0,0,0.5));} | |
207 | Layout | |
208 | *resources | |
209 | contains:Resources | |
210 | header:These are your resources. | |
211 | *buildings | |
212 | contains:Buildings | |
213 | header:These are things you can build. | |
214 | tooltip origin:left | |
215 | *unlockables | |
216 | contains:Upgrades, Achievements | |
217 | names:hide |