| OLD | NEW |
| (Empty) |
| 1 input:invalid { | |
| 2 background-color: #ff6666; | |
| 3 } | |
| 4 | |
| 5 .left-icon { | |
| 6 background-position: 4px top !important; | |
| 7 } | |
| 8 | |
| 9 .network-menu-item { | |
| 10 width: 100%; | |
| 11 } | |
| 12 | |
| 13 .network-label-icon { | |
| 14 -webkit-box-align: center; | |
| 15 display: -webkit-box; | |
| 16 min-height: 24px; | |
| 17 } | |
| 18 | |
| 19 .network-label { | |
| 20 -webkit-box-flex: 1; | |
| 21 } | |
| 22 | |
| 23 .network-icon { | |
| 24 width: 24px; | |
| 25 height: 24px; | |
| 26 | |
| 27 background-position: 50% 50%; | |
| 28 background-repeat: no-repeat; | |
| 29 } | |
| 30 | |
| 31 .network-status { | |
| 32 color: grey; | |
| 33 } | |
| 34 | |
| 35 .spinner { | |
| 36 background-image: -webkit-canvas(spinner-circle); | |
| 37 | |
| 38 -webkit-animation-name: spin; | |
| 39 -webkit-animation-duration:2s; | |
| 40 -webkit-animation-iteration-count:infinite; | |
| 41 -webkit-animation-timing-function:linear; | |
| 42 } | |
| 43 | |
| 44 @-webkit-keyframes spin { | |
| 45 from { | |
| 46 -webkit-transform: rotate(0deg); | |
| 47 } | |
| 48 to { | |
| 49 -webkit-transform: rotate(360deg); | |
| 50 } | |
| 51 } | |
| OLD | NEW |