1input: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} 52