gecko/browser/metro/theme/circularprogress.css

50 lines
1.5 KiB
CSS

/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
%filter substitution
%include defines.inc
.circularprogressindicator-progressButton,
.circularprogressindicator-progressRing,
.circularprogressindicator-progressTrack,
.circularprogressindicator-progressNotification {
margin: 0 @toolbar_horizontal_spacing@;
}
.circularprogressindicator-progressRing,
.circularprogressindicator-progressTrack {
pointer-events:none;
position: absolute;
}
.circularprogressindicator-progressTrack {
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-size: 40px 40px;
background-image: url(chrome://browser/skin/images/progresscircle-bg.png);
}
.circularprogressindicator-progressNotification {
width: 40px;
height: 40px;
background-image: url(chrome://browser/skin/images/navbar-download-finished.png);
visibility: hidden;
}
.circularprogressindicator-progressNotification.progressNotification-active {
visibility: visible;
opacity: 0;
transform: scale(2);
transition: opacity @metro_animation_duration@,
transform @metro_animation_duration@;
}
.circularprogressindicator-progressRing:not([progress]),
.circularprogressindicator-progressRing[progress="100"],
.circularprogressindicator-progressTrack:not([progress]),
.circularprogressindicator-progressTrack[progress="100"] {
visibility: hidden;
}