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

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