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

509 lines 14.2 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 {
217 background-color: black;
218 }
219 .charitable-donation-form .donation-amounts .donation-amount.selected label {
220 color: #fff; }
221 @media screen and (max-width: 37.5em) {
222 .charitable-donation-form .donation-amounts .donation-amount {
223 float: none;
224 width: 100%;
225 margin-right: 0; } }
226 .charitable-donation-form .custom-donation-input {
227 max-width: 100%;
228 background-color: #fff; }
229
230 #charitable-donor-fields > .charitable-form-field,
231 #charitable-donor-fields .charitable-form-fields > .charitable-form-field {
232 clear: both;
233 padding: 0 20px; }
234
235 .widget_charitable_donate_widget #charitable-donation-amount-form {
236 padding-top: 0; }
237 .widget_charitable_donate_widget #charitable-donation-amount-form .donation-amounts .donation-amount {
238 width: 100%;
239 margin-right: 0; }
240
241 .charitable-hidden {
242 display: none !important;
243 visibility: hidden; }
244
245 .charitable-form-field-donor-fields .charitable-login-details {
246 padding-top: 1em; }
247
248 #charitable-donor-fields {
249 padding: 1.5em 0 0.5em; }
250 #charitable-donor-fields .charitable-form-header {
251 padding: 0 20px; }
252
253 .charitable-donor-details {
254 padding: 0 20px 1em; }
255 .charitable-donor-details .donor-address,
256 .charitable-donor-details .donor-contact-details {
257 margin-bottom: 0.5em; }
258 .charitable-donor-details .charitable-change-user-details {
259 margin-bottom: 0;
260 padding-bottom: 0; }
261
262 #charitable-user-fields,
263 #charitable-meta-fields {
264 padding: 0 20px; }
265
266 #charitable-meta-fields {
267 padding-top: 1.5em;
268 margin-top: 1.5em;
269 border-top: 1px solid #ebebeb; }
270
271 .charitable-terms-text {
272 border: 1px solid #ebebeb;
273 padding: 10px;
274 background-color: #f8f8f8;
275 margin-bottom: 1em;
276 max-height: 200px;
277 overflow: scroll;
278 display: none; }
279 .charitable-terms-text.active {
280 display: block; }
281
282 #login-prompt {
283 margin-bottom: 4px; }
284
285 .charitable-login-form {
286 padding: 1em;
287 margin-bottom: 1em;
288 border: 1px solid #ebebeb; }
289 .charitable-login-form label {
290 display: block;
291 margin-bottom: 4px; }
292 .charitable-login-form > p,
293 .charitable-login-form .login-username,
294 .charitable-login-form .login-password,
295 .charitable-login-form .login-remember {
296 margin-bottom: 1em;
297 padding-bottom: 0; }
298 .charitable-login-form .login-submit {
299 margin-bottom: 0;
300 padding-bottom: 0; }
301
302 .js .charitable-donation-form .donation-amount input[type=radio] {
303 display: none; }
304
305 /* Receipts */
306 .donation-summary {
307 margin-bottom: 1em;
308 padding-bottom: 0; }
309 .donation-summary dd, .donation-summary dt {
310 margin-top: 0; }
311 .donation-summary dt {
312 float: left;
313 margin-right: .5em;
314 font-weight: bold; }
315 .donation-summary dd {
316 display: block;
317 margin-bottom: 0; }
318 .donation-summary dd::after {
319 content: " ";
320 display: block;
321 clear: left; }
322
323 .charitable-table tr, .charitable-table td {
324 padding-right: 1.5em; }
325
326 /* Campaigns grid */
327 .campaign-loop.campaign-list,
328 .campaign-loop.campaign-grid {
329 margin: 0 0 1em 0;
330 padding: 0;
331 list-style: none; }
332 .campaign-loop.campaign-list li.campaign,
333 .campaign-loop.campaign-list .campaign.hentry,
334 .campaign-loop.campaign-grid li.campaign,
335 .campaign-loop.campaign-grid .campaign.hentry {
336 position: relative;
337 padding: 0;
338 margin: 0 0 1em 0;
339 list-style: none;
340 box-shadow: none;
341 box-sizing: border-box; }
342 .campaign-loop.campaign-list li.campaign h3,
343 .campaign-loop.campaign-list .campaign.hentry h3,
344 .campaign-loop.campaign-grid li.campaign h3,
345 .campaign-loop.campaign-grid .campaign.hentry h3 {
346 margin-top: 0;
347 text-decoration: none; }
348 .campaign-loop.campaign-list .wp-post-image,
349 .campaign-loop.campaign-grid .wp-post-image {
350 padding-bottom: 1em; }
351 .campaign-loop.campaign-list .campaign-donation-stats,
352 .campaign-loop.campaign-grid .campaign-donation-stats {
353 margin-bottom: 1em; }
354 .campaign-loop.campaign-list .campaign-donation-stats .amount,
355 .campaign-loop.campaign-list .campaign-donation-stats .goal-amount,
356 .campaign-loop.campaign-grid .campaign-donation-stats .amount,
357 .campaign-loop.campaign-grid .campaign-donation-stats .goal-amount {
358 font-weight: bolder; }
359 .campaign-loop.campaign-list .campaign-donation .button,
360 .campaign-loop.campaign-grid .campaign-donation .button {
361 display: inline-block; }
362
363 .campaign-progress-bar {
364 margin-bottom: 0.5em;
365 overflow: hidden; }
366
367 .campaign-loop.campaign-list li.campaign,
368 .campaign-loop.campaign-list .campaign.hentry {
369 padding: 0 0 1em 0;
370 margin: 0 0 1em 0;
371 border-bottom: 1px solid #e6e6e6; }
372
373 .campaign-loop.campaign-grid {
374 margin: 0 0 1em 0;
375 padding: 0;
376 *zoom: 1; }
377 .campaign-loop.campaign-grid:before, .campaign-loop.campaign-grid:after {
378 content: " ";
379 display: table; }
380 .campaign-loop.campaign-grid:after {
381 clear: both; }
382 .campaign-loop.campaign-grid .wp-post-image {
383 max-width: 100%;
384 width: 100%; }
385 .campaign-loop.campaign-grid li.campaign,
386 .campaign-loop.campaign-grid .campaign.hentry {
387 list-style: none;
388 float: left;
389 margin: 0 2% 1em 0;
390 padding: 1em;
391 border: 1px solid #e6e6e6; }
392 .campaign-loop.campaign-grid .campaign-donation {
393 text-align: center; }
394
395 .campaign-grid.masonry {
396 -moz-column-gap: 1em;
397 -webkit-column-gap: 1em;
398 column-gap: 1em; }
399 .campaign-grid.masonry li.campaign,
400 .campaign-grid.masonry .campaign.hentry {
401 display: inline-block;
402 margin: 0 0 1em;
403 width: 100%;
404 float: none; }
405
406 .campaign-grid-2 li.campaign,
407 .campaign-grid-2 .campaign.hentry {
408 width: 49%; }
409 .campaign-grid-2 li.campaign:nth-child(2n+2),
410 .campaign-grid-2 .campaign.hentry:nth-child(2n+2) {
411 margin-right: 0; }
412 .campaign-grid-2.masonry {
413 -moz-column-count: 2;
414 -webkit-column-count: 2;
415 column-count: 2; }
416
417 .campaign-grid-3 li.campaign,
418 .campaign-grid-3 .campaign.hentry {
419 width: 32%; }
420 .campaign-grid-3 li.campaign:nth-child(3n+3),
421 .campaign-grid-3 .campaign.hentry:nth-child(3n+3) {
422 margin-right: 0; }
423 .campaign-grid-3.masonry {
424 -moz-column-count: 3;
425 -webkit-column-count: 3;
426 column-count: 3; }
427
428 .campaign-grid-4 li.campaign,
429 .campaign-grid-4 .campaign.hentry {
430 width: 23.5%; }
431 .campaign-grid-4 li.campaign:nth-child(4n+4),
432 .campaign-grid-4 .campaign.hentry:nth-child(4n+4) {
433 margin-right: 0; }
434 .campaign-grid-4.masonry {
435 -moz-column-count: 4;
436 -webkit-column-count: 4;
437 column-count: 4; }
438
439 /* Donors */
440 .donors-list {
441 list-style: none;
442 padding-left: 0;
443 margin-left: 0; }
444 .donors-list .donor {
445 *zoom: 1;
446 list-style: none;
447 padding: 1em 0; }
448 .donors-list .donor:before, .donors-list .donor:after {
449 content: " ";
450 display: table; }
451 .donors-list .donor:after {
452 clear: both; }
453 .donors-list .donor .avatar {
454 margin: 0; }
455 .donors-list .donor .donor-name {
456 font-weight: bold; }
457 .donors-list .donor .donor-name,
458 .donors-list .donor .donor-location,
459 .donors-list .donor .donor-donation-amount {
460 margin: 0.5em 0 0 0; }
461 .donors-list .donor > *:first-child {
462 margin-top: 0; }
463 .donors-list.donors-list-horizontal .donor {
464 display: inline-block;
465 padding: 0 20px 1em 0;
466 width: 100px;
467 vertical-align: top; }
468 .donors-list.donors-list-vertical .donor {
469 border-bottom: 1px solid #e6e6e6; }
470
471 /* Widgets */
472 .widget.widget_charitable_campaigns_widget .campaigns {
473 margin: 0 0 1em 0;
474 padding: 0;
475 list-style: none; }
476 .widget.widget_charitable_campaigns_widget .campaign {
477 list-style: none;
478 padding: 1em 0;
479 border-bottom-color: #e6e6e6;
480 border-bottom-style: solid;
481 border-bottom-width: 1px; }
482 .widget.widget_charitable_campaigns_widget .campaign .wp-post-image {
483 padding: 0;
484 margin: 0 0 0.5em 0; }
485 .widget.widget_charitable_campaigns_widget .campaign .campaign-title {
486 padding: 0;
487 margin: 0 0 0.5em 0;
488 font-size: inherit;
489 font-weight: bolder; }
490 .widget.widget_charitable_campaigns_widget .campaign .campaign-time-left {
491 font-weight: normal; }
492
493 /* Notices */
494 .charitable-notice {
495 padding: 1em;
496 margin-bottom: 1em;
497 border: 1px solid; }
498 .charitable-notice > ul {
499 padding: 0;
500 margin: 0;
501 list-style: none; }
502 .charitable-notice > ul li {
503 padding: 0;
504 border: none; }
505 .charitable-notice a {
506 text-decoration: underline; }
507
508 /*# sourceMappingURL=charitable.css.map */
509