11/* This is a compiled file, you should be editing the file in the templates directory */
2- .pace .pace-inactive {
2+ .pace .pace-inactive {
33 display : none;
44}
55
3030}
3131
3232.pace .pace-progress : before {
33- content : attr (data-progress-text);
34- text-align : center;
35- color : # fff ;
36- background : # 29d ;
37- border-radius : 50% ;
38- font-family : "Helvetica Neue" , sans-serif;
39- font-size : 14px ;
40- font-weight : 100 ;
41- line-height : 1 ;
42- padding : 20% 0 7px ;
43- width : 50% ;
44- height : 40% ;
45- margin : 10px 0 0 30px ;
46- display : block;
47- z-index : 999 ;
48- position : absolute;
49- }
33+ content : attr (data-progress-text);
34+ text-align : center;
35+ color : # fff ;
36+ background : # 29d ;
37+ border-radius : 50% ;
38+ font-family : "Helvetica Neue" , sans-serif;
39+ font-size : 14px ;
40+ font-weight : 100 ;
41+ line-height : 1 ;
42+ padding : 20% 0 7px ;
43+ width : 50% ;
44+ height : 40% ;
45+ margin : 10px 0 0 30px ;
46+ display : block;
47+ z-index : 999 ;
48+ position : absolute;
49+ }
5050
5151.pace .pace-progress : after {
52- border-radius : 50% ;
53- border : 5px solid # 29d ;
54- content : ' ' ;
55- display : block;
56- position : absolute;
57- top : 0 ;
58- left : 0 ;
59- height : 60px ;
60- width : 100px ;
61-
62- -webkit-transform : rotate (90deg );
63- -moz-transform : rotate (90deg );
64- -o-transform : rotate (90deg );
65- transform : rotate (90deg );
66- -webkit-animation : spin-3 2s linear infinite;
67- -moz-animation : spin-3 2s linear infinite;
68- -o-animation : spin-3 2s linear infinite;
69- animation : spin-3 2s linear infinite;
70- }
52+ border-radius : 50% ;
53+ border : 5px solid # 29d ;
54+ content : ' ' ;
55+ display : block;
56+ position : absolute;
57+ top : 0 ;
58+ left : 0 ;
59+ height : 60px ;
60+ width : 100px ;
61+
62+ -webkit-transform : rotate (90deg );
63+ -moz-transform : rotate (90deg );
64+ -o-transform : rotate (90deg );
65+ transform : rotate (90deg );
66+ -webkit-animation : spin-3 2s linear infinite;
67+ -moz-animation : spin-3 2s linear infinite;
68+ -o-animation : spin-3 2s linear infinite;
69+ animation : spin-3 2s linear infinite;
70+ }
7171
7272.pace .pace-activity {
7373 font-size : 15px ;
8181}
8282
8383.pace .pace-activity : before {
84- border-radius : 50% ;
85- border : 5px solid # 29d ;
86- content : ' ' ;
87- display : block;
88- position : absolute;
89- top : 0 ;
90- left : 0 ;
91- height : 60px ;
92- width : 100px ;
93-
94- -webkit-animation : spin-1 2s linear infinite;
95- -moz-animation : spin-1 2s linear infinite;
96- -o-animation : spin-1 2s linear infinite;
97- animation : spin-1 2s linear infinite;
84+ border-radius : 50% ;
85+ border : 5px solid # 29d ;
86+ content : ' ' ;
87+ display : block;
88+ position : absolute;
89+ top : 0 ;
90+ left : 0 ;
91+ height : 60px ;
92+ width : 100px ;
93+
94+ -webkit-animation : spin-1 2s linear infinite;
95+ -moz-animation : spin-1 2s linear infinite;
96+ -o-animation : spin-1 2s linear infinite;
97+ animation : spin-1 2s linear infinite;
9898}
9999
100100.pace .pace-activity : after {
101- border-radius : 50% ;
102- border : 5px solid # 29d ;
103- content : ' ' ;
104- display : block;
105- position : absolute;
106- top : 0 ;
107- left : 0 ;
108- height : 60px ;
109- width : 100px ;
110-
111- -webkit-transform : rotate (45deg );
112- -moz-transform : rotate (45deg );
113- -o-transform : rotate (45deg );
114- transform : rotate (45deg );
115- -webkit-animation : spin-2 2s linear infinite;
116- -moz-animation : spin-2 2s linear infinite;
117- -o-animation : spin-2 2s linear infinite;
118- animation : spin-2 2s linear infinite;
119-
120- }
101+ border-radius : 50% ;
102+ border : 5px solid # 29d ;
103+ content : ' ' ;
104+ display : block;
105+ position : absolute;
106+ top : 0 ;
107+ left : 0 ;
108+ height : 60px ;
109+ width : 100px ;
110+
111+ -webkit-transform : rotate (45deg );
112+ -moz-transform : rotate (45deg );
113+ -o-transform : rotate (45deg );
114+ transform : rotate (45deg );
115+ -webkit-animation : spin-2 2s linear infinite;
116+ -moz-animation : spin-2 2s linear infinite;
117+ -o-animation : spin-2 2s linear infinite;
118+ animation : spin-2 2s linear infinite;
119+ }
121120
122121@-webkit-keyframes spin-1 {
123122 0% { -webkit-transform : rotate (0deg ); }
151150@keyframes spin-2 {
152151 0% { transform : rotate (59.8deg ); }
153152 100% { transform : rotate (418.8deg );}
154- }
153+ }
155154
156155@-webkit-keyframes spin-3 {
157156 0% { -webkit-transform : rotate (119.6deg ); }
168167@keyframes spin-3 {
169168 0% { transform : rotate (119.6deg ); }
170169 100% { transform : rotate (478.6deg );}
171- }
172-
170+ }
0 commit comments