Skip to content

Commit 2e06040

Browse files
adamschwartzadamschwartz
committed
Merge pull request CodeByZach#58 from kennyglenn/master
added radar theme
2 parents 6ee5f26 + c9d32ab commit 2e06040

File tree

2 files changed

+141
-0
lines changed

2 files changed

+141
-0
lines changed

‎templates/pace-theme-center-radar.tmpl.css‎

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
.pace {
2+
-webkit-pointer-events: none;
3+
pointer-events: none;
4+
5+
z-index: 2000;
6+
position: fixed;
7+
height: 90px;
8+
width: 90px;
9+
margin: auto;
10+
top: 0;
11+
left: 0;
12+
right: 0;
13+
bottom: 0;
14+
}
15+
16+
.pace.pace-inactive .pace-activity {
17+
display: none;
18+
}
19+
20+
.pace .pace-activity {
21+
position: fixed;
22+
z-index: 2000;
23+
display: block;
24+
position: absolute;
25+
left: -30px;
26+
top: -30px;
27+
height: 90px;
28+
width: 90px;
29+
display: block;
30+
border-width: 30px;
31+
border-style: double;
32+
border-color: `args.color || "#29d"` transparent transparent;
33+
border-radius: 50%;
34+
35+
-webkit-animation: spin 1s linear infinite;
36+
-moz-animation: spin 1s linear infinite;
37+
-o-animation: spin 1s linear infinite;
38+
animation: spin 1s linear infinite;
39+
}
40+
41+
.pace .pace-activity:before {
42+
content: ' ';
43+
position: absolute;
44+
top: 10px;
45+
left: 10px;
46+
height: 50px;
47+
width: 50px;
48+
display: block;
49+
border-width: 10px;
50+
border-style: solid;
51+
border-color: `args.color || "#29d"` transparent transparent;
52+
border-radius: 50%;
53+
}
54+
55+
56+
@-webkit-keyframes spin {
57+
100% { -webkit-transform: rotate(359deg); }
58+
}
59+
60+
@-moz-keyframes spin {
61+
100% { -moz-transform: rotate(359deg); }
62+
}
63+
64+
@-o-keyframes spin {
65+
100% { -moz-transform: rotate(359deg); }
66+
}
67+
68+
@keyframes spin {
69+
100% { transform: rotate(359deg); }
70+
}

‎themes/pace-theme-center-radar.css‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
/* This is a compiled file, you should be editing the file in the templates directory */
2+
.pace {
3+
-webkit-pointer-events: none;
4+
pointer-events: none;
5+
6+
z-index: 2000;
7+
position: fixed;
8+
height: 90px;
9+
width: 90px;
10+
margin: auto;
11+
top: 0;
12+
left: 0;
13+
right: 0;
14+
bottom: 0;
15+
}
16+
17+
.pace.pace-inactive .pace-activity {
18+
display: none;
19+
}
20+
21+
.pace .pace-activity {
22+
position: fixed;
23+
z-index: 2000;
24+
display: block;
25+
position: absolute;
26+
left: -30px;
27+
top: -30px;
28+
height: 90px;
29+
width: 90px;
30+
display: block;
31+
border-width: 30px;
32+
border-style: double;
33+
border-color: #29d transparent transparent;
34+
border-radius: 50%;
35+
36+
-webkit-animation: spin 1s linear infinite;
37+
-moz-animation: spin 1s linear infinite;
38+
-o-animation: spin 1s linear infinite;
39+
animation: spin 1s linear infinite;
40+
}
41+
42+
.pace .pace-activity:before {
43+
content: ' ';
44+
position: absolute;
45+
top: 10px;
46+
left: 10px;
47+
height: 50px;
48+
width: 50px;
49+
display: block;
50+
border-width: 10px;
51+
border-style: solid;
52+
border-color: #29d transparent transparent;
53+
border-radius: 50%;
54+
}
55+
56+
57+
@-webkit-keyframes spin {
58+
100% { -webkit-transform: rotate(359deg); }
59+
}
60+
61+
@-moz-keyframes spin {
62+
100% { -moz-transform: rotate(359deg); }
63+
}
64+
65+
@-o-keyframes spin {
66+
100% { -moz-transform: rotate(359deg); }
67+
}
68+
69+
@keyframes spin {
70+
100% { transform: rotate(359deg); }
71+
}

0 commit comments

Comments
 (0)