| OLD | NEW |
| 1 .scanning-msg { | 1 .scanning-msg { |
| 2 margin-left: 50px; | 2 margin-left: 50px; |
| 3 } | 3 } |
| 4 | 4 |
| 5 .spinner { | 5 .spinner { |
| 6 width: 32px; | 6 width: 32px; |
| 7 height: 32px; | 7 height: 32px; |
| 8 float: left; | 8 float: left; |
| 9 | 9 |
| 10 background-position: 50% 50%; | 10 background-position: 50% 50%; |
| 11 background-repeat: no-repeat; | 11 background-repeat: no-repeat; |
| 12 | 12 |
| 13 background-image: -webkit-canvas(spinner-circle); | 13 background-image: -webkit-canvas(spinner-circle); |
| 14 | 14 |
| 15 -webkit-animation-name: spin; | 15 -webkit-animation-name: spin; |
| 16 -webkit-animation-duration: 2s; | 16 -webkit-animation-duration: 2000ms; |
| 17 -webkit-animation-iteration-count: infinite; | 17 -webkit-animation-iteration-count: infinite; |
| 18 -webkit-animation-timing-function: linear; | 18 -webkit-animation-timing-function: linear; |
| 19 } | 19 } |
| 20 | 20 |
| 21 .content-area { | 21 .content-area { |
| 22 height: 120px; | 22 height: 120px; |
| 23 overflow: auto; | 23 overflow: auto; |
| 24 } | 24 } |
| 25 | 25 |
| 26 .disabled { | 26 .disabled { |
| 27 opacity: 0.7; | 27 opacity: 0.7; |
| 28 } | 28 } |
| 29 | 29 |
| 30 @-webkit-keyframes spin { | 30 @-webkit-keyframes spin { |
| 31 from { | 31 from { |
| 32 -webkit-transform: rotate(0deg); | 32 -webkit-transform: rotate(0deg); |
| 33 } | 33 } |
| 34 to { | 34 to { |
| 35 -webkit-transform: rotate(360deg); | 35 -webkit-transform: rotate(360deg); |
| 36 } | 36 } |
| 37 } | 37 } |
| OLD | NEW |