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