PluginProbe
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) / 1.7.0
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) v1.7.0
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.7.0, at assets/css/charitable.css

506 lines 14.0 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 display: flex;
18 flex-wrap: wrap;
19 flex-direction: row; }
20 .campaign-summary:before, .campaign-summary:after {
21 content: " ";
22 display: table; }
23 .campaign-summary:after {
24 clear: both; }
25 .campaign-summary .campaign-summary-item {
26 float: left;
27 width: 50%;
28 padding: 1em 0;
29 border-bottom: 1px solid #e6e6e6; }
30 .campaign-summary .campaign-raised .amount,
31 .campaign-summary .campaign-figures .amount {
32 display: block;
33 font-size: 1.5em;
34 font-weight: bolder; }
35 .campaign-summary .campaign-donors {
36 clear: left; }
37 .campaign-summary .donors-count,
38 .campaign-summary .time-left {
39 font-weight: bolder; }
40 .campaign-summary .campaign-donation {
41 float: left;
42 width: 100%;
43 padding: 1em 0;
44 text-align: center; }
45 .campaign-summary .campaign-donation .donate-button {
46 display: inline-block; }
47
48 .campaign-is-endless .campaign-summary-item,
49 .campaign-has-no-goal .campaign-summary-item {
50 width: 100%;
51 text-align: center; }
52
53 /* Campaign Progress Bar */
54 .campaign-progress-bar {
55 width: 100%;
56 height: 10px;
57 background-color: #e6e6e6; }
58 .campaign-progress-bar .bar {
59 position: relative;
60 display: block;
61 height: 100%; }
62
63 /* Donate Button */
64 .donate-button {
65 padding: 6px 24px;
66 font-size: 1em;
67 line-height: 1.5em;
68 border: none;
69 color: #fff; }
70
71 /* Forms */
72 .charitable-button {
73 cursor: pointer; }
74
75 .charitable-form-field {
76 margin-bottom: 1em; }
77 .charitable-form-field label {
78 display: block;
79 margin-bottom: 4px; }
80 .charitable-form-field input,
81 .charitable-form-field select,
82 .charitable-form-field textarea {
83 width: 100%; }
84 .charitable-form-field button,
85 .charitable-form-field input[type=submit],
86 .charitable-form-field input[type=button],
87 .charitable-form-field input[type=radio],
88 .charitable-form-field input[type=checkbox] {
89 width: auto;
90 margin-left: 0; }
91 .charitable-form-field.odd {
92 clear: left; }
93 .charitable-form-field.charitable-form-field-checkbox input[type=checkbox] {
94 display: inline;
95 height: auto; }
96 .charitable-form-field.charitable-form-field-checkbox label {
97 display: inline;
98 padding-left: 4px; }
99 .charitable-form-field.charitable-radio-list {
100 list-style: none;
101 margin-left: 0;
102 padding-left: 0; }
103 .charitable-form-field.charitable-radio-list li {
104 list-style: none;
105 margin: 0 20px 0 0;
106 display: inline-block;
107 line-height: 1em; }
108 .charitable-form-field.charitable-form-field-multi-checkbox ul {
109 list-style: none;
110 margin-left: 0;
111 padding-left: 0; }
112 .charitable-form-field.charitable-form-field-multi-checkbox ul li {
113 list-style: none;
114 margin-left: 0;
115 padding-left: 0; }
116 .charitable-form-field .wp-media-buttons {
117 margin-bottom: 0.5em; }
118 .charitable-form-field .wp-editor-container {
119 border: 1px solid #dedede; }
120
121 .charitable-fieldset > :last-child,
122 .charitable-fieldset-field-wrapper > :last-child {
123 margin-bottom: 1em; }
124
125 .charitable-radio-list label,
126 .charitable-checkbox-list label {
127 display: inline; }
128
129 .charitable-submit-field .button {
130 font-size: 1em;
131 line-height: 1.5em; }
132
133 .charitable-form-content {
134 margin-bottom: 1em; }
135
136 .charitable-gateway-fields {
137 padding-top: 1em; }
138
139 #charitable_field_cc_cvc {
140 max-width: 180px; }
141 @media (min-width: 48em) {
142 #charitable_field_cc_cvc {
143 float: left;
144 width: 33%; } }
145
146 @media (min-width: 48em) {
147 #charitable_field_cc_expiration {
148 float: left;
149 width: 63%;
150 margin-left: 4%;
151 clear: none; } }
152 #charitable_field_cc_expiration .charitable-fieldset-field-header {
153 font-weight: normal; }
154 #charitable_field_cc_expiration fieldset > *:not(.charitable-fieldset-field-header) {
155 float: left;
156 width: 49%;
157 max-width: 140px; }
158 #charitable_field_cc_expiration .year {
159 margin-left: 2%; }
160
161 .charitable-form-fields .charitable-fieldset {
162 margin: 0 0 1em;
163 padding: 1.5em 20px 0.5em;
164 border: 1px solid #ebebeb; }
165 .charitable-form-fields .charitable-fieldset-field-wrapper {
166 margin: 0;
167 padding: 0;
168 border: none; }
169 .charitable-form-fields .charitable-fieldset-field-wrapper .charitable-fieldset-field-header {
170 margin-bottom: 4px;
171 font-weight: bold; }
172
173 .charitable-form-header {
174 margin: 0 0 1em;
175 font-size: 1.2em;
176 font-weight: bolder; }
177
178 .charitable-repeatable-form-field-table {
179 margin-bottom: 1em; }
180
181 .charitable-donation-form {
182 padding-top: 1em; }
183 .charitable-donation-form .donation-amounts {
184 *zoom: 1;
185 margin: 0 0 1em;
186 padding: 0;
187 list-style: none; }
188 .charitable-donation-form .donation-amounts:before, .charitable-donation-form .donation-amounts:after {
189 content: " ";
190 display: table; }
191 .charitable-donation-form .donation-amounts:after {
192 clear: both; }
193 .charitable-donation-form .donation-amounts .donation-amount {
194 position: relative;
195 float: left;
196 width: 49%;
197 margin: 0 2% 0.5em 0;
198 border: 1px solid #ddd;
199 background-color: transparent;
200 list-style: none; }
201 .charitable-donation-form .donation-amounts .donation-amount .custom-donation-amount-wrapper,
202 .charitable-donation-form .donation-amounts .donation-amount > label {
203 display: block;
204 width: 100%;
205 padding: 0.5em 1em;
206 margin: 0;
207 font-size: 1em;
208 cursor: pointer; }
209 .charitable-donation-form .donation-amounts .donation-amount .amount {
210 font-weight: bolder; }
211 .charitable-donation-form .donation-amounts .donation-amount:nth-child(2n+2) {
212 margin-right: 0; }
213 .charitable-donation-form .donation-amounts .donation-amount input[type=radio] {
214 margin: 0 6px 0 0;
215 vertical-align: middle; }
216 .charitable-donation-form .donation-amounts .donation-amount.selected label {
217 color: #fff; }
218 @media screen and (max-width: 37.5em) {
219 .charitable-donation-form .donation-amounts .donation-amount {
220 float: none;
221 width: 100%;
222 margin-right: 0; } }
223 .charitable-donation-form .custom-donation-input {
224 max-width: 100%;
225 background-color: #fff; }
226
227 #charitable-donor-fields > .charitable-form-field,
228 #charitable-donor-fields .charitable-form-fields > .charitable-form-field {
229 clear: both;
230 padding: 0 20px; }
231
232 .widget_charitable_donate_widget #charitable-donation-amount-form {
233 padding-top: 0; }
234 .widget_charitable_donate_widget #charitable-donation-amount-form .donation-amounts .donation-amount {
235 width: 100%;
236 margin-right: 0; }
237
238 .charitable-hidden {
239 display: none !important;
240 visibility: hidden; }
241
242 .charitable-form-field-donor-fields .charitable-login-details {
243 padding-top: 1em; }
244
245 #charitable-donor-fields {
246 padding: 1.5em 0 0.5em; }
247 #charitable-donor-fields .charitable-form-header {
248 padding: 0 20px; }
249
250 .charitable-donor-details {
251 padding: 0 20px 1em; }
252 .charitable-donor-details .donor-address,
253 .charitable-donor-details .donor-contact-details {
254 margin-bottom: 0.5em; }
255 .charitable-donor-details .charitable-change-user-details {
256 margin-bottom: 0;
257 padding-bottom: 0; }
258
259 #charitable-user-fields,
260 #charitable-meta-fields {
261 padding: 0 20px; }
262
263 #charitable-meta-fields {
264 padding-top: 1.5em;
265 margin-top: 1.5em;
266 border-top: 1px solid #ebebeb; }
267
268 .charitable-terms-text {
269 border: 1px solid #ebebeb;
270 padding: 10px;
271 background-color: #f8f8f8;
272 margin-bottom: 1em;
273 max-height: 200px;
274 overflow: scroll;
275 display: none; }
276 .charitable-terms-text.active {
277 display: block; }
278
279 #login-prompt {
280 margin-bottom: 4px; }
281
282 .charitable-login-form {
283 padding: 1em;
284 margin-bottom: 1em;
285 border: 1px solid #ebebeb; }
286 .charitable-login-form label {
287 display: block;
288 margin-bottom: 4px; }
289 .charitable-login-form > p,
290 .charitable-login-form .login-username,
291 .charitable-login-form .login-password,
292 .charitable-login-form .login-remember {
293 margin-bottom: 1em;
294 padding-bottom: 0; }
295 .charitable-login-form .login-submit {
296 margin-bottom: 0;
297 padding-bottom: 0; }
298
299 .js .charitable-donation-form .donation-amount input[type=radio] {
300 display: none; }
301
302 /* Receipts */
303 .donation-summary {
304 margin-bottom: 1em;
305 padding-bottom: 0; }
306 .donation-summary dd, .donation-summary dt {
307 margin-top: 0; }
308 .donation-summary dt {
309 float: left;
310 margin-right: .5em;
311 font-weight: bold; }
312 .donation-summary dd {
313 display: block;
314 margin-bottom: 0; }
315 .donation-summary dd::after {
316 content: " ";
317 display: block;
318 clear: left; }
319
320 .charitable-table tr, .charitable-table td {
321 padding-right: 1.5em; }
322
323 /* Campaigns grid */
324 .campaign-loop.campaign-list,
325 .campaign-loop.campaign-grid {
326 margin: 0 0 1em 0;
327 padding: 0;
328 list-style: none; }
329 .campaign-loop.campaign-list li.campaign,
330 .campaign-loop.campaign-list .campaign.hentry,
331 .campaign-loop.campaign-grid li.campaign,
332 .campaign-loop.campaign-grid .campaign.hentry {
333 position: relative;
334 padding: 0;
335 margin: 0 0 1em 0;
336 list-style: none;
337 box-shadow: none;
338 box-sizing: border-box; }
339 .campaign-loop.campaign-list li.campaign h3,
340 .campaign-loop.campaign-list .campaign.hentry h3,
341 .campaign-loop.campaign-grid li.campaign h3,
342 .campaign-loop.campaign-grid .campaign.hentry h3 {
343 margin-top: 0;
344 text-decoration: none; }
345 .campaign-loop.campaign-list .wp-post-image,
346 .campaign-loop.campaign-grid .wp-post-image {
347 padding-bottom: 1em; }
348 .campaign-loop.campaign-list .campaign-donation-stats,
349 .campaign-loop.campaign-grid .campaign-donation-stats {
350 margin-bottom: 1em; }
351 .campaign-loop.campaign-list .campaign-donation-stats .amount,
352 .campaign-loop.campaign-list .campaign-donation-stats .goal-amount,
353 .campaign-loop.campaign-grid .campaign-donation-stats .amount,
354 .campaign-loop.campaign-grid .campaign-donation-stats .goal-amount {
355 font-weight: bolder; }
356 .campaign-loop.campaign-list .campaign-donation .button,
357 .campaign-loop.campaign-grid .campaign-donation .button {
358 display: inline-block; }
359
360 .campaign-progress-bar {
361 margin-bottom: 0.5em;
362 overflow: hidden; }
363
364 .campaign-loop.campaign-list li.campaign,
365 .campaign-loop.campaign-list .campaign.hentry {
366 padding: 0 0 1em 0;
367 margin: 0 0 1em 0;
368 border-bottom: 1px solid #e6e6e6; }
369
370 .campaign-loop.campaign-grid {
371 margin: 0 0 1em 0;
372 padding: 0;
373 *zoom: 1; }
374 .campaign-loop.campaign-grid:before, .campaign-loop.campaign-grid:after {
375 content: " ";
376 display: table; }
377 .campaign-loop.campaign-grid:after {
378 clear: both; }
379 .campaign-loop.campaign-grid .wp-post-image {
380 max-width: 100%;
381 width: 100%; }
382 .campaign-loop.campaign-grid li.campaign,
383 .campaign-loop.campaign-grid .campaign.hentry {
384 list-style: none;
385 float: left;
386 margin: 0 2% 1em 0;
387 padding: 1em;
388 border: 1px solid #e6e6e6; }
389 .campaign-loop.campaign-grid .campaign-donation {
390 text-align: center; }
391
392 .campaign-grid.masonry {
393 -moz-column-gap: 1em;
394 -webkit-column-gap: 1em;
395 column-gap: 1em; }
396 .campaign-grid.masonry li.campaign,
397 .campaign-grid.masonry .campaign.hentry {
398 display: inline-block;
399 margin: 0 0 1em;
400 width: 100%;
401 float: none; }
402
403 .campaign-grid-2 li.campaign,
404 .campaign-grid-2 .campaign.hentry {
405 width: 49%; }
406 .campaign-grid-2 li.campaign:nth-child(2n+2),
407 .campaign-grid-2 .campaign.hentry:nth-child(2n+2) {
408 margin-right: 0; }
409 .campaign-grid-2.masonry {
410 -moz-column-count: 2;
411 -webkit-column-count: 2;
412 column-count: 2; }
413
414 .campaign-grid-3 li.campaign,
415 .campaign-grid-3 .campaign.hentry {
416 width: 32%; }
417 .campaign-grid-3 li.campaign:nth-child(3n+3),
418 .campaign-grid-3 .campaign.hentry:nth-child(3n+3) {
419 margin-right: 0; }
420 .campaign-grid-3.masonry {
421 -moz-column-count: 3;
422 -webkit-column-count: 3;
423 column-count: 3; }
424
425 .campaign-grid-4 li.campaign,
426 .campaign-grid-4 .campaign.hentry {
427 width: 23.5%; }
428 .campaign-grid-4 li.campaign:nth-child(4n+4),
429 .campaign-grid-4 .campaign.hentry:nth-child(4n+4) {
430 margin-right: 0; }
431 .campaign-grid-4.masonry {
432 -moz-column-count: 4;
433 -webkit-column-count: 4;
434 column-count: 4; }
435
436 /* Donors */
437 .donors-list {
438 list-style: none;
439 padding-left: 0;
440 margin-left: 0; }
441 .donors-list .donor {
442 *zoom: 1;
443 list-style: none;
444 padding: 1em 0; }
445 .donors-list .donor:before, .donors-list .donor:after {
446 content: " ";
447 display: table; }
448 .donors-list .donor:after {
449 clear: both; }
450 .donors-list .donor .avatar {
451 margin: 0; }
452 .donors-list .donor .donor-name {
453 font-weight: bold; }
454 .donors-list .donor .donor-name,
455 .donors-list .donor .donor-location,
456 .donors-list .donor .donor-donation-amount {
457 margin: 0.5em 0 0 0; }
458 .donors-list .donor > *:first-child {
459 margin-top: 0; }
460 .donors-list.donors-list-horizontal .donor {
461 display: inline-block;
462 padding: 0 20px 1em 0;
463 width: 100px;
464 vertical-align: top; }
465 .donors-list.donors-list-vertical .donor {
466 border-bottom: 1px solid #e6e6e6; }
467
468 /* Widgets */
469 .widget.widget_charitable_campaigns_widget .campaigns {
470 margin: 0 0 1em 0;
471 padding: 0;
472 list-style: none; }
473 .widget.widget_charitable_campaigns_widget .campaign {
474 list-style: none;
475 padding: 1em 0;
476 border-bottom-color: #e6e6e6;
477 border-bottom-style: solid;
478 border-bottom-width: 1px; }
479 .widget.widget_charitable_campaigns_widget .campaign .wp-post-image {
480 padding: 0;
481 margin: 0 0 0.5em 0; }
482 .widget.widget_charitable_campaigns_widget .campaign .campaign-title {
483 padding: 0;
484 margin: 0 0 0.5em 0;
485 font-size: inherit;
486 font-weight: bolder; }
487 .widget.widget_charitable_campaigns_widget .campaign .campaign-time-left {
488 font-weight: normal; }
489
490 /* Notices */
491 .charitable-notice {
492 padding: 1em;
493 margin-bottom: 1em;
494 border: 1px solid; }
495 .charitable-notice > ul {
496 padding: 0;
497 margin: 0;
498 list-style: none; }
499 .charitable-notice > ul li {
500 padding: 0;
501 border: none; }
502 .charitable-notice a {
503 text-decoration: underline; }
504
505 /*# sourceMappingURL=charitable.css.map */
506