| OLD | NEW |
| 1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 2014 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
| 4 */ | 4 */ |
| 5 | 5 |
| 6 #waitAnimation { | 6 #waitAnimation { |
| 7 position: absolute; | 7 position: absolute; |
| 8 left: 0px; | 8 left: 0px; |
| 9 top: 0px; | 9 top: 0px; |
| 10 height:100%; | 10 height:100%; |
| 11 width:100%; | 11 width:100%; |
| 12 z-index:1000; | 12 z-index:1000; |
| 13 background-color:black; | 13 background-color:black; |
| 14 opacity:0.6; | 14 opacity:0.6; |
| 15 } | 15 } |
| 16 | 16 |
| 17 #waitSpinner { | 17 #waitSpinner { |
| 18 position: absolute; | 18 position: absolute; |
| 19 height:60px; | 19 height:60px; |
| 20 width:60px; | 20 width:60px; |
| 21 top: 50%; | 21 top: 50%; |
| 22 left: 50%; | 22 left: 50%; |
| 23 margin-left: -30px; | 23 margin-left: -30px; |
| 24 margin-top: -30px; | 24 margin-top: -30px; |
| 25 -webkit-animation: rotation .6s infinite linear; | |
| 26 animation: rotation .6s infinite linear; | 25 animation: rotation .6s infinite linear; |
| 27 border-left:6px solid rgba(180,174,239,.15); | 26 border-left:6px solid rgba(180,174,239,.15); |
| 28 border-right:6px solid rgba(180,174,239,.15); | 27 border-right:6px solid rgba(180,174,239,.15); |
| 29 border-bottom:6px solid rgba(180,174,239,.15); | 28 border-bottom:6px solid rgba(180,174,239,.15); |
| 30 border-top:6px solid rgba(180,174,239,.8); | 29 border-top:6px solid rgba(180,174,239,.8); |
| 31 border-radius:100%; | 30 border-radius:100%; |
| 32 } | 31 } |
| 33 | 32 |
| 34 @-webkit-keyframes rotation { | 33 @keyframes rotation { |
| 35 from {-webkit-transform: rotate(0deg);} | 34 from {transform: rotate(0deg);} |
| 36 to {-webkit-transform: rotate(359deg);} | 35 to {transform: rotate(359deg);} |
| 37 } | 36 } |
| OLD | NEW |