Diff of /landingpage/index.html [r281] .. [r282] Maximize Restore
Switch to unified view
| a/landingpage/index.html | b/landingpage/index.html | ||
|---|---|---|---|
... |
... |
||
| 214 | </div> <!-- /.row --> |
214 | </div> <!-- /.row --> |
| 215 | </div> <!-- /.Resources --> |
215 | </div> <!-- /.Resources --> |
| 216 | </div> <!-- /.container --> |
216 | </div> <!-- /.container --> |
| 217 | 217 | ||
| 218 | <br> |
218 | <br> |
| 219 | <footer> |
219 | <footer> |
| 220 | |||
| 221 | <style> |
||
| 222 | * { |
||
| 223 | -moz-box-sizing: border-box; |
||
| 224 | -webkit-box-sizing: border-box; |
||
| 225 | box-sizing: border-box; |
||
| 226 | margin: 0; |
||
| 227 | padding: 0; |
||
| 228 | } |
||
| 229 | |||
| 230 | |||
| 231 | #site-footer { |
||
| 232 | background: #162a4e; |
||
| 233 | background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBjMWQzOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFhMzE1OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); |
||
| 234 | background-size: 100%; |
||
| 235 | background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0c1d38), color-stop(100%, #1a3158)); |
||
| 236 | background-image: -moz-linear-gradient(#0c1d38, #1a3158); |
||
| 237 | background-image: -webkit-linear-gradient(#0c1d38, #1a3158); |
||
| 238 | background-image: linear-gradient(#0c1d38, #1a3158); |
||
| 239 | position: relative; |
||
| 240 | /*width: 182px;*/ |
||
| 241 | width: 100%; |
||
| 242 | height: 182px; |
||
| 243 | margin: 50px auto; |
||
| 244 | overflow: hidden; |
||
| 245 | /* iOS hack for border radius bleed with transforms */ |
||
| 246 | -webkit-mask-image: -webkit-radial-gradient(circle, white, black); |
||
| 247 | } |
||
| 248 | #site-footer .ground { |
||
| 249 | -moz-border-radius-topright: 130px 40px; |
||
| 250 | -webkit-border-top-right-radius: 130px 40px; |
||
| 251 | border-top-right-radius: 130px 40px; |
||
| 252 | position: absolute; |
||
| 253 | width: 133px; |
||
| 254 | height: 61px; |
||
| 255 | left: 0; |
||
| 256 | bottom: 0; |
||
| 257 | background: white; |
||
| 258 | } |
||
| 259 | #site-footer .ground:before { |
||
| 260 | -moz-border-radius: 50%; |
||
| 261 | -webkit-border-radius: 50%; |
||
| 262 | border-radius: 50%; |
||
| 263 | content: " "; |
||
| 264 | position: absolute; |
||
| 265 | width: 130px; |
||
| 266 | height: 100px; |
||
| 267 | top: 10px; |
||
| 268 | right: -60px; |
||
| 269 | background: white; |
||
| 270 | } |
||
| 271 | #site-footer .ground:after { |
||
| 272 | -moz-border-radius: 50%; |
||
| 273 | -webkit-border-radius: 50%; |
||
| 274 | border-radius: 50%; |
||
| 275 | content: " "; |
||
| 276 | position: absolute; |
||
| 277 | width: 70px; |
||
| 278 | height: 70px; |
||
| 279 | top: 5px; |
||
| 280 | right: -75px; |
||
| 281 | background: white; |
||
| 282 | } |
||
| 283 | #site-footer .tree { |
||
| 284 | position: absolute; |
||
| 285 | width: 0; |
||
| 286 | height: 0; |
||
| 287 | border-style: solid; |
||
| 288 | border-color: transparent transparent #23915b transparent; |
||
| 289 | } |
||
| 290 | #site-footer .tree:before { |
||
| 291 | content: " "; |
||
| 292 | position: absolute; |
||
| 293 | width: 0; |
||
| 294 | height: 0; |
||
| 295 | border-style: solid; |
||
| 296 | border-color: transparent transparent #23915b transparent; |
||
| 297 | } |
||
| 298 | #site-footer .tree:after { |
||
| 299 | content: " "; |
||
| 300 | position: absolute; |
||
| 301 | width: 0; |
||
| 302 | height: 0; |
||
| 303 | border-style: solid; |
||
| 304 | border-color: transparent transparent #23915b transparent; |
||
| 305 | } |
||
| 306 | #site-footer .tree.left { |
||
| 307 | left: 28px; |
||
| 308 | bottom: 78px; |
||
| 309 | border-width: 0 18px 24px 18px; |
||
| 310 | } |
||
| 311 | #site-footer .tree.left:before { |
||
| 312 | top: 10px; |
||
| 313 | left: -21px; |
||
| 314 | border-width: 0 21px 28px 21px; |
||
| 315 | } |
||
| 316 | #site-footer .tree.left:after { |
||
| 317 | top: 22px; |
||
| 318 | left: -24px; |
||
| 319 | border-width: 0 24px 32px 24px; |
||
| 320 | } |
||
| 321 | #site-footer .tree.left .snow { |
||
| 322 | -moz-border-radius: 50%; |
||
| 323 | -webkit-border-radius: 50%; |
||
| 324 | border-radius: 50%; |
||
| 325 | -moz-box-shadow: -2px 2px 0 0 white, 2px 2px 0 0 white, -3px 3px 0 0 white, 3px 3px 0 0 white, -12px 14px 0 0 white, -13px 17px 0 1px white, -16px 19px 0 0 white, -9px 16px 0 0 white, -5px 15px 0 2px white, -9px 13px 0 0 white, 6px 15px 0 2px white, 0 13px 0 1px white, 11px 14px 0 1px white, 13px 17px 0 1px white, 15px 19px 0 0 white; |
||
| 326 | -webkit-box-shadow: -2px 2px 0 0 white, 2px 2px 0 0 white, -3px 3px 0 0 white, 3px 3px 0 0 white, -12px 14px 0 0 white, -13px 17px 0 1px white, -16px 19px 0 0 white, -9px 16px 0 0 white, -5px 15px 0 2px white, -9px 13px 0 0 white, 6px 15px 0 2px white, 0 13px 0 1px white, 11px 14px 0 1px white, 13px 17px 0 1px white, 15px 19px 0 0 white; |
||
| 327 | box-shadow: -2px 2px 0 0 white, 2px 2px 0 0 white, -3px 3px 0 0 white, 3px 3px 0 0 white, -12px 14px 0 0 white, -13px 17px 0 1px white, -16px 19px 0 0 white, -9px 16px 0 0 white, -5px 15px 0 2px white, -9px 13px 0 0 white, 6px 15px 0 2px white, 0 13px 0 1px white, 11px 14px 0 1px white, 13px 17px 0 1px white, 15px 19px 0 0 white; |
||
| 328 | position: absolute; |
||
| 329 | top: 1px; |
||
| 330 | left: -3px; |
||
| 331 | width: 6px; |
||
| 332 | height: 6px; |
||
| 333 | background: white; |
||
| 334 | z-index: 1; |
||
| 335 | } |
||
| 336 | #site-footer .tree.left .snow:after { |
||
| 337 | -moz-border-radius: 50%; |
||
| 338 | -webkit-border-radius: 50%; |
||
| 339 | border-radius: 50%; |
||
| 340 | -moz-box-shadow: -14px 14px 0 0 white, -15px 17px 0 1px white, -18px 19px 0 0 white, -9px 16px 0 0 white, -5px 15px 0 2px white, -9px 13px 0 0 white, 6px 15px 0 2px white, 0 13px 0 1px white, 12px 17px 0 3px white, 16px 17px 0 1px white, 18px 19px 0 0 white, 11px 20px 0 1px white, 16px 20px 0 1px white, 18px 22px 0 1px white, 21px 25px 0 0 white, -2px 27px 0 1px white; |
||
| 341 | -webkit-box-shadow: -14px 14px 0 0 white, -15px 17px 0 1px white, -18px 19px 0 0 white, -9px 16px 0 0 white, -5px 15px 0 2px white, -9px 13px 0 0 white, 6px 15px 0 2px white, 0 13px 0 1px white, 12px 17px 0 3px white, 16px 17px 0 1px white, 18px 19px 0 0 white, 11px 20px 0 1px white, 16px 20px 0 1px white, 18px 22px 0 1px white, 21px 25px 0 0 white, -2px 27px 0 1px white; |
||
| 342 | box-shadow: -14px 14px 0 0 white, -15px 17px 0 1px white, -18px 19px 0 0 white, -9px 16px 0 0 white, -5px 15px 0 2px white, -9px 13px 0 0 white, 6px 15px 0 2px white, 0 13px 0 1px white, 12px 17px 0 3px white, 16px 17px 0 1px white, 18px 19px 0 0 white, 11px 20px 0 1px white, 16px 20px 0 1px white, 18px 22px 0 1px white, 21px 25px 0 0 white, -2px 27px 0 1px white; |
||
| 343 | content: " "; |
||
| 344 | position: absolute; |
||
| 345 | top: 14px; |
||
| 346 | left: 0px; |
||
| 347 | width: 6px; |
||
| 348 | height: 6px; |
||
| 349 | background: white; |
||
| 350 | z-index: 1; |
||
| 351 | } |
||
| 352 | #site-footer .tree.right { |
||
| 353 | left: 60px; |
||
| 354 | bottom: 45px; |
||
| 355 | border-width: 0 18px 24px 18px; |
||
| 356 | } |
||
| 357 | #site-footer .tree.right:before, #site-footer .tree.right:after { |
||
| 358 | display: none; |
||
| 359 | } |
||
| 360 | #site-footer .tree.right .snow { |
||
| 361 | -moz-border-radius: 50%; |
||
| 362 | -webkit-border-radius: 50%; |
||
| 363 | border-radius: 50%; |
||
| 364 | -moz-box-shadow: -1px 2px 0 0 white, -2px 3px 0 0 white, 2px 2px 0 0 white, 3px 3px 0 0 white, 4px 4px 0 0 white, 6px 6px 0 0 white, 6px 15px 0 0 white, 8px 16px 0 0 white, 10px 16px 0 0 white, 11px 16px 0 0 white, -5px 13px 0 0 white, -7px 12px 0 0 white; |
||
| 365 | -webkit-box-shadow: -1px 2px 0 0 white, -2px 3px 0 0 white, 2px 2px 0 0 white, 3px 3px 0 0 white, 4px 4px 0 0 white, 6px 6px 0 0 white, 6px 15px 0 0 white, 8px 16px 0 0 white, 10px 16px 0 0 white, 11px 16px 0 0 white, -5px 13px 0 0 white, -7px 12px 0 0 white; |
||
| 366 | box-shadow: -1px 2px 0 0 white, -2px 3px 0 0 white, 2px 2px 0 0 white, 3px 3px 0 0 white, 4px 4px 0 0 white, 6px 6px 0 0 white, 6px 15px 0 0 white, 8px 16px 0 0 white, 10px 16px 0 0 white, 11px 16px 0 0 white, -5px 13px 0 0 white, -7px 12px 0 0 white; |
||
| 367 | position: absolute; |
||
| 368 | top: 0; |
||
| 369 | left: -3px; |
||
| 370 | width: 6px; |
||
| 371 | height: 6px; |
||
| 372 | background: white; |
||
| 373 | } |
||
| 374 | #site-footer .flake { |
||
| 375 | -webkit-animation: snow infinite linear 30s; |
||
| 376 | -moz-animation: snow infinite linear 30s; |
||
| 377 | -ms-animation: snow infinite linear 30s; |
||
| 378 | -o-animation: snow infinite linear 30s; |
||
| 379 | animation: snow infinite linear 30s; |
||
| 380 | position: absolute; |
||
| 381 | width: 1px; |
||
| 382 | height: 1px; |
||
| 383 | background: white; |
||
| 384 | } |
||
| 385 | #site-footer .flake.large { |
||
| 386 | -moz-border-radius: 50%; |
||
| 387 | -webkit-border-radius: 50%; |
||
| 388 | border-radius: 50%; |
||
| 389 | width: 4px; |
||
| 390 | height: 4px; |
||
| 391 | } |
||
| 392 | #site-footer .flake.f-1 { |
||
| 393 | -webkit-animation-duration: 20s; |
||
| 394 | -moz-animation-duration: 20s; |
||
| 395 | -ms-animation-duration: 20s; |
||
| 396 | -o-animation-duration: 20s; |
||
| 397 | animation-duration: 20s; |
||
| 398 | left: 15px; |
||
| 399 | margin-top: 86px; |
||
| 400 | } |
||
| 401 | #site-footer .flake.f-2 { |
||
| 402 | -webkit-animation-duration: 23s; |
||
| 403 | -moz-animation-duration: 23s; |
||
| 404 | -ms-animation-duration: 23s; |
||
| 405 | -o-animation-duration: 23s; |
||
| 406 | animation-duration: 23s; |
||
| 407 | left: 32px; |
||
| 408 | margin-top: 52px; |
||
| 409 | } |
||
| 410 | #site-footer .flake.f-3 { |
||
| 411 | -webkit-animation-duration: 32s; |
||
| 412 | -moz-animation-duration: 32s; |
||
| 413 | -ms-animation-duration: 32s; |
||
| 414 | -o-animation-duration: 32s; |
||
| 415 | animation-duration: 32s; |
||
| 416 | left: 64px; |
||
| 417 | margin-top: 15px; |
||
| 418 | } |
||
| 419 | #site-footer .flake.f-4 { |
||
| 420 | -webkit-animation-duration: 21s; |
||
| 421 | -moz-animation-duration: 21s; |
||
| 422 | -ms-animation-duration: 21s; |
||
| 423 | -o-animation-duration: 21s; |
||
| 424 | animation-duration: 21s; |
||
| 425 | left: 69px; |
||
| 426 | margin-top: 34px; |
||
| 427 | } |
||
| 428 | #site-footer .flake.f-5 { |
||
| 429 | -webkit-animation-duration: 24s; |
||
| 430 | -moz-animation-duration: 24s; |
||
| 431 | -ms-animation-duration: 24s; |
||
| 432 | -o-animation-duration: 24s; |
||
| 433 | animation-duration: 24s; |
||
| 434 | left: 70px; |
||
| 435 | margin-top: 72px; |
||
| 436 | } |
||
| 437 | #site-footer .flake.f-6 { |
||
| 438 | -webkit-animation-duration: 16s; |
||
| 439 | -moz-animation-duration: 16s; |
||
| 440 | -ms-animation-duration: 16s; |
||
| 441 | -o-animation-duration: 16s; |
||
| 442 | animation-duration: 16s; |
||
| 443 | left: 90px; |
||
| 444 | margin-top: 97px; |
||
| 445 | } |
||
| 446 | #site-footer .flake.f-7 { |
||
| 447 | -webkit-animation-duration: 34s; |
||
| 448 | -moz-animation-duration: 34s; |
||
| 449 | -ms-animation-duration: 34s; |
||
| 450 | -o-animation-duration: 34s; |
||
| 451 | animation-duration: 34s; |
||
| 452 | left: 102px; |
||
| 453 | margin-top: 81px; |
||
| 454 | } |
||
| 455 | #site-footer .flake.f-8 { |
||
| 456 | -webkit-animation-duration: 37s; |
||
| 457 | -moz-animation-duration: 37s; |
||
| 458 | -ms-animation-duration: 37s; |
||
| 459 | -o-animation-duration: 37s; |
||
| 460 | animation-duration: 37s; |
||
| 461 | left: 102px; |
||
| 462 | margin-top: 40px; |
||
| 463 | } |
||
| 464 | #site-footer .flake.f-9 { |
||
| 465 | -webkit-animation-duration: 35s; |
||
| 466 | -moz-animation-duration: 35s; |
||
| 467 | -ms-animation-duration: 35s; |
||
| 468 | -o-animation-duration: 35s; |
||
| 469 | animation-duration: 35s; |
||
| 470 | left: 108px; |
||
| 471 | margin-top: 67px; |
||
| 472 | } |
||
| 473 | #site-footer .flake.f-10 { |
||
| 474 | -webkit-animation-duration: 23s; |
||
| 475 | -moz-animation-duration: 23s; |
||
| 476 | -ms-animation-duration: 23s; |
||
| 477 | -o-animation-duration: 23s; |
||
| 478 | animation-duration: 23s; |
||
| 479 | left: 90px; |
||
| 480 | margin-top: 11px; |
||
| 481 | } |
||
| 482 | #site-footer .flake.f-11 { |
||
| 483 | -webkit-animation-duration: 27s; |
||
| 484 | -moz-animation-duration: 27s; |
||
| 485 | -ms-animation-duration: 27s; |
||
| 486 | -o-animation-duration: 27s; |
||
| 487 | animation-duration: 27s; |
||
| 488 | left: 126px; |
||
| 489 | margin-top: 55px; |
||
| 490 | } |
||
| 491 | #site-footer .flake.f-12 { |
||
| 492 | -webkit-animation-duration: 29s; |
||
| 493 | -moz-animation-duration: 29s; |
||
| 494 | -ms-animation-duration: 29s; |
||
| 495 | -o-animation-duration: 29s; |
||
| 496 | animation-duration: 29s; |
||
| 497 | left: 131px; |
||
| 498 | margin-top: 27px; |
||
| 499 | } |
||
| 500 | #site-footer .flake.f-13 { |
||
| 501 | -webkit-animation-duration: 24s; |
||
| 502 | -moz-animation-duration: 24s; |
||
| 503 | -ms-animation-duration: 24s; |
||
| 504 | -o-animation-duration: 24s; |
||
| 505 | animation-duration: 24s; |
||
| 506 | left: 128px; |
||
| 507 | margin-top: 112px; |
||
| 508 | } |
||
| 509 | #site-footer .flake.f-14 { |
||
| 510 | -webkit-animation-duration: 23s; |
||
| 511 | -moz-animation-duration: 23s; |
||
| 512 | -ms-animation-duration: 23s; |
||
| 513 | -o-animation-duration: 23s; |
||
| 514 | animation-duration: 23s; |
||
| 515 | left: 146px; |
||
| 516 | margin-top: 72px; |
||
| 517 | } |
||
| 518 | #site-footer .flake.f-15 { |
||
| 519 | -webkit-animation-duration: 19s; |
||
| 520 | -moz-animation-duration: 19s; |
||
| 521 | -ms-animation-duration: 19s; |
||
| 522 | -o-animation-duration: 19s; |
||
| 523 | animation-duration: 19s; |
||
| 524 | left: 147px; |
||
| 525 | margin-top: 102px; |
||
| 526 | } |
||
| 527 | #site-footer .flake.f-16 { |
||
| 528 | -webkit-animation-duration: 22s; |
||
| 529 | -moz-animation-duration: 22s; |
||
| 530 | -ms-animation-duration: 22s; |
||
| 531 | -o-animation-duration: 22s; |
||
| 532 | animation-duration: 22s; |
||
| 533 | left: 166px; |
||
| 534 | margin-top: 100px; |
||
| 535 | } |
||
| 536 | #site-footer .flake.f-17 { |
||
| 537 | -webkit-animation-duration: 18s; |
||
| 538 | -moz-animation-duration: 18s; |
||
| 539 | -ms-animation-duration: 18s; |
||
| 540 | -o-animation-duration: 18s; |
||
| 541 | animation-duration: 18s; |
||
| 542 | left: 177px; |
||
| 543 | margin-top: 73px; |
||
| 544 | } |
||
| 545 | #site-footer .flake.f-18 { |
||
| 546 | -webkit-animation-duration: 26s; |
||
| 547 | -moz-animation-duration: 26s; |
||
| 548 | -ms-animation-duration: 26s; |
||
| 549 | -o-animation-duration: 26s; |
||
| 550 | animation-duration: 26s; |
||
| 551 | left: 22px; |
||
| 552 | margin-top: 79px; |
||
| 553 | } |
||
| 554 | #site-footer .flake.f-19 { |
||
| 555 | -webkit-animation-duration: 20s; |
||
| 556 | -moz-animation-duration: 20s; |
||
| 557 | -ms-animation-duration: 20s; |
||
| 558 | -o-animation-duration: 20s; |
||
| 559 | animation-duration: 20s; |
||
| 560 | left: 31px; |
||
| 561 | margin-top: 41px; |
||
| 562 | } |
||
| 563 | #site-footer .flake.f-20 { |
||
| 564 | -webkit-animation-duration: 19s; |
||
| 565 | -moz-animation-duration: 19s; |
||
| 566 | -ms-animation-duration: 19s; |
||
| 567 | -o-animation-duration: 19s; |
||
| 568 | animation-duration: 19s; |
||
| 569 | left: 38px; |
||
| 570 | margin-top: 56px; |
||
| 571 | } |
||
| 572 | #site-footer .flake.f-21 { |
||
| 573 | -webkit-animation-duration: 31s; |
||
| 574 | -moz-animation-duration: 31s; |
||
| 575 | -ms-animation-duration: 31s; |
||
| 576 | -o-animation-duration: 31s; |
||
| 577 | animation-duration: 31s; |
||
| 578 | left: 56px; |
||
| 579 | margin-top: 43px; |
||
| 580 | } |
||
| 581 | #site-footer .flake.f-22 { |
||
| 582 | -webkit-animation-duration: 20s; |
||
| 583 | -moz-animation-duration: 20s; |
||
| 584 | -ms-animation-duration: 20s; |
||
| 585 | -o-animation-duration: 20s; |
||
| 586 | animation-duration: 20s; |
||
| 587 | left: 89px; |
||
| 588 | margin-top: 57px; |
||
| 589 | } |
||
| 590 | #site-footer .flake.f-23 { |
||
| 591 | -webkit-animation-duration: 18s; |
||
| 592 | -moz-animation-duration: 18s; |
||
| 593 | -ms-animation-duration: 18s; |
||
| 594 | -o-animation-duration: 18s; |
||
| 595 | animation-duration: 18s; |
||
| 596 | left: 90px; |
||
| 597 | margin-top: 30px; |
||
| 598 | } |
||
| 599 | #site-footer .flake.f-24 { |
||
| 600 | -webkit-animation-duration: 28s; |
||
| 601 | -moz-animation-duration: 28s; |
||
| 602 | -ms-animation-duration: 28s; |
||
| 603 | -o-animation-duration: 28s; |
||
| 604 | animation-duration: 28s; |
||
| 605 | left: 100px; |
||
| 606 | margin-top: 119px; |
||
| 607 | } |
||
| 608 | #site-footer .flake.f-25 { |
||
| 609 | -webkit-animation-duration: 29s; |
||
| 610 | -moz-animation-duration: 29s; |
||
| 611 | -ms-animation-duration: 29s; |
||
| 612 | -o-animation-duration: 29s; |
||
| 613 | animation-duration: 29s; |
||
| 614 | left: 114px; |
||
| 615 | margin-top: 14px; |
||
| 616 | } |
||
| 617 | #site-footer .flake.f-26 { |
||
| 618 | -webkit-animation-duration: 25s; |
||
| 619 | -moz-animation-duration: 25s; |
||
| 620 | -ms-animation-duration: 25s; |
||
| 621 | -o-animation-duration: 25s; |
||
| 622 | animation-duration: 25s; |
||
| 623 | left: 127px; |
||
| 624 | margin-top: 84px; |
||
| 625 | } |
||
| 626 | #site-footer .flake.f-27 { |
||
| 627 | -webkit-animation-duration: 26s; |
||
| 628 | -moz-animation-duration: 26s; |
||
| 629 | -ms-animation-duration: 26s; |
||
| 630 | -o-animation-duration: 26s; |
||
| 631 | animation-duration: 26s; |
||
| 632 | left: 134px; |
||
| 633 | margin-top: 114px; |
||
| 634 | } |
||
| 635 | #site-footer .flake.f-28 { |
||
| 636 | -webkit-animation-duration: 34s; |
||
| 637 | -moz-animation-duration: 34s; |
||
| 638 | -ms-animation-duration: 34s; |
||
| 639 | -o-animation-duration: 34s; |
||
| 640 | animation-duration: 34s; |
||
| 641 | left: 145px; |
||
| 642 | margin-top: 49px; |
||
| 643 | } |
||
| 644 | #site-footer .flake.f-29 { |
||
| 645 | -webkit-animation-duration: 29s; |
||
| 646 | -moz-animation-duration: 29s; |
||
| 647 | -ms-animation-duration: 29s; |
||
| 648 | -o-animation-duration: 29s; |
||
| 649 | animation-duration: 29s; |
||
| 650 | left: 148px; |
||
| 651 | margin-top: 42px; |
||
| 652 | } |
||
| 653 | #site-footer .flake.f-30 { |
||
| 654 | -webkit-animation-duration: 23s; |
||
| 655 | -moz-animation-duration: 23s; |
||
| 656 | -ms-animation-duration: 23s; |
||
| 657 | -o-animation-duration: 23s; |
||
| 658 | animation-duration: 23s; |
||
| 659 | left: 157px; |
||
| 660 | margin-top: 70px; |
||
| 661 | } |
||
| 662 | #site-footer .flake.f-31 { |
||
| 663 | -webkit-animation-duration: 18s; |
||
| 664 | -moz-animation-duration: 18s; |
||
| 665 | -ms-animation-duration: 18s; |
||
| 666 | -o-animation-duration: 18s; |
||
| 667 | animation-duration: 18s; |
||
| 668 | left: 165px; |
||
| 669 | margin-top: 78px; |
||
| 670 | } |
||
| 671 | |||
| 672 | @-webkit-keyframes snow { |
||
| 673 | 0% { |
||
| 674 | -moz-transform: translateY(-110px); |
||
| 675 | -ms-transform: translateY(-110px); |
||
| 676 | -webkit-transform: translateY(-110px); |
||
| 677 | transform: translateY(-110px); |
||
| 678 | } |
||
| 679 | 100% { |
||
| 680 | -moz-transform: translateY(160px); |
||
| 681 | -ms-transform: translateY(160px); |
||
| 682 | -webkit-transform: translateY(160px); |
||
| 683 | transform: translateY(160px); |
||
| 684 | } |
||
| 685 | } |
||
| 686 | @-moz-keyframes snow { |
||
| 687 | 0% { |
||
| 688 | -moz-transform: translateY(-110px); |
||
| 689 | -ms-transform: translateY(-110px); |
||
| 690 | -webkit-transform: translateY(-110px); |
||
| 691 | transform: translateY(-110px); |
||
| 692 | } |
||
| 693 | 100% { |
||
| 694 | -moz-transform: translateY(160px); |
||
| 695 | -ms-transform: translateY(160px); |
||
| 696 | -webkit-transform: translateY(160px); |
||
| 697 | transform: translateY(160px); |
||
| 698 | } |
||
| 699 | } |
||
| 700 | @-ms-keyframes snow { |
||
| 701 | 0% { |
||
| 702 | -moz-transform: translateY(-110px); |
||
| 703 | -ms-transform: translateY(-110px); |
||
| 704 | -webkit-transform: translateY(-110px); |
||
| 705 | transform: translateY(-110px); |
||
| 706 | } |
||
| 707 | 100% { |
||
| 708 | -moz-transform: translateY(160px); |
||
| 709 | -ms-transform: translateY(160px); |
||
| 710 | -webkit-transform: translateY(160px); |
||
| 711 | transform: translateY(160px); |
||
| 712 | } |
||
| 713 | } |
||
| 714 | @keyframes snow { |
||
| 715 | 0% { |
||
| 716 | -moz-transform: translateY(-110px); |
||
| 717 | -ms-transform: translateY(-110px); |
||
| 718 | -webkit-transform: translateY(-110px); |
||
| 719 | transform: translateY(-110px); |
||
| 720 | } |
||
| 721 | 100% { |
||
| 722 | -moz-transform: translateY(160px); |
||
| 723 | -ms-transform: translateY(160px); |
||
| 724 | -webkit-transform: translateY(160px); |
||
| 725 | transform: translateY(160px); |
||
| 726 | } |
||
| 727 | } |
||
| 728 | .footer-claim, |
||
| 729 | .footer-claim *, |
||
| 730 | #site-footer > span, |
||
| 731 | #site-footer > span *, |
||
| 732 | .tree { |
||
| 733 | background: transparent !important; |
||
| 734 | } |
||
| 735 | </style> |
||
| 736 | |||
| 737 | <div class="flake large f-1"></div> |
||
| 738 | <div class="flake large f-2"></div> |
||
| 739 | <div class="flake large f-3"></div> |
||
| 740 | <div class="flake large f-4"></div> |
||
| 741 | <div class="flake large f-5"></div> |
||
| 742 | <div class="flake large f-6"></div> |
||
| 743 | <div class="flake large f-7"></div> |
||
| 744 | <div class="flake large f-8"></div> |
||
| 745 | <div class="flake large f-9"></div> |
||
| 746 | <div class="flake large f-10"></div> |
||
| 747 | <div class="flake large f-11"></div> |
||
| 748 | <div class="flake large f-12"></div> |
||
| 749 | <div class="flake large f-13"></div> |
||
| 750 | <div class="flake large f-14"></div> |
||
| 751 | <div class="flake large f-15"></div> |
||
| 752 | <div class="flake large f-16"></div> |
||
| 753 | <div class="flake large f-17"></div> |
||
| 754 | <div class="flake f-18"></div> |
||
| 755 | <div class="flake f-19"></div> |
||
| 756 | <div class="flake f-20"></div> |
||
| 757 | <div class="flake f-21"></div> |
||
| 758 | <div class="flake f-22"></div> |
||
| 759 | <div class="flake f-23"></div> |
||
| 760 | <div class="flake f-24"></div> |
||
| 761 | <div class="flake f-25"></div> |
||
| 762 | <div class="flake f-26"></div> |
||
| 763 | <div class="flake f-27"></div> |
||
| 764 | <div class="flake f-28"></div> |
||
| 765 | <div class="flake f-29"></div> |
||
| 766 | <div class="flake f-30"></div> |
||
| 767 | <div class="flake f-31"></div> |
||
| 768 | <div class="tree left"> |
||
| 769 | <div class="snow"></div> |
||
| 770 | </div> |
||
| 771 | <div class="tree right"> |
||
| 772 | <div class="snow"></div> |
||
| 773 | </div> |
||
| 774 | <div class="ground"></div> |
||
| 775 | |
||
| 776 | 220 | ||
| 777 | <div class="container clearfix"> |
221 | <div class="container clearfix"> |
| 778 | <p class="pull-left"> |
222 | <p class="pull-left"> |
| 779 | </p> |
223 | </p> |
| 780 | <p class="pull-right"> |
224 | <p class="pull-right"> |