pace-rails 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,83 +0,0 @@
1
- /* This is a compiled file, you should be editing the file in the templates directory */
2
- .pace {
3
- -webkit-box-sizing: border-box;
4
- -moz-box-sizing: border-box;
5
- -ms-box-sizing: border-box;
6
- -o-box-sizing: border-box;
7
- box-sizing: border-box;
8
-
9
- -webkit-border-radius: 10px;
10
- -moz-border-radius: 10px;
11
- border-radius: 10px;
12
-
13
- -moz-background-clip: padding;
14
- -webkit-background-clip: padding-box;
15
- background-clip: padding-box;
16
-
17
- -webkit-pointer-events: none;
18
- pointer-events: none;
19
- -webkit-user-select: none;
20
- -moz-user-select: none;
21
- user-select: none;
22
-
23
- z-index: 2000;
24
- position: fixed;
25
- margin: auto;
26
- top: 12px;
27
- left: 0;
28
- right: 0;
29
- bottom: 0;
30
- width: 200px;
31
- height: 25px;
32
- border: 2px solid #29d;
33
- background-color: #fff;
34
- }
35
-
36
- .pace .pace-progress {
37
- -webkit-box-sizing: border-box;
38
- -moz-box-sizing: border-box;
39
- -ms-box-sizing: border-box;
40
- -o-box-sizing: border-box;
41
- box-sizing: border-box;
42
-
43
- -webkit-border-radius: 5px;
44
- -moz-border-radius: 5px;
45
- border-radius: 5px;
46
-
47
- -webkit-background-clip: padding-box;
48
- -moz-background-clip: padding;
49
- background-clip: padding-box;
50
-
51
- -webkit-transition: width 1s ease-in-out 1s linear;
52
- -moz-transition: width 1s ease-in-out 1s linear;
53
- -ms-transition: width 1s ease-in-out 1s linear;
54
- -o-transition: width 1s ease-in-out 1s linear;
55
- transition: width 1s ease-in-out 1s linear;
56
-
57
- -webkit-transform: translate3d(0, 0, 0);
58
- transform: translate3d(0, 0, 0);
59
-
60
- max-width: 190px;
61
- position: fixed;
62
- z-index: 2000;
63
- display: block;
64
- position: absolute;
65
- left: 3px;
66
- top: 3px;
67
- height: 15px;
68
- font-size: 12px;
69
- background: #29d;
70
- color: #29d;
71
- line-height: 60px;
72
- font-weight: bold;
73
- font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
74
- }
75
-
76
- .pace .pace-progress:after {
77
- content: attr(data-progress-text);
78
- display: inline-block;
79
- }
80
-
81
- .pace.pace-inactive {
82
- display: none;
83
- }
@@ -1,85 +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-color: #78c0f0;
16
-
17
- color: #CBE7F9;
18
- position: fixed;
19
- z-index: 2000;
20
- top: 0;
21
- left: 0;
22
- height: 12px;
23
- overflow: hidden;
24
-
25
- -webkit-border-radius: 0 0 4px 0;
26
- -moz-border-radius: 0 0 4px 0;
27
- -o-border-radius: 0 0 4px 0;
28
- border-radius: 0 0 4px 0;
29
-
30
- -webkit-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
31
- -moz-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
32
- -o-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
33
- box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
34
-
35
- -webkit-transition: width 1s;
36
- -moz-transition: width 1s;
37
- -o-transition: width 1s;
38
- transition: width 1s;
39
- }
40
-
41
- .pace .pace-progress-inner {
42
- position: absolute;
43
- top: 0;
44
- left: 0;
45
- right: -28px;
46
- bottom: 0;
47
-
48
- background-image: -o-radial-gradient(rgba(25, 147, 228, 0.6) 0%, rgba(120, 192, 240, 0) 100%);
49
- background-image: -moz-radial-gradient(rgba(25, 147, 228, 0.6) 0%, rgba(120, 192, 240, 0) 100%);
50
- background-image: -webkit-radial-gradient(rgba(25, 147, 228, 0.6) 0%, rgba(120, 192, 240, 0) 100%);
51
- background-image: radial-gradient(rgba(25, 147, 228, 0.6) 0%, rgba(120, 192, 240, 0) 100%);
52
-
53
-
54
- -webkit-background-size: 28px 100%;
55
- -moz-background-size: 28px 100%;
56
- -o-background-size: 28px 100%;
57
- background-size: 28px 100%;
58
-
59
- -webkit-animation: pace-stripe-animation 500ms linear infinite;
60
- -moz-animation: pace-stripe-animation 500ms linear infinite;
61
- -ms-animation: pace-stripe-animation 500ms linear infinite;
62
- -o-animation: pace-stripe-animation 500ms linear infinite;
63
- animation: pace-stripe-animation 500ms linear infinite;
64
- }
65
-
66
- @-webkit-keyframes pace-stripe-animation {
67
- 0% { -webkit-transform: none; transform: none; }
68
- 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); }
69
- }
70
- @-moz-keyframes pace-stripe-animation {
71
- 0% { -moz-transform: none; transform: none; }
72
- 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); }
73
- }
74
- @-o-keyframes pace-stripe-animation {
75
- 0% { -o-transform: none; transform: none; }
76
- 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); }
77
- }
78
- @-ms-keyframes pace-stripe-animation {
79
- 0% { -ms-transform: none; transform: none; }
80
- 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); }
81
- }
82
- @keyframes pace-stripe-animation {
83
- 0% { transform: none; transform: none; }
84
- 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); }
85
- }
@@ -1,18 +0,0 @@
1
- /* This is a compiled file, you should be editing the file in the templates directory */
2
- .pace .pace-progress {
3
- background: #29d;
4
- position: fixed;
5
- z-index: 2000;
6
- top: 0;
7
- left: 0;
8
- height: 2px;
9
-
10
- -webkit-transition: width 1s;
11
- -moz-transition: width 1s;
12
- -o-transition: width 1s;
13
- transition: width 1s;
14
- }
15
-
16
- .pace-inactive {
17
- display: none;
18
- }