pace-rails 0.1.0 → 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,110 +0,0 @@
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
- -webkit-user-select: none;
7
- -moz-user-select: none;
8
- user-select: none;
9
-
10
- -webkit-perspective: 12rem;
11
- -moz-perspective: 12rem;
12
- -ms-perspective: 12rem;
13
- -o-perspective: 12rem;
14
- perspective: 12rem;
15
-
16
- z-index: 2000;
17
- position: fixed;
18
- height: 6rem;
19
- width: 6rem;
20
- margin: auto;
21
- top: 0;
22
- left: 0;
23
- right: 0;
24
- bottom: 0;
25
- }
26
-
27
- .pace.pace-inactive .pace-progress {
28
- display: none;
29
- }
30
-
31
- .pace .pace-progress {
32
- position: fixed;
33
- z-index: 2000;
34
- display: block;
35
- position: absolute;
36
- left: 0;
37
- top: 0;
38
- height: 6rem;
39
- width: 6rem !important;
40
- line-height: 6rem;
41
- font-size: 2rem;
42
- border-radius: 50%;
43
- background: rgba(34, 153, 221, 0.8);
44
- color: #fff;
45
- font-family: "Helvetica Neue", sans-serif;
46
- font-weight: 100;
47
- text-align: center;
48
-
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;
54
-
55
- -webkit-transform-style: preserve-3d;
56
- -moz-transform-style: preserve-3d;
57
- -ms-transform-style: preserve-3d;
58
- -o-transform-style: preserve-3d;
59
- transform-style: preserve-3d;
60
- }
61
-
62
- .pace .pace-progress:after {
63
- content: attr(data-progress-text);
64
- display: block;
65
- }
66
-
67
- @-webkit-keyframes pace-3d-spinner {
68
- from {
69
- -webkit-transform: rotateY(0deg);
70
- }
71
- to {
72
- -webkit-transform: rotateY(360deg);
73
- }
74
- }
75
-
76
- @-moz-keyframes pace-3d-spinner {
77
- from {
78
- -moz-transform: rotateY(0deg);
79
- }
80
- to {
81
- -moz-transform: rotateY(360deg);
82
- }
83
- }
84
-
85
- @-ms-keyframes pace-3d-spinner {
86
- from {
87
- -ms-transform: rotateY(0deg);
88
- }
89
- to {
90
- -ms-transform: rotateY(360deg);
91
- }
92
- }
93
-
94
- @-o-keyframes pace-3d-spinner {
95
- from {
96
- -o-transform: rotateY(0deg);
97
- }
98
- to {
99
- -o-transform: rotateY(360deg);
100
- }
101
- }
102
-
103
- @keyframes pace-3d-spinner {
104
- from {
105
- transform: rotateY(0deg);
106
- }
107
- to {
108
- transform: rotateY(360deg);
109
- }
110
- }
@@ -1,71 +0,0 @@
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
- }
@@ -1,54 +0,0 @@
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
- -webkit-user-select: none;
6
- -moz-user-select: none;
7
- user-select: none;
8
-
9
- z-index: 2000;
10
- position: fixed;
11
- margin: auto;
12
- top: 0;
13
- left: 0;
14
- right: 0;
15
- bottom: 0;
16
- height: 5px;
17
- width: 200px;
18
- background: #fff;
19
- border: 1px solid #29d;
20
- }
21
-
22
- .pace .pace-progress {
23
- -webkit-box-sizing: border-box;
24
- -moz-box-sizing: border-box;
25
- -ms-box-sizing: border-box;
26
- -o-box-sizing: border-box;
27
- box-sizing: border-box;
28
-
29
- -webkit-transition: width 1s ease-in-out 1s linear;
30
- -moz-transition: width 1s ease-in-out 1s linear;
31
- -ms-transition: width 1s ease-in-out 1s linear;
32
- -o-transition: width 1s ease-in-out 1s linear;
33
- transition: width 1s ease-in-out 1s linear;
34
-
35
- -webkit-transform: translate3d(0, 0, 0);
36
- -moz-transform: translate3d(0, 0, 0);
37
- -ms-transform: translate3d(0, 0, 0);
38
- -o-transform: translate3d(0, 0, 0);
39
- transform: translate3d(0, 0, 0);
40
-
41
- max-width: 200px;
42
- position: fixed;
43
- z-index: 2000;
44
- display: block;
45
- position: absolute;
46
- left: 0px;
47
- top: 0px;
48
- height: 100%;
49
- background: #29d;
50
- }
51
-
52
- .pace.pace-inactive {
53
- display: none;
54
- }
@@ -1,70 +0,0 @@
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
- -webkit-user-select: none;
6
- -moz-user-select: none;
7
- user-select: none;
8
- }
9
-
10
- .pace .pace-activity {
11
- display: block;
12
- position: fixed;
13
- z-index: 2000;
14
- top: 0;
15
- right: 0;
16
- width: 300px;
17
- height: 300px;
18
- background: #29d;
19
- -webkit-transition: -webkit-transform 0.3s;
20
- transition: transform 0.3s;
21
- -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);
22
- transform: translateX(100%) translateY(-100%) rotate(45deg);
23
- pointer-events: none;
24
- }
25
-
26
- .pace.pace-active .pace-activity {
27
- -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
28
- transform: translateX(50%) translateY(-50%) rotate(45deg);
29
- }
30
-
31
- .pace .pace-activity::before,
32
- .pace .pace-activity::after {
33
- position: absolute;
34
- bottom: 30px;
35
- left: 50%;
36
- display: block;
37
- border: 5px solid #fff;
38
- border-radius: 50%;
39
- content: '';
40
- }
41
-
42
- .pace .pace-activity::before {
43
- margin-left: -40px;
44
- width: 80px;
45
- height: 80px;
46
- border-right-color: rgba(0, 0, 0, .2);
47
- border-left-color: rgba(0, 0, 0, .2);
48
- -webkit-animation: pace-rotation 3s linear infinite;
49
- animation: pace-rotation 3s linear infinite;
50
- }
51
-
52
- .pace .pace-activity::after {
53
- bottom: 50px;
54
- margin-left: -20px;
55
- width: 40px;
56
- height: 40px;
57
- border-top-color: rgba(0, 0, 0, .2);
58
- border-bottom-color: rgba(0, 0, 0, .2);
59
- -webkit-animation: pace-rotation 1s linear infinite;
60
- animation: pace-rotation 1s linear infinite;
61
- }
62
-
63
- @-webkit-keyframes pace-rotation {
64
- 0% { -webkit-transform: rotate(0deg); }
65
- 100% { -webkit-transform: rotate(359deg); }
66
- }
67
- @keyframes pace-rotation {
68
- 0% { transform: rotate(0deg); }
69
- 100% { transform: rotate(359deg); }
70
- }
@@ -1,22 +0,0 @@
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
- -webkit-user-select: none;
6
- -moz-user-select: none;
7
- user-select: none;
8
- }
9
-
10
- .pace .pace-progress {
11
- background-color: rgba(0, 0, 0, 0.19999999999999996);
12
- position: fixed;
13
- z-index: -1;
14
- top: 0;
15
- left: 0;
16
- bottom: 0;
17
-
18
- -webkit-transition: width 1s;
19
- -moz-transition: width 1s;
20
- -o-transition: width 1s;
21
- transition: width 1s;
22
- }
@@ -1,81 +0,0 @@
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
- -webkit-user-select: none;
6
- -moz-user-select: none;
7
- user-select: none;
8
- }
9
-
10
- .pace-inactive {
11
- display: none;
12
- }
13
-
14
- .pace .pace-progress {
15
- background: #29d;
16
- position: fixed;
17
- z-index: 2000;
18
- top: 0;
19
- left: 0;
20
- height: 2px;
21
-
22
- -webkit-transition: width 1s;
23
- -moz-transition: width 1s;
24
- -o-transition: width 1s;
25
- transition: width 1s;
26
- }
27
-
28
- .pace .pace-progress-inner {
29
- display: block;
30
- position: absolute;
31
- right: 0px;
32
- width: 100px;
33
- height: 100%;
34
- box-shadow: 0 0 10px #29d, 0 0 5px #29d;
35
- opacity: 1.0;
36
- -webkit-transform: rotate(3deg) translate(0px, -4px);
37
- -moz-transform: rotate(3deg) translate(0px, -4px);
38
- -ms-transform: rotate(3deg) translate(0px, -4px);
39
- -o-transform: rotate(3deg) translate(0px, -4px);
40
- transform: rotate(3deg) translate(0px, -4px);
41
- }
42
-
43
- .pace .pace-activity {
44
- display: block;
45
- position: fixed;
46
- z-index: 2000;
47
- top: 15px;
48
- right: 15px;
49
- width: 14px;
50
- height: 14px;
51
- border: solid 2px transparent;
52
- border-top-color: #29d;
53
- border-left-color: #29d;
54
- border-radius: 10px;
55
- -webkit-animation: pace-spinner 400ms linear infinite;
56
- -moz-animation: pace-spinner 400ms linear infinite;
57
- -ms-animation: pace-spinner 400ms linear infinite;
58
- -o-animation: pace-spinner 400ms linear infinite;
59
- animation: pace-spinner 400ms linear infinite;
60
- }
61
-
62
- @-webkit-keyframes pace-spinner {
63
- 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
64
- 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
65
- }
66
- @-moz-keyframes pace-spinner {
67
- 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
68
- 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
69
- }
70
- @-o-keyframes pace-spinner {
71
- 0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
72
- 100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
73
- }
74
- @-ms-keyframes pace-spinner {
75
- 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
76
- 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
77
- }
78
- @keyframes pace-spinner {
79
- 0% { transform: rotate(0deg); transform: rotate(0deg); }
80
- 100% { transform: rotate(360deg); transform: rotate(360deg); }
81
- }
@@ -1,33 +0,0 @@
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
- -webkit-user-select: none;
6
- -moz-user-select: none;
7
- user-select: none;
8
- }
9
-
10
- .pace .pace-progress {
11
- display: block;
12
- position: fixed;
13
- z-index: 2000;
14
- top: 0;
15
- left: 0;
16
- height: 12px;
17
- background: #29d;
18
-
19
- -webkit-transition: -webkit-transform .3s, width 1s;
20
- -moz-transition: width 1s;
21
- -o-transform: width 1s;
22
- transition: transform .3s, width 1s;
23
-
24
- -webkit-transform: translateY(-50px);
25
- transform: translateY(-50px);
26
-
27
- pointer-events: none;
28
- }
29
-
30
- .pace.pace-active .pace-progress {
31
- -webkit-transform: translateY(0);
32
- transform: translateY(0);
33
- }