Skip to content

Commit 44aa8ad

Browse files
adamschwartzadamschwartz
committed
Compiled CSS for template changes
1 parent 3a52aa1 commit 44aa8ad

154 files changed

Lines changed: 3489 additions & 3754 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎themes/black/pace-theme-barber-shop.css‎

Lines changed: 32 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,19 @@
22
.pace {
33
-webkit-pointer-events: none;
44
pointer-events: none;
5+
56
-webkit-user-select: none;
67
-moz-user-select: none;
78
user-select: none;
9+
10+
overflow: hidden;
11+
position: fixed;
12+
top: 0;
13+
left: 0;
14+
z-index: 2000;
15+
width: 100%;
16+
height: 12px;
17+
background: #fff;
818
}
919

1020
.pace-inactive {
@@ -14,24 +24,25 @@
1424
.pace .pace-progress {
1525
background-color: #000000;
1626
position: fixed;
17-
z-index: 2000;
1827
top: 0;
19-
left: 0;
20-
height: 12px;
28+
bottom: 0;
29+
right: 100%;
30+
width: 100%;
2131
overflow: hidden;
22-
23-
-webkit-transition: width 1s;
24-
-moz-transition: width 1s;
25-
-o-transition: width 1s;
26-
transition: width 1s;
2732
}
2833

29-
.pace .pace-progress-inner {
30-
position: absolute;
34+
.pace .pace-activity {
35+
position: fixed;
3136
top: 0;
32-
left: 0;
3337
right: -32px;
3438
bottom: 0;
39+
left: 0;
40+
41+
-webkit-transform: translate3d(0, 0, 0);
42+
-moz-transform: translate3d(0, 0, 0);
43+
-ms-transform: translate3d(0, 0, 0);
44+
-o-transform: translate3d(0, 0, 0);
45+
transform: translate3d(0, 0, 0);
3546

3647
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
3748
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
@@ -43,30 +54,30 @@
4354
-o-background-size: 32px 32px;
4455
background-size: 32px 32px;
4556

46-
-webkit-animation: pace-stripe-animation 500ms linear infinite;
47-
-moz-animation: pace-stripe-animation 500ms linear infinite;
48-
-ms-animation: pace-stripe-animation 500ms linear infinite;
49-
-o-animation: pace-stripe-animation 500ms linear infinite;
50-
animation: pace-stripe-animation 500ms linear infinite;
57+
-webkit-animation: pace-theme-barber-shop-motion 500ms linear infinite;
58+
-moz-animation: pace-theme-barber-shop-motion 500ms linear infinite;
59+
-ms-animation: pace-theme-barber-shop-motion 500ms linear infinite;
60+
-o-animation: pace-theme-barber-shop-motion 500ms linear infinite;
61+
animation: pace-theme-barber-shop-motion 500ms linear infinite;
5162
}
5263

53-
@-webkit-keyframes pace-stripe-animation {
64+
@-webkit-keyframes pace-theme-barber-shop-motion {
5465
0% { -webkit-transform: none; transform: none; }
5566
100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); }
5667
}
57-
@-moz-keyframes pace-stripe-animation {
68+
@-moz-keyframes pace-theme-barber-shop-motion {
5869
0% { -moz-transform: none; transform: none; }
5970
100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); }
6071
}
61-
@-o-keyframes pace-stripe-animation {
72+
@-o-keyframes pace-theme-barber-shop-motion {
6273
0% { -o-transform: none; transform: none; }
6374
100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); }
6475
}
65-
@-ms-keyframes pace-stripe-animation {
76+
@-ms-keyframes pace-theme-barber-shop-motion {
6677
0% { -ms-transform: none; transform: none; }
6778
100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); }
6879
}
69-
@keyframes pace-stripe-animation {
80+
@keyframes pace-theme-barber-shop-motion {
7081
0% { transform: none; transform: none; }
7182
100% { transform: translate(-32px, 0); transform: translate(-32px, 0); }
7283
}

‎themes/black/pace-theme-big-counter.css‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
.pace {
33
-webkit-pointer-events: none;
44
pointer-events: none;
5+
56
-webkit-user-select: none;
67
-moz-user-select: none;
78
user-select: none;
@@ -18,6 +19,10 @@
1819
right: 0;
1920
height: 5rem;
2021
width: 5rem;
22+
23+
-webkit-transform: translate3d(0, 0, 0) !important;
24+
-ms-transform: translate3d(0, 0, 0) !important;
25+
transform: translate3d(0, 0, 0) !important;
2126
}
2227

2328
.pace .pace-progress:after {

‎themes/black/pace-theme-bounce.css‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -53,11 +53,11 @@
5353
background: rgba(20, 20, 20, .1);
5454
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
5555
border-radius: 30px / 40px;
56-
-webkit-transform: scaleY(.3);
57-
-moz-transform: scaleY(.3);
58-
-ms-transform: scaleY(.3);
59-
-o-transform: scaleY(.3);
60-
transform: scaleY(.3);
56+
-webkit-transform: scaleY(.3) !important;
57+
-moz-transform: scaleY(.3) !important;
58+
-ms-transform: scaleY(.3) !important;
59+
-o-transform: scaleY(.3) !important;
60+
transform: scaleY(.3) !important;
6161
-webkit-animation: pace-compress .5s infinite alternate;
6262
-moz-animation: pace-compress .5s infinite alternate;
6363
-o-animation: pace-compress .5s infinite alternate;

‎themes/black/pace-theme-center-atom.css‎

Lines changed: 44 additions & 83 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,11 @@
2626
z-index: 2000;
2727
position: absolute;
2828
height: 60px;
29-
width: 100px !important;
29+
width: 100px;
30+
31+
-webkit-transform: translate3d(0, 0, 0) !important;
32+
-ms-transform: translate3d(0, 0, 0) !important;
33+
transform: translate3d(0, 0, 0) !important;
3034
}
3135

3236
.pace .pace-progress:before {
@@ -48,27 +52,6 @@
4852
position: absolute;
4953
}
5054

51-
.pace .pace-progress:after {
52-
border-radius: 50%;
53-
border: 5px solid #000000;
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-
}
71-
7255
.pace .pace-activity {
7356
font-size: 15px;
7457
line-height: 1;
@@ -78,9 +61,13 @@
7861
width: 100px;
7962

8063
display: block;
64+
-webkit-animation: pace-theme-center-atom-spin 2s linear infinite;
65+
-moz-animation: pace-theme-center-atom-spin 2s linear infinite;
66+
-o-animation: pace-theme-center-atom-spin 2s linear infinite;
67+
animation: pace-theme-center-atom-spin 2s linear infinite;
8168
}
8269

83-
.pace .pace-activity:before {
70+
.pace .pace-activity {
8471
border-radius: 50%;
8572
border: 5px solid #000000;
8673
content: ' ';
@@ -90,81 +77,55 @@
9077
left: 0;
9178
height: 60px;
9279
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;
9880
}
9981

100-
.pace .pace-activity:after{
82+
.pace .pace-activity:after {
10183
border-radius: 50%;
10284
border: 5px solid #000000;
10385
content: ' ';
10486
display: block;
10587
position: absolute;
106-
top: 0;
107-
left: 0;
88+
top: -5px;
89+
left: -5px;
10890
height: 60px;
10991
width: 100px;
11092

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;
93+
-webkit-transform: rotate(60deg);
94+
-moz-transform: rotate(60deg);
95+
-o-transform: rotate(60deg);
96+
transform: rotate(60deg);
11997
}
12098

121-
@-webkit-keyframes spin-1 {
122-
0% { -webkit-transform: rotate(0deg); }
123-
100%{ -webkit-transform: rotate(359deg);}
124-
}
125-
@-moz-keyframes spin-1 {
126-
0% { -moz-transform: rotate(0deg); }
127-
100%{ -moz-transform: rotate(359deg);}
128-
}
129-
@-o-keyframes spin-1 {
130-
0% { -o-transform: rotate(0deg); }
131-
100%{ -o-transform: rotate(359deg);}
132-
}
133-
@keyframes spin-1 {
134-
0% { transform: rotate(0deg); }
135-
100%{ transform: rotate(359deg);}
136-
}
99+
.pace .pace-activity:before {
100+
border-radius: 50%;
101+
border: 5px solid #000000;
102+
content: ' ';
103+
display: block;
104+
position: absolute;
105+
top: -5px;
106+
left: -5px;
107+
height: 60px;
108+
width: 100px;
137109

138-
@-webkit-keyframes spin-2 {
139-
0% { -webkit-transform: rotate(59.8deg); }
140-
100%{ -webkit-transform: rotate(418.8deg);}
141-
}
142-
@-moz-keyframes spin-2 {
143-
0% { -moz-transform: rotate(59.8deg); }
144-
100%{ -moz-transform: rotate(418.8deg);}
145-
}
146-
@-o-keyframes spin-2 {
147-
0% { -o-transform: rotate(59.8deg); }
148-
100%{ -o-transform: rotate(418.8deg);}
149-
}
150-
@keyframes spin-2 {
151-
0% { transform: rotate(59.8deg); }
152-
100%{ transform: rotate(418.8deg);}
110+
-webkit-transform: rotate(120deg);
111+
-moz-transform: rotate(120deg);
112+
-o-transform: rotate(120deg);
113+
transform: rotate(120deg);
153114
}
154115

155-
@-webkit-keyframes spin-3 {
156-
0% { -webkit-transform: rotate(119.6deg); }
157-
100%{ -webkit-transform: rotate(478.6deg);}
116+
@-webkit-keyframes pace-theme-center-atom-spin {
117+
0% { -webkit-transform: rotate(0deg) }
118+
100% { -webkit-transform: rotate(359deg) }
119+
}
120+
@-moz-keyframes pace-theme-center-atom-spin {
121+
0% { -moz-transform: rotate(0deg) }
122+
100% { -moz-transform: rotate(359deg) }
158123
}
159-
@-moz-keyframes spin-3 {
160-
0% { -moz-transform: rotate(119.6deg); }
161-
100%{ -moz-transform: rotate(478.6deg);}
124+
@-o-keyframes pace-theme-center-atom-spin {
125+
0% { -o-transform: rotate(0deg) }
126+
100% { -o-transform: rotate(359deg) }
162127
}
163-
@-o-keyframes spin-3 {
164-
0% { -o-transform: rotate(119.6deg); }
165-
100%{ -o-transform: rotate(478.6deg);}
128+
@keyframes pace-theme-center-atom-spin {
129+
0% { transform: rotate(0deg) }
130+
100% { transform: rotate(359deg) }
166131
}
167-
@keyframes spin-3 {
168-
0% { transform: rotate(119.6deg); }
169-
100%{ transform: rotate(478.6deg);}
170-
}

‎themes/black/pace-theme-center-circle.css‎

Lines changed: 20 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -46,11 +46,11 @@
4646
font-weight: 100;
4747
text-align: center;
4848

49-
-webkit-animation: pace-3d-spinner linear infinite 2s;
50-
-moz-animation: pace-3d-spinner linear infinite 2s;
51-
-ms-animation: pace-3d-spinner linear infinite 2s;
52-
-o-animation: pace-3d-spinner linear infinite 2s;
53-
animation: pace-3d-spinner linear infinite 2s;
49+
-webkit-animation: pace-theme-center-circle-spin linear infinite 2s;
50+
-moz-animation: pace-theme-center-circle-spin linear infinite 2s;
51+
-ms-animation: pace-theme-center-circle-spin linear infinite 2s;
52+
-o-animation: pace-theme-center-circle-spin linear infinite 2s;
53+
animation: pace-theme-center-circle-spin linear infinite 2s;
5454

5555
-webkit-transform-style: preserve-3d;
5656
-moz-transform-style: preserve-3d;
@@ -64,47 +64,27 @@
6464
display: block;
6565
}
6666

67-
@-webkit-keyframes pace-3d-spinner {
68-
from {
69-
-webkit-transform: rotateY(0deg);
70-
}
71-
to {
72-
-webkit-transform: rotateY(360deg);
73-
}
67+
@-webkit-keyframes pace-theme-center-circle-spin {
68+
from { -webkit-transform: rotateY(0deg) }
69+
to { -webkit-transform: rotateY(360deg) }
7470
}
7571

76-
@-moz-keyframes pace-3d-spinner {
77-
from {
78-
-moz-transform: rotateY(0deg);
79-
}
80-
to {
81-
-moz-transform: rotateY(360deg);
82-
}
72+
@-moz-keyframes pace-theme-center-circle-spin {
73+
from { -moz-transform: rotateY(0deg) }
74+
to { -moz-transform: rotateY(360deg) }
8375
}
8476

85-
@-ms-keyframes pace-3d-spinner {
86-
from {
87-
-ms-transform: rotateY(0deg);
88-
}
89-
to {
90-
-ms-transform: rotateY(360deg);
91-
}
77+
@-ms-keyframes pace-theme-center-circle-spin {
78+
from { -ms-transform: rotateY(0deg) }
79+
to { -ms-transform: rotateY(360deg) }
9280
}
9381

94-
@-o-keyframes pace-3d-spinner {
95-
from {
96-
-o-transform: rotateY(0deg);
97-
}
98-
to {
99-
-o-transform: rotateY(360deg);
100-
}
82+
@-o-keyframes pace-theme-center-circle-spin {
83+
from { -o-transform: rotateY(0deg) }
84+
to { -o-transform: rotateY(360deg) }
10185
}
10286

103-
@keyframes pace-3d-spinner {
104-
from {
105-
transform: rotateY(0deg);
106-
}
107-
to {
108-
transform: rotateY(360deg);
109-
}
87+
@keyframes pace-theme-center-circle-spin {
88+
from { transform: rotateY(0deg) }
89+
to { transform: rotateY(360deg) }
11090
}

0 commit comments

Comments
 (0)