GPQAPP

1
/* This is a compiled file, to make changes persist, consider editing under the templates directory */
2
.pace.pace-inactive {
3
  display: none;
4
}
5

6
.pace {
7
  -webkit-pointer-events: none;
8
  pointer-events: none;
9

10
  -webkit-user-select: none;
11
  -moz-user-select: none;
12
  user-select: none;
13

14
  z-index: 2000;
15
  position: fixed;
16
  height: 60px;
17
  width: 100px;
18
  margin: auto;
19
  top: 0;
20
  left: 0;
21
  right: 0;
22
  bottom: 0;
23
}
24

25
.pace .pace-progress {
26
  z-index: 2000;
27
  position: absolute;
28
  height: 60px;
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;
34
}
35

36
.pace .pace-progress:before {
37
  content: attr(data-progress-text);
38
  text-align: center;
39
  color: #fff;
40
  background: #22df80;
41
  border-radius: 50%;
42
  font-family: "Helvetica Neue", sans-serif;
43
  font-size: 14px;
44
  font-weight: 100;
45
  line-height: 1;
46
  padding: 20% 0 7px;
47
  width: 50%;
48
  height: 40%;
49
  margin: 10px 0 0 30px;
50
  display: block;
51
  z-index: 999;
52
  position: absolute;
53
}
54

55
.pace .pace-activity {
56
  font-size: 15px;
57
  line-height: 1;
58
  z-index: 2000;
59
  position: absolute;
60
  height: 60px;
61
  width: 100px;
62

63
  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;
68
}
69

70
.pace .pace-activity {
71
  border-radius: 50%;
72
  border: 5px solid #22df80;
73
  content: ' ';
74
  display: block;
75
  position: absolute;
76
  top: 0;
77
  left: 0;
78
  height: 60px;
79
  width: 100px;
80
}
81

82
.pace .pace-activity:after {
83
  border-radius: 50%;
84
  border: 5px solid #22df80;
85
  content: ' ';
86
  display: block;
87
  position: absolute;
88
  top: -5px;
89
  left: -5px;
90
  height: 60px;
91
  width: 100px;
92

93
  -webkit-transform: rotate(60deg);
94
  -moz-transform: rotate(60deg);
95
  -o-transform: rotate(60deg);
96
  transform: rotate(60deg);
97
}
98

99
.pace .pace-activity:before {
100
  border-radius: 50%;
101
  border: 5px solid #22df80;
102
  content: ' ';
103
  display: block;
104
  position: absolute;
105
  top: -5px;
106
  left: -5px;
107
  height: 60px;
108
  width: 100px;
109

110
  -webkit-transform: rotate(120deg);
111
  -moz-transform: rotate(120deg);
112
  -o-transform: rotate(120deg);
113
  transform: rotate(120deg);
114
}
115

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) }
123
}
124
@-o-keyframes pace-theme-center-atom-spin {
125
  0%   { -o-transform: rotate(0deg) }
126
  100% { -o-transform: rotate(359deg) }
127
}
128
@keyframes pace-theme-center-atom-spin {
129
  0%   { transform: rotate(0deg) }
130
  100% { transform: rotate(359deg) }
131
}
132