browser/metro/theme/circularprogress.css

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/browser/metro/theme/circularprogress.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,49 @@
     1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
     1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
     1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
     1.7 +
     1.8 +%filter substitution
     1.9 +%include defines.inc
    1.10 +
    1.11 +.circularprogressindicator-progressButton,
    1.12 +.circularprogressindicator-progressRing,
    1.13 +.circularprogressindicator-progressTrack,
    1.14 +.circularprogressindicator-progressNotification {
    1.15 +  margin: 0 @toolbar_horizontal_spacing@;
    1.16 +}
    1.17 +
    1.18 +.circularprogressindicator-progressRing,
    1.19 +.circularprogressindicator-progressTrack {
    1.20 +  pointer-events:none;
    1.21 +  position: absolute;
    1.22 +}
    1.23 +
    1.24 +.circularprogressindicator-progressTrack {
    1.25 +  width: 40px;
    1.26 +  height: 40px;
    1.27 +  background-repeat: no-repeat;
    1.28 +  background-size: 40px 40px;
    1.29 +  background-image: url(chrome://browser/skin/images/progresscircle-bg.png);
    1.30 +}
    1.31 +
    1.32 +.circularprogressindicator-progressNotification {
    1.33 +    width: 40px;
    1.34 +    height: 40px;
    1.35 +    background-image: url(chrome://browser/skin/images/navbar-download-finished.png);
    1.36 +    visibility: hidden;
    1.37 +}
    1.38 +
    1.39 +.circularprogressindicator-progressNotification.progressNotification-active {
    1.40 +  visibility: visible;
    1.41 +  opacity: 0;
    1.42 +  transform: scale(2);
    1.43 +  transition: opacity @metro_animation_duration@,
    1.44 +              transform @metro_animation_duration@;
    1.45 +}
    1.46 +
    1.47 +.circularprogressindicator-progressRing:not([progress]),
    1.48 +.circularprogressindicator-progressRing[progress="100"],
    1.49 +.circularprogressindicator-progressTrack:not([progress]),
    1.50 +.circularprogressindicator-progressTrack[progress="100"] {
    1.51 +  visibility: hidden;
    1.52 +}

mercurial