| 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 637 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 648 } | 648 } |
| 649 | 649 |
| 650 #no-plugin { | 650 #no-plugin { |
| 651 padding: 20px; | 651 padding: 20px; |
| 652 } | 652 } |
| 653 | 653 |
| 654 .hidden { | 654 .hidden { |
| 655 display: none; | 655 display: none; |
| 656 } | 656 } |
| 657 | 657 |
| 658 #dancing-dots { | 658 #overlay-layer { |
| 659 -webkit-transition: opacity 0.5s linear; | 659 -webkit-transition: opacity 0.5s linear; |
| 660 -webkit-user-select: none; | 660 -webkit-user-select: none; |
| 661 background: -webkit-radial-gradient(#eaeaea, #b8b8b8); | 661 background: -webkit-radial-gradient(#eaeaea, #b8b8b8); |
| 662 height: 100%; | 662 height: 100%; |
| 663 margin: 0; | 663 margin: 0; |
| 664 opacity: 1; | 664 opacity: 1; |
| 665 position: absolute; | 665 position: absolute; |
| 666 width: 100%; | 666 width: 100%; |
| 667 } | 667 } |
| 668 | 668 |
| 669 #dancing-dots.invisible { | 669 #overlay-layer.invisible { |
| 670 -webkit-transition: opacity 0.7s linear; | 670 -webkit-transition: opacity 0.7s linear; |
| 671 opacity: 0; | 671 opacity: 0; |
| 672 pointer-events: none; | 672 pointer-events: none; |
| 673 } | 673 } |
| 674 | 674 |
| 675 #messages { | 675 #messages { |
| 676 color: #404040; | 676 color: #404040; |
| 677 font-size: 15px; | 677 font-size: 15px; |
| 678 position: relative; | 678 position: relative; |
| 679 text-align: center; | 679 text-align: center; |
| (...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 715 -webkit-animation-delay: 300ms; | 715 -webkit-animation-delay: 300ms; |
| 716 } | 716 } |
| 717 | 717 |
| 718 #two-sided-div { | 718 #two-sided-div { |
| 719 margin-top: 10px; | 719 margin-top: 10px; |
| 720 } | 720 } |
| 721 | 721 |
| 722 input[disabled] + label { | 722 input[disabled] + label { |
| 723 color: gray; | 723 color: gray; |
| 724 } | 724 } |
| OLD | NEW |