OLD | NEW |
1 html { | 1 html { |
2 height: 100%; | 2 height: 100%; |
3 } | 3 } |
4 | 4 |
5 body { | 5 body { |
6 background: white; | 6 background: white; |
7 display: -webkit-box; | 7 display: -webkit-box; |
8 height: 100%; | 8 height: 100%; |
9 margin: 0; | 9 margin: 0; |
10 overflow: hidden; | 10 overflow: hidden; |
(...skipping 731 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
742 80% { top: 3px; } | 742 80% { top: 3px; } |
743 90% { top: -2px; } | 743 90% { top: -2px; } |
744 95% { top: 1px; } | 744 95% { top: 1px; } |
745 100% { top: 0; } | 745 100% { top: 0; } |
746 } | 746 } |
747 | 747 |
748 #loading { | 748 #loading { |
749 -webkit-margin-end: -3px; | 749 -webkit-margin-end: -3px; |
750 } | 750 } |
751 | 751 |
752 #dancing-dots-text span span { | 752 .message-with-dots span span { |
753 -webkit-animation-duration: 1800ms; | 753 -webkit-animation-duration: 1800ms; |
754 -webkit-animation-iteration-count: infinite; | 754 -webkit-animation-iteration-count: infinite; |
755 -webkit-animation-name: dancing-dots-jump; | 755 -webkit-animation-name: dancing-dots-jump; |
756 padding: 1px; | 756 padding: 1px; |
757 position: relative; | 757 position: relative; |
758 } | 758 } |
759 | 759 |
760 #dancing-dots-text span span:nth-child(2) { | 760 .message-with-dots span span:nth-child(2) { |
761 -webkit-animation-delay: 100ms; | 761 -webkit-animation-delay: 100ms; |
762 } | 762 } |
763 | 763 |
764 #dancing-dots-text span span:nth-child(3) { | 764 .message-with-dots span span:nth-child(3) { |
765 -webkit-animation-delay: 300ms; | 765 -webkit-animation-delay: 300ms; |
766 } | 766 } |
767 | 767 |
768 #two-sided-div { | 768 #two-sided-div { |
769 margin-top: 10px; | 769 margin-top: 10px; |
770 } | 770 } |
771 | 771 |
772 input[disabled] + label { | 772 input[disabled] + label { |
773 color: gray; | 773 color: gray; |
774 } | 774 } |
775 | 775 |
776 #error-action-area { | 776 #error-action-area { |
777 margin-top: 10px; | 777 margin-top: 10px; |
778 } | 778 } |
OLD | NEW |