Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(190)

Side by Side Diff: ui/webui/resources/css/spinner.css

Issue 1124323004: Update some more webui progress indicators to new throbber: (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: can't get rid of .grd entry yet Created 5 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « chrome/browser/resources/print_preview/settings/destination_settings.css ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 .inline-spinner, 5 .inline-spinner,
6 .spinner { 6 .spinner {
7 -webkit-animation: spinner-animation 1s step-end infinite; 7 background-image: url(chrome://resources/images/throbber.svg);
8 background-image: url(chrome://resources/images/spinner.svg);
9 background-size: 100%; 8 background-size: 100%;
10 } 9 }
11 10
12 .inline-spinner { 11 .inline-spinner {
13 display: inline-block; 12 display: inline-block;
14 height: 16px; 13 height: 16px;
15 width: 16px; 14 width: 16px;
16 } 15 }
17 16
18 .spinner { 17 .spinner {
19 height: 22px; 18 height: 22px;
20 width: 22px; 19 width: 22px;
21 } 20 }
22
23 @-webkit-keyframes spinner-animation {
24 0% {
25 -webkit-transform: rotate(0deg);
26 }
27 8.33% {
28 -webkit-transform: rotate(30deg);
29 }
30 16.67% {
31 -webkit-transform: rotate(60deg);
32 }
33 25% {
34 -webkit-transform: rotate(90deg);
35 }
36 33.33% {
37 -webkit-transform: rotate(120deg);
38 }
39 41.67% {
40 -webkit-transform: rotate(150deg);
41 }
42 50% {
43 -webkit-transform: rotate(180deg);
44 }
45 58.33% {
46 -webkit-transform: rotate(210deg);
47 }
48 66.67% {
49 -webkit-transform: rotate(240deg);
50 }
51 75% {
52 -webkit-transform: rotate(270deg);
53 }
54 83.33% {
55 -webkit-transform: rotate(300deg);
56 }
57 91.67% {
58 -webkit-transform: rotate(330deg);
59 }
60 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/print_preview/settings/destination_settings.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698