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

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