The Tor Browser / file comparison
comparison: browser/metro/theme/cssthrobber.css
browser/metro/theme/cssthrobber.css
- changeset 0
- 6474c204b198
equal
deleted
inserted
replaced
| -1:000000000000 | 0:4b26bd68db7a |
|---|---|
| 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 #container[enabled] .progressBall { | |
| 9 position: absolute; | |
| 10 opacity: 0; | |
| 11 transform: rotate(225deg); | |
| 12 animation: orbit 7.15s infinite; | |
| 13 } | |
| 14 | |
| 15 #container[enabled] .progressBall:nth-child(1) { | |
| 16 animation-delay: 1.56s; | |
| 17 } | |
| 18 | |
| 19 #container[enabled] .progressBall:nth-child(2) { | |
| 20 animation-delay: 0.31s; | |
| 21 } | |
| 22 | |
| 23 #container[enabled] .progressBall:nth-child(3) { | |
| 24 animation-delay: 0.62s; | |
| 25 } | |
| 26 | |
| 27 #container[enabled] .progressBall:nth-child(4) { | |
| 28 animation-delay: 0.94s; | |
| 29 } | |
| 30 | |
| 31 #container[enabled] .progressBall:nth-child(5) { | |
| 32 animation-delay: 1.25s; | |
| 33 } | |
| 34 | |
| 35 #container[enabled] .progressBall:nth-child(1)::after, | |
| 36 #container[enabled] .progressBall:nth-child(2)::after, | |
| 37 #container[enabled] .progressBall:nth-child(3)::after, | |
| 38 #container[enabled] .progressBall:nth-child(4)::after, | |
| 39 #container[enabled] .progressBall:nth-child(5)::after { | |
| 40 content: ""; | |
| 41 display: block; | |
| 42 width: 5px; | |
| 43 height: 5px; | |
| 44 border-radius: 5px; | |
| 45 position: absolute; | |
| 46 background: #0095dd; | |
| 47 left: 0; | |
| 48 top: 0; | |
| 49 } | |
| 50 | |
| 51 | |
| 52 @keyframes orbit { | |
| 53 0% { | |
| 54 opacity: 1; | |
| 55 z-index: 99; | |
| 56 transform: rotate(180deg); | |
| 57 animation-timing-function: ease-out; | |
| 58 } | |
| 59 | |
| 60 7% { | |
| 61 opacity: 1; | |
| 62 transform: rotate(300deg); | |
| 63 animation-timing-function: linear; | |
| 64 } | |
| 65 | |
| 66 30% { | |
| 67 opacity: 1; | |
| 68 transform: rotate(410deg); | |
| 69 animation-timing-function: ease-in-out; | |
| 70 } | |
| 71 | |
| 72 39% { | |
| 73 opacity: 1; | |
| 74 transform: rotate(645deg); | |
| 75 animation-timing-function: linear; | |
| 76 } | |
| 77 | |
| 78 70% { | |
| 79 opacity: 1; | |
| 80 transform: rotate(770deg); | |
| 81 animation-timing-function: ease-out; | |
| 82 } | |
| 83 | |
| 84 75% { | |
| 85 opacity: 1; | |
| 86 transform: rotate(900deg); | |
| 87 animation-timing-function: ease-out; | |
| 88 } | |
| 89 | |
| 90 76%, 100% { | |
| 91 opacity: 0; | |
| 92 transform: rotate(900deg); | |
| 93 } | |
| 94 } |
