The Tor Browser: browser/metro/theme/cssthrobber.css@7e26c7da4463

     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/. */

     5 %filter substitution

     6 %include defines.inc

     8 #container[enabled] .progressBall {

     9   position: absolute;

    10   opacity: 0;

    11   transform: rotate(225deg);

    12   animation: orbit 7.15s infinite;

    13 }

    15 #container[enabled] .progressBall:nth-child(1) {

    16   animation-delay: 1.56s;

    17 }

    19 #container[enabled] .progressBall:nth-child(2) {

    20   animation-delay: 0.31s;

    21 }

    23 #container[enabled] .progressBall:nth-child(3) {

    24   animation-delay: 0.62s;

    25 }

    27 #container[enabled] .progressBall:nth-child(4) {

    28   animation-delay: 0.94s;

    29 }

    31 #container[enabled] .progressBall:nth-child(5) {

    32   animation-delay: 1.25s;

    33 }

    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 }

    52 @keyframes orbit {

    53   0% {

    54     opacity: 1;

    55     z-index: 99;

    56     transform: rotate(180deg);

    57     animation-timing-function: ease-out;

    58   }

    60   7% {

    61     opacity: 1;

    62     transform: rotate(300deg);

    63     animation-timing-function: linear;

    64   }

    66   30% {

    67     opacity: 1;

    68     transform: rotate(410deg);

    69     animation-timing-function: ease-in-out;

    70   }

    72   39% {

    73     opacity: 1;

    74     transform: rotate(645deg);

    75     animation-timing-function: linear;

    76   }

    78   70% {

    79     opacity: 1;

    80     transform: rotate(770deg);

    81     animation-timing-function: ease-out;

    82   }

    84   75% {

    85     opacity: 1;

    86     transform: rotate(900deg);

    87     animation-timing-function: ease-out;

    88   }

    90   76%, 100% {

    91     opacity: 0;

    92     transform: rotate(900deg);

    93   }

    94 }

The Tor Browser / file revision