cis_pace 0.0.0
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.
- checksums.yaml +7 -0
- data/Gemfile +3 -0
- data/Gemfile.lock +59 -0
- data/README.md +0 -0
- data/Rakefile +2 -0
- data/app/assets/javascripts/pace.coffee +632 -0
- data/app/assets/javascripts/pace.js +756 -0
- data/app/assets/javascripts/pace.min.js +2 -0
- data/app/assets/stylesheets/pace-theme-barber-shop.css +72 -0
- data/app/assets/stylesheets/pace-theme-big-counter.css +35 -0
- data/app/assets/stylesheets/pace-theme-bounce.css +231 -0
- data/app/assets/stylesheets/pace-theme-center-circle.css +110 -0
- data/app/assets/stylesheets/pace-theme-corner-indicator.css +70 -0
- data/app/assets/stylesheets/pace-theme-fill-left.css +22 -0
- data/app/assets/stylesheets/pace-theme-flash.css +81 -0
- data/app/assets/stylesheets/pace-theme-flat-top.css +33 -0
- data/app/assets/stylesheets/pace-theme-mac-osx.css +84 -0
- data/app/assets/stylesheets/pace-theme-minimal.css +18 -0
- data/lib/cis_pace.rb +18 -0
- metadata +103 -0
|
@@ -0,0 +1,70 @@
|
|
|
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
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
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
|
+
}
|
|
@@ -0,0 +1,81 @@
|
|
|
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
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
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
|
+
}
|
|
@@ -0,0 +1,84 @@
|
|
|
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
|
+
-webkit-animation: pace-stripe-animation 500ms linear infinite;
|
|
59
|
+
-moz-animation: pace-stripe-animation 500ms linear infinite;
|
|
60
|
+
-ms-animation: pace-stripe-animation 500ms linear infinite;
|
|
61
|
+
-o-animation: pace-stripe-animation 500ms linear infinite;
|
|
62
|
+
animation: pace-stripe-animation 500ms linear infinite;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
@-webkit-keyframes pace-stripe-animation {
|
|
66
|
+
0% { -webkit-transform: none; transform: none; }
|
|
67
|
+
100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
|
68
|
+
}
|
|
69
|
+
@-moz-keyframes pace-stripe-animation {
|
|
70
|
+
0% { -moz-transform: none; transform: none; }
|
|
71
|
+
100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
|
72
|
+
}
|
|
73
|
+
@-o-keyframes pace-stripe-animation {
|
|
74
|
+
0% { -o-transform: none; transform: none; }
|
|
75
|
+
100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
|
76
|
+
}
|
|
77
|
+
@-ms-keyframes pace-stripe-animation {
|
|
78
|
+
0% { -ms-transform: none; transform: none; }
|
|
79
|
+
100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
|
80
|
+
}
|
|
81
|
+
@keyframes pace-stripe-animation {
|
|
82
|
+
0% { transform: none; transform: none; }
|
|
83
|
+
100% { transform: translate(-28px, 0); transform: translate(-28px, 0); }
|
|
84
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
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
|
+
}
|
data/lib/cis_pace.rb
ADDED
metadata
ADDED
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
|
2
|
+
name: cis_pace
|
|
3
|
+
version: !ruby/object:Gem::Version
|
|
4
|
+
version: 0.0.0
|
|
5
|
+
platform: ruby
|
|
6
|
+
authors:
|
|
7
|
+
- Anuradha
|
|
8
|
+
autorequire:
|
|
9
|
+
bindir: bin
|
|
10
|
+
cert_chain: []
|
|
11
|
+
date: 2010-10-29 00:00:00.000000000 Z
|
|
12
|
+
dependencies:
|
|
13
|
+
- !ruby/object:Gem::Dependency
|
|
14
|
+
name: jquery-rails
|
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
|
16
|
+
requirements:
|
|
17
|
+
- - '>='
|
|
18
|
+
- !ruby/object:Gem::Version
|
|
19
|
+
version: '0'
|
|
20
|
+
type: :runtime
|
|
21
|
+
prerelease: false
|
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
23
|
+
requirements:
|
|
24
|
+
- - '>='
|
|
25
|
+
- !ruby/object:Gem::Version
|
|
26
|
+
version: '0'
|
|
27
|
+
- !ruby/object:Gem::Dependency
|
|
28
|
+
name: coffee-rails
|
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
|
30
|
+
requirements:
|
|
31
|
+
- - '>='
|
|
32
|
+
- !ruby/object:Gem::Version
|
|
33
|
+
version: '0'
|
|
34
|
+
type: :runtime
|
|
35
|
+
prerelease: false
|
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
37
|
+
requirements:
|
|
38
|
+
- - '>='
|
|
39
|
+
- !ruby/object:Gem::Version
|
|
40
|
+
version: '0'
|
|
41
|
+
- !ruby/object:Gem::Dependency
|
|
42
|
+
name: railties
|
|
43
|
+
requirement: !ruby/object:Gem::Requirement
|
|
44
|
+
requirements:
|
|
45
|
+
- - '>='
|
|
46
|
+
- !ruby/object:Gem::Version
|
|
47
|
+
version: '0'
|
|
48
|
+
type: :runtime
|
|
49
|
+
prerelease: false
|
|
50
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
51
|
+
requirements:
|
|
52
|
+
- - '>='
|
|
53
|
+
- !ruby/object:Gem::Version
|
|
54
|
+
version: '0'
|
|
55
|
+
description: Automatic page load progress bar
|
|
56
|
+
email: anuradha.d@cisinlabs.com
|
|
57
|
+
executables: []
|
|
58
|
+
extensions: []
|
|
59
|
+
extra_rdoc_files: []
|
|
60
|
+
files:
|
|
61
|
+
- lib/cis_pace.rb
|
|
62
|
+
- app/assets/javascripts/pace.min.js
|
|
63
|
+
- app/assets/javascripts/pace.js
|
|
64
|
+
- app/assets/javascripts/pace.coffee
|
|
65
|
+
- app/assets/stylesheets/pace-theme-corner-indicator.css
|
|
66
|
+
- app/assets/stylesheets/pace-theme-bounce.css
|
|
67
|
+
- app/assets/stylesheets/pace-theme-big-counter.css
|
|
68
|
+
- app/assets/stylesheets/pace-theme-flat-top.css
|
|
69
|
+
- app/assets/stylesheets/pace-theme-flash.css
|
|
70
|
+
- app/assets/stylesheets/pace-theme-barber-shop.css
|
|
71
|
+
- app/assets/stylesheets/pace-theme-mac-osx.css
|
|
72
|
+
- app/assets/stylesheets/pace-theme-minimal.css
|
|
73
|
+
- app/assets/stylesheets/pace-theme-center-circle.css
|
|
74
|
+
- app/assets/stylesheets/pace-theme-fill-left.css
|
|
75
|
+
- Rakefile
|
|
76
|
+
- README.md
|
|
77
|
+
- Gemfile.lock
|
|
78
|
+
- Gemfile
|
|
79
|
+
homepage: http://rubygems.org/gems/cis_pace
|
|
80
|
+
licenses:
|
|
81
|
+
- MIT
|
|
82
|
+
metadata: {}
|
|
83
|
+
post_install_message:
|
|
84
|
+
rdoc_options: []
|
|
85
|
+
require_paths:
|
|
86
|
+
- lib
|
|
87
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
|
88
|
+
requirements:
|
|
89
|
+
- - '>='
|
|
90
|
+
- !ruby/object:Gem::Version
|
|
91
|
+
version: '0'
|
|
92
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
93
|
+
requirements:
|
|
94
|
+
- - '>='
|
|
95
|
+
- !ruby/object:Gem::Version
|
|
96
|
+
version: 1.3.6
|
|
97
|
+
requirements: []
|
|
98
|
+
rubyforge_project: jquery-rails
|
|
99
|
+
rubygems_version: 2.0.0.rc.2
|
|
100
|
+
signing_key:
|
|
101
|
+
specification_version: 4
|
|
102
|
+
summary: Automatic page load progress bar
|
|
103
|
+
test_files: []
|