├── .prettierignore ├── pudding.css └── pudding.html /.prettierignore: -------------------------------------------------------------------------------- 1 | /*/*.css 2 | /*.css -------------------------------------------------------------------------------- /pudding.css: -------------------------------------------------------------------------------- 1 | body { 2 | background: #333; 3 | } 4 | 5 | .pudding { 6 | margin: 20px; 7 | height: 10px; 8 | width: 10px; 9 | 10 | box-shadow: 11 | /* holly & cherries */ 12 | 13 | 80px 10px 0 0 #009688, 14 | 140px 10px 0 0 #009688, 15 | 70px 20px 0 0 #009688, 16 | 80px 20px 0 0 #009688, 17 | 90px 20px 0 0 #009688, 18 | 130px 20px 0 0 #009688, 19 | 140px 20px 0 0 #009688, 20 | 150px 20px 0 0 #009688, 21 | 80px 30px 0 0 #009688, 22 | 90px 30px 0 0 #009688, 23 | 100px 30px 0 0 #e91e63, 24 | 110px 30px 0 0 #e91e63, 25 | 120px 30px 0 0 #009688, 26 | 130px 30px 0 0 #009688, 27 | 140px 30px 0 0 #009688, 28 | 29 | /* icing and cherries */ 30 | 60px 40px 0 0 #fff, 31 | 70px 40px 0 0 #fff, 32 | 80px 40px 0 0 #fff, 33 | 90px 40px 0 0 #e91e63, 34 | 100px 40px 0 0 #e91e63, 35 | 110px 40px 0 0 #e91e63, 36 | 120px 40px 0 0 #009688, 37 | 130px 40px 0 0 #009688, 38 | 140px 40px 0 0 #fff, 39 | 150px 40px 0 0 #fff, 40 | 40px 50px 0 0 #fff, 41 | 50px 50px 0 0 #fff, 42 | 60px 50px 0 0 #fff, 43 | 70px 50px 0 0 #fff, 44 | 80px 50px 0 0 #fff, 45 | 90px 50px 0 0 #e91e63, 46 | 100px 50px 0 0 #e91e63, 47 | 110px 50px 0 0 #fff, 48 | 120px 50px 0 0 #fff, 49 | 130px 50px 0 0 #fff, 50 | 140px 50px 0 0 #fff, 51 | 150px 50px 0 0 #fff, 52 | 160px 50px 0 0 #fff, 53 | 170px 50px 0 0 #fff, 54 | 30px 60px 0 0 #fff, 55 | 40px 60px 0 0 #fff, 56 | 50px 60px 0 0 #fff, 57 | 60px 60px 0 0 #fff, 58 | 70px 60px 0 0 #fff, 59 | 80px 60px 0 0 #fff, 60 | 90px 60px 0 0 #fff, 61 | 100px 60px 0 0 #fff, 62 | 110px 60px 0 0 #fff, 63 | 120px 60px 0 0 #fff, 64 | 130px 60px 0 0 #fff, 65 | 140px 60px 0 0 #fff, 66 | 150px 60px 0 0 #fff, 67 | 160px 60px 0 0 #fff, 68 | 170px 60px 0 0 #fff, 69 | 180px 60px 0 0 #fff, 70 | 20px 70px 0 0 #fff, 71 | 30px 70px 0 0 #fff, 72 | 40px 70px 0 0 #fff, 73 | 50px 70px 0 0 #fff, 74 | 60px 70px 0 0 #fff, 75 | 70px 70px 0 0 #fff, 76 | 80px 70px 0 0 #fff, 77 | 90px 70px 0 0 #fff, 78 | 100px 70px 0 0 #fff, 79 | 110px 70px 0 0 #fff, 80 | 120px 70px 0 0 #fff, 81 | 130px 70px 0 0 #fff, 82 | 140px 70px 0 0 #fff, 83 | 150px 70px 0 0 #fff, 84 | 160px 70px 0 0 #fff, 85 | 170px 70px 0 0 #fff, 86 | 180px 70px 0 0 #fff, 87 | 190px 70px 0 0 #fff, 88 | 20px 80px 0 0 #fff, 89 | 30px 80px 0 0 #fff, 90 | 40px 80px 0 0 #fff, 91 | 50px 80px 0 0 #fff, 92 | 60px 80px 0 0 #fff, 93 | 70px 80px 0 0 #fff, 94 | 80px 80px 0 0 #fff, 95 | 90px 80px 0 0 #fff, 96 | 100px 80px 0 0 #fff, 97 | 110px 80px 0 0 #fff, 98 | 120px 80px 0 0 #fff, 99 | 130px 80px 0 0 #fff, 100 | 140px 80px 0 0 #fff, 101 | 150px 80px 0 0 #fff, 102 | 160px 80px 0 0 #fff, 103 | 170px 80px 0 0 #fff, 104 | 180px 80px 0 0 #fff, 105 | 190px 80px 0 0 #fff, 106 | 10px 90px 0 0 #fff, 107 | 20px 90px 0 0 #fff, 108 | 109 | /* pudding & icing */ 110 | 30px 90px 0 0 #69473a, 111 | 40px 90px 0 0 #69473a, 112 | 50px 90px 0 0 #fff, 113 | 60px 90px 0 0 #fff, 114 | 70px 90px 0 0 #fff, 115 | 80px 90px 0 0 #69473a, 116 | 90px 90px 0 0 #69473a, 117 | 100px 90px 0 0 #fff, 118 | 110px 90px 0 0 #fff, 119 | 120px 90px 0 0 #69473a, 120 | 130px 90px 0 0 #69473a, 121 | 140px 90px 0 0 #fff, 122 | 150px 90px 0 0 #fff, 123 | 160px 90px 0 0 #fff, 124 | 170px 90px 0 0 #fff, 125 | 180px 90px 0 0 #69473a, 126 | 190px 90px 0 0 #fff, 127 | 200px 90px 0 0 #fff, 128 | 10px 100px 0 0 #69473a, 129 | 20px 100px 0 0 #69473a, 130 | 30px 100px 0 0 #69473a, 131 | 40px 100px 0 0 #69473a, 132 | 50px 100px 0 0 #fff, 133 | 60px 100px 0 0 #fff, 134 | 70px 100px 0 0 #69473a, 135 | 80px 100px 0 0 #69473a, 136 | 90px 100px 0 0 #69473a, 137 | 100px 100px 0 0 #69473a, 138 | 110px 100px 0 0 #69473a, 139 | 120px 100px 0 0 #69473a, 140 | 130px 100px 0 0 #69473a, 141 | 140px 100px 0 0 #fff, 142 | 150px 100px 0 0 #fff, 143 | 160px 100px 0 0 #fff, 144 | 170px 100px 0 0 #69473a, 145 | 180px 100px 0 0 #69473a, 146 | 190px 100px 0 0 #69473a, 147 | 200px 100px 0 0 #69473a, 148 | 10px 110px 0 0 #69473a, 149 | 20px 110px 0 0 #69473a, 150 | 30px 110px 0 0 #69473a, 151 | 40px 110px 0 0 #69473a, 152 | 50px 110px 0 0 #69473a, 153 | 60px 110px 0 0 #fff, 154 | 70px 110px 0 0 #69473a, 155 | 80px 110px 0 0 #69473a, 156 | 90px 110px 0 0 #69473a, 157 | 100px 110px 0 0 #69473a, 158 | 110px 110px 0 0 #3a2a1c, 159 | 120px 110px 0 0 #69473a, 160 | 130px 110px 0 0 #69473a, 161 | 140px 110px 0 0 #69473a, 162 | 150px 110px 0 0 #fff, 163 | 160px 110px 0 0 #fff, 164 | 170px 110px 0 0 #69473a, 165 | 180px 110px 0 0 #69473a, 166 | 190px 110px 0 0 #3a2a1c, 167 | 200px 110px 0 0 #69473a, 168 | 10px 120px 0 0 #69473a, 169 | 20px 120px 0 0 #3a2a1c, 170 | 30px 120px 0 0 #69473a, 171 | 40px 120px 0 0 #69473a, 172 | 50px 120px 0 0 #69473a, 173 | 60px 120px 0 0 #69473a, 174 | 70px 120px 0 0 #69473a, 175 | 80px 120px 0 0 #69473a, 176 | 90px 120px 0 0 #69473a, 177 | 100px 120px 0 0 #69473a, 178 | 110px 120px 0 0 #69473a, 179 | 120px 120px 0 0 #69473a, 180 | 130px 120px 0 0 #69473a, 181 | 140px 120px 0 0 #69473a, 182 | 150px 120px 0 0 #fff, 183 | 184 | /* pudding */ 185 | 160px 120px 0 0 #69473a, 186 | 170px 120px 0 0 #69473a, 187 | 180px 120px 0 0 #69473a, 188 | 190px 120px 0 0 #69473a, 189 | 200px 120px 0 0 #69473a, 190 | 10px 130px 0 0 #69473a, 191 | 20px 130px 0 0 #69473a, 192 | 30px 130px 0 0 #69473a, 193 | 40px 130px 0 0 #3a2a1c, 194 | 50px 130px 0 0 #69473a, 195 | 60px 130px 0 0 #69473a, 196 | 70px 130px 0 0 #3a2a1c, 197 | 80px 130px 0 0 #69473a, 198 | 90px 130px 0 0 #69473a, 199 | 100px 130px 0 0 #69473a, 200 | 110px 130px 0 0 #69473a, 201 | 120px 130px 0 0 #69473a, 202 | 130px 130px 0 0 #69473a, 203 | 140px 130px 0 0 #69473a, 204 | 150px 130px 0 0 #69473a, 205 | 160px 130px 0 0 #69473a, 206 | 170px 130px 0 0 #69473a, 207 | 180px 130px 0 0 #3a2a1c, 208 | 190px 130px 0 0 #69473a, 209 | 200px 130px 0 0 #69473a, 210 | 10px 140px 0 0 #69473a, 211 | 20px 140px 0 0 #69473a, 212 | 30px 140px 0 0 #69473a, 213 | 40px 140px 0 0 #69473a, 214 | 50px 140px 0 0 #69473a, 215 | 60px 140px 0 0 #69473a, 216 | 70px 140px 0 0 #69473a, 217 | 80px 140px 0 0 #69473a, 218 | 90px 140px 0 0 #69473a, 219 | 100px 140px 0 0 #69473a, 220 | 110px 140px 0 0 #3a2a1c, 221 | 120px 140px 0 0 #69473a, 222 | 130px 140px 0 0 #69473a, 223 | 140px 140px 0 0 #69473a, 224 | 150px 140px 0 0 #3a2a1c, 225 | 160px 140px 0 0 #69473a, 226 | 170px 140px 0 0 #69473a, 227 | 180px 140px 0 0 #69473a, 228 | 190px 140px 0 0 #69473a, 229 | 200px 140px 0 0 #69473a, 230 | 10px 150px 0 0 #69473a, 231 | 20px 150px 0 0 #69473a, 232 | 30px 150px 0 0 #69473a, 233 | 40px 150px 0 0 #69473a, 234 | 50px 150px 0 0 #3a2a1c, 235 | 60px 150px 0 0 #69473a, 236 | 70px 150px 0 0 #69473a, 237 | 80px 150px 0 0 #69473a, 238 | 90px 150px 0 0 #3a2a1c, 239 | 100px 150px 0 0 #69473a, 240 | 110px 150px 0 0 #69473a, 241 | 120px 150px 0 0 #69473a, 242 | 130px 150px 0 0 #69473a, 243 | 140px 150px 0 0 #69473a, 244 | 150px 150px 0 0 #69473a, 245 | 160px 150px 0 0 #69473a, 246 | 170px 150px 0 0 #69473a, 247 | 180px 150px 0 0 #69473a, 248 | 190px 150px 0 0 #69473a, 249 | 200px 150px 0 0 #69473a, 250 | 20px 160px 0 0 #69473a, 251 | 30px 160px 0 0 #3a2a1c, 252 | 40px 160px 0 0 #69473a, 253 | 50px 160px 0 0 #69473a, 254 | 60px 160px 0 0 #69473a, 255 | 70px 160px 0 0 #69473a, 256 | 80px 160px 0 0 #69473a, 257 | 90px 160px 0 0 #69473a, 258 | 100px 160px 0 0 #69473a, 259 | 110px 160px 0 0 #69473a, 260 | 120px 160px 0 0 #69473a, 261 | 130px 160px 0 0 #3a2a1c, 262 | 140px 160px 0 0 #69473a, 263 | 150px 160px 0 0 #3a2a1c, 264 | 160px 160px 0 0 #69473a, 265 | 170px 160px 0 0 #69473a, 266 | 180px 160px 0 0 #69473a, 267 | 190px 160px 0 0 #69473a, 268 | 20px 170px 0 0 #69473a, 269 | 30px 170px 0 0 #69473a, 270 | 40px 170px 0 0 #69473a, 271 | 50px 170px 0 0 #69473a, 272 | 60px 170px 0 0 #69473a, 273 | 70px 170px 0 0 #3a2a1c, 274 | 80px 170px 0 0 #69473a, 275 | 90px 170px 0 0 #69473a, 276 | 100px 170px 0 0 #69473a, 277 | 110px 170px 0 0 #69473a, 278 | 120px 170px 0 0 #69473a, 279 | 130px 170px 0 0 #69473a, 280 | 140px 170px 0 0 #69473a, 281 | 150px 170px 0 0 #69473a, 282 | 160px 170px 0 0 #69473a, 283 | 170px 170px 0 0 #69473a, 284 | 180px 170px 0 0 #3a2a1c, 285 | 190px 170px 0 0 #69473a, 286 | 30px 180px 0 0 #69473a, 287 | 40px 180px 0 0 #69473a, 288 | 50px 180px 0 0 #69473a, 289 | 60px 180px 0 0 #69473a, 290 | 70px 180px 0 0 #69473a, 291 | 80px 180px 0 0 #69473a, 292 | 90px 180px 0 0 #69473a, 293 | 100px 180px 0 0 #3a2a1c, 294 | 110px 180px 0 0 #69473a, 295 | 120px 180px 0 0 #69473a, 296 | 130px 180px 0 0 #69473a, 297 | 140px 180px 0 0 #69473a, 298 | 150px 180px 0 0 #69473a, 299 | 160px 180px 0 0 #69473a, 300 | 170px 180px 0 0 #69473a, 301 | 180px 180px 0 0 #69473a, 302 | 40px 190px 0 0 #69473a, 303 | 50px 190px 0 0 #69473a, 304 | 60px 190px 0 0 #3a2a1c, 305 | 70px 190px 0 0 #69473a, 306 | 80px 190px 0 0 #69473a, 307 | 90px 190px 0 0 #69473a, 308 | 100px 190px 0 0 #69473a, 309 | 110px 190px 0 0 #69473a, 310 | 120px 190px 0 0 #69473a, 311 | 130px 190px 0 0 #3a2a1c, 312 | 140px 190px 0 0 #69473a, 313 | 150px 190px 0 0 #69473a, 314 | 160px 190px 0 0 #69473a, 315 | 170px 190px 0 0 #69473a, 316 | 50px 200px 0 0 #69473a, 317 | 60px 200px 0 0 #69473a, 318 | 70px 200px 0 0 #69473a, 319 | 80px 200px 0 0 #69473a, 320 | 90px 200px 0 0 #69473a, 321 | 100px 200px 0 0 #69473a, 322 | 110px 200px 0 0 #69473a, 323 | 120px 200px 0 0 #69473a, 324 | 130px 200px 0 0 #69473a, 325 | 140px 200px 0 0 #69473a, 326 | 150px 200px 0 0 #69473a, 327 | 160px 200px 0 0 #69473a; 328 | } 329 | -------------------------------------------------------------------------------- /pudding.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Christmas Pudding Pixel Art 6 | 7 | 8 | 9 |
10 | 11 | 12 | --------------------------------------------------------------------------------