PluginProbe
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) / 1.8.13
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) v1.8.13
1.8.13 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 All 211 releases
charitable / assets / css / admin / charitable-admin-legacy.css

charitable-admin-legacy.css in Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) 1.8.13, at assets/css/admin/charitable-admin-legacy.css

2,895 lines 78.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 /**
3 * Clearfix helper class.
4 * Credit: h5bp.com/q
5 */
6 .cf {
7 *zoom: 1;
8 }
9 .cf:before, .cf:after {
10 content: " ";
11 display: table;
12 }
13 .cf:after {
14 clear: both;
15 }
16
17 /**
18 * Media block
19 *
20 * Credit: http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
21 */
22 .charitable-media-block {
23 overflow: hidden;
24 }
25 .charitable-media-block .charitable-media-image {
26 float: left;
27 margin-right: 12px;
28 }
29 .charitable-media-block .charitable-media-image img {
30 display: block;
31 }
32 .charitable-media-block .charitable-media-body {
33 overflow: hidden;
34 }
35
36 .ui-datepicker {
37 display: none;
38 }
39 .ui-datepicker.charitable-datepicker-table {
40 background-color: #fff;
41 padding: 0;
42 border: 1px solid #dedede;
43 width: auto;
44 z-index: 100000 !important;
45 }
46 .ui-datepicker.charitable-datepicker-table .ui-datepicker-header {
47 padding: 10px 20px;
48 background: #f5f5f5;
49 text-align: center;
50 border: 0;
51 border-bottom: 1px solid #dfdfdf;
52 -webkit-border-radius: 0;
53 -moz-border-radius: 0;
54 border-radius: 0;
55 }
56 .ui-datepicker.charitable-datepicker-table .ui-datepicker-prev,
57 .ui-datepicker.charitable-datepicker-table .ui-datepicker-next {
58 position: absolute;
59 top: 10px;
60 width: auto;
61 height: auto;
62 color: #0073AA;
63 cursor: pointer;
64 }
65 .ui-datepicker.charitable-datepicker-table .ui-datepicker-prev .ui-icon,
66 .ui-datepicker.charitable-datepicker-table .ui-datepicker-next .ui-icon {
67 position: static;
68 top: 0;
69 left: 0;
70 width: auto;
71 height: auto;
72 margin: 0;
73 background-image: none;
74 text-indent: 0;
75 font-weight: 400;
76 }
77 .ui-datepicker.charitable-datepicker-table .ui-datepicker-prev {
78 left: 10px;
79 }
80 .ui-datepicker.charitable-datepicker-table .ui-datepicker-next {
81 right: 10px;
82 }
83 .ui-datepicker.charitable-datepicker-table .ui-state-hover {
84 border: none;
85 background: none;
86 }
87 .ui-datepicker.charitable-datepicker-table .ui-datepicker-calendar {
88 width: 100%;
89 padding: 10px;
90 margin: 0;
91 text-align: center;
92 }
93 .ui-datepicker.charitable-datepicker-table .ui-datepicker-calendar td {
94 border: 1px solid #dedede;
95 }
96 .ui-datepicker.charitable-datepicker-table .ui-datepicker-calendar a {
97 display: block;
98 padding: 6px;
99 border: none;
100 color: #747474;
101 background: none;
102 text-decoration: none;
103 text-align: center;
104 }
105 .ui-datepicker.charitable-datepicker-table .ui-datepicker-calendar td:first-child {
106 border-left: 0;
107 }
108 .ui-datepicker.charitable-datepicker-table .ui-datepicker-calendar td:hover,
109 .ui-datepicker.charitable-datepicker-table .ui-datepicker-calendar .ui-datepicker-unselectable {
110 background-color: #f5f5f5;
111 }
112
113 .charitable-metabox.postbox {
114 min-width: 0;
115 padding: 0 0 24px 0;
116 margin: 0;
117 background-color: transparent;
118 border: none;
119 box-shadow: none;
120 }
121 .charitable-metabox.postbox .inside {
122 margin-top: 0;
123 padding: 0;
124 }
125
126 .charitable-metabox .postbox-title {
127 padding: 0 0 8px 0;
128 }
129 .charitable-metabox .postbox-header {
130 border-bottom: none;
131 }
132 .charitable-metabox .handlediv,
133 .charitable-metabox .hndle {
134 display: none;
135 }
136 .charitable-metabox input,
137 .charitable-metabox textarea {
138 padding: 14px 10px;
139 width: 100%;
140 }
141 .charitable-metabox select {
142 width: 100%;
143 }
144 .charitable-metabox input[type=checkbox],
145 .charitable-metabox input[type=radio],
146 .charitable-metabox input[type=button],
147 .charitable-metabox input[type=submit] {
148 width: auto;
149 }
150 .charitable-metabox .charitable-metabox-title {
151 font-size: 14px;
152 margin-top: 0;
153 margin-bottom: 8px;
154 }
155 .charitable-metabox .widefat th {
156 font-size: 13px;
157 }
158 .charitable-metabox .widefat tbody th {
159 width: 33%;
160 border-right: 1px solid #e1e1e1;
161 background: #f5f5f5;
162 }
163 .charitable-metabox .widefat .remove-col,
164 .charitable-metabox .widefat .reorder-col {
165 vertical-align: middle;
166 text-align: center;
167 }
168 .charitable-metabox .widefat .remove-col span,
169 .charitable-metabox .widefat .reorder-col span {
170 font-size: 20px;
171 color: #aaa;
172 }
173 .charitable-metabox .widefat .remove-col span:hover,
174 .charitable-metabox .widefat .reorder-col span:hover {
175 color: #444;
176 }
177 .charitable-metabox .widefat .reorder-col {
178 width: 10px;
179 padding-right: 0;
180 }
181 .charitable-metabox .widefat .reorder-col span {
182 cursor: move;
183 }
184 .charitable-metabox .widefat .remove-col {
185 width: 20px;
186 padding-left: 0;
187 }
188 .charitable-metabox .widefat .remove-col span {
189 cursor: pointer;
190 }
191 .charitable-metabox .widefat .ui-sortable-helper {
192 border: 1px solid #ddd;
193 background: #efefef;
194 }
195 .charitable-metabox .table-header {
196 background: #f5f5f5;
197 }
198 .charitable-metabox .table-header label {
199 margin-bottom: 0;
200 font-weight: bold;
201 }
202 .charitable-metabox .charitable-metabox-header {
203 margin: 24px 0;
204 }
205 .charitable-metabox h4.charitable-metabox-header {
206 border-bottom: 1px solid #dedede;
207 padding-bottom: 12px;
208 margin-bottom: 12px;
209 font-size: 14px;
210 }
211 .charitable-metabox .inside > .charitable-metabox-header:first-child {
212 margin-top: 0;
213 }
214
215 #side-sortables .charitable-metabox-wrap {
216 float: none;
217 }
218
219 .charitable-metabox-header {
220 float: left;
221 width: 100%;
222 }
223
224 .charitable-metabox-wrap {
225 width: 100%;
226 float: left;
227 margin-bottom: 24px;
228 /* Select2 styling */
229 }
230 .charitable-metabox-wrap .charitable-helper {
231 display: block;
232 padding-top: 8px;
233 font-style: italic;
234 }
235 .charitable-metabox-wrap label,
236 .charitable-metabox-wrap legend {
237 display: block;
238 margin-bottom: 8px;
239 font-weight: bold;
240 }
241 .charitable-metabox-wrap th label {
242 margin-bottom: 0;
243 }
244 .charitable-metabox-wrap input,
245 .charitable-metabox-wrap textarea {
246 width: 100%;
247 padding: 8px 10px;
248 }
249 .charitable-metabox-wrap select {
250 width: 100%;
251 padding: 0 10px;
252 height: 46px;
253 line-height: 46px;
254 }
255 .charitable-metabox-wrap input[type=checkbox],
256 .charitable-metabox-wrap input[type=radio] {
257 width: auto;
258 }
259 .charitable-metabox-wrap.charitable-radio-wrap, .charitable-metabox-wrap.charitable-multi-checkbox-wrap {
260 margin-bottom: 14px;
261 }
262 .charitable-metabox-wrap .charitable-radio-fieldset legend,
263 .charitable-metabox-wrap .charitable-checkbox-fieldset legend {
264 margin-bottom: 0;
265 }
266 .charitable-metabox-wrap .charitable-radio-fieldset .charitable-helper,
267 .charitable-metabox-wrap .charitable-checkbox-fieldset .charitable-helper {
268 padding: 0;
269 }
270 .charitable-metabox-wrap .charitable-radio-fieldset .charitable-radio-list,
271 .charitable-metabox-wrap .charitable-radio-fieldset .charitable-checkbox-list,
272 .charitable-metabox-wrap .charitable-checkbox-fieldset .charitable-radio-list,
273 .charitable-metabox-wrap .charitable-checkbox-fieldset .charitable-checkbox-list {
274 margin-top: 8px;
275 }
276 .charitable-metabox-wrap .charitable-radio-fieldset .charitable-radio-list li,
277 .charitable-metabox-wrap .charitable-radio-fieldset .charitable-checkbox-list li,
278 .charitable-metabox-wrap .charitable-checkbox-fieldset .charitable-radio-list li,
279 .charitable-metabox-wrap .charitable-checkbox-fieldset .charitable-checkbox-list li {
280 display: block;
281 }
282 .charitable-metabox-wrap .charitable-radio-fieldset .charitable-radio-list label,
283 .charitable-metabox-wrap .charitable-radio-fieldset .charitable-checkbox-list label,
284 .charitable-metabox-wrap .charitable-checkbox-fieldset .charitable-radio-list label,
285 .charitable-metabox-wrap .charitable-checkbox-fieldset .charitable-checkbox-list label {
286 vertical-align: baseline;
287 }
288 .charitable-metabox-wrap .select2-selection.select2-selection--single {
289 height: 46px;
290 font-size: 14px;
291 }
292 .charitable-metabox-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
293 line-height: 46px;
294 }
295 .charitable-metabox-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
296 height: 46px;
297 }
298 .charitable-metabox-wrap .select2-results__option {
299 margin-bottom: 0;
300 }
301
302 .charitable-checkbox-wrap label {
303 display: inline;
304 font-weight: normal;
305 }
306
307 .charitable-checkbox-list {
308 display: flex;
309 flex-direction: row;
310 flex-wrap: wrap;
311 width: 75% !important;
312 gap: 8px;
313 }
314 .charitable-checkbox-list li {
315 font-size: 15px;
316 line-height: 15px;
317 width: calc(50% - 5px);
318 }
319
320 .charitable-radio-list label {
321 display: inline-block;
322 font-weight: normal;
323 }
324 .charitable-radio-list li {
325 margin-bottom: 8px;
326 }
327
328 .charitable-radio-list label {
329 margin-bottom: 0;
330 vertical-align: text-bottom;
331 }
332
333 .charitable-metabox-block {
334 padding: 10px;
335 margin-bottom: 10px;
336 border: 1px solid #dedede;
337 }
338
339 body.post-type-donation .postbox-container .empty-container,
340 body.post-type-campaign .postbox-container .empty-container {
341 border: none;
342 height: auto;
343 }
344
345 .charitable-actions-form {
346 padding: 12px 12px 18px 12px;
347 }
348
349 .charitable-actions-submit {
350 background-color: #f8f8f8;
351 padding: 12px;
352 border-top: 1px solid #e5e5e5;
353 }
354 .charitable-actions-submit .button-primary {
355 float: right;
356 }
357
358 .charitable-action-fields {
359 margin-top: 20px;
360 }
361
362 .post-type-campaign .postbox-title {
363 border-bottom: 1px solid #eee;
364 }
365
366 #campaign-title.postbox,
367 #campaign-goal.postbox,
368 #campaign-end-date.postbox,
369 #campaign-description.postbox {
370 min-width: 0;
371 padding: 0 0 24px 0;
372 margin: 0;
373 background-color: transparent;
374 border: none;
375 box-shadow: none;
376 }
377 #campaign-title.postbox .inside,
378 #campaign-goal.postbox .inside,
379 #campaign-end-date.postbox .inside,
380 #campaign-description.postbox .inside {
381 margin-top: 0;
382 padding: 0;
383 }
384
385 #campaign-title.postbox .postbox-title,
386 #campaign-goal.postbox .postbox-title,
387 #campaign-end-date.postbox .postbox-title,
388 #campaign-description.postbox .postbox-title {
389 padding: 0 0 8px 0;
390 }
391 #campaign-title.postbox .postbox-header,
392 #campaign-goal.postbox .postbox-header,
393 #campaign-end-date.postbox .postbox-header,
394 #campaign-description.postbox .postbox-header {
395 border-bottom: none;
396 }
397 #campaign-title.postbox .handlediv,
398 #campaign-title.postbox .hndle,
399 #campaign-goal.postbox .handlediv,
400 #campaign-goal.postbox .hndle,
401 #campaign-end-date.postbox .handlediv,
402 #campaign-end-date.postbox .hndle,
403 #campaign-description.postbox .handlediv,
404 #campaign-description.postbox .hndle {
405 display: none;
406 }
407 #campaign-title input,
408 #campaign-title textarea,
409 #campaign-goal input,
410 #campaign-goal textarea,
411 #campaign-end-date input,
412 #campaign-end-date textarea,
413 #campaign-description input,
414 #campaign-description textarea {
415 padding: 14px 10px;
416 width: 100%;
417 }
418 #campaign-title select,
419 #campaign-goal select,
420 #campaign-end-date select,
421 #campaign-description select {
422 width: 100%;
423 }
424 #campaign-title input[type=checkbox],
425 #campaign-title input[type=radio],
426 #campaign-title input[type=button],
427 #campaign-title input[type=submit],
428 #campaign-goal input[type=checkbox],
429 #campaign-goal input[type=radio],
430 #campaign-goal input[type=button],
431 #campaign-goal input[type=submit],
432 #campaign-end-date input[type=checkbox],
433 #campaign-end-date input[type=radio],
434 #campaign-end-date input[type=button],
435 #campaign-end-date input[type=submit],
436 #campaign-description input[type=checkbox],
437 #campaign-description input[type=radio],
438 #campaign-description input[type=button],
439 #campaign-description input[type=submit] {
440 width: auto;
441 }
442 #campaign-title .charitable-metabox-title,
443 #campaign-goal .charitable-metabox-title,
444 #campaign-end-date .charitable-metabox-title,
445 #campaign-description .charitable-metabox-title {
446 font-size: 14px;
447 margin-top: 0;
448 margin-bottom: 8px;
449 }
450 #campaign-title .widefat th,
451 #campaign-goal .widefat th,
452 #campaign-end-date .widefat th,
453 #campaign-description .widefat th {
454 font-size: 13px;
455 }
456 #campaign-title .widefat tbody th,
457 #campaign-goal .widefat tbody th,
458 #campaign-end-date .widefat tbody th,
459 #campaign-description .widefat tbody th {
460 width: 33%;
461 border-right: 1px solid #e1e1e1;
462 background: #f5f5f5;
463 }
464 #campaign-title .widefat .remove-col,
465 #campaign-title .widefat .reorder-col,
466 #campaign-goal .widefat .remove-col,
467 #campaign-goal .widefat .reorder-col,
468 #campaign-end-date .widefat .remove-col,
469 #campaign-end-date .widefat .reorder-col,
470 #campaign-description .widefat .remove-col,
471 #campaign-description .widefat .reorder-col {
472 vertical-align: middle;
473 text-align: center;
474 }
475 #campaign-title .widefat .remove-col span,
476 #campaign-title .widefat .reorder-col span,
477 #campaign-goal .widefat .remove-col span,
478 #campaign-goal .widefat .reorder-col span,
479 #campaign-end-date .widefat .remove-col span,
480 #campaign-end-date .widefat .reorder-col span,
481 #campaign-description .widefat .remove-col span,
482 #campaign-description .widefat .reorder-col span {
483 font-size: 20px;
484 color: #aaa;
485 }
486 #campaign-title .widefat .remove-col span:hover,
487 #campaign-title .widefat .reorder-col span:hover,
488 #campaign-goal .widefat .remove-col span:hover,
489 #campaign-goal .widefat .reorder-col span:hover,
490 #campaign-end-date .widefat .remove-col span:hover,
491 #campaign-end-date .widefat .reorder-col span:hover,
492 #campaign-description .widefat .remove-col span:hover,
493 #campaign-description .widefat .reorder-col span:hover {
494 color: #444;
495 }
496 #campaign-title .widefat .reorder-col,
497 #campaign-goal .widefat .reorder-col,
498 #campaign-end-date .widefat .reorder-col,
499 #campaign-description .widefat .reorder-col {
500 width: 10px;
501 padding-right: 0;
502 }
503 #campaign-title .widefat .reorder-col span,
504 #campaign-goal .widefat .reorder-col span,
505 #campaign-end-date .widefat .reorder-col span,
506 #campaign-description .widefat .reorder-col span {
507 cursor: move;
508 }
509 #campaign-title .widefat .remove-col,
510 #campaign-goal .widefat .remove-col,
511 #campaign-end-date .widefat .remove-col,
512 #campaign-description .widefat .remove-col {
513 width: 20px;
514 padding-left: 0;
515 }
516 #campaign-title .widefat .remove-col span,
517 #campaign-goal .widefat .remove-col span,
518 #campaign-end-date .widefat .remove-col span,
519 #campaign-description .widefat .remove-col span {
520 cursor: pointer;
521 }
522 #campaign-title .widefat .ui-sortable-helper,
523 #campaign-goal .widefat .ui-sortable-helper,
524 #campaign-end-date .widefat .ui-sortable-helper,
525 #campaign-description .widefat .ui-sortable-helper {
526 border: 1px solid #ddd;
527 background: #efefef;
528 }
529 #campaign-title .table-header,
530 #campaign-goal .table-header,
531 #campaign-end-date .table-header,
532 #campaign-description .table-header {
533 background: #f5f5f5;
534 }
535 #campaign-title .table-header label,
536 #campaign-goal .table-header label,
537 #campaign-end-date .table-header label,
538 #campaign-description .table-header label {
539 margin-bottom: 0;
540 font-weight: bold;
541 }
542 #campaign-title .charitable-metabox-header,
543 #campaign-goal .charitable-metabox-header,
544 #campaign-end-date .charitable-metabox-header,
545 #campaign-description .charitable-metabox-header {
546 margin: 24px 0;
547 }
548 #campaign-title h4.charitable-metabox-header,
549 #campaign-goal h4.charitable-metabox-header,
550 #campaign-end-date h4.charitable-metabox-header,
551 #campaign-description h4.charitable-metabox-header {
552 border-bottom: 1px solid #dedede;
553 padding-bottom: 12px;
554 margin-bottom: 12px;
555 font-size: 14px;
556 }
557 #campaign-title .inside > .charitable-metabox-header:first-child,
558 #campaign-goal .inside > .charitable-metabox-header:first-child,
559 #campaign-end-date .inside > .charitable-metabox-header:first-child,
560 #campaign-description .inside > .charitable-metabox-header:first-child {
561 margin-top: 0;
562 }
563
564 /* --- Top campaign meta boxes --- */
565 #campaign-top-sortables {
566 padding-top: 20px;
567 }
568 #campaign-top-sortables > .postbox:nth-child(2),
569 #campaign-top-sortables > .postbox:nth-child(3) {
570 float: left;
571 width: 48%;
572 }
573 #campaign-top-sortables > .postbox:nth-child(2) {
574 padding-right: 4%;
575 }
576 #campaign-top-sortables #campaign-description {
577 clear: both;
578 }
579 @media (max-width: 37.5em) {
580 #campaign-top-sortables > .postbox:nth-child(2),
581 #campaign-top-sortables > .postbox:nth-child(3) {
582 width: 100%;
583 padding: 0 0 24px;
584 }
585 }
586
587 /* --- End Date --- */
588 #charitable-campaign-end-date-metabox-wrap {
589 position: relative;
590 }
591 #charitable-campaign-end-date-metabox-wrap .charitable-end-time {
592 position: absolute;
593 right: 0;
594 top: 2px;
595 width: 80px;
596 padding: 20px 10px;
597 border-left: 1px solid rgba(0, 0, 0, 0.07);
598 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
599 background: #f5f5f5;
600 text-align: center;
601 border-radius: 0 4px 4px 0;
602 }
603 @media (min-width: 48.875em) {
604 #charitable-campaign-end-date-metabox-wrap .charitable-end-time {
605 padding: 18px 10px;
606 }
607 }
608
609 #campaign-end-date.postbox #charitable-campaign-end-date-metabox-wrap label {
610 border: 0;
611 clip: rect(1px, 1px, 1px, 1px);
612 -webkit-clip-path: inset(50%);
613 clip-path: inset(50%);
614 height: 1px;
615 margin: -1px;
616 overflow: hidden;
617 padding: 0;
618 position: absolute;
619 width: 1px;
620 word-wrap: normal !important;
621 }
622
623 /* --- Advanced Metabox --- */
624 #campaign-settings .postbox-title {
625 border: none;
626 }
627 #campaign-settings .inside {
628 margin: 0;
629 padding: 0;
630 }
631 #campaign-settings .ui-tabs {
632 *zoom: 1;
633 clear: both;
634 padding: 0;
635 background-color: #f5f5f5;
636 border: none;
637 border-radius: 0;
638 font-family: "Open Sans", sans-serif;
639 font-size: 13px;
640 }
641 #campaign-settings .ui-tabs:before, #campaign-settings .ui-tabs:after {
642 content: " ";
643 display: table;
644 }
645 #campaign-settings .ui-tabs:after {
646 clear: both;
647 }
648 #campaign-settings .ui-tabs .wp-editor-expand #wp-content-editor-tools {
649 background-color: transparent;
650 }
651 #campaign-settings .ui-tabs-nav {
652 float: left;
653 width: 20%;
654 margin: 0;
655 padding: 0;
656 border: none;
657 background: none;
658 line-height: 1em;
659 height: auto;
660 }
661 #campaign-settings .ui-tabs-nav li {
662 position: relative;
663 top: 0;
664 display: block;
665 width: 100%;
666 float: none;
667 background: none;
668 margin: 0;
669 padding: 0 1px 0 0;
670 border: 0;
671 white-space: normal;
672 }
673 #campaign-settings .ui-tabs-nav a {
674 display: block;
675 float: none;
676 padding: 10px;
677 color: #747474;
678 text-decoration: none;
679 border: none;
680 text-shadow: none;
681 margin: 0;
682 font-weight: normal;
683 }
684 #campaign-settings .ui-tabs-nav li.ui-tabs-active {
685 z-index: 2;
686 margin-right: -2px;
687 border-top: 1px solid #dedede;
688 border-bottom: 1px solid #dedede !important;
689 background-color: #fff;
690 }
691 #campaign-settings .ui-tabs-nav li:first-child {
692 border-top-color: 1px solid #dedede;
693 }
694 #campaign-settings .ui-tabs-nav li.ui-tabs-active:first-child {
695 border-top-color: transparent;
696 }
697 #campaign-settings .ui-tabs-nav li:last-child {
698 margin-bottom: 10px;
699 border-bottom-color: transparent;
700 }
701 #campaign-settings .ui-tabs-panel {
702 clear: none;
703 box-sizing: border-box;
704 float: right;
705 width: 80%;
706 padding: 20px;
707 margin: 0;
708 border-left: 1px solid #dedede;
709 border-top: 0;
710 background-color: #fff;
711 }
712 #campaign-settings #wp-content-editor-tools {
713 padding-top: 0;
714 }
715
716 .charitable-campaign-settings-panel .charitable-metabox-header:first-child {
717 margin-top: 0;
718 }
719
720 /* --- Suggested Donations --- */
721 #charitable-campaign-suggested-donations .amount-col {
722 width: 100px;
723 min-width: 35%;
724 }
725
726 /* --- Benefactors --- */
727 .charitable-benefactor-wrap {
728 padding: 0 10px 10px;
729 margin-top: 10px;
730 border: 1px solid #ddd;
731 background: #f5f5f5;
732 }
733 .charitable-benefactor-wrap select {
734 width: 100%;
735 }
736
737 .charitable-benefactor-summary {
738 *zoom: 1;
739 }
740 .charitable-benefactor-summary:before, .charitable-benefactor-summary:after {
741 content: " ";
742 display: table;
743 }
744 .charitable-benefactor-summary:after {
745 clear: both;
746 }
747 .charitable-benefactor-summary .summary {
748 float: left;
749 width: 82%;
750 }
751 .charitable-benefactor-summary .alignright {
752 float: right;
753 width: 18%;
754 text-align: right;
755 }
756
757 .charitable-benefactor-form-cancel {
758 float: right;
759 margin-top: 10px;
760 }
761
762 .charitable-benefactor-contribution-amount {
763 margin-bottom: 10px;
764 }
765 .charitable-benefactor-contribution-amount .contribution-amount {
766 margin-bottom: 10px;
767 font-size: 16px;
768 }
769 @media (min-width: 42.5em) {
770 .charitable-benefactor-contribution-amount {
771 border: 1px solid #ddd;
772 background-color: #fff;
773 }
774 .charitable-benefactor-contribution-amount .contribution-amount {
775 width: auto;
776 min-width: 220px;
777 margin: 1px;
778 border: none;
779 box-shadow: none;
780 }
781 .charitable-benefactor-contribution-amount .contribution-type {
782 float: right;
783 margin: 10px;
784 width: auto;
785 }
786 .charitable-benefactor-contribution-amount input:focus,
787 .charitable-benefactor-contribution-amount select:focus {
788 box-shadow: none;
789 }
790 }
791
792 .charitable-benefactor-date-wrap {
793 margin-top: 10px;
794 }
795 .charitable-benefactor-date-wrap label {
796 float: left;
797 width: 49%;
798 }
799 .charitable-benefactor-date-wrap label:nth-child(2n+2) {
800 margin-left: 2%;
801 }
802 .charitable-benefactor-date-wrap input {
803 margin: 1em 0;
804 font-weight: normal;
805 }
806
807 .charitable-benefactor-inactive,
808 .charitable-benefactor-expired {
809 background-color: #f5f5f5;
810 }
811 .charitable-benefactor-inactive .summary span,
812 .charitable-benefactor-expired .summary span {
813 font-weight: bold;
814 text-transform: uppercase;
815 padding-right: 8px;
816 color: #f89d35;
817 }
818
819 /* --- Campaign Creator --- */
820 #campaign-creator .creator-facts .creator-name {
821 padding: 0;
822 }
823 #campaign-creator .creator-facts .creator-name a {
824 color: #333;
825 text-decoration: none;
826 }
827 #campaign-creator .creator-facts dt {
828 display: inline-block;
829 font-weight: bold;
830 }
831 #campaign-creator .creator-facts dd {
832 display: inline-block;
833 }
834
835 #charitable-campaign-creator-metabox-wrap #campaign-creator {
836 padding-bottom: 24px;
837 margin-bottom: 12px;
838 border-bottom: 1px solid #e1e1e1;
839 }
840
841 body.post-type-donation #post-body-content,
842 body.post-type-donation #titlediv {
843 display: none;
844 }
845 body.post-type-donation .closed .inside {
846 display: block;
847 }
848 body.post-type-donation .donation-banner-wrapper {
849 float: left;
850 width: 100%;
851 background: #f8f8f8;
852 border-radius: 4px 4px 0 0;
853 border-bottom: 1px solid #e5e5e5;
854 }
855 body.post-type-donation .donation-banner {
856 position: relative;
857 padding: 12px;
858 }
859 body.post-type-donation .donation-banner .donation-edit-link {
860 position: absolute;
861 top: 12px;
862 right: 12px;
863 }
864 body.post-type-donation .donation-banner .donation-number {
865 margin: 0;
866 padding: 0;
867 font-size: 1.3em;
868 }
869 body.post-type-donation .donation-erasure-notice-wrapper {
870 float: left;
871 width: 100%;
872 }
873 body.post-type-donation .donation-erasure-notice {
874 padding: 12px 20px;
875 border-bottom: 1px solid #e5e5e5;
876 font-style: italic;
877 }
878 @media (min-width: 70em) {
879 body.post-type-donation #poststuff #post-body.columns-2 {
880 margin-right: 340px;
881 }
882 body.post-type-donation #poststuff #post-body.columns-2 #postbox-container-1 {
883 margin-right: -340px;
884 width: 320px;
885 }
886 body.post-type-donation #poststuff #post-body.columns-2 #postbox-container-1 #side-sortables {
887 width: 100%;
888 }
889 }
890
891 #donation-overview .charitable-metabox {
892 *zoom: 1;
893 }
894 #donation-overview .charitable-metabox:before, #donation-overview .charitable-metabox:after {
895 content: " ";
896 display: table;
897 }
898 #donation-overview .charitable-metabox:after {
899 clear: both;
900 }
901 #donation-overview .hndle {
902 display: none;
903 }
904 #donation-overview .inside {
905 margin: 0;
906 padding: 0;
907 }
908 #donation-overview #donor {
909 float: left;
910 padding: 12px 12px 36px 12px;
911 width: 300px;
912 max-width: 67%;
913 }
914 #donation-overview .donor-name {
915 font-weight: normal;
916 }
917 #donation-overview h3 {
918 margin: 0 0 0.5em;
919 padding: 0;
920 font-size: 1.3em;
921 }
922 #donation-overview #donation-summary {
923 float: right;
924 padding: 12px 12px 36px 0;
925 max-width: 33%;
926 text-align: right;
927 }
928 #donation-overview .donation-status {
929 display: block;
930 margin-bottom: 6px;
931 }
932 #donation-overview .donation-status .status,
933 #donation-overview .donation-status .contact-consent .consent {
934 font-weight: bolder;
935 }
936 #donation-overview table#overview {
937 float: left;
938 width: 100%;
939 border-spacing: 0;
940 }
941 #donation-overview table#overview thead th {
942 padding: 0 0 0.8em;
943 }
944 #donation-overview table#overview .col-campaign-name {
945 padding-left: 12px;
946 text-align: left;
947 }
948 #donation-overview table#overview .col-campaign-donation-amount {
949 padding-right: 12px;
950 text-align: right;
951 }
952 #donation-overview table#overview tbody td {
953 padding: 2em 0;
954 border-top: 1px solid #e5e5e5;
955 }
956 #donation-overview table#overview tbody tr:last-child td {
957 border-bottom: 1px solid #e5e5e5;
958 }
959 #donation-overview table#overview .campaign-name {
960 padding-left: 12px;
961 font-size: 18px;
962 }
963 #donation-overview table#overview .campaign-donation-amount {
964 padding-right: 12px;
965 font-size: 16px;
966 text-align: right;
967 }
968 #donation-overview table#overview tfoot td,
969 #donation-overview table#overview tfoot th {
970 padding: 0.6em 12px 0.6em 0;
971 background-color: #f8f8f8;
972 text-align: right;
973 }
974 #donation-overview table#overview tfoot tr:first-of-type td,
975 #donation-overview table#overview tfoot tr:first-of-type th {
976 padding-top: 1.2em;
977 }
978 #donation-overview table#overview tfoot tr:last-of-type td,
979 #donation-overview table#overview tfoot tr:last-of-type th {
980 padding-bottom: 1.2em;
981 }
982
983 #donation-actions .inside {
984 padding: 0;
985 }
986
987 #donation-details,
988 #donation-log,
989 #donation-actions {
990 border-bottom: 1px solid #ccd0d4;
991 }
992
993 #donation-details dt {
994 font-weight: bold;
995 margin-bottom: 0.5em;
996 }
997 #donation-details dd {
998 margin: 0 0 1em;
999 padding-bottom: 1em;
1000 border-bottom: 1px solid #e5e5e5;
1001 }
1002 #donation-details dd:last-child {
1003 border-bottom: none;
1004 padding-bottom: 0;
1005 }
1006
1007 #donation-log .inside {
1008 padding: 0;
1009 margin-top: 0;
1010 }
1011 #donation-log table {
1012 word-break: break-all;
1013 border: none;
1014 }
1015 #donation-log th,
1016 #donation-log td {
1017 padding-left: 12px;
1018 padding-right: 12px;
1019 }
1020 #donation-log thead th {
1021 background: #f8f8f8;
1022 }
1023 #donation-log thead th:first-child {
1024 width: 200px;
1025 }
1026 #donation-log tbody td {
1027 border-bottom: 1px solid #e5e5e5;
1028 }
1029 #donation-log tbody tr:last-child td {
1030 border-bottom: 0;
1031 }
1032
1033 /* Donation Form */
1034 .post-type-donation.charitable-admin-donation-form #postbox-container-2 {
1035 margin-bottom: 0;
1036 border: 1px solid #dedede;
1037 border-radius: 4px;
1038 background: #fff;
1039 }
1040 .post-type-donation.charitable-admin-donation-form .charitable-metabox-wrap {
1041 margin-bottom: 24px;
1042 }
1043 .post-type-donation.charitable-admin-donation-form .charitable-metabox-wrap.charitable-fieldset-wrap {
1044 margin-bottom: 0;
1045 }
1046 .post-type-donation.charitable-admin-donation-form #donation-form {
1047 border: none;
1048 background: transparent;
1049 box-shadow: none;
1050 }
1051 .post-type-donation.charitable-admin-donation-form #donation-form .postbox-title {
1052 display: none;
1053 }
1054 .post-type-donation.charitable-admin-donation-form #donation-form .inside {
1055 padding: 0;
1056 margin: 0;
1057 }
1058 .post-type-donation.charitable-admin-donation-form #donation-form .inside > .charitable-form-fields {
1059 clear: both;
1060 padding: 20px;
1061 }
1062 .post-type-donation.charitable-admin-donation-form #donation-form .charitable-form-fields > h3:first-of-type {
1063 margin-top: 0;
1064 }
1065 .post-type-donation.charitable-admin-donation-form #donation-form .charitable-form-fields > .charitable-metabox-wrap:not(.charitable-fieldset-wrap) {
1066 margin-bottom: 24px;
1067 }
1068 .post-type-donation.charitable-admin-donation-form #donation-form-meta {
1069 padding: 24px 12px 12px;
1070 }
1071
1072 #charitable-campaign-donations thead th {
1073 background: #f5f5f5;
1074 }
1075
1076 #charitable-user-fields-wrap {
1077 width: 100%;
1078 }
1079 #charitable-user-fields-wrap .charitable-overlay {
1080 display: none !important;
1081 }
1082 #charitable-user-fields-wrap.loading-data .charitable-overlay {
1083 display: block !important;
1084 text-align: center;
1085 }
1086 #charitable-user-fields-wrap.loading-data > *:not(.charitable-overlay) {
1087 display: none;
1088 }
1089 #charitable-user-fields-wrap #charitable-first-name-wrap,
1090 #charitable-user-fields-wrap #charitable-last-name-wrap {
1091 width: 48%;
1092 }
1093 #charitable-user-fields-wrap #charitable-first-name-wrap {
1094 padding-right: 4%;
1095 }
1096 #charitable-user-fields-wrap #charitable-postcode-wrap {
1097 width: 26%;
1098 padding-right: 4%;
1099 }
1100 #charitable-user-fields-wrap #charitable-country-wrap {
1101 width: 70%;
1102 clear: right;
1103 }
1104
1105 .charitable-settings-field {
1106 padding: 7px 10px;
1107 width: 300px;
1108 font-size: 16px;
1109 line-height: 1.5em;
1110 }
1111 .charitable-settings-field.short {
1112 width: 100px;
1113 }
1114 .charitable-settings-field.wide {
1115 width: 100%;
1116 }
1117 /* Radio-list fields (e.g. PayPal Commerce Account Type): the parent `width: 300px`
1118 forces multi-option radio lists to wrap onto two lines. Override to natural width
1119 so the radios sit on one row, matching Pro 1.8.16+ rendering. @since 1.8.11.3 */
1120 ul.charitable-radio-list.charitable-settings-field {
1121 width: auto;
1122 padding: 0;
1123 }
1124
1125 /* PayPal Commerce connection: tighter spacing between the "Not connected to PayPal"
1126 status row and the "Connect your PayPal account..." description below it.
1127 Scoped so it doesn't affect any other p.description on the page. Includes the
1128 #charitable-settings ID prefix to beat the (1,1,5)-specificity reset rule
1129 `div#charitable-settings table.form-table tbody tr td p { margin-top: 0 }`
1130 that otherwise wins. @since 1.8.11.3 */
1131 #charitable-settings .charitable-paypal-commerce-connection p.description {
1132 margin-top: 10px;
1133 }
1134
1135 .charitable-inline-notice {
1136 background: #fff;
1137 border: 1px solid #c3c4c7;
1138 border-left-width: 4px;
1139 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1140 margin: 5px 15px 15px 0;
1141 padding: 10px 12px;
1142 }
1143 .charitable-inline-notice p:last-child {
1144 margin-bottom: 0 !important;
1145 }
1146 .charitable-inline-notice.info {
1147 border-left-color: #00a0d2;
1148 }
1149 .charitable-inline-notice.warning {
1150 border-left-color: #ffb900;
1151 }
1152
1153 input[type=number].charitable-settings-field {
1154 height: auto;
1155 }
1156
1157 select.charitable-settings-field {
1158 width: auto;
1159 min-width: 300px;
1160 }
1161
1162 input#charitable_settings_import_campaign,
1163 input#charitable_settings_import_donations {
1164 display: table;
1165 margin: 0 0 10px 0;
1166 width: 100%;
1167 }
1168
1169 select#charitable_settings_import_donations,
1170 select#charitable_settings_export_campaign,
1171 select#charitable_settings_export_donations {
1172 padding: 0 24px 0 10px;
1173 min-height: 45px;
1174 display: table;
1175 margin: 0 0 10px 0;
1176 width: 100%;
1177 text-indent: 10px;
1178 }
1179
1180 .charitable-settings-object {
1181 max-width: 1000px;
1182 padding: 10px 20px;
1183 margin-bottom: 4px;
1184 border: 1px solid #e1e1e1;
1185 background-color: #fff;
1186 }
1187 .charitable-settings-object h4 {
1188 float: left;
1189 margin: 0;
1190 line-height: 28px;
1191 }
1192 .charitable-settings-object span.actions {
1193 float: right;
1194 }
1195 .charitable-settings-object span.actions a {
1196 margin-left: 10px;
1197 }
1198
1199 .charitable-gateway .default-gateway,
1200 .charitable-gateway .make-default-gateway {
1201 margin-left: 20px;
1202 font-size: 12px;
1203 line-height: 28px;
1204 }
1205 .charitable-gateway .default-gateway {
1206 color: #f89d35;
1207 }
1208 .charitable-gateway .make-default-gateway {
1209 color: #777;
1210 }
1211
1212 .charitable-settings-notice {
1213 max-width: 860px;
1214 padding: 10px 20px;
1215 /* margin-top: 20px; */
1216 border: 1px solid #e1e1e1;
1217 background-color: #fef4e8;
1218 }
1219 .charitable-settings-notice.license-notice {
1220 margin-top: -10px;
1221 }
1222
1223 .charitable-licensed-product h4 {
1224 width: 230px;
1225 margin-right: 20px;
1226 line-height: 40px;
1227 }
1228 .charitable-licensed-product .charitable-settings-field {
1229 float: left;
1230 width: 100%;
1231 }
1232 @media (min-width: 68.125em) {
1233 .charitable-licensed-product .charitable-settings-field {
1234 width: 312px;
1235 margin-right: 20px;
1236 }
1237 }
1238 .charitable-licensed-product .license-meta {
1239 font-size: 12px;
1240 line-height: 40px;
1241 }
1242 .charitable-licensed-product .license-active {
1243 float: left;
1244 }
1245 .charitable-licensed-product .valid-license {
1246 color: #f89d35;
1247 font-weight: bold;
1248 }
1249 .charitable-licensed-product .license-deactivation {
1250 float: left;
1251 margin: 6px 0;
1252 }
1253 .charitable-licensed-product .license-invalid {
1254 color: #f89d35;
1255 }
1256 .charitable-licensed-product .license-expiration-date {
1257 float: right;
1258 margin-left: 10px;
1259 }
1260
1261 .charitable-help {
1262 display: block;
1263 margin-top: 4px;
1264 font-size: 13px;
1265 line-height: 21px;
1266 font-style: italic;
1267 color: #777;
1268 }
1269
1270 .form-table .charitable-help p {
1271 font-size: 13px;
1272 line-height: 21px;
1273 }
1274 .form-table td.charitable-fullwidth {
1275 padding: 15px 0;
1276 }
1277
1278 .charitable-shortcode-options ul {
1279 list-style: disc;
1280 margin-left: 16px;
1281 font-style: normal;
1282 }
1283 .charitable-shortcode-options li {
1284 margin-bottom: 2px;
1285 }
1286
1287 @media (min-width: 48em) {
1288 .charitable_page_charitable-settings .form-table th {
1289 min-width: 250px;
1290 }
1291 }
1292 body.charitable_page_charitable-settings div#charitable-settings table.form-table {
1293 max-width: 1000px;
1294 }
1295
1296 .charitable_page_charitable-settings .form-table th label {
1297 font-size: 13px;
1298 }
1299 .charitable_page_charitable-settings .form-table td select {
1300 max-width: 400px;
1301 }
1302
1303 .charitable-radio-list {
1304 padding: 0;
1305 margin: 0;
1306 list-style: none;
1307 }
1308 .charitable-radio-list li {
1309 display: inline-block;
1310 margin-right: 20px;
1311 }
1312
1313 .charitable-checkbox-list {
1314 width: auto;
1315 margin: 0;
1316 padding: 0;
1317 }
1318
1319 .charitable-notice {
1320 padding: 5px 10px;
1321 font-size: 14px;
1322 background-color: #fff;
1323 }
1324 .charitable-notice.charitable-notice-error {
1325 border-left: 4px solid #dc3232;
1326 }
1327
1328 .charitable-admin-notice-five-star-rating button.button,
1329 .charitable-admin-notice-five-star-rating a.button {
1330 border: 0;
1331 }
1332 .charitable-admin-notice-five-star-rating button.button:hover,
1333 .charitable-admin-notice-five-star-rating a.button-link:hover {
1334 background-color: transparent;
1335 }
1336 .charitable-admin-notice-five-star-rating p {
1337 margin-top: 0;
1338 margin-bottom: 0;
1339 }
1340
1341 /* Hide steps 2 and 3 by default, only show step 1 initially */
1342 .charitable-admin-notice-five-star-rating[data-step="2"],
1343 .charitable-admin-notice-five-star-rating[data-step="3"] {
1344 display: none;
1345 }
1346
1347 .edit-php.post-type-charitable .tablenav .actions {
1348 padding-right: 0;
1349 }
1350 .edit-php.post-type-charitable .tablenav #start_date,
1351 .edit-php.post-type-charitable .tablenav #end_date {
1352 width: 10.5em;
1353 }
1354 .edit-php.post-type-charitable .tablenav #post-query-submit {
1355 display: none;
1356 }
1357 .edit-php.post-type-charitable .tablenav #delete_all {
1358 margin-top: 3px;
1359 }
1360 .edit-php.post-type-charitable .tablenav .charitable-filter-button:before,
1361 .edit-php.post-type-charitable .tablenav .charitable-export-button:before {
1362 vertical-align: middle;
1363 margin-top: -2px;
1364 width: 16px;
1365 height: 16px;
1366 font-size: 16px;
1367 }
1368 .edit-php.post-type-charitable .tablenav a.button {
1369 display: inline-block;
1370 }
1371 .edit-php.post-type-charitable .tablenav.top {
1372 margin: 0 0 12px 0;
1373 }
1374 .edit-php.post-type-charitable .tablenav.top select.campaign_id {
1375 float: none;
1376 vertical-align: top;
1377 }
1378 .edit-php.post-type-charitable .tablenav.top .actions {
1379 overflow: visible;
1380 }
1381 .edit-php.post-type-charitable .tablenav.top .actions .has-popup {
1382 position: relative;
1383 display: inline-block;
1384 cursor: pointer;
1385 -webkit-user-select: none;
1386 -moz-user-select: none;
1387 -ms-user-select: none;
1388 user-select: none;
1389 }
1390 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup {
1391 visibility: hidden;
1392 width: 260px;
1393 background-color: #999;
1394 color: #fff;
1395 text-align: center;
1396 border-radius: 6px;
1397 padding: 4px;
1398 position: absolute;
1399 z-index: 1;
1400 top: 125%;
1401 left: 50%;
1402 margin-left: -136px;
1403 }
1404 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup input,
1405 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup label,
1406 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup select {
1407 width: 80%;
1408 margin-bottom: 1em;
1409 }
1410 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup .inner {
1411 background: white;
1412 padding: 1em 0;
1413 border-radius: 4px;
1414 }
1415 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup::before {
1416 content: "";
1417 position: absolute;
1418 bottom: 100%;
1419 left: 50%;
1420 margin-left: -5px;
1421 border-width: 5px;
1422 border-style: solid;
1423 border-color: transparent transparent #999 transparent;
1424 }
1425 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup.show {
1426 visibility: visible !important;
1427 -webkit-animation: fadeIn 1s;
1428 animation: fadeIn 1s;
1429 }
1430 .edit-php.post-type-charitable .tablenav.top .actions .charitable-export-actions {
1431 margin-left: 8px;
1432 }
1433 .edit-php.post-type-charitable .wp-list-table .meta {
1434 display: block;
1435 color: #999;
1436 }
1437 .edit-php.post-type-charitable .wp-list-table .column-post_status mark,
1438 .edit-php.post-type-charitable .wp-list-table .column-post_status .post-type-charitable #donation-summary mark,
1439 .edit-php.post-type-charitable .wp-list-table .column-post_status #donation-donor-history mark {
1440 padding: 2px 4px;
1441 margin: 0;
1442 text-align: center;
1443 white-space: nowrap;
1444 background: #999;
1445 color: #fff;
1446 border-radius: 2px;
1447 font-size: 10px;
1448 letter-spacing: 1px;
1449 text-transform: uppercase;
1450 font-weight: bold;
1451 }
1452
1453 form#posts-filter .actions.charitable-export-actions {
1454 margin-top: 3px;
1455 }
1456
1457 .post-type-charitable #donation-summary mark {
1458 padding: 2px 4px 2px 6px;
1459 }
1460
1461 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-pending,
1462 .edit-php.post-type-charitable .wp-list-table .column-post_status .post-type-charitable #donation-summary mark.charitable-pending,
1463 .edit-php.post-type-charitable .wp-list-table .column-post_status #donation-donor-history mark.charitable-pending {
1464 background-color: #999;
1465 }
1466 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-completed,
1467 .edit-php.post-type-charitable .wp-list-table .column-post_status .post-type-charitable #donation-summary mark.charitable-completed,
1468 .edit-php.post-type-charitable .wp-list-table .column-post_status #donation-donor-history mark.charitable-completed {
1469 background-color: #34d058;
1470 }
1471 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-failed,
1472 .edit-php.post-type-charitable .wp-list-table .column-post_status .post-type-charitable #donation-summary mark.charitable-failed,
1473 .edit-php.post-type-charitable .wp-list-table .column-post_status #donation-donor-history mark.charitable-failed {
1474 background-color: #f7a129;
1475 }
1476 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-cancelled,
1477 .edit-php.post-type-charitable .wp-list-table .column-post_status .post-type-charitable #donation-summary mark.charitable-cancelled,
1478 .edit-php.post-type-charitable .wp-list-table .column-post_status #donation-donor-history mark.charitable-cancelled {
1479 background-color: #ff0000;
1480 }
1481 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-refunded,
1482 .edit-php.post-type-charitable .wp-list-table .column-post_status .post-type-charitable #donation-summary mark.charitable-refunded,
1483 .edit-php.post-type-charitable .wp-list-table .column-post_status #donation-donor-history mark.charitable-refunded {
1484 background-color: #3fb8f5;
1485 }
1486
1487 .edit-php.post-type-campaign th.manage-column.column-ID,
1488 .edit-php.post-type-campaign td.column-ID {
1489 width: 2.2em;
1490 padding: 11px 3px;
1491 }
1492 .edit-php.post-type-campaign .column-status mark {
1493 padding: 2px 4px;
1494 margin: 0;
1495 text-align: center;
1496 white-space: nowrap;
1497 background: #999;
1498 color: #fff;
1499 border-radius: 2px;
1500 font-size: 10px;
1501 letter-spacing: 1px;
1502 text-transform: uppercase;
1503 font-weight: bold;
1504 }
1505 .edit-php.post-type-campaign .column-status mark.active {
1506 background-color: #23282d;
1507 }
1508 .edit-php.post-type-campaign .column-status mark.finished {
1509 background-color: #3fb8f5;
1510 }
1511 .edit-php.post-type-campaign .column-status mark.successful {
1512 background-color: #34d058;
1513 }
1514 .edit-php.post-type-campaign .column-status mark.unsuccessful {
1515 background-color: #ff0000;
1516 }
1517
1518 #charitable_dashboard_donations .hide-if-no-js {
1519 padding: 10px 0;
1520 text-align: center;
1521 }
1522 #charitable_dashboard_donations .inside {
1523 margin: 0;
1524 padding: 0;
1525 }
1526 #charitable_dashboard_donations .charitable-donation-statistics {
1527 *zoom: 1;
1528 margin-bottom: 20px;
1529 }
1530 #charitable_dashboard_donations .charitable-donation-statistics:before, #charitable_dashboard_donations .charitable-donation-statistics:after {
1531 content: " ";
1532 display: table;
1533 }
1534 #charitable_dashboard_donations .charitable-donation-statistics:after {
1535 clear: both;
1536 }
1537 #charitable_dashboard_donations .cell {
1538 box-sizing: border-box;
1539 float: left;
1540 width: 50%;
1541 padding: 23px 0 10px;
1542 border-right: 1px solid #e5e5e5;
1543 border-bottom: 1px solid #e5e5e5;
1544 text-align: center;
1545 }
1546 #charitable_dashboard_donations .cell .amount {
1547 color: #f89d35;
1548 font-size: 28px;
1549 font-weight: normal;
1550 padding-bottom: 0;
1551 }
1552 #charitable_dashboard_donations .summary {
1553 margin-top: 0;
1554 color: #777;
1555 }
1556 #charitable_dashboard_donations .summary .time-period {
1557 font-weight: bold;
1558 color: #444;
1559 }
1560 #charitable_dashboard_donations .recent-donations {
1561 margin: 0 11px;
1562 }
1563 #charitable_dashboard_donations .recent-donations table {
1564 width: 100%;
1565 border-collapse: collapse;
1566 }
1567 #charitable_dashboard_donations .recent-donations caption {
1568 text-align: left;
1569 }
1570 #charitable_dashboard_donations .recent-donations caption h3 {
1571 padding-left: 0;
1572 }
1573 #charitable_dashboard_donations .recent-donations td {
1574 padding: 10px 0;
1575 border-top: 1px solid #e5e5e5;
1576 }
1577 #charitable_dashboard_donations .recent-donations tr:last-child td {
1578 border-bottom: 1px solid #e5e5e5;
1579 }
1580 #charitable_dashboard_donations .recent-donations .donation-total {
1581 text-align: right;
1582 font-weight: bold;
1583 }
1584 #charitable_dashboard_donations .recent-donations .donation-id {
1585 width: 80px;
1586 }
1587
1588 /*
1589 * The Lite -> Pro upgrade banner ("You're using Charitable Lite!").
1590 *
1591 * Visual properties (orange background, white text, font, base padding) live
1592 * at the base selector so they apply at every viewport. Previously they were
1593 * scoped inside @media (min-width: 783px), which left mobile admins with a
1594 * bare default-styled banner once the WP admin breakpoint flipped.
1595 *
1596 * Layout properties that depend on the desktop admin column (negative
1597 * margin to align with the wider sidebar offset, tighter padding) stay
1598 * inside the 783px media query.
1599 */
1600 .charitable-admin-banner-top-of-page {
1601 text-align: center;
1602 background: #fc9a2a;
1603 color: #fff;
1604 font-size: 13px;
1605 line-height: 1.4;
1606 padding: 10px 46px 10px 22px;
1607 }
1608 .charitable-admin-banner-top-of-page a {
1609 color: white;
1610 }
1611 .charitable-license-expiring-banner.charitable-admin-banner-top-of-page {
1612 background: #e84040;
1613 }
1614 .charitable-license-expiring-banner.charitable-admin-banner-top-of-page a:hover {
1615 color: white !important;
1616 }
1617 .charitable-admin-banner-top-of-page .button-link {
1618 position: absolute;
1619 top: 48px;
1620 right: -1px;
1621 font-size: 20px;
1622 color: #fff;
1623 font-weight: bold;
1624 text-decoration: none;
1625 margin-left: 5px;
1626 padding: 6px 10px;
1627 }
1628
1629 @media screen and (min-width: 601px) {
1630 .charitable-admin-banner-top-of-page .button-link {
1631 top: 0;
1632 }
1633 }
1634 @media screen and (min-width: 783px) {
1635 .charitable-admin-banner-top-of-page {
1636 margin-left: -20px;
1637 padding: 9px 32px 9px 20px;
1638 display: none;
1639 }
1640 [dir=rtl] .charitable-admin-banner-top-of-page {
1641 margin-left: 0;
1642 margin-right: -20px;
1643 }
1644 .charitable-admin-banner-top-of-page .button-link {
1645 right: 9px;
1646 }
1647 }
1648 @media screen and (max-width: 782px) {
1649 .charitable-admin-banner-top-of-page {
1650 margin-left: -10px;
1651 }
1652 }
1653 .charitable-notice.notice-five-star-review {
1654 z-index: 0; /* to make it appear below screen option tabs! */
1655 }
1656
1657 .charitable-notice:first-of-type {
1658 margin-left: 3px;
1659 margin-right: 20px;
1660 margin-top: 10px;
1661 }
1662
1663 .charitable-notice {
1664 margin-top: 10px;
1665 margin-left: 3px;
1666 margin-right: 20px;
1667 margin-bottom: 0;
1668 padding: 10px 10px;
1669 }
1670
1671 .charitable-notice.updated,
1672 .charitable-notice.error {
1673 margin: 10px 20px 2px 3px;
1674 }
1675
1676 form#posts-filter table tbody#the-list tr.child td {
1677 padding: 0;
1678 }
1679 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner {
1680 justify-content: space-between;
1681 flex-direction: row;
1682 display: flex;
1683 flex: 0 0 100%;
1684 flex-direction: row;
1685 align-items: center;
1686 padding: 15px 30px;
1687 flex-wrap: nowrap;
1688 position: relative;
1689 }
1690 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner > div {
1691 flex-grow: 1;
1692 display: flex;
1693 align-items: center;
1694 }
1695 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner .charitable-campaign-list-banner-icon {
1696 width: auto;
1697 height: 45px;
1698 margin: 0px 15px 0 0;
1699 }
1700 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner .charitable-campaign-list-banner-icon img {
1701 height: 45px;
1702 }
1703 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner .charitable-campaign-list-banner-text p {
1704 font-size: 16px;
1705 margin-top: 0;
1706 margin-bottom: 0;
1707 }
1708 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner .charitable-campaign-list-banner-button {
1709 display: flex;
1710 flex-direction: row;
1711 justify-content: end;
1712 min-width: 20%;
1713 }
1714 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner .button-link {
1715 background-color: #5AA152;
1716 color: #ffffff;
1717 padding: 10px 30px;
1718 position: relative;
1719 text-decoration: none;
1720 border-radius: 5px;
1721 text-shadow: none;
1722 font-weight: 600;
1723 font-family: "Inter";
1724 font-size: 13px;
1725 line-height: normal;
1726 color: #2271b1;
1727 cursor: pointer;
1728 display: table;
1729 text-align: center;
1730 float: right;
1731 }
1732 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner .button-link:hover {
1733 background-color: #3f7539;
1734 }
1735 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner a.charitable-close {
1736 width: 18px;
1737 display: inline-block;
1738 height: 18px;
1739 margin-left: 20px;
1740 margin-right: 20px;
1741 }
1742 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner a.charitable-close img {
1743 width: 18px;
1744 height: 18px;
1745 }
1746 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner a.charitable-close:hover {
1747 opacity: 0.5;
1748 }
1749 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner a.button-link,
1750 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner a.button-link:active,
1751 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner a.button-link:visited {
1752 color: white;
1753 }
1754
1755 /* popup ads */
1756 body.wp-admin .jconfirm.jconfirm-white .jconfirm-bg,
1757 body.wp-admin .jconfirm.jconfirm-light .jconfirm-bg {
1758 opacity: 0.8;
1759 }
1760
1761 body.post-type-campaign .jconfirm .jconfirm-cell {
1762 display: table-cell;
1763 }
1764 body.post-type-campaign .jconfirm.jconfirm-type-lite-pro-ad {
1765 background-color: white;
1766 color: #2B2E39;
1767 font-family: "Inter", sans-serif;
1768 }
1769
1770 .charitable-lite-pro-popup {
1771 padding: 0 20px;
1772 display: flex;
1773 font-size: 16px;
1774 }
1775 .charitable-lite-pro-popup-left {
1776 flex: 1;
1777 }
1778 .charitable-lite-pro-popup-right {
1779 flex: 1;
1780 }
1781 .charitable-lite-pro-popup h1 {
1782 color: #3F414C;
1783 font-size: 24px;
1784 line-height: 33px;
1785 margin: 0 0 15px 0;
1786 font-weight: 700;
1787 }
1788 .charitable-lite-pro-popup h2 {
1789 font-weight: 400;
1790 font-size: 14px;
1791 line-height: 21px;
1792 color: #5A5C65;
1793 margin: 0 0 30px 0;
1794 }
1795 .charitable-lite-pro-popup ul {
1796 margin: 0 20px 25px 0;
1797 display: table;
1798 list-style-position: outside;
1799 font-size: 16px;
1800 }
1801 .charitable-lite-pro-popup li {
1802 background-image: url("../images/icons/green_check_circle.png");
1803 background-repeat: no-repeat;
1804 font-size: 14px;
1805 font-weight: 500;
1806 line-height: 21px;
1807 color: #3F414C;
1808 padding-left: 25px;
1809 margin: 0 0 15px 0;
1810 padding-left: 30px;
1811 /* .charitable-lite-pro-popup li::marker {
1812 margin-top: 2px;
1813 } */
1814 }
1815 .charitable-lite-pro-popup li p {
1816 margin: -2px 0 0 0;
1817 display: inline;
1818 padding: 0;
1819 }
1820 .charitable-lite-pro-popup .charitable-lite-pro-popup-button {
1821 padding: 16px 18px;
1822 background: #fc9a2a;
1823 margin: 10px auto 0 auto;
1824 color: #fff;
1825 text-align: center;
1826 font-size: 16px;
1827 line-height: 24px;
1828 display: block;
1829 text-decoration: none;
1830 font-weight: 600;
1831 border-radius: 5px;
1832 }
1833 .charitable-lite-pro-popup .charitable-lite-pro-popup-link {
1834 display: block;
1835 font-size: 14px;
1836 line-height: 18px;
1837 margin: 20px 0 0 0;
1838 font-weight: 400;
1839 color: #486DCB;
1840 }
1841 .charitable-lite-pro-popup .charitable-lite-pro-popup-link:hover {
1842 text-decoration: underline;
1843 }
1844 .charitable-lite-pro-popup a.charitable-lite-pro-popup-link {
1845 text-decoration: none;
1846 color: #3459C4 !important;
1847 }
1848 .charitable-lite-pro-popup .charitable-lite-pro-popup-right img {
1849 padding: 0 0 0 20px;
1850 margin-top: 30px;
1851 /* display: none; */
1852 }
1853
1854 body.post-type-campaign .jconfirm-box-container .charitable-lite-pro-popup,
1855 body.post-type-campaign .jconfirm-box-container .charitable-lite-pro-popup li,
1856 body.post-type-campaign .jconfirm-box-container .charitable-lite-pro-popup h2,
1857 body.post-type-campaign .jconfirm-box-container .charitable-lite-pro-popup h1,
1858 body.post-type-campaign .jconfirm-box-container .charitable-lite-pro-popup a.charitable-lite-pro-popup-link {
1859 color: #2B2E39;
1860 }
1861
1862 /* license overrides */
1863 .charitable-licensed-product .license-deactivation {
1864 margin: 2px 0;
1865 }
1866
1867 /* should go up with the others - to do */
1868 textarea.charitable-settings-field {
1869 width: 75%;
1870 font-size: 13px;
1871 line-height: 21px;
1872 }
1873
1874 .starburst {
1875 background: #347d39;
1876 width: 2.75em;
1877 height: 2.75em;
1878 text-align: center;
1879 color: #fff;
1880 font-weight: 800;
1881 display: flex;
1882 align-items: center;
1883 justify-content: center;
1884 position: absolute;
1885 top: 50%;
1886 margin-top: -1.25em;
1887 margin-left: -1.25em;
1888 }
1889 .starburst span {
1890 width: 100%;
1891 height: 100%;
1892 background: inherit;
1893 transform: rotate(-45deg);
1894 display: flex;
1895 align-items: center;
1896 justify-content: center;
1897 }
1898 .starburst span:before, .starburst span:after {
1899 content: "";
1900 position: absolute;
1901 top: 0;
1902 left: 0;
1903 width: 100%;
1904 height: 100%;
1905 background: inherit;
1906 z-index: -1;
1907 transform: rotate(30deg);
1908 }
1909 .starburst span:after {
1910 transform: rotate(30deg);
1911 }
1912 .starburst span:before {
1913 transform: rotate(-30deg);
1914 }
1915 .starburst:before, .starburst:after {
1916 content: "";
1917 position: absolute;
1918 top: 0;
1919 left: 0;
1920 width: 100%;
1921 height: 100%;
1922 background: inherit;
1923 z-index: -1;
1924 transform: rotate(30deg);
1925 }
1926 .starburst:after {
1927 transform: rotate(-30deg);
1928 }
1929
1930 #wpcharitable-starburst-new {
1931 left: 5px;
1932 top: 0;
1933 }
1934
1935 /* campaign edit/create page */
1936 #qt__charitable_campaign_description_toolbar input.ed_button {
1937 padding: 0 10px;
1938 }
1939
1940 th.default_amount-col,
1941 td.default_amount-col {
1942 vertical-align: middle;
1943 max-width: 50px;
1944 width: 50px;
1945 }
1946
1947 /* create campaign popup */
1948 #create-campaign-form label {
1949 font-size: 16px;
1950 line-height: 21px;
1951 margin-bottom: 5px;
1952 margin-top: 15px;
1953 display: block;
1954 }
1955 #create-campaign-form p {
1956 margin: 5px 0;
1957 }
1958 #create-campaign-form small {
1959 font-size: 12px;
1960 line-height: 16px;
1961 }
1962 #create-campaign-form input[type=text] {
1963 margin-bottom: 10px;
1964 width: 90%;
1965 }
1966 #create-campaign-form input[type=text]::placeholder {
1967 /* Chrome, Firefox, Opera, Safari 10.1+ */
1968 color: #ccc;
1969 opacity: 1; /* Firefox */
1970 }
1971 #create-campaign-form input[type=text]:-ms-input-placeholder {
1972 /* Internet Explorer 10-11 */
1973 color: #ccc;
1974 }
1975 #create-campaign-form input[type=text]::-ms-input-placeholder {
1976 /* Microsoft Edge */
1977 color: #ccc;
1978 }
1979
1980 /* admin menu - licrnse update 2022 */
1981 div#charitable-settings {
1982 /* attempt to get buttons more in line */
1983 }
1984 div#charitable-settings table.form-table tbody tr.section-heading th {
1985 /* padding: 30px 0 5px 0; */
1986 }
1987 div#charitable-settings table.form-table tbody tr.section-heading th h4 {
1988 font-size: 20px;
1989 font-weight: 700;
1990 margin: 0 0 6px 0;
1991 }
1992 div#charitable-settings table.form-table tbody tr.section-heading p {
1993 margin-bottom: 0;
1994 }
1995 div#charitable-settings table.form-table tbody tr.section-heading.dangerous-settings th h4 {
1996 color: red;
1997 }
1998 div#charitable-settings table.form-table tbody tr.section-heading.dangerous-settings th:first-child {
1999 width: inherit;
2000 }
2001 div#charitable-settings table.form-table tbody tr th {
2002 padding: 5px 0;
2003 }
2004 div#charitable-settings table.form-table tbody tr th h4 {
2005 font-size: 20px;
2006 font-weight: 700;
2007 margin: 10px 0 6px 0;
2008 line-height: 20px;
2009 }
2010 div#charitable-settings table.form-table tbody tr th[scope=row] h4 {
2011 font-weight: normal;
2012 font-size: inherit;
2013 }
2014 div#charitable-settings table.form-table tbody tr td p {
2015 margin: 0 0 10px 0;
2016 }
2017 div#charitable-settings table.form-table tbody tr:first-child th:first-child {
2018 width: auto;
2019 }
2020 div#charitable-settings table.form-table tbody tr:first-child th[scope=row] h4 {
2021 font-size: 20px;
2022 font-weight: 700;
2023 margin: 10px 0 6px 0;
2024 line-height: 20px;
2025 }
2026 div#charitable-settings table.form-table tbody tr.section-subheading th h4 {
2027 font-size: 20px;
2028 font-weight: 700;
2029 margin: 10px 0 6px 0;
2030 line-height: 20px;
2031 }
2032 div#charitable-settings table.form-table tr input[type=text],
2033 div#charitable-settings table.form-table tr input[type=email],
2034 div#charitable-settings table.form-table tr input[type=password],
2035 div#charitable-settings table.form-table tr select {
2036 background-color: #f9f9fa;
2037 color: #52545f;
2038 border-color: #e4e4e7;
2039 border-radius: 3px;
2040 box-shadow: none;
2041 display: inline-block;
2042 vertical-align: middle;
2043 padding: 7px 24px 7px 12px;
2044 margin: 0 10px 0 0;
2045 min-height: 35px;
2046 font-size: 13px;
2047 line-height: 29px;
2048 font-weight: 500;
2049 }
2050 div#charitable-settings table.form-table tr.general-settings input[type=text],
2051 div#charitable-settings table.form-table tr.general-settings input[type=password],
2052 div#charitable-settings table.form-table tr.general-settings select {
2053 min-width: 400px;
2054 }
2055 div#charitable-settings table.form-table tr.restrict-radio ul.charitable-radio-list.charitable-settings-field {
2056 width: 50%;
2057 }
2058 div#charitable-settings table.form-table tr.restrict-radio ul.charitable-radio-list li {
2059 display: block;
2060 font-size: 14px;
2061 }
2062 div#charitable-settings .green {
2063 color: green;
2064 }
2065 div#charitable-settings input#charitable-settings-upgrade-license-key:read-only {
2066 opacity: 0.4;
2067 }
2068 div#charitable-settings .license-message.license-valid- button.charitable-btn-deactivate, div#charitable-settings .license-message.license-valid-false button.charitable-btn-deactivate {
2069 display: none;
2070 }
2071 div#charitable-settings .charitable-btn {
2072 border: 1px;
2073 border-top-color: currentcolor;
2074 border-top-style: none;
2075 border-right-color: currentcolor;
2076 border-right-style: none;
2077 border-bottom-color: currentcolor;
2078 border-bottom-style: none;
2079 border-left-color: currentcolor;
2080 border-left-style: none;
2081 border-style: solid;
2082 border-radius: 3px;
2083 cursor: pointer;
2084 display: inline-block;
2085 margin: 0;
2086 margin-right: 0;
2087 text-decoration: none;
2088 text-align: center;
2089 vertical-align: middle;
2090 white-space: nowrap;
2091 box-shadow: none;
2092 border-radius: 7px;
2093 }
2094 div#charitable-settings .charitable-btn-md {
2095 font-size: 13px;
2096 font-weight: 600;
2097 padding: 8px 12px;
2098 min-height: 39px;
2099 }
2100 div#charitable-settings .charitable-btn-orange {
2101 background-color: #fc9a2a;
2102 border-color: #fc9a2a;
2103 color: #fff;
2104 }
2105 div#charitable-settings .charitable-btn-orange:hover:not(:disabled) {
2106 background-color: #c96528;
2107 border-color: #c96528;
2108 color: #fff;
2109 }
2110 div#charitable-settings .charitable-btn-green {
2111 background-color: #5aa152;
2112 border-color: #5aa152;
2113 color: #fff;
2114 }
2115 div#charitable-settings .charitable-btn-green:hover:not(:disabled) {
2116 background-color: #4c8a45;
2117 border-color: #4c8a45;
2118 color: #fff;
2119 }
2120 div#charitable-settings p.submit .button.button-secondary {
2121 border-radius: 5px;
2122 font-family: "Inter", sans-serif;
2123 font-weight: 600;
2124 font-size: 14px;
2125 line-height: 14px;
2126 padding: 15px 20px;
2127 text-transform: capitalize;
2128 height: auto;
2129 }
2130 div#charitable-settings .charitable-setting-row button {
2131 margin-right: 10px;
2132 }
2133
2134 body.charitable-admin-settings div.jconfirm *,
2135 body.charitable-admin-settings div.jconfirm *::before,
2136 body.charitable-admin-settings div.jconfirm *::after {
2137 -webkit-box-sizing: border-box;
2138 -moz-box-sizing: border-box;
2139 box-sizing: border-box;
2140 }
2141
2142 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box {
2143 display: grid;
2144 grid-template-columns: repeat(2, 1fr);
2145 justify-items: center;
2146 animation: none;
2147 background: #ffffff;
2148 border-radius: 6px;
2149 border-top-style: solid;
2150 border-top-width: 4px;
2151 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
2152 padding-top: 34px;
2153 max-width: 400px;
2154 }
2155 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c,
2156 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane,
2157 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons {
2158 grid-column: 1/-1;
2159 text-align: center;
2160 }
2161 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default {
2162 border-top-width: 0;
2163 padding-top: 25px;
2164 }
2165 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c {
2166 margin-bottom: 20px;
2167 }
2168 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c .jconfirm-icon-c {
2169 font-size: 44px;
2170 margin-bottom: -6px;
2171 }
2172 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm {
2173 background-color: #e27730;
2174 border-color: #e27730;
2175 }
2176 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm:hover {
2177 background-color: #cd6622;
2178 border-color: #cd6622;
2179 }
2180 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red {
2181 border-top-color: #d63638 !important;
2182 }
2183 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
2184 color: #d63638 !important;
2185 }
2186 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm {
2187 background-color: #d63638;
2188 border-color: #d63638;
2189 }
2190 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm:hover {
2191 background-color: #b32d2e;
2192 border-color: #b32d2e;
2193 }
2194 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange {
2195 border-top-color: #e27730 !important;
2196 }
2197 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
2198 color: #e27730 !important;
2199 }
2200 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm {
2201 background-color: #e27730;
2202 border-color: #e27730;
2203 }
2204 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm:hover {
2205 background-color: #cd6622;
2206 border-color: #cd6622;
2207 }
2208 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow {
2209 border-top-color: #ffb900 !important;
2210 }
2211 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow .jconfirm-title-c .jconfirm-icon-c {
2212 color: #ffb900 !important;
2213 }
2214 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm {
2215 background-color: #ffb900;
2216 border-color: #ffb900;
2217 }
2218 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm:hover {
2219 background-color: #ffaa00;
2220 border-color: #ffaa00;
2221 }
2222 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue {
2223 border-top-color: #0399ed !important;
2224 }
2225 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
2226 color: #0399ed !important;
2227 }
2228 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm {
2229 background-color: #0399ed;
2230 border-color: #0399ed;
2231 }
2232 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm:hover {
2233 background-color: #036aab;
2234 border-color: #036aab;
2235 }
2236 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green {
2237 border-top-color: #00a32a !important;
2238 }
2239 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
2240 color: #00a32a !important;
2241 }
2242 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm {
2243 background-color: #00a32a;
2244 border-color: #00a32a;
2245 }
2246 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm:hover {
2247 background-color: #008a20;
2248 border-color: #008a20;
2249 }
2250 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple {
2251 border-top-color: #7a30e2 !important;
2252 }
2253 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
2254 color: #7a30e2 !important;
2255 }
2256 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm {
2257 background-color: #7a30e2;
2258 border-color: #7a30e2;
2259 }
2260 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm:hover {
2261 background-color: #5c24a9;
2262 border-color: #5c24a9;
2263 }
2264 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon {
2265 color: transparent;
2266 font-family: FontAwesome;
2267 height: 14px;
2268 opacity: 1;
2269 right: 10px;
2270 top: 10px;
2271 width: 14px;
2272 }
2273 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:after {
2274 color: #bbbbbb;
2275 content: "\f00d";
2276 font-size: 16px;
2277 left: 0;
2278 position: absolute;
2279 top: 0;
2280 }
2281 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:hover:after {
2282 color: #777777 !important;
2283 }
2284 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c {
2285 margin: 0 0 20px 0;
2286 padding: 0;
2287 font-weight: 600;
2288 }
2289 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
2290 font-size: 47px;
2291 margin: 0;
2292 -ms-transform: none !important;
2293 transform: none !important;
2294 -webkit-transition: none !important;
2295 transition: none !important;
2296 }
2297 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c + .jconfirm-title {
2298 margin-top: 20px;
2299 }
2300 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-title {
2301 color: #444444;
2302 display: block;
2303 line-height: 30px;
2304 }
2305 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane {
2306 display: block;
2307 margin-bottom: 20px;
2308 }
2309 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content {
2310 color: #444444;
2311 font-size: 16px;
2312 line-height: 24px;
2313 margin-bottom: 0;
2314 overflow: inherit;
2315 }
2316 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content.lite-upgrade p {
2317 color: #777777;
2318 font-size: 18px;
2319 padding: 0 20px;
2320 }
2321 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p {
2322 font-size: inherit;
2323 line-height: inherit;
2324 margin: 0 0 16px;
2325 }
2326 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p:last-of-type {
2327 margin: 0;
2328 }
2329 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.large {
2330 font-size: 18px;
2331 }
2332 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.small {
2333 font-size: 14px;
2334 }
2335 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=text],
2336 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=number],
2337 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=email],
2338 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=url],
2339 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=password],
2340 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=search],
2341 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=tel],
2342 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content textarea,
2343 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content select {
2344 margin: 10px 2px;
2345 width: calc(100% - 4px);
2346 }
2347 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .already-purchased {
2348 display: block;
2349 grid-row: 5;
2350 grid-column: 1/-1;
2351 color: #bbbbbb;
2352 font-size: 14px;
2353 margin-top: 15px;
2354 text-decoration: underline;
2355 text-align: center;
2356 }
2357 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .already-purchased:hover {
2358 color: #777777;
2359 text-decoration: underline;
2360 }
2361 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .discount-note {
2362 grid-row: 4;
2363 grid-column: 1/-1;
2364 margin: 25px 0 0 0;
2365 text-align: center;
2366 }
2367 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .discount-note p {
2368 background-color: #fcf9e8;
2369 color: #777777;
2370 font-size: 16px;
2371 margin: 0 -30px;
2372 padding: 22px 52px 12px 52px;
2373 position: relative;
2374 }
2375 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .discount-note p:after {
2376 top: -16px;
2377 background-color: #ffffff;
2378 border-radius: 50%;
2379 color: #00a32a;
2380 content: "\f058";
2381 display: inline-block;
2382 font: normal normal normal 14px FontAwesome;
2383 font-size: 26px;
2384 margin-right: -18px;
2385 padding: 5px 6px;
2386 position: absolute;
2387 right: 50%;
2388 text-rendering: auto;
2389 -webkit-font-smoothing: antialiased;
2390 -moz-osx-font-smoothing: grayscale;
2391 }
2392 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .discount-note span {
2393 color: #00a32a;
2394 font-weight: 700;
2395 }
2396 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .discount-note a {
2397 color: #777777;
2398 display: block;
2399 margin-top: 12px;
2400 }
2401 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .feature-video {
2402 margin: 30px 0 0 0;
2403 }
2404 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .pro-feature-video {
2405 margin: 15px 0 10px 0;
2406 }
2407 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box input[type=text]:not(.choices__input) {
2408 display: block;
2409 width: 99%;
2410 border: 1px solid #d6d6d6;
2411 padding: 10px !important;
2412 box-shadow: none;
2413 margin: 10px 1px 1px 1px !important;
2414 line-height: 1 !important;
2415 outline: 0;
2416 }
2417 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box input[type=text]:not(.choices__input):focus {
2418 border-color: #007cba;
2419 box-shadow: 0 0 0 1px #007cba;
2420 }
2421 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons {
2422 margin-top: -10px;
2423 }
2424 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button {
2425 min-width: 83px;
2426 background: #f8f8f8;
2427 border: 1px solid #cccccc;
2428 border-radius: 4px;
2429 color: #777777;
2430 font-size: 16px;
2431 font-weight: 600;
2432 line-height: 20px;
2433 outline: none;
2434 padding: 11px 17px;
2435 text-transform: none;
2436 margin: 10px;
2437 transition-property: all;
2438 transition-duration: 0.15s;
2439 transition-timing-function: ease-out;
2440 }
2441 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button:hover {
2442 background: #eeeeee;
2443 border-color: #cccccc;
2444 }
2445 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button[disabled] {
2446 cursor: no-drop;
2447 pointer-events: none;
2448 opacity: 0.25;
2449 }
2450 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-confirm {
2451 color: #ffffff;
2452 }
2453 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.hidden + button {
2454 margin-left: 0;
2455 margin-right: 0;
2456 }
2457 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-block {
2458 display: block;
2459 margin: 0 0 10px 0 !important;
2460 text-align: center;
2461 width: 100%;
2462 }
2463 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-normal-case {
2464 text-transform: none !important;
2465 }
2466 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button i {
2467 margin: 0 10px 0 0;
2468 }
2469 body.charitable-admin-settings div.jconfirm .jconfirm-box-container .jconfirm-box .error {
2470 color: #d63638;
2471 display: none;
2472 }
2473
2474 /* cta settings */
2475 .charitable-report-table-container-wrapper {
2476 position: relative;
2477 }
2478
2479 .charitable-cta-lite-to-pro {
2480 max-width: 1000px;
2481 border: 1px solid #dadada;
2482 padding: 0 !important;
2483 background-color: #fff;
2484 background-image: url("../../images/lite-to-pro/cta.png");
2485 background-size: 100%;
2486 background-repeat: no-repeat;
2487 background-position: 500px 0;
2488 }
2489 .charitable-cta-lite-to-pro .charitable-cta-content {
2490 margin-top: 40px !important;
2491 display: flex;
2492 flex-wrap: wrap;
2493 flex-direction: row;
2494 width: 100%;
2495 justify-content: space-between;
2496 align-items: center;
2497 gap: 50px;
2498 }
2499 .charitable-cta-lite-to-pro .charitable-cta-content h5 {
2500 font-size: 20px;
2501 line-height: 24px;
2502 font-weight: 700;
2503 margin: 0px 0 10px 0;
2504 }
2505 .charitable-cta-lite-to-pro .charitable-cta-content > div {
2506 flex: 1.5;
2507 }
2508 .charitable-cta-lite-to-pro .charitable-cta-content > div:first-child {
2509 flex: 1.5;
2510 }
2511 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-content-left {
2512 padding: 0px 25px 0px 25px;
2513 }
2514 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-content-left .charitable-cta-list {
2515 margin: 20px 0 0 0 !important;
2516 }
2517 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-content-left .charitable-cta-list ul {
2518 display: flex;
2519 margin-bottom: 20px !important;
2520 float: none !important;
2521 flex-direction: row;
2522 justify-content: space-between;
2523 align-items: center;
2524 flex-wrap: wrap;
2525 width: 100% !important;
2526 padding: 10px 0;
2527 gap: 10px;
2528 }
2529 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-content-left .charitable-cta-list ul li {
2530 margin: 0 0 10px 0 !important;
2531 padding: 0 0 0 30px !important;
2532 color: #555;
2533 font-size: 13px;
2534 line-height: 14px;
2535 position: relative;
2536 width: calc(50% - 40px);
2537 }
2538 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-content-left .charitable-cta-list ul li:before {
2539 content: "✓" !important;
2540 position: absolute;
2541 width: 16px;
2542 height: 16px;
2543 background: transparent;
2544 border: 2px solid #218900;
2545 border-radius: 50%;
2546 display: inline-flex;
2547 align-items: center;
2548 justify-content: center;
2549 color: #218900;
2550 font-size: 10px;
2551 left: 0;
2552 top: 2px;
2553 }
2554 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-content-left a.button-primary {
2555 background-color: #218900;
2556 color: #fff;
2557 border: none;
2558 font-weight: 600;
2559 padding: 15px 20px !important;
2560 border-radius: 5px !important;
2561 line-height: normal !important;
2562 min-height: 50px !important;
2563 height: 50px !important;
2564 }
2565 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-content-left a.button-primary:hover {
2566 background-color: #1a6d00;
2567 }
2568 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-featured-image {
2569 display: flex;
2570 }
2571 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-featured-image img {
2572 width: 100%;
2573 height: 120%;
2574 object-fit: cover;
2575 max-width: 100%;
2576 border: 1px solid #dadada;
2577 }
2578 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-button-container {
2579 display: flex;
2580 justify-content: start;
2581 align-items: center;
2582 flex-direction: row;
2583 gap: 20px;
2584 }
2585 .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-button-container p {
2586 color: #555;
2587 }
2588 .charitable-cta-lite-to-pro.no-close-button .charitable-cta-content {
2589 margin-top: 30px !important;
2590 margin-bottom: 20px !important;
2591 }
2592
2593 body.charitable_page_charitable-reports .charitable-cta-lite-to-pro {
2594 max-width: 100%;
2595 margin-left: auto;
2596 margin-right: auto;
2597 overflow: hidden;
2598 background-image: none !important;
2599 }
2600 body.charitable_page_charitable-reports .charitable-cta-lite-to-pro .charitable-cta-content {
2601 padding-bottom: 20px !important;
2602 }
2603 body.charitable_page_charitable-reports .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-content-left ul li:before {
2604 top: -1px !important;
2605 }
2606 body.charitable_page_charitable-reports .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-featured-image {
2607 display: none !important;
2608 }
2609
2610 body.charitable_page_charitable-addons .charitable-cta-lite-to-pro,
2611 body.charitable_page_charitable-dashboard .charitable-cta-lite-to-pro {
2612 max-width: 1000px;
2613 overflow: hidden;
2614 }
2615 body.charitable_page_charitable-addons .charitable-cta-lite-to-pro .charitable-cta-content,
2616 body.charitable_page_charitable-dashboard .charitable-cta-lite-to-pro .charitable-cta-content {
2617 justify-content: flex-start;
2618 }
2619 body.charitable_page_charitable-addons .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-content-left,
2620 body.charitable_page_charitable-dashboard .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-content-left {
2621 margin-bottom: -10px !important;
2622 }
2623 body.charitable_page_charitable-addons .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-featured-image,
2624 body.charitable_page_charitable-dashboard .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-featured-image {
2625 max-height: 400px;
2626 }
2627 body.charitable_page_charitable-addons .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-featured-image img,
2628 body.charitable_page_charitable-dashboard .charitable-cta-lite-to-pro .charitable-cta-content .charitable-cta-featured-image img {
2629 max-height: 100%;
2630 }
2631
2632 @media (max-width: 1100px) {
2633 .charitable-cta-lite-to-pro {
2634 background-image: none;
2635 }
2636 .charitable-cta-lite-to-pro .charitable-cta-content {
2637 flex-direction: column;
2638 }
2639 }
2640 #charitable-reports .reports-lite-cta {
2641 position: absolute !important;
2642 z-index: 9999999;
2643 top: 50%;
2644 left: 0;
2645 right: 0;
2646 transform: translateY(-50%);
2647 margin: 25px 25px 125px 25px !important;
2648 }
2649
2650 #charitable-reports .dashboard-lite-cta {
2651 position: relative !important;
2652 margin: 0 !important;
2653 transform: none !important;
2654 }
2655
2656 #charitable-reports .reports-lite-cta .list {
2657 margin: 0 0 16px 0;
2658 overflow: auto;
2659 max-width: 900px;
2660 }
2661 #charitable-reports .reports-lite-cta .green {
2662 color: #218900;
2663 font-weight: 600;
2664 }
2665 #charitable-reports .reports-lite-cta .fa-star {
2666 color: #ff982d;
2667 }
2668
2669 #charitable-settings .settings-lite-cta ul li {
2670 margin: 0;
2671 padding: 0 0 2px 16px;
2672 color: #555;
2673 font-size: 14px;
2674 position: relative;
2675 }
2676 #charitable-settings .settings-lite-cta ul li:before {
2677 content: "+";
2678 position: absolute;
2679 top: -1px;
2680 left: 0;
2681 }
2682 #charitable-settings .settings-lite-cta .list {
2683 margin: 0 0 16px 0;
2684 overflow: auto;
2685 max-width: 900px;
2686 }
2687 #charitable-settings .settings-lite-cta .green {
2688 color: #218900;
2689 font-weight: 600;
2690 }
2691 #charitable-settings .settings-lite-cta .fa-star {
2692 color: #ff982d;
2693 }
2694 #charitable-settings .tablenav .tablenav-pages a,
2695 #charitable-settings .tablenav .tablenav-pages .tablenav-pages-navspan {
2696 min-width: 28px;
2697 height: auto;
2698 }
2699
2700 .charitable-admin-wrap #charitable-settings .notice {
2701 margin-left: 0 !important;
2702 margin-right: 0 !important;
2703 }
2704
2705 /* settings */
2706 select#charitable_settings_import_donations {
2707 margin-bottom: 10px;
2708 width: 100%;
2709 }
2710
2711 .form-table td p.top-label {
2712 margin-bottom: 10px;
2713 }
2714
2715 th .badge,
2716 body.post-type-charitable .postbox h2 .badge {
2717 display: inline-block;
2718 padding: 0.25em 0.4em;
2719 font-size: 75%;
2720 font-weight: 700;
2721 line-height: 11px;
2722 text-align: center;
2723 white-space: nowrap;
2724 vertical-align: baseline;
2725 border-radius: 0.25rem;
2726 }
2727 th .badge.beta,
2728 body.post-type-charitable .postbox h2 .badge.beta {
2729 color: #fff;
2730 background-color: #007bff;
2731 }
2732
2733 /* admin tools */
2734 .charitable-setting-dropdown-container,
2735 .charitable-setting-file-container {
2736 margin-bottom: 10px;
2737 margin-top: 5px;
2738 }
2739
2740 form.form-contains-file.charitable-import-campaign-donations-form {
2741 margin-top: 5px;
2742 }
2743
2744 form.form-contains-file {
2745 margin-top: 15px;
2746 }
2747 form.form-contains-file input[type=file].charitable-settings-field {
2748 font-size: 14px;
2749 }
2750
2751 .charitable-setting-file-container {
2752 display: flex;
2753 align-items: center;
2754 justify-content: flex-start;
2755 max-width: 650px;
2756 margin-top: -5px;
2757 }
2758 .charitable-setting-file-container input[type=file] {
2759 padding: 4px;
2760 margin: -4px;
2761 position: relative;
2762 outline: none;
2763 }
2764 .charitable-setting-file-container input[type=file]::file-selector-button {
2765 border-radius: 4px;
2766 padding: 0 16px;
2767 height: 40px;
2768 cursor: pointer;
2769 background-color: white;
2770 border: 1px solid rgba(0, 0, 0, 0.16);
2771 box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
2772 margin-right: 16px;
2773 width: 132px;
2774 color: transparent;
2775 }
2776 @supports (-moz-appearance: none) {
2777 .charitable-setting-file-container input[type=file]::file-selector-button {
2778 color: #0964B0;
2779 }
2780 }
2781 .charitable-setting-file-container input[type=file]::file-selector-button:hover {
2782 background-color: #f3f4f6;
2783 }
2784 .charitable-setting-file-container input[type=file]::file-selector-button:active {
2785 background-color: #e5e7eb;
2786 }
2787 .charitable-setting-file-container input[type=file]::before {
2788 position: absolute;
2789 pointer-events: none;
2790 top: 11px;
2791 left: 16px;
2792 height: 20px;
2793 width: 20px;
2794 content: "";
2795 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230964B0'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E");
2796 }
2797 .charitable-setting-file-container input[type=file]::after {
2798 position: absolute;
2799 pointer-events: none;
2800 top: 10px;
2801 left: 43px;
2802 color: #0964B0;
2803 content: "Upload File";
2804 }
2805 .charitable-setting-file-container input[type=file]:focus-within::file-selector-button,
2806 .charitable-setting-file-container input[type=file]:focus::file-selector-button {
2807 outline: 2px solid #0964B0;
2808 outline-offset: 2px;
2809 }
2810
2811 /* donation history */
2812 table.charitable-donor-history-table td p {
2813 margin: 0;
2814 }
2815
2816 body.charitable-admin-reports-dashboard #charitable-reports .reports-lite-cta,
2817 body.charitable-admin-settings #charitable-settings .settings-lite-cta {
2818 position: relative !important;
2819 top: 0;
2820 transform: none !important;
2821 margin-left: 0 !important;
2822 }
2823
2824 #charitable-reports .reports-lite-cta .dismiss,
2825 #charitable-settings .settings-lite-cta .dismiss {
2826 position: absolute;
2827 top: 10px;
2828 right: 10px;
2829 color: #666;
2830 font-size: 16px;
2831 text-decoration: none;
2832 }
2833
2834 #charitable-reports .reports-lite-cta h5,
2835 #charitable-settings .settings-lite-cta h5 {
2836 margin: 0 0 16px;
2837 font-size: 18px;
2838 font-weight: 600;
2839 line-height: 24px;
2840 }
2841
2842 #charitable-reports .reports-lite-cta h6,
2843 #charitable-settings .settings-lite-cta h6 {
2844 font-weight: 700;
2845 font-size: 14px;
2846 margin: 0 0 16px;
2847 }
2848
2849 #charitable-reports .reports-lite-cta p,
2850 #charitable-settings .settings-lite-cta p {
2851 color: #555;
2852 font-size: 14px;
2853 margin: 0 0 16px;
2854 }
2855
2856 #charitable-reports .reports-lite-cta p:last-of-type,
2857 #charitable-settings .settings-lite-cta p:last-of-type {
2858 margin: 0;
2859 }
2860
2861 #charitable-reports .reports-lite-cta p a,
2862 #charitable-settings .settings-lite-cta p a {
2863 color: #e27730;
2864 }
2865
2866 #charitable-reports .reports-lite-cta p a:hover,
2867 #charitable-settings .settings-lite-cta p a:hover {
2868 color: #b85a1b;
2869 }
2870
2871 #charitable-reports .reports-lite-cta ul,
2872 #charitable-settings .settings-lite-cta ul {
2873 margin: 0;
2874 padding: 0;
2875 width: 50%;
2876 float: left;
2877 }
2878
2879 /* PayPal Commerce settings page — scoped via body class added by */
2880 /* charitable_paypal_commerce_admin_body_class() in charitable-paypal-commerce-hooks.php. */
2881 body.charitable-paypal-commerce-settings div#charitable-settings table.form-table tbody tr.section-heading th[scope=row] h4 {
2882 margin: 10px 0 10px 0;
2883 padding: 0 !important;
2884 /* When a description <p> follows the heading, collapse the h4 */
2885 /* bottom margin so the <p> spacing takes over. */
2886 }
2887 body.charitable-paypal-commerce-settings div#charitable-settings table.form-table tbody tr.section-heading th[scope=row] h4:has(+ p) {
2888 margin-bottom: 0;
2889 }
2890 body.charitable-paypal-commerce-settings div#charitable-settings table.form-table tbody tr.section-heading th[scope=row] p {
2891 font-weight: 400;
2892 margin: 4px 0 16px 0;
2893 padding: 0 !important;
2894 }
2895