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,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
- }