|
1 /* This Source Code Form is subject to the terms of the Mozilla Public |
|
2 * License, v. 2.0. If a copy of the MPL was not distributed with this |
|
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ |
|
4 |
|
5 %filter substitution |
|
6 %include defines.inc |
|
7 |
|
8 .circularprogressindicator-progressButton, |
|
9 .circularprogressindicator-progressRing, |
|
10 .circularprogressindicator-progressTrack, |
|
11 .circularprogressindicator-progressNotification { |
|
12 margin: 0 @toolbar_horizontal_spacing@; |
|
13 } |
|
14 |
|
15 .circularprogressindicator-progressRing, |
|
16 .circularprogressindicator-progressTrack { |
|
17 pointer-events:none; |
|
18 position: absolute; |
|
19 } |
|
20 |
|
21 .circularprogressindicator-progressTrack { |
|
22 width: 40px; |
|
23 height: 40px; |
|
24 background-repeat: no-repeat; |
|
25 background-size: 40px 40px; |
|
26 background-image: url(chrome://browser/skin/images/progresscircle-bg.png); |
|
27 } |
|
28 |
|
29 .circularprogressindicator-progressNotification { |
|
30 width: 40px; |
|
31 height: 40px; |
|
32 background-image: url(chrome://browser/skin/images/navbar-download-finished.png); |
|
33 visibility: hidden; |
|
34 } |
|
35 |
|
36 .circularprogressindicator-progressNotification.progressNotification-active { |
|
37 visibility: visible; |
|
38 opacity: 0; |
|
39 transform: scale(2); |
|
40 transition: opacity @metro_animation_duration@, |
|
41 transform @metro_animation_duration@; |
|
42 } |
|
43 |
|
44 .circularprogressindicator-progressRing:not([progress]), |
|
45 .circularprogressindicator-progressRing[progress="100"], |
|
46 .circularprogressindicator-progressTrack:not([progress]), |
|
47 .circularprogressindicator-progressTrack[progress="100"] { |
|
48 visibility: hidden; |
|
49 } |