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

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