jekyll-patreon 1.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 +7 -0
- data/jekyll-patreon.gemspec +24 -0
- data/lib/jekyll-patreon/_inc/button.html +2 -0
- data/lib/jekyll-patreon/_inc/css/common.css +7 -0
- data/lib/jekyll-patreon/_inc/css/design_default.css +146 -0
- data/lib/jekyll-patreon/_inc/css/design_fancy.css +152 -0
- data/lib/jekyll-patreon/_inc/css/design_minimal.css +146 -0
- data/lib/jekyll-patreon/_inc/css/design_reversed.css +146 -0
- data/lib/jekyll-patreon/_inc/css/design_streamlined.css +146 -0
- data/lib/jekyll-patreon/_inc/css/design_swapped.css +146 -0
- data/lib/jekyll-patreon/_inc/design_default.html +16 -0
- data/lib/jekyll-patreon/_inc/design_fancy.html +16 -0
- data/lib/jekyll-patreon/_inc/design_minimal.html +10 -0
- data/lib/jekyll-patreon/_inc/design_reversed.html +18 -0
- data/lib/jekyll-patreon/_inc/design_streamlined.html +16 -0
- data/lib/jekyll-patreon/_inc/design_swapped.html +16 -0
- data/lib/jekyll-patreon/_inc/js/patreon.js +127 -0
- data/lib/jekyll-patreon/generator/defaults.rb +17 -0
- data/lib/jekyll-patreon/generator/patreonGenerator.rb +36 -0
- data/lib/jekyll-patreon/tags/patreonTag.rb +99 -0
- data/lib/jekyll-patreon/utils/string-utils.rb +35 -0
- data/lib/jekyll-patreon/version.rb +5 -0
- data/lib/jekyll-patreon.rb +18 -0
- metadata +109 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA256:
|
3
|
+
metadata.gz: afb3fe25ddbd9a0a9664f130887ef5cc426451056ea5c15b3c825d904cc6ed94
|
4
|
+
data.tar.gz: a1fb9fcdac03419295319f16c6bb6ea4f023f7eff584b07f5e54b7950952aa24
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 4f873b0de65c8d2f7d208156a47b08667684455620c62179ba67805d96f4d8ed157a7640f039120bee4979697bab440f476d691771bf8530ef4ffbd2ecd69e40
|
7
|
+
data.tar.gz: 026ca48e995497792baacd21823ac6f3309bc316d0c9676ce6b5ab0206291f0232cfeb65a2e021377f752526926934a76b251ab28d223edcd70de2f46b705f7f
|
data/Gemfile
ADDED
@@ -0,0 +1,24 @@
|
|
1
|
+
# coding: utf-8
|
2
|
+
lib = File.expand_path("../lib", __FILE__)
|
3
|
+
$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
4
|
+
|
5
|
+
require "jekyll-patreon/version"
|
6
|
+
|
7
|
+
Gem::Specification.new do |spec|
|
8
|
+
spec.name = "jekyll-patreon"
|
9
|
+
spec.summary = "Jekyll Patreon integration"
|
10
|
+
spec.description = "Patreon support in Jekyll blog to easily embed a widget with your goals"
|
11
|
+
spec.version = Jekyll::Patreon::VERSION
|
12
|
+
spec.authors = ["z3nth10n"]
|
13
|
+
spec.email = ["z3nth10n@gmail.com"]
|
14
|
+
spec.homepage = "https://github.com/uta-org/jekyll-patreon"
|
15
|
+
spec.licenses = ["MIT"]
|
16
|
+
|
17
|
+
spec.files = `git ls-files -z`.split("\x0").reject { |f| f.match(%r!^(test|spec|features)/!) }
|
18
|
+
spec.require_paths = ["lib"]
|
19
|
+
|
20
|
+
spec.add_dependency "jekyll", "~> 3.0"
|
21
|
+
|
22
|
+
spec.add_development_dependency "rake", "~> 11.0"
|
23
|
+
spec.add_development_dependency "rspec", "~> 3.5"
|
24
|
+
end
|
@@ -0,0 +1,146 @@
|
|
1
|
+
.meter {
|
2
|
+
height: 8px;
|
3
|
+
position: relative;
|
4
|
+
background: #f2f4f5;
|
5
|
+
-moz-border-radius: 4px;
|
6
|
+
-webkit-border-radius: 4px;
|
7
|
+
border-radius: 4px;
|
8
|
+
padding: 0px;
|
9
|
+
-webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
|
10
|
+
-moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
|
11
|
+
box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
|
12
|
+
}
|
13
|
+
|
14
|
+
.meter > span {
|
15
|
+
display: block;
|
16
|
+
height: 100%;
|
17
|
+
-webkit-border-top-right-radius: 20px;
|
18
|
+
-webkit-border-bottom-right-radius: 20px;
|
19
|
+
-moz-border-radius-topright: 20px;
|
20
|
+
-moz-border-radius-bottomright: 20px;
|
21
|
+
border-top-right-radius: 20px;
|
22
|
+
border-bottom-right-radius: 20px;
|
23
|
+
-webkit-border-top-left-radius: 20px;
|
24
|
+
-webkit-border-bottom-left-radius: 20px;
|
25
|
+
-moz-border-radius-topleft: 20px;
|
26
|
+
-moz-border-radius-bottomleft: 20px;
|
27
|
+
border-top-left-radius: 20px;
|
28
|
+
border-bottom-left-radius: 20px;
|
29
|
+
background-color: rgb(43, 194, 83);
|
30
|
+
background-image: -webkit-gradient(
|
31
|
+
linear,
|
32
|
+
left bottom,
|
33
|
+
left top,
|
34
|
+
color-stop(0, rgb(43, 194, 83)),
|
35
|
+
color-stop(1, rgb(84, 240, 84))
|
36
|
+
);
|
37
|
+
background-image: -moz-linear-gradient(
|
38
|
+
center bottom,
|
39
|
+
rgb(43, 194, 83) 37%,
|
40
|
+
rgb(84, 240, 84) 69%
|
41
|
+
);
|
42
|
+
position: relative;
|
43
|
+
overflow: hidden;
|
44
|
+
}
|
45
|
+
|
46
|
+
.meter > span:after, .animate > span > span {
|
47
|
+
content: "";
|
48
|
+
position: absolute;
|
49
|
+
top: 0;
|
50
|
+
left: 0;
|
51
|
+
bottom: 0;
|
52
|
+
right: 0;
|
53
|
+
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
|
54
|
+
color-stop(.25, rgba(255, 255, 255, .2)),
|
55
|
+
color-stop(.25, transparent), color-stop(.5, transparent),
|
56
|
+
color-stop(.5, rgba(255, 255, 255, .2)),
|
57
|
+
color-stop(.75, rgba(255, 255, 255, .2)),
|
58
|
+
color-stop(.75, transparent), to(transparent)
|
59
|
+
);
|
60
|
+
background-image: -moz-linear-gradient(
|
61
|
+
-45deg,
|
62
|
+
rgba(255, 255, 255, .2) 25%,
|
63
|
+
transparent 25%,
|
64
|
+
transparent 50%,
|
65
|
+
rgba(255, 255, 255, .2) 50%,
|
66
|
+
rgba(255, 255, 255, .2) 75%,
|
67
|
+
transparent 75%,
|
68
|
+
transparent
|
69
|
+
);
|
70
|
+
z-index: 1;
|
71
|
+
-webkit-background-size: 50px 50px;
|
72
|
+
-moz-background-size: 50px 50px;
|
73
|
+
-webkit-animation: move 2s linear infinite;
|
74
|
+
-webkit-border-top-right-radius: 20px;
|
75
|
+
-webkit-border-bottom-right-radius: 20px;
|
76
|
+
-moz-border-radius-topright: 20px;
|
77
|
+
-moz-border-radius-bottomright: 20px;
|
78
|
+
border-top-right-radius: 20px;
|
79
|
+
border-bottom-right-radius: 20px;
|
80
|
+
-webkit-border-top-left-radius: 20px;
|
81
|
+
-webkit-border-bottom-left-radius: 20px;
|
82
|
+
-moz-border-radius-topleft: 20px;
|
83
|
+
-moz-border-radius-bottomleft: 20px;
|
84
|
+
border-top-left-radius: 20px;
|
85
|
+
border-bottom-left-radius: 20px;
|
86
|
+
overflow: hidden;
|
87
|
+
}
|
88
|
+
|
89
|
+
.animate > span:after {
|
90
|
+
display: none;
|
91
|
+
}
|
92
|
+
|
93
|
+
@-webkit-keyframes move {
|
94
|
+
0% {
|
95
|
+
background-position: 0 0;
|
96
|
+
}
|
97
|
+
100% {
|
98
|
+
background-position: 50px 50px;
|
99
|
+
}
|
100
|
+
}
|
101
|
+
|
102
|
+
.orange > span {
|
103
|
+
background-color: #e6461a;
|
104
|
+
background-image: -moz-linear-gradient(top, #e6461a, #e6461a);
|
105
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e6461a), color-stop(1, #e6461a));
|
106
|
+
background-image: -webkit-linear-gradient(#e6461a, #e6461a);
|
107
|
+
}
|
108
|
+
|
109
|
+
.red > span {
|
110
|
+
background-color: #f0a3a3;
|
111
|
+
background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
|
112
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3), color-stop(1, #f42323));
|
113
|
+
background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
|
114
|
+
}
|
115
|
+
|
116
|
+
.blue > span {
|
117
|
+
background-color: #3EB7CA;
|
118
|
+
background-image: -moz-linear-gradient(top, #3EB7CA, #1DABC1);
|
119
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3EB7CA), color-stop(1, #1DABC1));
|
120
|
+
background-image: -webkit-linear-gradient(#3EB7CA, #1DABC1);
|
121
|
+
}
|
122
|
+
|
123
|
+
.nostripes > span > span, .nostripes > span:after {
|
124
|
+
-webkit-animation: none;
|
125
|
+
background-image: none;
|
126
|
+
}
|
127
|
+
|
128
|
+
#patreon_goalmoneytext {
|
129
|
+
}
|
130
|
+
|
131
|
+
#patreon_goaltext {
|
132
|
+
padding-top: 10px;
|
133
|
+
}
|
134
|
+
|
135
|
+
#patreon_paypername {
|
136
|
+
color: #a7b2b8;
|
137
|
+
}
|
138
|
+
|
139
|
+
span.goalreached {
|
140
|
+
color: #e6461a;
|
141
|
+
}
|
142
|
+
|
143
|
+
.patreon_button {
|
144
|
+
padding-top: 10px;
|
145
|
+
padding-bottom: 10px;
|
146
|
+
}
|
@@ -0,0 +1,152 @@
|
|
1
|
+
.meter {
|
2
|
+
height: 25px;
|
3
|
+
position: relative;
|
4
|
+
background: #555;
|
5
|
+
-moz-border-radius: 25px;
|
6
|
+
-webkit-border-radius: 25px;
|
7
|
+
border-radius: 25px;
|
8
|
+
padding: 5px;
|
9
|
+
-webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
|
10
|
+
-moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
|
11
|
+
box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
|
12
|
+
}
|
13
|
+
|
14
|
+
.meter > span {
|
15
|
+
display: block;
|
16
|
+
height: 100%;
|
17
|
+
-webkit-border-top-right-radius: 20px;
|
18
|
+
-webkit-border-bottom-right-radius: 20px;
|
19
|
+
-moz-border-radius-topright: 20px;
|
20
|
+
-moz-border-radius-bottomright: 20px;
|
21
|
+
border-top-right-radius: 20px;
|
22
|
+
border-bottom-right-radius: 20px;
|
23
|
+
-webkit-border-top-left-radius: 20px;
|
24
|
+
-webkit-border-bottom-left-radius: 20px;
|
25
|
+
-moz-border-radius-topleft: 20px;
|
26
|
+
-moz-border-radius-bottomleft: 20px;
|
27
|
+
border-top-left-radius: 20px;
|
28
|
+
border-bottom-left-radius: 20px;
|
29
|
+
background-color: rgb(43, 194, 83);
|
30
|
+
background-image: -webkit-gradient(
|
31
|
+
linear,
|
32
|
+
left bottom,
|
33
|
+
left top,
|
34
|
+
color-stop(0, rgb(43, 194, 83)),
|
35
|
+
color-stop(1, rgb(84, 240, 84))
|
36
|
+
);
|
37
|
+
background-image: -moz-linear-gradient(
|
38
|
+
center bottom,
|
39
|
+
rgb(43, 194, 83) 37%,
|
40
|
+
rgb(84, 240, 84) 69%
|
41
|
+
);
|
42
|
+
-webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
|
43
|
+
inset 0 -2px 6px rgba(0, 0, 0, 0.4);
|
44
|
+
-moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
|
45
|
+
inset 0 -2px 6px rgba(0, 0, 0, 0.4);
|
46
|
+
box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
|
47
|
+
inset 0 -2px 6px rgba(0, 0, 0, 0.4);
|
48
|
+
position: relative;
|
49
|
+
overflow: hidden;
|
50
|
+
}
|
51
|
+
|
52
|
+
.meter > span:after, .animate > span > span {
|
53
|
+
content: "";
|
54
|
+
position: absolute;
|
55
|
+
top: 0;
|
56
|
+
left: 0;
|
57
|
+
bottom: 0;
|
58
|
+
right: 0;
|
59
|
+
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
|
60
|
+
color-stop(.25, rgba(255, 255, 255, .2)),
|
61
|
+
color-stop(.25, transparent), color-stop(.5, transparent),
|
62
|
+
color-stop(.5, rgba(255, 255, 255, .2)),
|
63
|
+
color-stop(.75, rgba(255, 255, 255, .2)),
|
64
|
+
color-stop(.75, transparent), to(transparent)
|
65
|
+
);
|
66
|
+
background-image: -moz-linear-gradient(
|
67
|
+
-45deg,
|
68
|
+
rgba(255, 255, 255, .2) 25%,
|
69
|
+
transparent 25%,
|
70
|
+
transparent 50%,
|
71
|
+
rgba(255, 255, 255, .2) 50%,
|
72
|
+
rgba(255, 255, 255, .2) 75%,
|
73
|
+
transparent 75%,
|
74
|
+
transparent
|
75
|
+
);
|
76
|
+
z-index: 1;
|
77
|
+
-webkit-background-size: 50px 50px;
|
78
|
+
-moz-background-size: 50px 50px;
|
79
|
+
-webkit-animation: move 2s linear infinite;
|
80
|
+
-webkit-border-top-right-radius: 20px;
|
81
|
+
-webkit-border-bottom-right-radius: 20px;
|
82
|
+
-moz-border-radius-topright: 20px;
|
83
|
+
-moz-border-radius-bottomright: 20px;
|
84
|
+
border-top-right-radius: 20px;
|
85
|
+
border-bottom-right-radius: 20px;
|
86
|
+
-webkit-border-top-left-radius: 20px;
|
87
|
+
-webkit-border-bottom-left-radius: 20px;
|
88
|
+
-moz-border-radius-topleft: 20px;
|
89
|
+
-moz-border-radius-bottomleft: 20px;
|
90
|
+
border-top-left-radius: 20px;
|
91
|
+
border-bottom-left-radius: 20px;
|
92
|
+
overflow: hidden;
|
93
|
+
}
|
94
|
+
|
95
|
+
.animate > span:after {
|
96
|
+
display: none;
|
97
|
+
}
|
98
|
+
|
99
|
+
@-webkit-keyframes move {
|
100
|
+
0% {
|
101
|
+
background-position: 0 0;
|
102
|
+
}
|
103
|
+
100% {
|
104
|
+
background-position: 50px 50px;
|
105
|
+
}
|
106
|
+
}
|
107
|
+
|
108
|
+
.orange > span {
|
109
|
+
background-color: #f1a165;
|
110
|
+
background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
|
111
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a));
|
112
|
+
background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
|
113
|
+
}
|
114
|
+
|
115
|
+
.red > span {
|
116
|
+
background-color: #f0a3a3;
|
117
|
+
background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
|
118
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3), color-stop(1, #f42323));
|
119
|
+
background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
|
120
|
+
}
|
121
|
+
|
122
|
+
.blue > span {
|
123
|
+
background-color: #3EB7CA;
|
124
|
+
background-image: -moz-linear-gradient(top, #3EB7CA, #1DABC1);
|
125
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3EB7CA), color-stop(1, #1DABC1));
|
126
|
+
background-image: -webkit-linear-gradient(#3EB7CA, #1DABC1);
|
127
|
+
}
|
128
|
+
|
129
|
+
.nostripes > span > span, .nostripes > span:after {
|
130
|
+
-webkit-animation: none;
|
131
|
+
background-image: none;
|
132
|
+
}
|
133
|
+
|
134
|
+
#patreon_goalmoneytext {
|
135
|
+
}
|
136
|
+
|
137
|
+
#patreon_goaltext {
|
138
|
+
padding-top: 10px;
|
139
|
+
}
|
140
|
+
|
141
|
+
#patreon_paypername {
|
142
|
+
color: #a7b2b8;
|
143
|
+
}
|
144
|
+
|
145
|
+
span.goalreached {
|
146
|
+
color: #e6461a;
|
147
|
+
}
|
148
|
+
|
149
|
+
.patreon_button {
|
150
|
+
padding-top: 10px;
|
151
|
+
padding-bottom: 10px;
|
152
|
+
}
|
@@ -0,0 +1,146 @@
|
|
1
|
+
.meter {
|
2
|
+
height: 8px;
|
3
|
+
position: relative;
|
4
|
+
background: #f2f4f5;
|
5
|
+
-moz-border-radius: 4px;
|
6
|
+
-webkit-border-radius: 4px;
|
7
|
+
border-radius: 4px;
|
8
|
+
padding: 0px;
|
9
|
+
-webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
|
10
|
+
-moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
|
11
|
+
box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
|
12
|
+
}
|
13
|
+
|
14
|
+
.meter > span {
|
15
|
+
display: block;
|
16
|
+
height: 100%;
|
17
|
+
-webkit-border-top-right-radius: 20px;
|
18
|
+
-webkit-border-bottom-right-radius: 20px;
|
19
|
+
-moz-border-radius-topright: 20px;
|
20
|
+
-moz-border-radius-bottomright: 20px;
|
21
|
+
border-top-right-radius: 20px;
|
22
|
+
border-bottom-right-radius: 20px;
|
23
|
+
-webkit-border-top-left-radius: 20px;
|
24
|
+
-webkit-border-bottom-left-radius: 20px;
|
25
|
+
-moz-border-radius-topleft: 20px;
|
26
|
+
-moz-border-radius-bottomleft: 20px;
|
27
|
+
border-top-left-radius: 20px;
|
28
|
+
border-bottom-left-radius: 20px;
|
29
|
+
background-color: rgb(43, 194, 83);
|
30
|
+
background-image: -webkit-gradient(
|
31
|
+
linear,
|
32
|
+
left bottom,
|
33
|
+
left top,
|
34
|
+
color-stop(0, rgb(43, 194, 83)),
|
35
|
+
color-stop(1, rgb(84, 240, 84))
|
36
|
+
);
|
37
|
+
background-image: -moz-linear-gradient(
|
38
|
+
center bottom,
|
39
|
+
rgb(43, 194, 83) 37%,
|
40
|
+
rgb(84, 240, 84) 69%
|
41
|
+
);
|
42
|
+
position: relative;
|
43
|
+
overflow: hidden;
|
44
|
+
}
|
45
|
+
|
46
|
+
.meter > span:after, .animate > span > span {
|
47
|
+
content: "";
|
48
|
+
position: absolute;
|
49
|
+
top: 0;
|
50
|
+
left: 0;
|
51
|
+
bottom: 0;
|
52
|
+
right: 0;
|
53
|
+
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
|
54
|
+
color-stop(.25, rgba(255, 255, 255, .2)),
|
55
|
+
color-stop(.25, transparent), color-stop(.5, transparent),
|
56
|
+
color-stop(.5, rgba(255, 255, 255, .2)),
|
57
|
+
color-stop(.75, rgba(255, 255, 255, .2)),
|
58
|
+
color-stop(.75, transparent), to(transparent)
|
59
|
+
);
|
60
|
+
background-image: -moz-linear-gradient(
|
61
|
+
-45deg,
|
62
|
+
rgba(255, 255, 255, .2) 25%,
|
63
|
+
transparent 25%,
|
64
|
+
transparent 50%,
|
65
|
+
rgba(255, 255, 255, .2) 50%,
|
66
|
+
rgba(255, 255, 255, .2) 75%,
|
67
|
+
transparent 75%,
|
68
|
+
transparent
|
69
|
+
);
|
70
|
+
z-index: 1;
|
71
|
+
-webkit-background-size: 50px 50px;
|
72
|
+
-moz-background-size: 50px 50px;
|
73
|
+
-webkit-animation: move 2s linear infinite;
|
74
|
+
-webkit-border-top-right-radius: 20px;
|
75
|
+
-webkit-border-bottom-right-radius: 20px;
|
76
|
+
-moz-border-radius-topright: 20px;
|
77
|
+
-moz-border-radius-bottomright: 20px;
|
78
|
+
border-top-right-radius: 20px;
|
79
|
+
border-bottom-right-radius: 20px;
|
80
|
+
-webkit-border-top-left-radius: 20px;
|
81
|
+
-webkit-border-bottom-left-radius: 20px;
|
82
|
+
-moz-border-radius-topleft: 20px;
|
83
|
+
-moz-border-radius-bottomleft: 20px;
|
84
|
+
border-top-left-radius: 20px;
|
85
|
+
border-bottom-left-radius: 20px;
|
86
|
+
overflow: hidden;
|
87
|
+
}
|
88
|
+
|
89
|
+
.animate > span:after {
|
90
|
+
display: none;
|
91
|
+
}
|
92
|
+
|
93
|
+
@-webkit-keyframes move {
|
94
|
+
0% {
|
95
|
+
background-position: 0 0;
|
96
|
+
}
|
97
|
+
100% {
|
98
|
+
background-position: 50px 50px;
|
99
|
+
}
|
100
|
+
}
|
101
|
+
|
102
|
+
.orange > span {
|
103
|
+
background-color: #e6461a;
|
104
|
+
background-image: -moz-linear-gradient(top, #e6461a, #e6461a);
|
105
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e6461a), color-stop(1, #e6461a));
|
106
|
+
background-image: -webkit-linear-gradient(#e6461a, #e6461a);
|
107
|
+
}
|
108
|
+
|
109
|
+
.red > span {
|
110
|
+
background-color: #f0a3a3;
|
111
|
+
background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
|
112
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3), color-stop(1, #f42323));
|
113
|
+
background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
|
114
|
+
}
|
115
|
+
|
116
|
+
.blue > span {
|
117
|
+
background-color: #3EB7CA;
|
118
|
+
background-image: -moz-linear-gradient(top, #3EB7CA, #1DABC1);
|
119
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3EB7CA), color-stop(1, #1DABC1));
|
120
|
+
background-image: -webkit-linear-gradient(#3EB7CA, #1DABC1);
|
121
|
+
}
|
122
|
+
|
123
|
+
.nostripes > span > span, .nostripes > span:after {
|
124
|
+
-webkit-animation: none;
|
125
|
+
background-image: none;
|
126
|
+
}
|
127
|
+
|
128
|
+
#patreon_goalmoneytext {
|
129
|
+
}
|
130
|
+
|
131
|
+
#patreon_goaltext {
|
132
|
+
padding-top: 10px;
|
133
|
+
}
|
134
|
+
|
135
|
+
#patreon_paypername {
|
136
|
+
color: #a7b2b8;
|
137
|
+
}
|
138
|
+
|
139
|
+
span.goalreached {
|
140
|
+
color: #e6461a;
|
141
|
+
}
|
142
|
+
|
143
|
+
.patreon_button {
|
144
|
+
padding-top: 10px;
|
145
|
+
padding-bottom: 10px;
|
146
|
+
}
|
@@ -0,0 +1,146 @@
|
|
1
|
+
.meter {
|
2
|
+
height: 8px;
|
3
|
+
position: relative;
|
4
|
+
background: #f2f4f5;
|
5
|
+
-moz-border-radius: 4px;
|
6
|
+
-webkit-border-radius: 4px;
|
7
|
+
border-radius: 4px;
|
8
|
+
padding: 0px;
|
9
|
+
-webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
|
10
|
+
-moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
|
11
|
+
box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
|
12
|
+
}
|
13
|
+
|
14
|
+
.meter > span {
|
15
|
+
display: block;
|
16
|
+
height: 100%;
|
17
|
+
-webkit-border-top-right-radius: 20px;
|
18
|
+
-webkit-border-bottom-right-radius: 20px;
|
19
|
+
-moz-border-radius-topright: 20px;
|
20
|
+
-moz-border-radius-bottomright: 20px;
|
21
|
+
border-top-right-radius: 20px;
|
22
|
+
border-bottom-right-radius: 20px;
|
23
|
+
-webkit-border-top-left-radius: 20px;
|
24
|
+
-webkit-border-bottom-left-radius: 20px;
|
25
|
+
-moz-border-radius-topleft: 20px;
|
26
|
+
-moz-border-radius-bottomleft: 20px;
|
27
|
+
border-top-left-radius: 20px;
|
28
|
+
border-bottom-left-radius: 20px;
|
29
|
+
background-color: rgb(43, 194, 83);
|
30
|
+
background-image: -webkit-gradient(
|
31
|
+
linear,
|
32
|
+
left bottom,
|
33
|
+
left top,
|
34
|
+
color-stop(0, rgb(43, 194, 83)),
|
35
|
+
color-stop(1, rgb(84, 240, 84))
|
36
|
+
);
|
37
|
+
background-image: -moz-linear-gradient(
|
38
|
+
center bottom,
|
39
|
+
rgb(43, 194, 83) 37%,
|
40
|
+
rgb(84, 240, 84) 69%
|
41
|
+
);
|
42
|
+
position: relative;
|
43
|
+
overflow: hidden;
|
44
|
+
}
|
45
|
+
|
46
|
+
.meter > span:after, .animate > span > span {
|
47
|
+
content: "";
|
48
|
+
position: absolute;
|
49
|
+
top: 0;
|
50
|
+
left: 0;
|
51
|
+
bottom: 0;
|
52
|
+
right: 0;
|
53
|
+
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
|
54
|
+
color-stop(.25, rgba(255, 255, 255, .2)),
|
55
|
+
color-stop(.25, transparent), color-stop(.5, transparent),
|
56
|
+
color-stop(.5, rgba(255, 255, 255, .2)),
|
57
|
+
color-stop(.75, rgba(255, 255, 255, .2)),
|
58
|
+
color-stop(.75, transparent), to(transparent)
|
59
|
+
);
|
60
|
+
background-image: -moz-linear-gradient(
|
61
|
+
-45deg,
|
62
|
+
rgba(255, 255, 255, .2) 25%,
|
63
|
+
transparent 25%,
|
64
|
+
transparent 50%,
|
65
|
+
rgba(255, 255, 255, .2) 50%,
|
66
|
+
rgba(255, 255, 255, .2) 75%,
|
67
|
+
transparent 75%,
|
68
|
+
transparent
|
69
|
+
);
|
70
|
+
z-index: 1;
|
71
|
+
-webkit-background-size: 50px 50px;
|
72
|
+
-moz-background-size: 50px 50px;
|
73
|
+
-webkit-animation: move 2s linear infinite;
|
74
|
+
-webkit-border-top-right-radius: 20px;
|
75
|
+
-webkit-border-bottom-right-radius: 20px;
|
76
|
+
-moz-border-radius-topright: 20px;
|
77
|
+
-moz-border-radius-bottomright: 20px;
|
78
|
+
border-top-right-radius: 20px;
|
79
|
+
border-bottom-right-radius: 20px;
|
80
|
+
-webkit-border-top-left-radius: 20px;
|
81
|
+
-webkit-border-bottom-left-radius: 20px;
|
82
|
+
-moz-border-radius-topleft: 20px;
|
83
|
+
-moz-border-radius-bottomleft: 20px;
|
84
|
+
border-top-left-radius: 20px;
|
85
|
+
border-bottom-left-radius: 20px;
|
86
|
+
overflow: hidden;
|
87
|
+
}
|
88
|
+
|
89
|
+
.animate > span:after {
|
90
|
+
display: none;
|
91
|
+
}
|
92
|
+
|
93
|
+
@-webkit-keyframes move {
|
94
|
+
0% {
|
95
|
+
background-position: 0 0;
|
96
|
+
}
|
97
|
+
100% {
|
98
|
+
background-position: 50px 50px;
|
99
|
+
}
|
100
|
+
}
|
101
|
+
|
102
|
+
.orange > span {
|
103
|
+
background-color: #e6461a;
|
104
|
+
background-image: -moz-linear-gradient(top, #e6461a, #e6461a);
|
105
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e6461a), color-stop(1, #e6461a));
|
106
|
+
background-image: -webkit-linear-gradient(#e6461a, #e6461a);
|
107
|
+
}
|
108
|
+
|
109
|
+
.red > span {
|
110
|
+
background-color: #f0a3a3;
|
111
|
+
background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
|
112
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3), color-stop(1, #f42323));
|
113
|
+
background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
|
114
|
+
}
|
115
|
+
|
116
|
+
.blue > span {
|
117
|
+
background-color: #3EB7CA;
|
118
|
+
background-image: -moz-linear-gradient(top, #3EB7CA, #1DABC1);
|
119
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3EB7CA), color-stop(1, #1DABC1));
|
120
|
+
background-image: -webkit-linear-gradient(#3EB7CA, #1DABC1);
|
121
|
+
}
|
122
|
+
|
123
|
+
.nostripes > span > span, .nostripes > span:after {
|
124
|
+
-webkit-animation: none;
|
125
|
+
background-image: none;
|
126
|
+
}
|
127
|
+
|
128
|
+
#patreon_goalmoneytext {
|
129
|
+
}
|
130
|
+
|
131
|
+
#patreon_goaltext {
|
132
|
+
padding-top: 10px;
|
133
|
+
}
|
134
|
+
|
135
|
+
#patreon_paypername {
|
136
|
+
color: #a7b2b8;
|
137
|
+
}
|
138
|
+
|
139
|
+
span.goalreached {
|
140
|
+
color: #e6461a;
|
141
|
+
}
|
142
|
+
|
143
|
+
.patreon_button {
|
144
|
+
padding-top: 10px;
|
145
|
+
padding-bottom: 10px;
|
146
|
+
}
|