| OLD | NEW |
| 1 html { | 1 html { |
| 2 height: 100%; | 2 height: 100%; |
| 3 } | 3 } |
| 4 | 4 |
| 5 body { | 5 body { |
| 6 -webkit-user-select: none; | 6 -webkit-user-select: none; |
| 7 background: white; | 7 background: white; |
| 8 display: -webkit-box; | 8 display: -webkit-box; |
| 9 font-family: 'Open Sans', Arial, sans-serif; | 9 font-family: 'Open Sans', Arial, sans-serif; |
| 10 height: 100%; | 10 height: 100%; |
| (...skipping 632 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 643 opacity: 0; | 643 opacity: 0; |
| 644 pointer-events: none; | 644 pointer-events: none; |
| 645 } | 645 } |
| 646 | 646 |
| 647 #dancing-dots-text { | 647 #dancing-dots-text { |
| 648 color: #404040; | 648 color: #404040; |
| 649 font-size: 15px; | 649 font-size: 15px; |
| 650 left: 25%; | 650 left: 25%; |
| 651 position: relative; | 651 position: relative; |
| 652 text-align: center; | 652 text-align: center; |
| 653 text-shadow: 2px 4px 0 rgba(255, 255, 255, .7); | 653 text-shadow: 1px 1px 0 rgba(255, 255, 255, .7); |
| 654 top: 50%; | 654 top: 50%; |
| 655 width: 50%; | 655 width: 50%; |
| 656 } | 656 } |
| 657 | 657 |
| 658 @-webkit-keyframes dancing-dots-jump { | 658 @-webkit-keyframes dancing-dots-jump { |
| 659 0% { top: 0; } | 659 0% { top: 0; } |
| 660 35% { top: 0; } | 660 35% { top: 0; } |
| 661 60% { top: -10px; } | 661 60% { top: -10px; } |
| 662 80% { top: 3px; } | 662 80% { top: 3px; } |
| 663 90% { top: -2px; } | 663 90% { top: -2px; } |
| 664 95% { top: 1px; } | 664 95% { top: 1px; } |
| 665 100% { top: 0; } | 665 100% { top: 0; } |
| 666 } | 666 } |
| 667 | 667 |
| 668 #dancing-dots-text span span { | 668 #dancing-dots-text span span { |
| 669 -webkit-animation-duration: 1800ms; | 669 -webkit-animation-duration: 1800ms; |
| 670 -webkit-animation-iteration-count: infinite; | 670 -webkit-animation-iteration-count: infinite; |
| 671 -webkit-animation-name: dancing-dots-jump; | 671 -webkit-animation-name: dancing-dots-jump; |
| 672 padding: 1px; | 672 padding: 1px; |
| 673 position: relative; | 673 position: relative; |
| 674 } | 674 } |
| 675 #dancing-dots-text span span:nth-child(2) { | 675 #dancing-dots-text span span:nth-child(2) { |
| 676 -webkit-animation-delay: 100ms; | 676 -webkit-animation-delay: 100ms; |
| 677 } | 677 } |
| 678 #dancing-dots-text span span:nth-child(3) { | 678 #dancing-dots-text span span:nth-child(3) { |
| 679 -webkit-animation-delay: 300ms; | 679 -webkit-animation-delay: 300ms; |
| 680 } | 680 } |
| OLD | NEW |