PluginProbe
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) / 1.3.2
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) v1.3.2
1.8.12.3 1.8.12.2 1.8.12.1 1.8.12 1.8.11.3 1.8.11.2 1.8.11.1 1.8.11 1.6.6 1.6.60 1.6.7 1.6.8 1.6.9 1.7.0 1.7.0.1 1.7.0.11 1.7.0.12 1.7.0.14 1.7.0.2 1.7.0.3 1.7.0.5 1.7.0.6 1.7.0.7 1.7.0.9 1.8.0 All 210 releases
charitable / assets / css / charitable.css

charitable.css in Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) 1.3.2, at assets/css/charitable.css

372 lines 10.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* Campaign summary widget */
2 .campaign-description {
3 margin-bottom: 1em; }
4
5 .single-campaign .campaign-description {
6 font-size: 1.5em;
7 font-weight: bolder; }
8 .single-campaign.campaign-widget .campaign-description {
9 font-size: 1em;
10 font-weight: normal; }
11
12 .campaign-summary {
13 *zoom: 1;
14 padding: 0 1em;
15 margin-bottom: 1em;
16 border: 1px solid #e6e6e6; }
17 .campaign-summary:before, .campaign-summary:after {
18 content: " ";
19 display: table; }
20 .campaign-summary:after {
21 clear: both; }
22 .campaign-summary .campaign-summary-item {
23 float: left;
24 width: 50%;
25 padding: 1em 0;
26 border-bottom: 1px solid #e6e6e6; }
27 .campaign-summary .campaign-raised .amount,
28 .campaign-summary .campaign-figures .amount {
29 display: block;
30 font-size: 1.5em;
31 font-weight: bolder; }
32 .campaign-summary .campaign-donors {
33 clear: left; }
34 .campaign-summary .donors-count,
35 .campaign-summary .time-left {
36 font-weight: bolder; }
37 .campaign-summary .campaign-donation {
38 float: left;
39 width: 100%;
40 padding: 1em 0;
41 text-align: center; }
42 .campaign-summary .campaign-donation .donate-button {
43 display: inline-block; }
44
45 .campaign-is-endless .campaign-summary-item,
46 .campaign-has-no-goal .campaign-summary-item {
47 width: 100%;
48 text-align: center; }
49
50 /* Campaign Progress Bar */
51 .campaign-progress-bar {
52 width: 100%;
53 height: 10px;
54 background-color: #e6e6e6; }
55 .campaign-progress-bar .bar {
56 display: block;
57 height: 100%; }
58
59 /* Donate Button */
60 .donate-button {
61 padding: 6px 24px;
62 font-size: 1em;
63 line-height: 1.5em;
64 border: none;
65 color: #fff; }
66
67 /* Forms */
68 .charitable-form-field {
69 margin-bottom: 1em; }
70 .charitable-form-field label {
71 display: block;
72 margin-bottom: 4px; }
73 .charitable-form-field input,
74 .charitable-form-field select,
75 .charitable-form-field textarea {
76 width: 100%; }
77 .charitable-form-field button,
78 .charitable-form-field input[type=submit],
79 .charitable-form-field input[type=button],
80 .charitable-form-field input[type=radio],
81 .charitable-form-field input[type=checkbox] {
82 width: auto;
83 margin-left: 0; }
84 .charitable-form-field.charitable-form-field-checkbox label {
85 display: inline;
86 padding-left: 4px; }
87 .charitable-form-field.charitable-radio-list {
88 list-style: none;
89 margin-left: 0;
90 padding-left: 0; }
91 .charitable-form-field.charitable-radio-list li {
92 list-style: none;
93 margin: 0 20px 0 0;
94 display: inline-block;
95 line-height: 1em; }
96 .charitable-form-field.charitable-form-field-multi-checkbox ul {
97 list-style: none;
98 margin-left: 0;
99 padding-left: 0; }
100 .charitable-form-field.charitable-form-field-multi-checkbox ul li {
101 list-style: none;
102 margin-left: 0;
103 padding-left: 0; }
104 .charitable-form-field .wp-media-buttons {
105 margin-bottom: 0.5em; }
106 .charitable-form-field .wp-editor-container {
107 border: 1px solid #dedede; }
108
109 .charitable-submit-field .button {
110 font-size: 1em;
111 line-height: 1.5em; }
112
113 .charitable-form-content {
114 margin-bottom: 1em; }
115
116 .charitable-gateway-fields {
117 padding-top: 1em; }
118
119 #charitable_field_cc_cvc {
120 max-width: 140px; }
121 @media (min-width: 48em) {
122 #charitable_field_cc_cvc {
123 float: left;
124 width: 33%; } }
125
126 @media (min-width: 48em) {
127 #charitable_field_cc_expiration {
128 float: left;
129 width: 63%;
130 margin-left: 4%; } }
131 #charitable_field_cc_expiration > *:not(label) {
132 float: left;
133 width: 49%;
134 max-width: 140px; }
135 #charitable_field_cc_expiration .year {
136 margin-left: 2%; }
137
138 .charitable-form-fields .charitable-fieldset {
139 margin: 0 0 1em;
140 padding: 2em;
141 border: 1px solid #ebebeb; }
142
143 .charitable-form-header {
144 margin: 0 0 1em;
145 font-size: 1.2em;
146 font-weight: bolder; }
147
148 .charitable-repeatable-form-field-table {
149 margin-bottom: 1em; }
150
151 #charitable-donation-form {
152 padding-top: 1em; }
153 #charitable-donation-form .donation-amounts {
154 *zoom: 1;
155 margin: 0 0 1em;
156 padding: 0;
157 list-style: none; }
158 #charitable-donation-form .donation-amounts:before, #charitable-donation-form .donation-amounts:after {
159 content: " ";
160 display: table; }
161 #charitable-donation-form .donation-amounts:after {
162 clear: both; }
163 #charitable-donation-form .donation-amounts .donation-amount {
164 position: relative;
165 float: left;
166 width: 49%;
167 margin: 0 2% 0.5em 0;
168 border: 1px solid #ddd;
169 background-color: transparent;
170 list-style: none; }
171 #charitable-donation-form .donation-amounts .donation-amount label {
172 display: block;
173 width: 100%;
174 padding: 0.5em 1em;
175 margin: 0;
176 font-size: 1em;
177 cursor: pointer; }
178 #charitable-donation-form .donation-amounts .donation-amount .amount {
179 font-weight: bolder; }
180 #charitable-donation-form .donation-amounts .donation-amount:nth-child(2n+2) {
181 margin-right: 0; }
182 #charitable-donation-form .donation-amounts .donation-amount input[type=radio] {
183 margin: 0 6px 0 0;
184 vertical-align: middle; }
185 #charitable-donation-form .donation-amounts .donation-amount.selected {
186 color: #fff; }
187
188 .widget_charitable_donate_widget #charitable-donation-form {
189 padding-top: 0; }
190 .widget_charitable_donate_widget #charitable-donation-form .donation-amounts .donation-amount {
191 width: 100%;
192 margin-right: 0; }
193
194 .charitable-hidden {
195 display: none !important;
196 visibility: hidden; }
197
198 .charitable-form-field-donor-fields .donor-address,
199 .charitable-form-field-donor-fields .donor-contact-details {
200 margin-bottom: 0.5em; }
201 .charitable-form-field-donor-fields .charitable-login-details {
202 padding-top: 1em; }
203 .charitable-form-field-donor-fields .charitable-change-user-details {
204 margin-bottom: 0;
205 padding-bottom: 0; }
206
207 #charitable-user-fields {
208 padding-top: 1em;
209 margin-top: 1em;
210 border-top: 1px solid #ddd; }
211
212 #login-prompt {
213 margin-bottom: 4px; }
214
215 .charitable-login-form {
216 padding: 1em;
217 margin-bottom: 1em;
218 border: 1px solid #ebebeb; }
219 .charitable-login-form label {
220 display: block;
221 margin-bottom: 4px; }
222 .charitable-login-form > p,
223 .charitable-login-form .login-username,
224 .charitable-login-form .login-password,
225 .charitable-login-form .login-remember {
226 margin-bottom: 1em;
227 padding-bottom: 0; }
228 .charitable-login-form .login-submit {
229 margin-bottom: 0;
230 padding-bottom: 0; }
231
232 /* Campaigns grid */
233 .campaign-loop.campaign-list,
234 .campaign-loop.campaign-grid {
235 margin: 0 0 1em 0;
236 padding: 0;
237 list-style: none; }
238 .campaign-loop.campaign-list .campaign.hentry,
239 .campaign-loop.campaign-grid .campaign.hentry {
240 position: relative;
241 padding: 0;
242 margin: 0 0 1em 0;
243 list-style: none;
244 box-shadow: none;
245 box-sizing: border-box; }
246 .campaign-loop.campaign-list .campaign.hentry h3,
247 .campaign-loop.campaign-grid .campaign.hentry h3 {
248 margin-top: 0;
249 text-decoration: none; }
250 .campaign-loop.campaign-list .wp-post-image,
251 .campaign-loop.campaign-grid .wp-post-image {
252 padding-bottom: 1em; }
253 .campaign-loop.campaign-list .campaign-donation-stats,
254 .campaign-loop.campaign-grid .campaign-donation-stats {
255 margin-bottom: 1em; }
256 .campaign-loop.campaign-list .campaign-donation-stats .amount,
257 .campaign-loop.campaign-list .campaign-donation-stats .goal-amount,
258 .campaign-loop.campaign-grid .campaign-donation-stats .amount,
259 .campaign-loop.campaign-grid .campaign-donation-stats .goal-amount {
260 font-weight: bolder; }
261 .campaign-loop.campaign-list .campaign-donation .button,
262 .campaign-loop.campaign-grid .campaign-donation .button {
263 display: inline-block; }
264
265 .campaign-progress-bar {
266 margin-bottom: 0.5em;
267 overflow: hidden; }
268
269 .campaign-loop.campaign-list .campaign.hentry {
270 padding: 0 0 1em 0;
271 margin: 0 0 1em 0;
272 border-bottom: 1px solid #e6e6e6; }
273
274 .campaign-loop.campaign-grid {
275 margin: 0 0 1em 0;
276 padding: 0;
277 *zoom: 1; }
278 .campaign-loop.campaign-grid:before, .campaign-loop.campaign-grid:after {
279 content: " ";
280 display: table; }
281 .campaign-loop.campaign-grid:after {
282 clear: both; }
283 .campaign-loop.campaign-grid .wp-post-image {
284 max-width: 100%;
285 width: 100%; }
286 .campaign-loop.campaign-grid .campaign.hentry {
287 list-style: none;
288 float: left;
289 margin: 0 2% 1em 0;
290 padding: 1em;
291 border: 1px solid #e6e6e6; }
292 .campaign-loop.campaign-grid .campaign-donation {
293 text-align: center; }
294
295 .campaign-grid-2 .campaign.hentry {
296 width: 49%; }
297 .campaign-grid-2 .campaign.hentry:nth-child(2n+2) {
298 margin-right: 0; }
299
300 .campaign-grid-3 .campaign.hentry {
301 width: 32%; }
302 .campaign-grid-3 .campaign.hentry:nth-child(3n+3) {
303 margin-right: 0; }
304
305 .campaign-grid-4 .campaign.hentry {
306 width: 23.5%; }
307 .campaign-grid-4 .campaign.hentry:nth-child(4n+4) {
308 margin-right: 0; }
309
310 /* Widgets */
311 .widget.widget_charitable_campaigns_widget .campaigns {
312 margin: 0 0 1em 0;
313 padding: 0;
314 list-style: none; }
315 .widget.widget_charitable_campaigns_widget .campaign {
316 list-style: none;
317 padding: 1em 0;
318 border-bottom-color: #e6e6e6;
319 border-bottom-style: solid;
320 border-bottom-width: 1px; }
321 .widget.widget_charitable_campaigns_widget .campaign .wp-post-image {
322 padding: 0;
323 margin: 0 0 0.5em 0; }
324 .widget.widget_charitable_campaigns_widget .campaign .campaign-title {
325 padding: 0;
326 margin: 0 0 0.5em 0;
327 font-size: inherit;
328 font-weight: bolder; }
329 .widget.widget_charitable_campaigns_widget .campaign .campaign-time-left {
330 font-weight: normal; }
331
332 .widget.widget_charitable_donors_widget .donors-list {
333 margin: 0 0 1em 0;
334 padding: 0;
335 list-style: none; }
336 .widget.widget_charitable_donors_widget .donor {
337 *zoom: 1;
338 list-style: none;
339 padding: 1em 0;
340 border-bottom-color: #e6e6e6;
341 border-bottom-style: solid;
342 border-bottom-width: 1px; }
343 .widget.widget_charitable_donors_widget .donor:before, .widget.widget_charitable_donors_widget .donor:after {
344 content: " ";
345 display: table; }
346 .widget.widget_charitable_donors_widget .donor:after {
347 clear: both; }
348 .widget.widget_charitable_donors_widget .donor .avatar {
349 margin: 0; }
350 .widget.widget_charitable_donors_widget .donor .donor-name {
351 font-weight: bold; }
352 .widget.widget_charitable_donors_widget .donor .donor-name,
353 .widget.widget_charitable_donors_widget .donor .donor-location,
354 .widget.widget_charitable_donors_widget .donor .donor-donation-amount {
355 margin: 0.5em 0 0 0; }
356 .widget.widget_charitable_donors_widget .donor > *:first-child {
357 margin-top: 0; }
358
359 /* Notices */
360 .charitable-notice {
361 padding: 1em;
362 margin-bottom: 1em;
363 border: 1px solid; }
364 .charitable-notice .errors {
365 padding: 0;
366 margin: 0;
367 list-style: none; }
368 .charitable-notice .errors li {
369 list-style: none; }
370
371 /*# sourceMappingURL=charitable.css.map */
372