PluginProbe
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) / 1.8.11.1
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) v1.8.11.1
1.8.13.1 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 All 212 releases
charitable / assets / css / admin / charitable-admin-report-download.css

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

674 lines 14.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 body {
2 font-family: "Inter", sans-serif !important;
3 }
4
5 .charitable-overview-report {
6 width: 100%;
7 }
8
9 .tablenav {
10 font-family: "Inter", sans-serif !important;
11 width: 100%;
12 }
13 .tablenav form {
14 display: block;
15 margin: 0;
16 padding: 0;
17 float: left;
18 }
19 .tablenav select {
20 font-size: 13px;
21 line-height: 29px;
22 font-weight: 500;
23 max-width: none;
24 padding-right: 30px;
25 background-color: #F9F9FA;
26 color: #52545F;
27 border-color: #E4E4E7;
28 }
29 .tablenav a.button,
30 .tablenav input.button {
31 background-color: #F9F9FA;
32 color: #52545F;
33 border-color: #E4E4E7;
34 }
35 .tablenav.with-margin {
36 margin-bottom: 20px;
37 }
38
39 table.wp-list-table {
40 width: 100%;
41 margin: 0 auto;
42 border: 0;
43 }
44 table.wp-list-table th {
45 text-align: left;
46 }
47
48 .charitable-section {
49 margin-top: 20px;
50 margin-bottom: 20px;
51 display: table;
52 }
53 .charitable-section .alignleft,
54 .charitable-section .alignright {
55 margin-bottom: 15px;
56 margin-top: 15px;
57 }
58 .charitable-section.no-bottom {
59 margin-bottom: 0;
60 }
61 .charitable-section.no-bottom .alignleft,
62 .charitable-section.no-bottom .alignright {
63 margin-bottom: 0;
64 }
65
66 .charitable-container {
67 border-radius: 5px;
68 color: #757781;
69 background-color: #FFF;
70 }
71
72 .charitable-datepicker-container {
73 display: inline-block;
74 margin-left: 5px;
75 }
76
77 .charitable-headline-graph-container {
78 padding: 20px 30px;
79 }
80
81 .charitable-section-grid {
82 display: grid;
83 grid-template-columns: repeat(2, 1fr);
84 grid-gap: 20px;
85 margin-top: 20px;
86 }
87 .charitable-section-grid.one-third {
88 display: flex;
89 flex-direction: row;
90 }
91 .charitable-section-grid.charitable-section-grid-column-flexible {
92 align-items: flex-start;
93 }
94 .charitable-section-grid.charitable-section-grid-column-single {
95 columns: 1;
96 column-gap: none;
97 display: block;
98 }
99
100 .charitable-cards {
101 display: grid;
102 grid-template-columns: repeat(4, 1fr);
103 margin-top: 20px;
104 margin-bottom: 20px;
105 grid-gap: 20px;
106 }
107 .charitable-cards .charitable-card {
108 padding-top: 60px;
109 padding-bottom: 60px;
110 font-weight: 500px;
111 font-size: 16px;
112 line-height: 16px;
113 text-align: center;
114 }
115 .charitable-cards .charitable-card p {
116 margin-top: 5px;
117 margin-bottom: 0;
118 }
119 .charitable-cards .charitable-card strong {
120 color: #474A57;
121 font-weight: bold;
122 font-size: 42px;
123 line-height: 44px;
124 }
125
126 .donations-breakdown tr th {
127 color: #6A6C77;
128 }
129 .donations-breakdown td {
130 padding-top: 20px;
131 padding-bottom: 20px;
132 color: #8C8E96;
133 }
134 .donations-breakdown td.negative {
135 color: #F99E36;
136 }
137 .donations-breakdown td.positive {
138 color: #5AA152;
139 }
140 .donations-breakdown tr th:first-child,
141 .donations-breakdown td:first-child {
142 padding-left: 30px;
143 }
144 .donations-breakdown td.column-date {
145 font-weight: bold;
146 font-family: "Inter", sans-serif !important;
147 }
148
149 .charitable-report-card .header {
150 margin: 20px 0 0 0;
151 padding-bottom: 20px;
152 padding-left: 30px;
153 padding-right: 30px;
154 border-bottom: 1px solid #EFEFF1;
155 }
156 .charitable-report-card .header h4 {
157 color: #303442;
158 font-weight: bold;
159 font-size: 17px;
160 line-height: 22px;
161 display: inline-block;
162 margin: 0;
163 padding: 0;
164 }
165 .charitable-report-card .header a {
166 display: block;
167 float: right;
168 font-size: 23px;
169 line-height: 23px;
170 }
171 .charitable-report-card .the-list {
172 padding-left: 20px;
173 padding-right: 20px;
174 margin-left: 10px;
175 margin-right: 10px;
176 max-height: 550px;
177 overflow: scroll;
178 }
179 .charitable-report-card .the-list ul li {
180 color: #474A57;
181 display: flex;
182 border-bottom: 1px solid #EFEFF1;
183 padding-bottom: 15px;
184 padding-top: 15px;
185 }
186 .charitable-report-card .the-list ul li .avatar,
187 .charitable-report-card .the-list ul li .icon {
188 width: 25px;
189 text-align: center;
190 }
191 .charitable-report-card .the-list ul li .avatar img,
192 .charitable-report-card .the-list ul li .icon img {
193 margin: 5px auto;
194 }
195 .charitable-report-card .the-list ul li .avatar {
196 width: 55px;
197 }
198 .charitable-report-card .the-list ul li .avatar img {
199 width: 55px;
200 }
201 .charitable-report-card .the-list ul li .info {
202 flex-grow: 1;
203 margin-left: 15px;
204 margin-right: 15px;
205 font-size: 14px;
206 line-height: 23px;
207 }
208 .charitable-report-card .the-list ul li .info p {
209 font-size: 14px;
210 line-height: 23px;
211 margin: 0;
212 font-weight: 700;
213 }
214 .charitable-report-card .the-list ul li .info p.name {
215 margin: 10px 0 0 0;
216 line-height: 14px;
217 }
218 .charitable-report-card .the-list ul li .info p.amount {
219 margin: 10px 0 0 0;
220 font-weight: 500;
221 color: #8C8E96;
222 }
223 .charitable-report-card .the-list ul li .info p.email {
224 margin: 10px 0 0 0;
225 font-weight: 500;
226 color: #8C8E96;
227 line-height: 14px;
228 }
229 .charitable-report-card .the-list ul li .info .badge {
230 font-weight: 200;
231 display: inline-block;
232 margin-left: 10px;
233 }
234 .charitable-report-card .the-list ul li .time-ago {
235 color: #8C8E96;
236 }
237 .charitable-report-card .the-list ul li .donor-donation-info {
238 font-size: 14px;
239 line-height: 14px;
240 }
241 .charitable-report-card .the-list ul li .donor-donation-info p {
242 margin: 0;
243 }
244 .charitable-report-card .the-list ul li .donor-donation-info p:first-of-type {
245 margin-top: 10px;
246 margin-bottom: 5px;
247 }
248 .charitable-report-card .the-list ul li .donor-donation-info .badge {
249 font-weight: 200;
250 display: block;
251 }
252 .charitable-report-card .the-list ul li:last-child {
253 border-bottom: 0;
254 }
255
256 .charitable-activity-report .charitable-tablenav-activity {
257 width: 100%;
258 }
259 .charitable-activity-report .charitable-tablenav-activity h2 {
260 line-height: 30px;
261 font-size: 18px;
262 }
263 .charitable-activity-report .charitable-activity-list-container {
264 background-color: #FFF;
265 }
266
267 .charitable-the-list-container {
268 padding: 20px;
269 margin-left: 10px;
270 margin-right: 10px;
271 max-height: 550px;
272 overflow: scroll;
273 }
274 .charitable-the-list-container ul {
275 margin-top: 0;
276 margin-bottom: 0;
277 }
278 .charitable-the-list-container ul li {
279 color: #474A57;
280 display: flex;
281 border-bottom: 1px solid #EFEFF1;
282 padding-bottom: 15px;
283 padding-top: 15px;
284 }
285 .charitable-the-list-container ul li .avatar,
286 .charitable-the-list-container ul li .icon {
287 width: 25px;
288 text-align: center;
289 }
290 .charitable-the-list-container ul li .avatar img,
291 .charitable-the-list-container ul li .icon img {
292 margin: 5px auto;
293 }
294 .charitable-the-list-container ul li .avatar {
295 width: 55px;
296 }
297 .charitable-the-list-container ul li .avatar img {
298 width: 55px;
299 }
300 .charitable-the-list-container ul li .info {
301 flex-grow: 1;
302 margin-left: 15px;
303 margin-right: 15px;
304 font-size: 14px;
305 line-height: 23px;
306 }
307 .charitable-the-list-container ul li .info p {
308 font-size: 14px;
309 line-height: 23px;
310 margin: 0;
311 font-weight: 700;
312 }
313 .charitable-the-list-container ul li .info p.name {
314 margin: 10px 0 0 0;
315 line-height: 14px;
316 }
317 .charitable-the-list-container ul li .info p.amount {
318 margin: 10px 0 0 0;
319 font-weight: 500;
320 color: #8C8E96;
321 }
322 .charitable-the-list-container ul li .info p.email {
323 margin: 10px 0 0 0;
324 font-weight: 500;
325 color: #8C8E96;
326 line-height: 14px;
327 }
328 .charitable-the-list-container ul li .info .badge {
329 font-weight: 200;
330 display: inline-block;
331 margin-left: 10px;
332 }
333 .charitable-the-list-container ul li .time-ago {
334 color: #8C8E96;
335 }
336 .charitable-the-list-container ul li .donor-donation-info {
337 font-size: 14px;
338 line-height: 14px;
339 }
340 .charitable-the-list-container ul li .donor-donation-info p {
341 margin: 0;
342 }
343 .charitable-the-list-container ul li .donor-donation-info p:first-of-type {
344 margin-top: 10px;
345 margin-bottom: 5px;
346 }
347 .charitable-the-list-container ul li .donor-donation-info .badge {
348 font-weight: 200;
349 display: block;
350 }
351 .charitable-the-list-container ul li:last-child {
352 border-bottom: 0;
353 }
354
355 .charitable-top-campaigns-report {
356 width: 100%;
357 }
358 .charitable-top-campaigns-report a {
359 color: #494E5A;
360 text-decoration: none;
361 }
362 .charitable-top-campaigns-report a:hover {
363 text-decoration: underline;
364 }
365
366 .charitable-top-donors-report .avatar img {
367 border-radius: 50%;
368 }
369
370 .charitable-payment-methods-report {
371 width: auto;
372 margin: 0;
373 }
374 .charitable-payment-methods-report .the-legend {
375 margin: 20px auto;
376 }
377 .charitable-payment-methods-report .the-legend li {
378 display: flex;
379 margin-bottom: 15px;
380 width: 100%;
381 }
382 .charitable-payment-methods-report .the-legend .icon span {
383 display: block;
384 border-radius: 50%;
385 width: 15px;
386 height: 15px;
387 }
388 .charitable-payment-methods-report .the-legend li.stripe .icon span {
389 background-color: #5AA152;
390 }
391 .charitable-payment-methods-report .the-legend li.paypal .icon span {
392 background-color: #2B66D1;
393 }
394 .charitable-payment-methods-report .the-legend li.manual .icon span,
395 .charitable-payment-methods-report .the-legend li.offline .icon span {
396 background-color: #F99E36;
397 }
398 .charitable-payment-methods-report .the-legend li.none .icon span {
399 background-color: #d21561;
400 }
401 .charitable-payment-methods-report .the-legend .info {
402 margin-left: 10px;
403 flex-grow: 1;
404 font-size: 14px;
405 line-height: 14px;
406 color: #474A57;
407 font-weight: bold;
408 text-align: left;
409 }
410 .charitable-payment-methods-report .the-legend .total {
411 font-size: 14px;
412 line-height: 14px;
413 color: #868890;
414 font-weight: 400;
415 text-align: right;
416 }
417
418 .charitable-top-campaigns-report .the-list ul li {
419 display: block;
420 }
421 .charitable-top-campaigns-report .the-list ul li .main {
422 display: flex;
423 }
424 .charitable-top-campaigns-report .the-list ul li .info {
425 margin-left: 0;
426 }
427 .charitable-top-campaigns-report .the-list ul li .info .info-summary {
428 font-weight: 400;
429 color: #9899A0;
430 }
431 .charitable-top-campaigns-report .the-list ul li .info .info-summary p {
432 display: inline-block;
433 margin-right: 20px;
434 }
435 .charitable-top-campaigns-report .the-list ul li .info .info-summary p strong {
436 color: #494E5A;
437 font-weight: 400;
438 }
439 .charitable-top-campaigns-report .the-list ul li .progress-bar {
440 margin: 10px auto;
441 width: 100%;
442 }
443
444 .charitable-title-card {
445 padding: 20px 30px;
446 margin-top: 0px;
447 margin-bottom: 0px;
448 position: relative;
449 }
450 .charitable-title-card h1 {
451 color: #303442;
452 font-weight: bold;
453 font-size: 17px;
454 line-height: 22px;
455 display: inline-block;
456 margin: 0;
457 padding: 0;
458 }
459 .charitable-title-card a {
460 display: block;
461 float: right;
462 font-size: 23px;
463 line-height: 23px;
464 }
465 .charitable-title-card button.dismiss {
466 position: absolute;
467 top: 10px;
468 right: 10px;
469 color: #666;
470 font-size: 16px;
471 }
472 select#report-donor-type-filter,
473 select#report-advanced-type-filter {
474 float: none !important;
475 margin-left: 10px;
476 }
477
478 .charitable-advanced-report .tablenav {
479 width: 100%;
480 }
481
482 .progress-bar {
483 height: 4px;
484 background-color: #F5F5F5;
485 border-radius: 0;
486 border: 0;
487 }
488 .progress-bar .progress {
489 height: 4px;
490 background-color: #5AA152;
491 }
492
493 .charitable-toggle:hover,
494 .charitable-toggle:focus,
495 .charitable-toggle:focus-visible,
496 .charitable-toggle:active,
497 .charitable-toggle i:focus,
498 .charitable-toggle i:focus-visible {
499 text-decoration: none;
500 border: 0;
501 box-shadow: none;
502 }
503
504 .charitable-toggle .charitable-angle-right {
505 rotate: -90deg;
506 }
507
508 .badge.completed {
509 color: #50A66A;
510 }
511 .badge.pending {
512 color: #E38632;
513 }
514 .badge.active {
515 color: #50A66A;
516 }
517 .badge.recurring {
518 color: #50A66A;
519 }
520 .badge.one-time {
521 color: #EAA465;
522 }
523 .badge.paid, .badge.charitable-completed {
524 color: #50A66A;
525 }
526 .badge.cancelled {
527 color: #CE3E4E;
528 }
529 .badge.draft {
530 color: #ccc;
531 }
532
533 .charitable-report-card .header {
534 padding-left: 0;
535 margin-top: 20px;
536 }
537
538 #charitable-activity-list,
539 #charitable-top-campaigns-list,
540 #charitable-top-donors-list {
541 display: block;
542 padding: 0;
543 margin: 0;
544 width: 90%;
545 }
546 #charitable-activity-list .badge,
547 #charitable-top-campaigns-list .badge,
548 #charitable-top-donors-list .badge {
549 margin: 0;
550 padding: 0;
551 font-family: "Inter", sans-serif !important;
552 font-weight: bold;
553 font-size: 14px;
554 line-height: 14px;
555 }
556 #charitable-activity-list li,
557 #charitable-top-campaigns-list li,
558 #charitable-top-donors-list li {
559 width: 100%;
560 margin: 5px 5px;
561 padding: 0;
562 font-family: "Inter", sans-serif !important;
563 clear: both;
564 display: table;
565 border-top: 0;
566 }
567 #charitable-activity-list p,
568 #charitable-top-campaigns-list p,
569 #charitable-top-donors-list p {
570 margin: 0;
571 padding: 0;
572 }
573 #charitable-activity-list .time-ago,
574 #charitable-activity-list .donor-donation-info,
575 #charitable-top-campaigns-list .time-ago,
576 #charitable-top-campaigns-list .donor-donation-info,
577 #charitable-top-donors-list .time-ago,
578 #charitable-top-donors-list .donor-donation-info {
579 float: right;
580 font-family: "Inter", sans-serif !important;
581 }
582 #charitable-activity-list .donor-donation-info p,
583 #charitable-top-campaigns-list .donor-donation-info p,
584 #charitable-top-donors-list .donor-donation-info p {
585 margin: 5px 0;
586 }
587 #charitable-activity-list .info,
588 #charitable-top-campaigns-list .info,
589 #charitable-top-donors-list .info {
590 float: left;
591 font-weight: bold;
592 margin: 5px 0 0 0;
593 padding-top: 10px;
594 font-family: "Inter", sans-serif !important;
595 }
596 #charitable-activity-list .info p.email,
597 #charitable-top-campaigns-list .info p.email,
598 #charitable-top-donors-list .info p.email {
599 margin-top: 10px;
600 margin-bottom: 10px;
601 font-weight: bold;
602 font-family: "Inter", sans-serif !important;
603 }
604 #charitable-activity-list .info p.email .badge,
605 #charitable-top-campaigns-list .info p.email .badge,
606 #charitable-top-donors-list .info p.email .badge {
607 margin-top: 5px;
608 }
609 #charitable-activity-list .info p.amount,
610 #charitable-top-campaigns-list .info p.amount,
611 #charitable-top-donors-list .info p.amount {
612 font-weight: bold;
613 font-family: "Inter", sans-serif !important;
614 }
615 #charitable-activity-list .main,
616 #charitable-top-campaigns-list .main,
617 #charitable-top-donors-list .main {
618 display: block;
619 clear: both;
620 width: 100%;
621 }
622 #charitable-activity-list .main .info,
623 #charitable-top-campaigns-list .main .info,
624 #charitable-top-donors-list .main .info {
625 float: left;
626 }
627 #charitable-activity-list .main .status,
628 #charitable-top-campaigns-list .main .status,
629 #charitable-top-donors-list .main .status {
630 float: right;
631 }
632 #charitable-activity-list .progress-bar,
633 #charitable-top-campaigns-list .progress-bar,
634 #charitable-top-donors-list .progress-bar {
635 width: 100%;
636 display: block;
637 margin-top: 10px;
638 }
639
640 #charitable-top-campaigns-list li {
641 border: 0;
642 }
643
644 #charitable-payment-methods-list {
645 margin: 0px;
646 padding: 0;
647 width: 90%;
648 }
649 #charitable-payment-methods-list .icon {
650 display: none;
651 }
652 #charitable-payment-methods-list .info {
653 float: left;
654 width: 50%;
655 text-align: left;
656 }
657 #charitable-payment-methods-list .total {
658 float: right;
659 width: 50%;
660 }
661
662 .the-list,
663 .the-legend {
664 width: 100% !important;
665 margin: 0;
666 padding: 0;
667 max-width: 100%;
668 }
669
670 .clear {
671 clear: both;
672 display: block;
673 }
674