pace-rails 0.1.2 → 0.1.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (145) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +21 -16
  3. data/lib/pace/rails/version.rb +1 -1
  4. data/vendor/assets/stylesheets/pace/{pace-theme-barber-shop.css → black/pace-theme-barber-shop.css} +2 -1
  5. data/vendor/assets/stylesheets/pace/{pace-theme-big-counter.css → black/pace-theme-big-counter.css} +2 -1
  6. data/vendor/assets/stylesheets/pace/{pace-theme-bounce.css → black/pace-theme-bounce.css} +2 -1
  7. data/vendor/assets/stylesheets/pace/{pace-theme-center-atom.css → black/pace-theme-center-atom.css} +5 -4
  8. data/vendor/assets/stylesheets/pace/{pace-theme-center-circle.css → black/pace-theme-center-circle.css} +2 -1
  9. data/vendor/assets/stylesheets/pace/{pace-theme-center-radar.css → black/pace-theme-center-radar.css} +3 -2
  10. data/vendor/assets/stylesheets/pace/{pace-theme-center-simple.css → black/pace-theme-center-simple.css} +3 -2
  11. data/vendor/assets/stylesheets/pace/{pace-theme-corner-indicator.css → black/pace-theme-corner-indicator.css} +2 -1
  12. data/vendor/assets/stylesheets/pace/{pace-theme-fill-left.css → black/pace-theme-fill-left.css} +2 -1
  13. data/vendor/assets/stylesheets/pace/{pace-theme-flash.css → black/pace-theme-flash.css} +5 -4
  14. data/vendor/assets/stylesheets/pace/black/pace-theme-flat-top.css +41 -0
  15. data/vendor/assets/stylesheets/pace/black/pace-theme-loading-bar.css +198 -0
  16. data/vendor/assets/stylesheets/pace/{pace-theme-mac-osx.css → black/pace-theme-mac-osx.css} +6 -5
  17. data/vendor/assets/stylesheets/pace/{pace-theme-minimal.css → black/pace-theme-minimal.css} +2 -1
  18. data/vendor/assets/stylesheets/pace/blue/pace-theme-barber-shop.css +83 -0
  19. data/vendor/assets/stylesheets/pace/blue/pace-theme-big-counter.css +40 -0
  20. data/vendor/assets/stylesheets/pace/blue/pace-theme-bounce.css +231 -0
  21. data/vendor/assets/stylesheets/pace/blue/pace-theme-center-atom.css +131 -0
  22. data/vendor/assets/stylesheets/pace/blue/pace-theme-center-circle.css +90 -0
  23. data/vendor/assets/stylesheets/pace/blue/pace-theme-center-radar.css +74 -0
  24. data/vendor/assets/stylesheets/pace/blue/pace-theme-center-simple.css +52 -0
  25. data/vendor/assets/stylesheets/pace/blue/pace-theme-corner-indicator.css +73 -0
  26. data/vendor/assets/stylesheets/pace/blue/pace-theme-fill-left.css +22 -0
  27. data/vendor/assets/stylesheets/pace/blue/pace-theme-flash.css +77 -0
  28. data/vendor/assets/stylesheets/pace/blue/pace-theme-flat-top.css +41 -0
  29. data/vendor/assets/stylesheets/pace/blue/pace-theme-loading-bar.css +198 -0
  30. data/vendor/assets/stylesheets/pace/blue/pace-theme-mac-osx.css +87 -0
  31. data/vendor/assets/stylesheets/pace/blue/pace-theme-minimal.css +23 -0
  32. data/vendor/assets/stylesheets/pace/green/pace-theme-barber-shop.css +83 -0
  33. data/vendor/assets/stylesheets/pace/green/pace-theme-big-counter.css +40 -0
  34. data/vendor/assets/stylesheets/pace/green/pace-theme-bounce.css +231 -0
  35. data/vendor/assets/stylesheets/pace/green/pace-theme-center-atom.css +131 -0
  36. data/vendor/assets/stylesheets/pace/green/pace-theme-center-circle.css +90 -0
  37. data/vendor/assets/stylesheets/pace/green/pace-theme-center-radar.css +74 -0
  38. data/vendor/assets/stylesheets/pace/green/pace-theme-center-simple.css +52 -0
  39. data/vendor/assets/stylesheets/pace/green/pace-theme-corner-indicator.css +73 -0
  40. data/vendor/assets/stylesheets/pace/green/pace-theme-fill-left.css +22 -0
  41. data/vendor/assets/stylesheets/pace/green/pace-theme-flash.css +77 -0
  42. data/vendor/assets/stylesheets/pace/green/pace-theme-flat-top.css +41 -0
  43. data/vendor/assets/stylesheets/pace/green/pace-theme-loading-bar.css +198 -0
  44. data/vendor/assets/stylesheets/pace/green/pace-theme-mac-osx.css +87 -0
  45. data/vendor/assets/stylesheets/pace/green/pace-theme-minimal.css +23 -0
  46. data/vendor/assets/stylesheets/pace/orange/pace-theme-barber-shop.css +83 -0
  47. data/vendor/assets/stylesheets/pace/orange/pace-theme-big-counter.css +40 -0
  48. data/vendor/assets/stylesheets/pace/orange/pace-theme-bounce.css +231 -0
  49. data/vendor/assets/stylesheets/pace/orange/pace-theme-center-atom.css +131 -0
  50. data/vendor/assets/stylesheets/pace/orange/pace-theme-center-circle.css +90 -0
  51. data/vendor/assets/stylesheets/pace/orange/pace-theme-center-radar.css +74 -0
  52. data/vendor/assets/stylesheets/pace/orange/pace-theme-center-simple.css +52 -0
  53. data/vendor/assets/stylesheets/pace/orange/pace-theme-corner-indicator.css +73 -0
  54. data/vendor/assets/stylesheets/pace/orange/pace-theme-fill-left.css +22 -0
  55. data/vendor/assets/stylesheets/pace/orange/pace-theme-flash.css +77 -0
  56. data/vendor/assets/stylesheets/pace/orange/pace-theme-flat-top.css +41 -0
  57. data/vendor/assets/stylesheets/pace/orange/pace-theme-loading-bar.css +198 -0
  58. data/vendor/assets/stylesheets/pace/orange/pace-theme-mac-osx.css +87 -0
  59. data/vendor/assets/stylesheets/pace/orange/pace-theme-minimal.css +23 -0
  60. data/vendor/assets/stylesheets/pace/pink/pace-theme-barber-shop.css +83 -0
  61. data/vendor/assets/stylesheets/pace/pink/pace-theme-big-counter.css +40 -0
  62. data/vendor/assets/stylesheets/pace/pink/pace-theme-bounce.css +231 -0
  63. data/vendor/assets/stylesheets/pace/pink/pace-theme-center-atom.css +131 -0
  64. data/vendor/assets/stylesheets/pace/pink/pace-theme-center-circle.css +90 -0
  65. data/vendor/assets/stylesheets/pace/pink/pace-theme-center-radar.css +74 -0
  66. data/vendor/assets/stylesheets/pace/pink/pace-theme-center-simple.css +52 -0
  67. data/vendor/assets/stylesheets/pace/pink/pace-theme-corner-indicator.css +73 -0
  68. data/vendor/assets/stylesheets/pace/pink/pace-theme-fill-left.css +22 -0
  69. data/vendor/assets/stylesheets/pace/pink/pace-theme-flash.css +77 -0
  70. data/vendor/assets/stylesheets/pace/pink/pace-theme-flat-top.css +41 -0
  71. data/vendor/assets/stylesheets/pace/pink/pace-theme-loading-bar.css +198 -0
  72. data/vendor/assets/stylesheets/pace/pink/pace-theme-mac-osx.css +87 -0
  73. data/vendor/assets/stylesheets/pace/pink/pace-theme-minimal.css +23 -0
  74. data/vendor/assets/stylesheets/pace/purple/pace-theme-barber-shop.css +83 -0
  75. data/vendor/assets/stylesheets/pace/purple/pace-theme-big-counter.css +40 -0
  76. data/vendor/assets/stylesheets/pace/purple/pace-theme-bounce.css +231 -0
  77. data/vendor/assets/stylesheets/pace/purple/pace-theme-center-atom.css +131 -0
  78. data/vendor/assets/stylesheets/pace/purple/pace-theme-center-circle.css +90 -0
  79. data/vendor/assets/stylesheets/pace/purple/pace-theme-center-radar.css +74 -0
  80. data/vendor/assets/stylesheets/pace/purple/pace-theme-center-simple.css +52 -0
  81. data/vendor/assets/stylesheets/pace/purple/pace-theme-corner-indicator.css +73 -0
  82. data/vendor/assets/stylesheets/pace/purple/pace-theme-fill-left.css +22 -0
  83. data/vendor/assets/stylesheets/pace/purple/pace-theme-flash.css +77 -0
  84. data/vendor/assets/stylesheets/pace/purple/pace-theme-flat-top.css +41 -0
  85. data/vendor/assets/stylesheets/pace/purple/pace-theme-loading-bar.css +198 -0
  86. data/vendor/assets/stylesheets/pace/purple/pace-theme-mac-osx.css +87 -0
  87. data/vendor/assets/stylesheets/pace/purple/pace-theme-minimal.css +23 -0
  88. data/vendor/assets/stylesheets/pace/red/pace-theme-barber-shop.css +83 -0
  89. data/vendor/assets/stylesheets/pace/red/pace-theme-big-counter.css +40 -0
  90. data/vendor/assets/stylesheets/pace/red/pace-theme-bounce.css +231 -0
  91. data/vendor/assets/stylesheets/pace/red/pace-theme-center-atom.css +131 -0
  92. data/vendor/assets/stylesheets/pace/red/pace-theme-center-circle.css +90 -0
  93. data/vendor/assets/stylesheets/pace/red/pace-theme-center-radar.css +74 -0
  94. data/vendor/assets/stylesheets/pace/red/pace-theme-center-simple.css +52 -0
  95. data/vendor/assets/stylesheets/pace/red/pace-theme-corner-indicator.css +73 -0
  96. data/vendor/assets/stylesheets/pace/red/pace-theme-fill-left.css +22 -0
  97. data/vendor/assets/stylesheets/pace/red/pace-theme-flash.css +77 -0
  98. data/vendor/assets/stylesheets/pace/red/pace-theme-flat-top.css +41 -0
  99. data/vendor/assets/stylesheets/pace/red/pace-theme-loading-bar.css +198 -0
  100. data/vendor/assets/stylesheets/pace/red/pace-theme-mac-osx.css +87 -0
  101. data/vendor/assets/stylesheets/pace/red/pace-theme-minimal.css +23 -0
  102. data/vendor/assets/stylesheets/pace/silver/pace-theme-barber-shop.css +83 -0
  103. data/vendor/assets/stylesheets/pace/silver/pace-theme-big-counter.css +40 -0
  104. data/vendor/assets/stylesheets/pace/silver/pace-theme-bounce.css +231 -0
  105. data/vendor/assets/stylesheets/pace/silver/pace-theme-center-atom.css +131 -0
  106. data/vendor/assets/stylesheets/pace/silver/pace-theme-center-circle.css +90 -0
  107. data/vendor/assets/stylesheets/pace/silver/pace-theme-center-radar.css +74 -0
  108. data/vendor/assets/stylesheets/pace/silver/pace-theme-center-simple.css +52 -0
  109. data/vendor/assets/stylesheets/pace/silver/pace-theme-corner-indicator.css +73 -0
  110. data/vendor/assets/stylesheets/pace/silver/pace-theme-fill-left.css +22 -0
  111. data/vendor/assets/stylesheets/pace/silver/pace-theme-flash.css +77 -0
  112. data/vendor/assets/stylesheets/pace/silver/pace-theme-flat-top.css +41 -0
  113. data/vendor/assets/stylesheets/pace/silver/pace-theme-loading-bar.css +198 -0
  114. data/vendor/assets/stylesheets/pace/silver/pace-theme-mac-osx.css +87 -0
  115. data/vendor/assets/stylesheets/pace/silver/pace-theme-minimal.css +23 -0
  116. data/vendor/assets/stylesheets/pace/white/pace-theme-barber-shop.css +83 -0
  117. data/vendor/assets/stylesheets/pace/white/pace-theme-big-counter.css +40 -0
  118. data/vendor/assets/stylesheets/pace/white/pace-theme-bounce.css +231 -0
  119. data/vendor/assets/stylesheets/pace/white/pace-theme-center-atom.css +131 -0
  120. data/vendor/assets/stylesheets/pace/white/pace-theme-center-circle.css +90 -0
  121. data/vendor/assets/stylesheets/pace/white/pace-theme-center-radar.css +74 -0
  122. data/vendor/assets/stylesheets/pace/white/pace-theme-center-simple.css +52 -0
  123. data/vendor/assets/stylesheets/pace/white/pace-theme-corner-indicator.css +73 -0
  124. data/vendor/assets/stylesheets/pace/white/pace-theme-fill-left.css +22 -0
  125. data/vendor/assets/stylesheets/pace/white/pace-theme-flash.css +77 -0
  126. data/vendor/assets/stylesheets/pace/white/pace-theme-flat-top.css +41 -0
  127. data/vendor/assets/stylesheets/pace/white/pace-theme-loading-bar.css +198 -0
  128. data/vendor/assets/stylesheets/pace/white/pace-theme-mac-osx.css +87 -0
  129. data/vendor/assets/stylesheets/pace/white/pace-theme-minimal.css +23 -0
  130. data/vendor/assets/stylesheets/pace/yellow/pace-theme-barber-shop.css +83 -0
  131. data/vendor/assets/stylesheets/pace/yellow/pace-theme-big-counter.css +40 -0
  132. data/vendor/assets/stylesheets/pace/yellow/pace-theme-bounce.css +231 -0
  133. data/vendor/assets/stylesheets/pace/yellow/pace-theme-center-atom.css +131 -0
  134. data/vendor/assets/stylesheets/pace/yellow/pace-theme-center-circle.css +90 -0
  135. data/vendor/assets/stylesheets/pace/yellow/pace-theme-center-radar.css +74 -0
  136. data/vendor/assets/stylesheets/pace/yellow/pace-theme-center-simple.css +52 -0
  137. data/vendor/assets/stylesheets/pace/yellow/pace-theme-corner-indicator.css +73 -0
  138. data/vendor/assets/stylesheets/pace/yellow/pace-theme-fill-left.css +22 -0
  139. data/vendor/assets/stylesheets/pace/yellow/pace-theme-flash.css +77 -0
  140. data/vendor/assets/stylesheets/pace/yellow/pace-theme-flat-top.css +41 -0
  141. data/vendor/assets/stylesheets/pace/yellow/pace-theme-loading-bar.css +198 -0
  142. data/vendor/assets/stylesheets/pace/yellow/pace-theme-mac-osx.css +87 -0
  143. data/vendor/assets/stylesheets/pace/yellow/pace-theme-minimal.css +23 -0
  144. metadata +142 -15
  145. data/vendor/assets/stylesheets/pace/pace-theme-loading-bar.css +0 -104
@@ -0,0 +1,77 @@
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: #ee3148;
16
+ position: fixed;
17
+ z-index: 2000;
18
+ top: 0;
19
+ right: 100%;
20
+ width: 100%;
21
+ height: 2px;
22
+ }
23
+
24
+ .pace .pace-progress-inner {
25
+ display: block;
26
+ position: absolute;
27
+ right: 0px;
28
+ width: 100px;
29
+ height: 100%;
30
+ box-shadow: 0 0 10px #ee3148, 0 0 5px #ee3148;
31
+ opacity: 1.0;
32
+ -webkit-transform: rotate(3deg) translate(0px, -4px);
33
+ -moz-transform: rotate(3deg) translate(0px, -4px);
34
+ -ms-transform: rotate(3deg) translate(0px, -4px);
35
+ -o-transform: rotate(3deg) translate(0px, -4px);
36
+ transform: rotate(3deg) translate(0px, -4px);
37
+ }
38
+
39
+ .pace .pace-activity {
40
+ display: block;
41
+ position: fixed;
42
+ z-index: 2000;
43
+ top: 15px;
44
+ right: 15px;
45
+ width: 14px;
46
+ height: 14px;
47
+ border: solid 2px transparent;
48
+ border-top-color: #ee3148;
49
+ border-left-color: #ee3148;
50
+ border-radius: 10px;
51
+ -webkit-animation: pace-spinner 400ms linear infinite;
52
+ -moz-animation: pace-spinner 400ms linear infinite;
53
+ -ms-animation: pace-spinner 400ms linear infinite;
54
+ -o-animation: pace-spinner 400ms linear infinite;
55
+ animation: pace-spinner 400ms linear infinite;
56
+ }
57
+
58
+ @-webkit-keyframes pace-spinner {
59
+ 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
60
+ 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
61
+ }
62
+ @-moz-keyframes pace-spinner {
63
+ 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
64
+ 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
65
+ }
66
+ @-o-keyframes pace-spinner {
67
+ 0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
68
+ 100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
69
+ }
70
+ @-ms-keyframes pace-spinner {
71
+ 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
72
+ 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
73
+ }
74
+ @keyframes pace-spinner {
75
+ 0% { transform: rotate(0deg); transform: rotate(0deg); }
76
+ 100% { transform: rotate(360deg); transform: rotate(360deg); }
77
+ }
@@ -0,0 +1,41 @@
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
+ position: fixed;
11
+ top: 0;
12
+ left: 0;
13
+ width: 100%;
14
+
15
+ -webkit-transform: translate3d(0, -50px, 0);
16
+ -ms-transform: translate3d(0, -50px, 0);
17
+ transform: translate3d(0, -50px, 0);
18
+
19
+ -webkit-transition: -webkit-transform .5s ease-out;
20
+ -ms-transition: -webkit-transform .5s ease-out;
21
+ transition: transform .5s ease-out;
22
+ }
23
+
24
+ .pace.pace-active {
25
+ -webkit-transform: translate3d(0, 0, 0);
26
+ -ms-transform: translate3d(0, 0, 0);
27
+ transform: translate3d(0, 0, 0);
28
+ }
29
+
30
+ .pace .pace-progress {
31
+ display: block;
32
+ position: fixed;
33
+ z-index: 2000;
34
+ top: 0;
35
+ right: 100%;
36
+ width: 100%;
37
+ height: 10px;
38
+ background: #ee3148;
39
+
40
+ pointer-events: none;
41
+ }
@@ -0,0 +1,198 @@
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-box-sizing: border-box;
11
+ -moz-box-sizing: border-box;
12
+ -ms-box-sizing: border-box;
13
+ -o-box-sizing: border-box;
14
+ box-sizing: border-box;
15
+
16
+ -webkit-border-radius: 10px;
17
+ -moz-border-radius: 10px;
18
+ border-radius: 10px;
19
+
20
+ -webkit-background-clip: padding-box;
21
+ -moz-background-clip: padding;
22
+ background-clip: padding-box;
23
+
24
+ z-index: 2000;
25
+ position: fixed;
26
+ margin: auto;
27
+ top: 12px;
28
+ left: 0;
29
+ right: 0;
30
+ bottom: 0;
31
+ width: 200px;
32
+ height: 50px;
33
+ overflow: hidden;
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: 2px;
44
+ -moz-border-radius: 2px;
45
+ border-radius: 2px;
46
+
47
+ -webkit-background-clip: padding-box;
48
+ -moz-background-clip: padding;
49
+ background-clip: padding-box;
50
+
51
+ -webkit-transform: translate3d(0, 0, 0);
52
+ transform: translate3d(0, 0, 0);
53
+
54
+ display: block;
55
+ position: absolute;
56
+ right: 100%;
57
+ margin-right: -7px;
58
+ width: 93%;
59
+ top: 7px;
60
+ height: 14px;
61
+ font-size: 12px;
62
+ background: #ee3148;
63
+ color: #ee3148;
64
+ line-height: 60px;
65
+ font-weight: bold;
66
+ font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
67
+
68
+ -webkit-box-shadow: 120px 0 #fff, 240px 0 #fff;
69
+ -ms-box-shadow: 120px 0 #fff, 240px 0 #fff;
70
+ box-shadow: 120px 0 #fff, 240px 0 #fff;
71
+ }
72
+
73
+ .pace .pace-progress:after {
74
+ content: attr(data-progress-text);
75
+ display: inline-block;
76
+ position: fixed;
77
+ width: 45px;
78
+ text-align: right;
79
+ right: 0;
80
+ padding-right: 16px;
81
+ top: 4px;
82
+ }
83
+
84
+ .pace .pace-progress[data-progress-text="0%"]:after { right: -200px }
85
+ .pace .pace-progress[data-progress-text="1%"]:after { right: -198.14px }
86
+ .pace .pace-progress[data-progress-text="2%"]:after { right: -196.28px }
87
+ .pace .pace-progress[data-progress-text="3%"]:after { right: -194.42px }
88
+ .pace .pace-progress[data-progress-text="4%"]:after { right: -192.56px }
89
+ .pace .pace-progress[data-progress-text="5%"]:after { right: -190.7px }
90
+ .pace .pace-progress[data-progress-text="6%"]:after { right: -188.84px }
91
+ .pace .pace-progress[data-progress-text="7%"]:after { right: -186.98px }
92
+ .pace .pace-progress[data-progress-text="8%"]:after { right: -185.12px }
93
+ .pace .pace-progress[data-progress-text="9%"]:after { right: -183.26px }
94
+ .pace .pace-progress[data-progress-text="10%"]:after { right: -181.4px }
95
+ .pace .pace-progress[data-progress-text="11%"]:after { right: -179.54px }
96
+ .pace .pace-progress[data-progress-text="12%"]:after { right: -177.68px }
97
+ .pace .pace-progress[data-progress-text="13%"]:after { right: -175.82px }
98
+ .pace .pace-progress[data-progress-text="14%"]:after { right: -173.96px }
99
+ .pace .pace-progress[data-progress-text="15%"]:after { right: -172.1px }
100
+ .pace .pace-progress[data-progress-text="16%"]:after { right: -170.24px }
101
+ .pace .pace-progress[data-progress-text="17%"]:after { right: -168.38px }
102
+ .pace .pace-progress[data-progress-text="18%"]:after { right: -166.52px }
103
+ .pace .pace-progress[data-progress-text="19%"]:after { right: -164.66px }
104
+ .pace .pace-progress[data-progress-text="20%"]:after { right: -162.8px }
105
+ .pace .pace-progress[data-progress-text="21%"]:after { right: -160.94px }
106
+ .pace .pace-progress[data-progress-text="22%"]:after { right: -159.08px }
107
+ .pace .pace-progress[data-progress-text="23%"]:after { right: -157.22px }
108
+ .pace .pace-progress[data-progress-text="24%"]:after { right: -155.36px }
109
+ .pace .pace-progress[data-progress-text="25%"]:after { right: -153.5px }
110
+ .pace .pace-progress[data-progress-text="26%"]:after { right: -151.64px }
111
+ .pace .pace-progress[data-progress-text="27%"]:after { right: -149.78px }
112
+ .pace .pace-progress[data-progress-text="28%"]:after { right: -147.92px }
113
+ .pace .pace-progress[data-progress-text="29%"]:after { right: -146.06px }
114
+ .pace .pace-progress[data-progress-text="30%"]:after { right: -144.2px }
115
+ .pace .pace-progress[data-progress-text="31%"]:after { right: -142.34px }
116
+ .pace .pace-progress[data-progress-text="32%"]:after { right: -140.48px }
117
+ .pace .pace-progress[data-progress-text="33%"]:after { right: -138.62px }
118
+ .pace .pace-progress[data-progress-text="34%"]:after { right: -136.76px }
119
+ .pace .pace-progress[data-progress-text="35%"]:after { right: -134.9px }
120
+ .pace .pace-progress[data-progress-text="36%"]:after { right: -133.04px }
121
+ .pace .pace-progress[data-progress-text="37%"]:after { right: -131.18px }
122
+ .pace .pace-progress[data-progress-text="38%"]:after { right: -129.32px }
123
+ .pace .pace-progress[data-progress-text="39%"]:after { right: -127.46px }
124
+ .pace .pace-progress[data-progress-text="40%"]:after { right: -125.6px }
125
+ .pace .pace-progress[data-progress-text="41%"]:after { right: -123.74px }
126
+ .pace .pace-progress[data-progress-text="42%"]:after { right: -121.88px }
127
+ .pace .pace-progress[data-progress-text="43%"]:after { right: -120.02px }
128
+ .pace .pace-progress[data-progress-text="44%"]:after { right: -118.16px }
129
+ .pace .pace-progress[data-progress-text="45%"]:after { right: -116.3px }
130
+ .pace .pace-progress[data-progress-text="46%"]:after { right: -114.44px }
131
+ .pace .pace-progress[data-progress-text="47%"]:after { right: -112.58px }
132
+ .pace .pace-progress[data-progress-text="48%"]:after { right: -110.72px }
133
+ .pace .pace-progress[data-progress-text="49%"]:after { right: -108.86px }
134
+ .pace .pace-progress[data-progress-text="50%"]:after { right: -107px }
135
+ .pace .pace-progress[data-progress-text="51%"]:after { right: -105.14px }
136
+ .pace .pace-progress[data-progress-text="52%"]:after { right: -103.28px }
137
+ .pace .pace-progress[data-progress-text="53%"]:after { right: -101.42px }
138
+ .pace .pace-progress[data-progress-text="54%"]:after { right: -99.56px }
139
+ .pace .pace-progress[data-progress-text="55%"]:after { right: -97.7px }
140
+ .pace .pace-progress[data-progress-text="56%"]:after { right: -95.84px }
141
+ .pace .pace-progress[data-progress-text="57%"]:after { right: -93.98px }
142
+ .pace .pace-progress[data-progress-text="58%"]:after { right: -92.12px }
143
+ .pace .pace-progress[data-progress-text="59%"]:after { right: -90.26px }
144
+ .pace .pace-progress[data-progress-text="60%"]:after { right: -88.4px }
145
+ .pace .pace-progress[data-progress-text="61%"]:after { right: -86.53999999999999px }
146
+ .pace .pace-progress[data-progress-text="62%"]:after { right: -84.68px }
147
+ .pace .pace-progress[data-progress-text="63%"]:after { right: -82.82px }
148
+ .pace .pace-progress[data-progress-text="64%"]:after { right: -80.96000000000001px }
149
+ .pace .pace-progress[data-progress-text="65%"]:after { right: -79.1px }
150
+ .pace .pace-progress[data-progress-text="66%"]:after { right: -77.24px }
151
+ .pace .pace-progress[data-progress-text="67%"]:after { right: -75.38px }
152
+ .pace .pace-progress[data-progress-text="68%"]:after { right: -73.52px }
153
+ .pace .pace-progress[data-progress-text="69%"]:after { right: -71.66px }
154
+ .pace .pace-progress[data-progress-text="70%"]:after { right: -69.8px }
155
+ .pace .pace-progress[data-progress-text="71%"]:after { right: -67.94px }
156
+ .pace .pace-progress[data-progress-text="72%"]:after { right: -66.08px }
157
+ .pace .pace-progress[data-progress-text="73%"]:after { right: -64.22px }
158
+ .pace .pace-progress[data-progress-text="74%"]:after { right: -62.36px }
159
+ .pace .pace-progress[data-progress-text="75%"]:after { right: -60.5px }
160
+ .pace .pace-progress[data-progress-text="76%"]:after { right: -58.64px }
161
+ .pace .pace-progress[data-progress-text="77%"]:after { right: -56.78px }
162
+ .pace .pace-progress[data-progress-text="78%"]:after { right: -54.92px }
163
+ .pace .pace-progress[data-progress-text="79%"]:after { right: -53.06px }
164
+ .pace .pace-progress[data-progress-text="80%"]:after { right: -51.2px }
165
+ .pace .pace-progress[data-progress-text="81%"]:after { right: -49.34px }
166
+ .pace .pace-progress[data-progress-text="82%"]:after { right: -47.480000000000004px }
167
+ .pace .pace-progress[data-progress-text="83%"]:after { right: -45.62px }
168
+ .pace .pace-progress[data-progress-text="84%"]:after { right: -43.76px }
169
+ .pace .pace-progress[data-progress-text="85%"]:after { right: -41.9px }
170
+ .pace .pace-progress[data-progress-text="86%"]:after { right: -40.04px }
171
+ .pace .pace-progress[data-progress-text="87%"]:after { right: -38.18px }
172
+ .pace .pace-progress[data-progress-text="88%"]:after { right: -36.32px }
173
+ .pace .pace-progress[data-progress-text="89%"]:after { right: -34.46px }
174
+ .pace .pace-progress[data-progress-text="90%"]:after { right: -32.6px }
175
+ .pace .pace-progress[data-progress-text="91%"]:after { right: -30.740000000000002px }
176
+ .pace .pace-progress[data-progress-text="92%"]:after { right: -28.880000000000003px }
177
+ .pace .pace-progress[data-progress-text="93%"]:after { right: -27.02px }
178
+ .pace .pace-progress[data-progress-text="94%"]:after { right: -25.16px }
179
+ .pace .pace-progress[data-progress-text="95%"]:after { right: -23.3px }
180
+ .pace .pace-progress[data-progress-text="96%"]:after { right: -21.439999999999998px }
181
+ .pace .pace-progress[data-progress-text="97%"]:after { right: -19.58px }
182
+ .pace .pace-progress[data-progress-text="98%"]:after { right: -17.72px }
183
+ .pace .pace-progress[data-progress-text="99%"]:after { right: -15.86px }
184
+ .pace .pace-progress[data-progress-text="100%"]:after { right: -14px }
185
+
186
+
187
+ .pace .pace-activity {
188
+ position: absolute;
189
+ width: 100%;
190
+ height: 28px;
191
+ z-index: 2001;
192
+ box-shadow: inset 0 0 0 2px #ee3148, inset 0 0 0 7px #FFF;
193
+ border-radius: 10px;
194
+ }
195
+
196
+ .pace.pace-inactive {
197
+ display: none;
198
+ }
@@ -0,0 +1,87 @@
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
+ overflow: hidden;
11
+ position: fixed;
12
+ top: 0;
13
+ left: 0;
14
+ z-index: 2000;
15
+ width: 100%;
16
+ height: 12px;
17
+ background: #fff;
18
+ }
19
+
20
+ .pace-inactive {
21
+ display: none;
22
+ }
23
+
24
+ .pace .pace-progress {
25
+ background-color: #FF0000;
26
+ position: fixed;
27
+ top: 0;
28
+ right: 100%;
29
+ width: 100%;
30
+ height: 12px;
31
+ overflow: hidden;
32
+
33
+ -webkit-border-radius: 0 0 4px 0;
34
+ -moz-border-radius: 0 0 4px 0;
35
+ -o-border-radius: 0 0 4px 0;
36
+ border-radius: 0 0 4px 0;
37
+
38
+ -webkit-box-shadow: inset -1px 0 #AF0000, inset 0 -1px #AF0000, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3);
39
+ -moz-box-shadow: inset -1px 0 #AF0000, inset 0 -1px #AF0000, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3);
40
+ -o-box-shadow: inset -1px 0 #AF0000, inset 0 -1px #AF0000, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3);
41
+ box-shadow: inset -1px 0 #AF0000, inset 0 -1px #AF0000, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3);
42
+ }
43
+
44
+ .pace .pace-activity {
45
+ position: fixed;
46
+ top: 0;
47
+ left: 0;
48
+ right: -28px;
49
+ bottom: 0;
50
+
51
+ -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%);
52
+ -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%);
53
+ -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%);
54
+ background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%);
55
+
56
+ -webkit-background-size: 28px 100%;
57
+ -moz-background-size: 28px 100%;
58
+ -o-background-size: 28px 100%;
59
+ background-size: 28px 100%;
60
+
61
+ -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite;
62
+ -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite;
63
+ -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite;
64
+ -o-animation: pace-theme-mac-osx-motion 500ms linear infinite;
65
+ animation: pace-theme-mac-osx-motion 500ms linear infinite;
66
+ }
67
+
68
+ @-webkit-keyframes pace-theme-mac-osx-motion {
69
+ 0% { -webkit-transform: none; transform: none; }
70
+ 100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); }
71
+ }
72
+ @-moz-keyframes pace-theme-mac-osx-motion {
73
+ 0% { -moz-transform: none; transform: none; }
74
+ 100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); }
75
+ }
76
+ @-o-keyframes pace-theme-mac-osx-motion {
77
+ 0% { -o-transform: none; transform: none; }
78
+ 100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); }
79
+ }
80
+ @-ms-keyframes pace-theme-mac-osx-motion {
81
+ 0% { -ms-transform: none; transform: none; }
82
+ 100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); }
83
+ }
84
+ @keyframes pace-theme-mac-osx-motion {
85
+ 0% { transform: none; transform: none; }
86
+ 100% { transform: translate(-28px, 0); transform: translate(-28px, 0); }
87
+ }
@@ -0,0 +1,23 @@
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
+
11
+ .pace-inactive {
12
+ display: none;
13
+ }
14
+
15
+ .pace .pace-progress {
16
+ background: #ee3148;
17
+ position: fixed;
18
+ z-index: 2000;
19
+ top: 0;
20
+ right: 100%;
21
+ width: 100%;
22
+ height: 2px;
23
+ }
@@ -0,0 +1,83 @@
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
+ overflow: hidden;
11
+ position: fixed;
12
+ top: 0;
13
+ left: 0;
14
+ z-index: 2000;
15
+ width: 100%;
16
+ height: 12px;
17
+ background: #fff;
18
+ }
19
+
20
+ .pace-inactive {
21
+ display: none;
22
+ }
23
+
24
+ .pace .pace-progress {
25
+ background-color: #d6d6d6;
26
+ position: fixed;
27
+ top: 0;
28
+ bottom: 0;
29
+ right: 100%;
30
+ width: 100%;
31
+ overflow: hidden;
32
+ }
33
+
34
+ .pace .pace-activity {
35
+ position: fixed;
36
+ top: 0;
37
+ right: -32px;
38
+ bottom: 0;
39
+ left: 0;
40
+
41
+ -webkit-transform: translate3d(0, 0, 0);
42
+ -moz-transform: translate3d(0, 0, 0);
43
+ -ms-transform: translate3d(0, 0, 0);
44
+ -o-transform: translate3d(0, 0, 0);
45
+ transform: translate3d(0, 0, 0);
46
+
47
+ background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
48
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
49
+ background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
50
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
51
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
52
+ -webkit-background-size: 32px 32px;
53
+ -moz-background-size: 32px 32px;
54
+ -o-background-size: 32px 32px;
55
+ background-size: 32px 32px;
56
+
57
+ -webkit-animation: pace-theme-barber-shop-motion 500ms linear infinite;
58
+ -moz-animation: pace-theme-barber-shop-motion 500ms linear infinite;
59
+ -ms-animation: pace-theme-barber-shop-motion 500ms linear infinite;
60
+ -o-animation: pace-theme-barber-shop-motion 500ms linear infinite;
61
+ animation: pace-theme-barber-shop-motion 500ms linear infinite;
62
+ }
63
+
64
+ @-webkit-keyframes pace-theme-barber-shop-motion {
65
+ 0% { -webkit-transform: none; transform: none; }
66
+ 100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); }
67
+ }
68
+ @-moz-keyframes pace-theme-barber-shop-motion {
69
+ 0% { -moz-transform: none; transform: none; }
70
+ 100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); }
71
+ }
72
+ @-o-keyframes pace-theme-barber-shop-motion {
73
+ 0% { -o-transform: none; transform: none; }
74
+ 100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); }
75
+ }
76
+ @-ms-keyframes pace-theme-barber-shop-motion {
77
+ 0% { -ms-transform: none; transform: none; }
78
+ 100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); }
79
+ }
80
+ @keyframes pace-theme-barber-shop-motion {
81
+ 0% { transform: none; transform: none; }
82
+ 100% { transform: translate(-32px, 0); transform: translate(-32px, 0); }
83
+ }