PluginProbe
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) / 1.8.0
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) v1.8.0
1.8.12.3 1.8.12.2 1.8.12.1 1.8.12 1.8.11.3 1.8.11.2 1.8.11.1 1.8.11 1.6.6 1.6.60 1.6.7 1.6.8 1.6.9 1.7.0 1.7.0.1 1.7.0.11 1.7.0.12 1.7.0.14 1.7.0.2 1.7.0.3 1.7.0.5 1.7.0.6 1.7.0.7 1.7.0.9 1.8.0 All 210 releases
charitable / assets / css / charitable-admin.css

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

1,835 lines 52.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Clearfix helper class.
3 * Credit: h5bp.com/q
4 */
5 .cf {
6 *zoom: 1; }
7 .cf:before, .cf:after {
8 content: " ";
9 display: table; }
10 .cf:after {
11 clear: both; }
12
13 /**
14 * Media block
15 *
16 * Credit: http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
17 */
18 .charitable-media-block {
19 overflow: hidden; }
20 .charitable-media-block .charitable-media-image {
21 float: left;
22 margin-right: 12px; }
23 .charitable-media-block .charitable-media-image img {
24 display: block; }
25 .charitable-media-block .charitable-media-body {
26 overflow: hidden; }
27
28 .ui-datepicker {
29 display: none; }
30 .ui-datepicker.charitable-datepicker-table {
31 background-color: #fff;
32 padding: 0;
33 border: 1px solid #dedede;
34 width: auto;
35 z-index: 100000 !important; }
36 .ui-datepicker.charitable-datepicker-table .ui-datepicker-header {
37 padding: 10px 20px;
38 background: #f5f5f5;
39 text-align: center;
40 border: 0;
41 border-bottom: 1px solid #dfdfdf;
42 -webkit-border-radius: 0;
43 -moz-border-radius: 0;
44 border-radius: 0; }
45 .ui-datepicker.charitable-datepicker-table .ui-datepicker-prev,
46 .ui-datepicker.charitable-datepicker-table .ui-datepicker-next {
47 position: absolute;
48 top: 10px;
49 width: auto;
50 height: auto;
51 color: #0073AA;
52 cursor: pointer; }
53 .ui-datepicker.charitable-datepicker-table .ui-datepicker-prev .ui-icon,
54 .ui-datepicker.charitable-datepicker-table .ui-datepicker-next .ui-icon {
55 position: static;
56 top: 0;
57 left: 0;
58 width: auto;
59 height: auto;
60 margin: 0;
61 background-image: none;
62 text-indent: 0;
63 font-weight: 400; }
64 .ui-datepicker.charitable-datepicker-table .ui-datepicker-prev {
65 left: 10px; }
66 .ui-datepicker.charitable-datepicker-table .ui-datepicker-next {
67 right: 10px; }
68 .ui-datepicker.charitable-datepicker-table .ui-state-hover {
69 border: none;
70 background: none; }
71 .ui-datepicker.charitable-datepicker-table .ui-datepicker-calendar {
72 width: 100%;
73 padding: 10px;
74 margin: 0;
75 text-align: center; }
76 .ui-datepicker.charitable-datepicker-table .ui-datepicker-calendar td {
77 border: 1px solid #dedede; }
78 .ui-datepicker.charitable-datepicker-table .ui-datepicker-calendar a {
79 display: block;
80 padding: 6px;
81 border: none;
82 color: #747474;
83 background: none;
84 text-decoration: none;
85 text-align: center; }
86 .ui-datepicker.charitable-datepicker-table .ui-datepicker-calendar td:first-child {
87 border-left: 0; }
88 .ui-datepicker.charitable-datepicker-table .ui-datepicker-calendar td:hover,
89 .ui-datepicker.charitable-datepicker-table .ui-datepicker-calendar .ui-datepicker-unselectable {
90 background-color: #f5f5f5; }
91
92 .charitable-metabox.postbox {
93 min-width: 0;
94 padding: 0 0 24px 0;
95 margin: 0;
96 background-color: transparent;
97 border: none;
98 box-shadow: none; }
99 .charitable-metabox.postbox .inside {
100 margin-top: 0;
101 padding: 0; }
102 .charitable-metabox .postbox-title {
103 padding: 0 0 8px 0; }
104 .charitable-metabox .postbox-header {
105 border-bottom: none; }
106 .charitable-metabox .handlediv,
107 .charitable-metabox .hndle {
108 display: none; }
109 .charitable-metabox input,
110 .charitable-metabox textarea {
111 padding: 14px 10px;
112 width: 100%; }
113 .charitable-metabox select {
114 width: 100%; }
115 .charitable-metabox input[type=checkbox],
116 .charitable-metabox input[type=radio],
117 .charitable-metabox input[type=button],
118 .charitable-metabox input[type=submit] {
119 width: auto; }
120 .charitable-metabox .charitable-metabox-title {
121 font-size: 14px;
122 margin-top: 0;
123 margin-bottom: 8px; }
124 .charitable-metabox .widefat th {
125 font-size: 13px; }
126 .charitable-metabox .widefat tbody th {
127 width: 33%;
128 border-right: 1px solid #e1e1e1;
129 background: #f5f5f5; }
130 .charitable-metabox .widefat .remove-col,
131 .charitable-metabox .widefat .reorder-col {
132 vertical-align: middle;
133 text-align: center; }
134 .charitable-metabox .widefat .remove-col span,
135 .charitable-metabox .widefat .reorder-col span {
136 font-size: 20px;
137 color: #aaa; }
138 .charitable-metabox .widefat .remove-col span:hover,
139 .charitable-metabox .widefat .reorder-col span:hover {
140 color: #444; }
141 .charitable-metabox .widefat .reorder-col {
142 width: 10px;
143 padding-right: 0; }
144 .charitable-metabox .widefat .reorder-col span {
145 cursor: move; }
146 .charitable-metabox .widefat .remove-col {
147 width: 20px;
148 padding-left: 0; }
149 .charitable-metabox .widefat .remove-col span {
150 cursor: pointer; }
151 .charitable-metabox .widefat .ui-sortable-helper {
152 border: 1px solid #ddd;
153 background: #efefef; }
154 .charitable-metabox .table-header {
155 background: #f5f5f5; }
156 .charitable-metabox .table-header label {
157 margin-bottom: 0;
158 font-weight: bold; }
159 .charitable-metabox .charitable-metabox-header {
160 margin: 24px 0; }
161 .charitable-metabox h4.charitable-metabox-header {
162 border-bottom: 1px solid #dedede;
163 padding-bottom: 12px;
164 margin-bottom: 12px;
165 font-size: 14px; }
166 .charitable-metabox .inside > .charitable-metabox-header:first-child {
167 margin-top: 0; }
168
169 #side-sortables .charitable-metabox-wrap {
170 float: none; }
171
172 .charitable-metabox-header {
173 float: left;
174 width: 100%; }
175
176 .charitable-metabox-wrap {
177 width: 100%;
178 float: left;
179 margin-bottom: 24px;
180 /* Select2 styling */ }
181 .charitable-metabox-wrap .charitable-helper {
182 display: block;
183 padding-top: 8px;
184 font-style: italic; }
185 .charitable-metabox-wrap label,
186 .charitable-metabox-wrap legend {
187 display: block;
188 margin-bottom: 8px;
189 font-weight: bold; }
190 .charitable-metabox-wrap th label {
191 margin-bottom: 0; }
192 .charitable-metabox-wrap input,
193 .charitable-metabox-wrap textarea {
194 width: 100%;
195 padding: 14px 10px; }
196 .charitable-metabox-wrap select {
197 width: 100%;
198 padding: 0 10px;
199 height: 46px;
200 line-height: 46px; }
201 .charitable-metabox-wrap input[type=checkbox],
202 .charitable-metabox-wrap input[type=radio] {
203 width: auto; }
204 .charitable-metabox-wrap.charitable-radio-wrap, .charitable-metabox-wrap.charitable-multi-checkbox-wrap {
205 margin-bottom: 14px; }
206 .charitable-metabox-wrap .charitable-radio-fieldset legend,
207 .charitable-metabox-wrap .charitable-checkbox-fieldset legend {
208 margin-bottom: 0; }
209 .charitable-metabox-wrap .charitable-radio-fieldset .charitable-helper,
210 .charitable-metabox-wrap .charitable-checkbox-fieldset .charitable-helper {
211 padding: 0; }
212 .charitable-metabox-wrap .charitable-radio-fieldset .charitable-radio-list,
213 .charitable-metabox-wrap .charitable-radio-fieldset .charitable-checkbox-list,
214 .charitable-metabox-wrap .charitable-checkbox-fieldset .charitable-radio-list,
215 .charitable-metabox-wrap .charitable-checkbox-fieldset .charitable-checkbox-list {
216 margin-top: 8px; }
217 .charitable-metabox-wrap .charitable-radio-fieldset .charitable-radio-list li,
218 .charitable-metabox-wrap .charitable-radio-fieldset .charitable-checkbox-list li,
219 .charitable-metabox-wrap .charitable-checkbox-fieldset .charitable-radio-list li,
220 .charitable-metabox-wrap .charitable-checkbox-fieldset .charitable-checkbox-list li {
221 display: block; }
222 .charitable-metabox-wrap .charitable-radio-fieldset .charitable-radio-list label,
223 .charitable-metabox-wrap .charitable-radio-fieldset .charitable-checkbox-list label,
224 .charitable-metabox-wrap .charitable-checkbox-fieldset .charitable-radio-list label,
225 .charitable-metabox-wrap .charitable-checkbox-fieldset .charitable-checkbox-list label {
226 vertical-align: baseline; }
227 .charitable-metabox-wrap .select2-selection.select2-selection--single {
228 height: 46px;
229 font-size: 14px; }
230 .charitable-metabox-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
231 line-height: 46px; }
232 .charitable-metabox-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
233 height: 46px; }
234 .charitable-metabox-wrap .select2-results__option {
235 margin-bottom: 0; }
236
237 .charitable-checkbox-wrap label {
238 display: inline;
239 font-weight: normal; }
240
241 .charitable-checkbox-list label,
242 .charitable-radio-list label {
243 display: inline-block;
244 font-weight: normal; }
245 .charitable-checkbox-list li,
246 .charitable-radio-list li {
247 margin-bottom: 8px; }
248
249 .charitable-radio-list label {
250 margin-bottom: 0;
251 vertical-align: text-bottom; }
252
253 .charitable-metabox-block {
254 padding: 10px;
255 margin-bottom: 10px;
256 border: 1px solid #dedede; }
257
258 body.post-type-donation .postbox-container .empty-container,
259 body.post-type-campaign .postbox-container .empty-container {
260 border: none;
261 height: auto; }
262
263 .charitable-actions-form {
264 padding: 12px 12px 18px 12px; }
265
266 .charitable-actions-submit {
267 background-color: #f8f8f8;
268 padding: 12px;
269 border-top: 1px solid #e5e5e5; }
270 .charitable-actions-submit .button-primary {
271 float: right; }
272
273 .charitable-action-fields {
274 margin-top: 20px; }
275
276 .post-type-campaign .postbox-title {
277 border-bottom: 1px solid #eee; }
278
279 #campaign-title.postbox,
280 #campaign-goal.postbox,
281 #campaign-end-date.postbox,
282 #campaign-description.postbox {
283 min-width: 0;
284 padding: 0 0 24px 0;
285 margin: 0;
286 background-color: transparent;
287 border: none;
288 box-shadow: none; }
289 #campaign-title.postbox .inside,
290 #campaign-goal.postbox .inside,
291 #campaign-end-date.postbox .inside,
292 #campaign-description.postbox .inside {
293 margin-top: 0;
294 padding: 0; }
295 #campaign-title .postbox-title,
296 #campaign-goal .postbox-title,
297 #campaign-end-date .postbox-title,
298 #campaign-description .postbox-title {
299 padding: 0 0 8px 0; }
300 #campaign-title .postbox-header,
301 #campaign-goal .postbox-header,
302 #campaign-end-date .postbox-header,
303 #campaign-description .postbox-header {
304 border-bottom: none; }
305 #campaign-title .handlediv,
306 #campaign-title .hndle,
307 #campaign-goal .handlediv,
308 #campaign-goal .hndle,
309 #campaign-end-date .handlediv,
310 #campaign-end-date .hndle,
311 #campaign-description .handlediv,
312 #campaign-description .hndle {
313 display: none; }
314 #campaign-title input,
315 #campaign-title textarea,
316 #campaign-goal input,
317 #campaign-goal textarea,
318 #campaign-end-date input,
319 #campaign-end-date textarea,
320 #campaign-description input,
321 #campaign-description textarea {
322 padding: 14px 10px;
323 width: 100%; }
324 #campaign-title select,
325 #campaign-goal select,
326 #campaign-end-date select,
327 #campaign-description select {
328 width: 100%; }
329 #campaign-title input[type=checkbox],
330 #campaign-title input[type=radio],
331 #campaign-title input[type=button],
332 #campaign-title input[type=submit],
333 #campaign-goal input[type=checkbox],
334 #campaign-goal input[type=radio],
335 #campaign-goal input[type=button],
336 #campaign-goal input[type=submit],
337 #campaign-end-date input[type=checkbox],
338 #campaign-end-date input[type=radio],
339 #campaign-end-date input[type=button],
340 #campaign-end-date input[type=submit],
341 #campaign-description input[type=checkbox],
342 #campaign-description input[type=radio],
343 #campaign-description input[type=button],
344 #campaign-description input[type=submit] {
345 width: auto; }
346 #campaign-title .charitable-metabox-title,
347 #campaign-goal .charitable-metabox-title,
348 #campaign-end-date .charitable-metabox-title,
349 #campaign-description .charitable-metabox-title {
350 font-size: 14px;
351 margin-top: 0;
352 margin-bottom: 8px; }
353 #campaign-title .widefat th,
354 #campaign-goal .widefat th,
355 #campaign-end-date .widefat th,
356 #campaign-description .widefat th {
357 font-size: 13px; }
358 #campaign-title .widefat tbody th,
359 #campaign-goal .widefat tbody th,
360 #campaign-end-date .widefat tbody th,
361 #campaign-description .widefat tbody th {
362 width: 33%;
363 border-right: 1px solid #e1e1e1;
364 background: #f5f5f5; }
365 #campaign-title .widefat .remove-col,
366 #campaign-title .widefat .reorder-col,
367 #campaign-goal .widefat .remove-col,
368 #campaign-goal .widefat .reorder-col,
369 #campaign-end-date .widefat .remove-col,
370 #campaign-end-date .widefat .reorder-col,
371 #campaign-description .widefat .remove-col,
372 #campaign-description .widefat .reorder-col {
373 vertical-align: middle;
374 text-align: center; }
375 #campaign-title .widefat .remove-col span,
376 #campaign-title .widefat .reorder-col span,
377 #campaign-goal .widefat .remove-col span,
378 #campaign-goal .widefat .reorder-col span,
379 #campaign-end-date .widefat .remove-col span,
380 #campaign-end-date .widefat .reorder-col span,
381 #campaign-description .widefat .remove-col span,
382 #campaign-description .widefat .reorder-col span {
383 font-size: 20px;
384 color: #aaa; }
385 #campaign-title .widefat .remove-col span:hover,
386 #campaign-title .widefat .reorder-col span:hover,
387 #campaign-goal .widefat .remove-col span:hover,
388 #campaign-goal .widefat .reorder-col span:hover,
389 #campaign-end-date .widefat .remove-col span:hover,
390 #campaign-end-date .widefat .reorder-col span:hover,
391 #campaign-description .widefat .remove-col span:hover,
392 #campaign-description .widefat .reorder-col span:hover {
393 color: #444; }
394 #campaign-title .widefat .reorder-col,
395 #campaign-goal .widefat .reorder-col,
396 #campaign-end-date .widefat .reorder-col,
397 #campaign-description .widefat .reorder-col {
398 width: 10px;
399 padding-right: 0; }
400 #campaign-title .widefat .reorder-col span,
401 #campaign-goal .widefat .reorder-col span,
402 #campaign-end-date .widefat .reorder-col span,
403 #campaign-description .widefat .reorder-col span {
404 cursor: move; }
405 #campaign-title .widefat .remove-col,
406 #campaign-goal .widefat .remove-col,
407 #campaign-end-date .widefat .remove-col,
408 #campaign-description .widefat .remove-col {
409 width: 20px;
410 padding-left: 0; }
411 #campaign-title .widefat .remove-col span,
412 #campaign-goal .widefat .remove-col span,
413 #campaign-end-date .widefat .remove-col span,
414 #campaign-description .widefat .remove-col span {
415 cursor: pointer; }
416 #campaign-title .widefat .ui-sortable-helper,
417 #campaign-goal .widefat .ui-sortable-helper,
418 #campaign-end-date .widefat .ui-sortable-helper,
419 #campaign-description .widefat .ui-sortable-helper {
420 border: 1px solid #ddd;
421 background: #efefef; }
422 #campaign-title .table-header,
423 #campaign-goal .table-header,
424 #campaign-end-date .table-header,
425 #campaign-description .table-header {
426 background: #f5f5f5; }
427 #campaign-title .table-header label,
428 #campaign-goal .table-header label,
429 #campaign-end-date .table-header label,
430 #campaign-description .table-header label {
431 margin-bottom: 0;
432 font-weight: bold; }
433 #campaign-title .charitable-metabox-header,
434 #campaign-goal .charitable-metabox-header,
435 #campaign-end-date .charitable-metabox-header,
436 #campaign-description .charitable-metabox-header {
437 margin: 24px 0; }
438 #campaign-title h4.charitable-metabox-header,
439 #campaign-goal h4.charitable-metabox-header,
440 #campaign-end-date h4.charitable-metabox-header,
441 #campaign-description h4.charitable-metabox-header {
442 border-bottom: 1px solid #dedede;
443 padding-bottom: 12px;
444 margin-bottom: 12px;
445 font-size: 14px; }
446 #campaign-title .inside > .charitable-metabox-header:first-child,
447 #campaign-goal .inside > .charitable-metabox-header:first-child,
448 #campaign-end-date .inside > .charitable-metabox-header:first-child,
449 #campaign-description .inside > .charitable-metabox-header:first-child {
450 margin-top: 0; }
451
452 /* --- Top campaign meta boxes --- */
453 #campaign-top-sortables {
454 padding-top: 20px; }
455 #campaign-top-sortables > .postbox:nth-child(2),
456 #campaign-top-sortables > .postbox:nth-child(3) {
457 float: left;
458 width: 48%; }
459 #campaign-top-sortables > .postbox:nth-child(2) {
460 padding-right: 4%; }
461 #campaign-top-sortables #campaign-description {
462 clear: both; }
463 @media (max-width: 37.5em) {
464 #campaign-top-sortables > .postbox:nth-child(2),
465 #campaign-top-sortables > .postbox:nth-child(3) {
466 width: 100%;
467 padding: 0 0 24px; } }
468
469 /* --- End Date --- */
470 #charitable-campaign-end-date-metabox-wrap {
471 position: relative; }
472 #charitable-campaign-end-date-metabox-wrap .charitable-end-time {
473 position: absolute;
474 right: 0;
475 top: 2px;
476 width: 80px;
477 padding: 20px 10px;
478 border-left: 1px solid rgba(0, 0, 0, 0.07);
479 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
480 background: #f5f5f5;
481 text-align: center;
482 border-radius: 0 4px 4px 0; }
483 @media (min-width: 48.875em) {
484 #charitable-campaign-end-date-metabox-wrap .charitable-end-time {
485 padding: 18px 10px; } }
486
487 #campaign-end-date.postbox #charitable-campaign-end-date-metabox-wrap label {
488 border: 0;
489 clip: rect(1px, 1px, 1px, 1px);
490 -webkit-clip-path: inset(50%);
491 clip-path: inset(50%);
492 height: 1px;
493 margin: -1px;
494 overflow: hidden;
495 padding: 0;
496 position: absolute;
497 width: 1px;
498 word-wrap: normal !important; }
499
500 /* --- Advanced Metabox --- */
501 #campaign-settings .postbox-title {
502 border: none; }
503 #campaign-settings .inside {
504 margin: 0;
505 padding: 0; }
506 #campaign-settings .ui-tabs {
507 *zoom: 1;
508 clear: both;
509 padding: 0;
510 background-color: #f5f5f5;
511 border: none;
512 border-radius: 0;
513 font-family: "Open Sans", sans-serif;
514 font-size: 13px; }
515 #campaign-settings .ui-tabs:before, #campaign-settings .ui-tabs:after {
516 content: " ";
517 display: table; }
518 #campaign-settings .ui-tabs:after {
519 clear: both; }
520 #campaign-settings .ui-tabs .wp-editor-expand #wp-content-editor-tools {
521 background-color: transparent; }
522 #campaign-settings .ui-tabs-nav {
523 float: left;
524 width: 20%;
525 margin: 0;
526 padding: 0;
527 border: none;
528 background: none;
529 line-height: 1em;
530 height: auto; }
531 #campaign-settings .ui-tabs-nav li {
532 position: relative;
533 top: 0;
534 display: block;
535 width: 100%;
536 float: none;
537 background: none;
538 margin: 0;
539 padding: 0 1px 0 0;
540 border: 0;
541 white-space: normal; }
542 #campaign-settings .ui-tabs-nav a {
543 display: block;
544 float: none;
545 padding: 10px;
546 color: #747474;
547 text-decoration: none;
548 border: none;
549 text-shadow: none;
550 margin: 0;
551 font-weight: normal; }
552 #campaign-settings .ui-tabs-nav li.ui-tabs-active {
553 z-index: 2;
554 margin-right: -2px;
555 border-top: 1px solid #dedede;
556 border-bottom: 1px solid #dedede !important;
557 background-color: #fff; }
558 #campaign-settings .ui-tabs-nav li:first-child {
559 border-top-color: 1px solid #dedede; }
560 #campaign-settings .ui-tabs-nav li.ui-tabs-active:first-child {
561 border-top-color: transparent; }
562 #campaign-settings .ui-tabs-nav li:last-child {
563 margin-bottom: 10px;
564 border-bottom-color: transparent; }
565 #campaign-settings .ui-tabs-panel {
566 clear: none;
567 box-sizing: border-box;
568 float: right;
569 width: 80%;
570 padding: 20px;
571 margin: 0;
572 border-left: 1px solid #dedede;
573 border-top: 0;
574 background-color: #fff; }
575 #campaign-settings #wp-content-editor-tools {
576 padding-top: 0; }
577
578 .charitable-campaign-settings-panel .charitable-metabox-header:first-child {
579 margin-top: 0; }
580
581 /* --- Suggested Donations --- */
582 #charitable-campaign-suggested-donations .amount-col {
583 width: 100px;
584 min-width: 35%; }
585
586 /* --- Benefactors --- */
587 .charitable-benefactor-wrap {
588 padding: 0 10px 10px;
589 margin-top: 10px;
590 border: 1px solid #ddd;
591 background: #f5f5f5; }
592 .charitable-benefactor-wrap select {
593 width: 100%; }
594
595 .charitable-benefactor-summary {
596 *zoom: 1; }
597 .charitable-benefactor-summary:before, .charitable-benefactor-summary:after {
598 content: " ";
599 display: table; }
600 .charitable-benefactor-summary:after {
601 clear: both; }
602 .charitable-benefactor-summary .summary {
603 float: left;
604 width: 82%; }
605 .charitable-benefactor-summary .alignright {
606 float: right;
607 width: 18%;
608 text-align: right; }
609
610 .charitable-benefactor-form-cancel {
611 float: right;
612 margin-top: 10px; }
613
614 .charitable-benefactor-contribution-amount {
615 margin-bottom: 10px; }
616 .charitable-benefactor-contribution-amount .contribution-amount {
617 margin-bottom: 10px;
618 font-size: 16px; }
619 @media (min-width: 42.5em) {
620 .charitable-benefactor-contribution-amount {
621 border: 1px solid #ddd;
622 background-color: #fff; }
623 .charitable-benefactor-contribution-amount .contribution-amount {
624 width: auto;
625 min-width: 220px;
626 margin: 1px;
627 border: none;
628 box-shadow: none; }
629 .charitable-benefactor-contribution-amount .contribution-type {
630 float: right;
631 margin: 10px;
632 width: auto; }
633 .charitable-benefactor-contribution-amount input:focus,
634 .charitable-benefactor-contribution-amount select:focus {
635 box-shadow: none; } }
636
637 .charitable-benefactor-date-wrap {
638 margin-top: 10px; }
639 .charitable-benefactor-date-wrap label {
640 float: left;
641 width: 49%; }
642 .charitable-benefactor-date-wrap label:nth-child(2n+2) {
643 margin-left: 2%; }
644 .charitable-benefactor-date-wrap input {
645 margin: 1em 0;
646 font-weight: normal; }
647
648 .charitable-benefactor-inactive,
649 .charitable-benefactor-expired {
650 background-color: #f5f5f5; }
651 .charitable-benefactor-inactive .summary span,
652 .charitable-benefactor-expired .summary span {
653 font-weight: bold;
654 text-transform: uppercase;
655 padding-right: 8px;
656 color: #f89d35; }
657
658 /* --- Campaign Creator --- */
659 #campaign-creator .creator-facts .creator-name {
660 padding: 0; }
661 #campaign-creator .creator-facts .creator-name a {
662 color: #333;
663 text-decoration: none; }
664 #campaign-creator .creator-facts dt {
665 display: inline-block;
666 font-weight: bold; }
667 #campaign-creator .creator-facts dd {
668 display: inline-block; }
669
670 #charitable-campaign-creator-metabox-wrap #campaign-creator {
671 padding-bottom: 24px;
672 margin-bottom: 12px;
673 border-bottom: 1px solid #e1e1e1; }
674
675 body.post-type-donation #post-body-content,
676 body.post-type-donation #titlediv {
677 display: none; }
678 body.post-type-donation .closed .inside {
679 display: block; }
680 body.post-type-donation .donation-banner-wrapper {
681 float: left;
682 width: 100%;
683 background: #f8f8f8;
684 border-radius: 4px 4px 0 0;
685 border-bottom: 1px solid #e5e5e5; }
686 body.post-type-donation .donation-banner {
687 position: relative;
688 padding: 12px; }
689 body.post-type-donation .donation-banner .donation-edit-link {
690 position: absolute;
691 top: 12px;
692 right: 12px; }
693 body.post-type-donation .donation-banner .donation-number {
694 margin: 0;
695 padding: 0;
696 font-size: 1.3em; }
697 body.post-type-donation .donation-erasure-notice-wrapper {
698 float: left;
699 width: 100%; }
700 body.post-type-donation .donation-erasure-notice {
701 padding: 12px 20px;
702 border-bottom: 1px solid #e5e5e5;
703 font-style: italic; }
704 @media (min-width: 70em) {
705 body.post-type-donation #poststuff #post-body.columns-2 {
706 margin-right: 340px; }
707 body.post-type-donation #poststuff #post-body.columns-2 #postbox-container-1 {
708 margin-right: -340px;
709 width: 320px; }
710 body.post-type-donation #poststuff #post-body.columns-2 #postbox-container-1 #side-sortables {
711 width: 100%; } }
712
713 #donation-overview .charitable-metabox {
714 *zoom: 1; }
715 #donation-overview .charitable-metabox:before, #donation-overview .charitable-metabox:after {
716 content: " ";
717 display: table; }
718 #donation-overview .charitable-metabox:after {
719 clear: both; }
720 #donation-overview .hndle {
721 display: none; }
722 #donation-overview .inside {
723 margin: 0;
724 padding: 0; }
725 #donation-overview #donor {
726 float: left;
727 padding: 12px 12px 36px 12px;
728 width: 300px;
729 max-width: 67%; }
730 #donation-overview .donor-name {
731 font-weight: normal; }
732 #donation-overview h3 {
733 margin: 0 0 0.5em;
734 padding: 0;
735 font-size: 1.3em; }
736 #donation-overview #donation-summary {
737 float: right;
738 padding: 12px 12px 36px 0;
739 max-width: 33%;
740 text-align: right; }
741 #donation-overview .donation-status {
742 display: block;
743 margin-bottom: 6px; }
744 #donation-overview .donation-status .status,
745 #donation-overview .contact-consent .consent {
746 font-weight: bolder; }
747 #donation-overview table#overview {
748 float: left;
749 width: 100%;
750 border-spacing: 0; }
751 #donation-overview table#overview thead th {
752 padding: 0 0 0.8em; }
753 #donation-overview table#overview .col-campaign-name {
754 padding-left: 12px;
755 text-align: left; }
756 #donation-overview table#overview .col-campaign-donation-amount {
757 padding-right: 12px;
758 text-align: right; }
759 #donation-overview table#overview tbody td {
760 padding: 2em 0;
761 border-top: 1px solid #e5e5e5; }
762 #donation-overview table#overview tbody tr:last-child td {
763 border-bottom: 1px solid #e5e5e5; }
764 #donation-overview table#overview .campaign-name {
765 padding-left: 12px;
766 font-size: 18px; }
767 #donation-overview table#overview .campaign-donation-amount {
768 padding-right: 12px;
769 font-size: 16px;
770 text-align: right; }
771 #donation-overview table#overview tfoot td,
772 #donation-overview table#overview tfoot th {
773 padding: 0.6em 12px 0.6em 0;
774 background-color: #f8f8f8;
775 text-align: right; }
776 #donation-overview table#overview tfoot tr:first-of-type td,
777 #donation-overview table#overview tfoot tr:first-of-type th {
778 padding-top: 1.2em; }
779 #donation-overview table#overview tfoot tr:last-of-type td,
780 #donation-overview table#overview tfoot tr:last-of-type th {
781 padding-bottom: 1.2em; }
782
783 #donation-actions .inside {
784 padding: 0; }
785
786 #donation-details,
787 #donation-log,
788 #donation-actions {
789 border-bottom: 1px solid #ccd0d4; }
790
791 #donation-details dt {
792 font-weight: bold;
793 margin-bottom: 0.5em; }
794 #donation-details dd {
795 margin: 0 0 1em;
796 padding-bottom: 1em;
797 border-bottom: 1px solid #e5e5e5; }
798 #donation-details dd:last-child {
799 border-bottom: none;
800 padding-bottom: 0; }
801
802 #donation-log .inside {
803 padding: 0;
804 margin-top: 0; }
805 #donation-log table {
806 word-break: break-all;
807 border: none; }
808 #donation-log th, #donation-log td {
809 padding-left: 12px;
810 padding-right: 12px; }
811 #donation-log thead th {
812 background: #f8f8f8; }
813 #donation-log thead th:first-child {
814 width: 200px; }
815 #donation-log tbody td {
816 border-bottom: 1px solid #e5e5e5; }
817 #donation-log tbody tr:last-child td {
818 border-bottom: 0; }
819
820 /* Donation Form */
821 .post-type-donation.charitable-admin-donation-form #postbox-container-2 {
822 margin-bottom: 0;
823 border: 1px solid #dedede;
824 border-radius: 4px;
825 background: #fff; }
826 .post-type-donation.charitable-admin-donation-form .charitable-metabox-wrap {
827 margin-bottom: 24px; }
828 .post-type-donation.charitable-admin-donation-form .charitable-metabox-wrap.charitable-fieldset-wrap {
829 margin-bottom: 0; }
830 .post-type-donation.charitable-admin-donation-form #donation-form {
831 border: none;
832 background: transparent;
833 box-shadow: none; }
834 .post-type-donation.charitable-admin-donation-form #donation-form .postbox-title {
835 display: none; }
836 .post-type-donation.charitable-admin-donation-form #donation-form .inside {
837 padding: 0;
838 margin: 0; }
839 .post-type-donation.charitable-admin-donation-form #donation-form .inside > .charitable-form-fields {
840 clear: both;
841 padding: 20px; }
842 .post-type-donation.charitable-admin-donation-form #donation-form .charitable-form-fields > h3:first-of-type {
843 margin-top: 0; }
844 .post-type-donation.charitable-admin-donation-form #donation-form .charitable-form-fields > .charitable-metabox-wrap:not(.charitable-fieldset-wrap) {
845 margin-bottom: 24px; }
846 .post-type-donation.charitable-admin-donation-form #donation-form-meta {
847 padding: 24px 12px 12px; }
848
849 #charitable-campaign-donations thead th {
850 background: #f5f5f5; }
851
852 #charitable-user-fields-wrap {
853 width: 100%; }
854 #charitable-user-fields-wrap.loading-data .charitable-overlay {
855 display: block !important;
856 text-align: center; }
857 #charitable-user-fields-wrap.loading-data > *:not(.charitable-overlay) {
858 display: none; }
859 #charitable-user-fields-wrap #charitable-first-name-wrap,
860 #charitable-user-fields-wrap #charitable-last-name-wrap {
861 width: 48%; }
862 #charitable-user-fields-wrap #charitable-first-name-wrap {
863 padding-right: 4%; }
864 #charitable-user-fields-wrap #charitable-postcode-wrap {
865 width: 26%;
866 padding-right: 4%; }
867 #charitable-user-fields-wrap #charitable-country-wrap {
868 width: 70%;
869 clear: right; }
870
871 .charitable-settings-field {
872 padding: 7px 10px;
873 width: 300px;
874 font-size: 16px;
875 line-height: 1.5em; }
876 .charitable-settings-field.short {
877 width: 100px; }
878 .charitable-settings-field.wide {
879 width: 100%; }
880
881 input[type=number].charitable-settings-field {
882 height: auto; }
883
884 select.charitable-settings-field {
885 width: auto;
886 min-width: 300px; }
887
888 .charitable-settings-object {
889 max-width: 860px;
890 padding: 10px 20px;
891 margin-bottom: 4px;
892 border: 1px solid #e1e1e1;
893 background-color: #fff; }
894 .charitable-settings-object h4 {
895 float: left;
896 margin: 0;
897 line-height: 28px; }
898 .charitable-settings-object span.actions {
899 float: right; }
900 .charitable-settings-object span.actions a {
901 margin-left: 10px; }
902
903 .charitable-gateway .default-gateway,
904 .charitable-gateway .make-default-gateway {
905 margin-left: 20px;
906 font-size: 12px;
907 line-height: 28px; }
908 .charitable-gateway .default-gateway {
909 color: #f89d35; }
910 .charitable-gateway .make-default-gateway {
911 color: #777; }
912
913 .charitable-settings-notice {
914 max-width: 860px;
915 padding: 10px 20px;
916 margin-top: 20px;
917 border: 1px solid #e1e1e1;
918 background-color: #fef4e8; }
919 .charitable-settings-notice.license-notice {
920 margin-top: -10px;
921 }
922
923 .charitable-licensed-product h4 {
924 width: 230px;
925 margin-right: 20px;
926 line-height: 40px; }
927 .charitable-licensed-product .charitable-settings-field {
928 float: left;
929 width: 100%; }
930 @media (min-width: 68.125em) {
931 .charitable-licensed-product .charitable-settings-field {
932 width: 312px;
933 margin-right: 20px; } }
934 .charitable-licensed-product .license-meta {
935 font-size: 12px;
936 line-height: 40px; }
937 .charitable-licensed-product .license-active {
938 float: left; }
939 .charitable-licensed-product .valid-license {
940 color: #f89d35;
941 font-weight: bold; }
942 .charitable-licensed-product .license-deactivation {
943 float: left;
944 margin: 6px 0; }
945 .charitable-licensed-product .license-invalid {
946 color: #f89d35; }
947 .charitable-licensed-product .license-expiration-date {
948 float: right;
949 margin-left: 10px; }
950
951 .charitable-help {
952 display: block;
953 margin-top: 4px;
954 font-size: 13px;
955 line-height: 21px;
956 font-style: italic;
957 color: #777; }
958
959 .form-table .charitable-help p {
960 font-size: 13px;
961 line-height: 21px; }
962
963 .form-table td.charitable-fullwidth {
964 padding: 15px 0; }
965
966 .charitable-shortcode-options ul {
967 list-style: disc;
968 margin-left: 16px;
969 font-style: normal; }
970 .charitable-shortcode-options li {
971 margin-bottom: 2px; }
972
973 @media (min-width: 48em) {
974 .charitable_page_charitable-settings .form-table th {
975 min-width: 250px; } }
976 .charitable_page_charitable-settings .form-table th label {
977 font-size: 13px; }
978 .charitable_page_charitable-settings .form-table td select {
979 max-width: 400px; }
980
981 .charitable-radio-list {
982 padding: 0;
983 margin: 0;
984 list-style: none; }
985 .charitable-radio-list li {
986 display: inline-block;
987 margin-right: 20px; }
988
989 .charitable-checkbox-list {
990 width: auto;
991 margin: 0;
992 padding: 0; }
993
994 .charitable-notice {
995 padding: 5px 10px;
996 font-size: 14px;
997 background-color: #fff; }
998 .charitable-notice.charitable-notice-error {
999 border-left: 4px solid #dc3232; }
1000
1001 .edit-php.post-type-charitable .tablenav .actions {
1002 padding-right: 0; }
1003 .edit-php.post-type-charitable .tablenav #start_date,
1004 .edit-php.post-type-charitable .tablenav #end_date {
1005 width: 10.5em; }
1006 .edit-php.post-type-charitable .tablenav #post-query-submit {
1007 display: none; }
1008 .edit-php.post-type-charitable .tablenav #delete_all {
1009 margin-top: 3px; }
1010 .edit-php.post-type-charitable .tablenav .charitable-filter-button:before,
1011 .edit-php.post-type-charitable .tablenav .charitable-export-button:before {
1012 vertical-align: middle;
1013 margin-top: -2px;
1014 width: 16px;
1015 height: 16px;
1016 font-size: 16px; }
1017 .edit-php.post-type-charitable .tablenav a.button {
1018 display: inline-block; }
1019 .edit-php.post-type-charitable .tablenav.top {
1020 margin: 0 0 12px 0; }
1021 .edit-php.post-type-charitable .tablenav.top select.campaign_id {
1022 float: none;
1023 vertical-align: top; }
1024 .edit-php.post-type-charitable .tablenav.top .actions {
1025 overflow: visible; }
1026 .edit-php.post-type-charitable .tablenav.top .actions .has-popup {
1027 position: relative;
1028 display: inline-block;
1029 cursor: pointer;
1030 -webkit-user-select: none;
1031 -moz-user-select: none;
1032 -ms-user-select: none;
1033 user-select: none; }
1034 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup {
1035 visibility: hidden;
1036 width: 260px;
1037 background-color: #999;
1038 color: #fff;
1039 text-align: center;
1040 border-radius: 6px;
1041 padding: 4px;
1042 position: absolute;
1043 z-index: 1;
1044 top: 125%;
1045 left: 50%;
1046 margin-left: -136px; }
1047 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup input, .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup label, .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup select {
1048 width: 80%;
1049 margin-bottom: 1em; }
1050 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup .inner {
1051 background: white;
1052 padding: 1em 0;
1053 border-radius: 4px; }
1054 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup::before {
1055 content: "";
1056 position: absolute;
1057 bottom: 100%;
1058 left: 50%;
1059 margin-left: -5px;
1060 border-width: 5px;
1061 border-style: solid;
1062 border-color: transparent transparent #999 transparent; }
1063 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup.show {
1064 visibility: visible !important;
1065 -webkit-animation: fadeIn 1s;
1066 animation: fadeIn 1s; }
1067 .edit-php.post-type-charitable .tablenav.top .charitable-export-actions {
1068 margin-left: 8px; }
1069 .edit-php.post-type-charitable .wp-list-table .meta {
1070 display: block;
1071 color: #999; }
1072 .edit-php.post-type-charitable .wp-list-table .column-post_status mark,
1073 .post-type-charitable #donation-summary mark,
1074 #donation-donor-history mark {
1075 padding: 2px 4px;
1076 margin: 0;
1077 text-align: center;
1078 white-space: nowrap;
1079 background: #999;
1080 color: #fff;
1081 border-radius: 2px;
1082 font-size: 10px;
1083 letter-spacing: 1px;
1084 text-transform: uppercase;
1085 font-weight: bold; }
1086 .post-type-charitable #donation-summary mark {
1087 padding: 2px 4px 2px 6px;
1088 }
1089 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-pending,
1090 .post-type-charitable #donation-summary mark.charitable-pending,
1091 #donation-donor-history mark.charitable-pending {
1092 background-color: #999; }
1093 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-completed,
1094 .post-type-charitable #donation-summary mark.charitable-completed,
1095 #donation-donor-history mark.charitable-completed {
1096 background-color: #34d058; }
1097 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-failed,
1098 .post-type-charitable #donation-summary mark.charitable-failed,
1099 #donation-donor-history mark.charitable-failed {
1100 background-color: #f7a129; }
1101 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-cancelled,
1102 .post-type-charitable #donation-summary mark.charitable-cancelled,
1103 #donation-donor-history mark.charitable-cancelled {
1104 background-color: #ff0000; }
1105 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-refunded,
1106 .post-type-charitable #donation-summary mark.charitable-refunded,
1107 #donation-donor-history mark.charitable-refunded {
1108 background-color: #3fb8f5; }
1109
1110
1111 .edit-php.post-type-campaign th.manage-column.column-ID,
1112 .edit-php.post-type-campaign td.column-ID {
1113 width: 2.2em;
1114 padding: 11px 3px; }
1115 .edit-php.post-type-campaign .column-status mark {
1116 padding: 2px 4px;
1117 margin: 0;
1118 text-align: center;
1119 white-space: nowrap;
1120 background: #999;
1121 color: #fff;
1122 border-radius: 2px;
1123 font-size: 10px;
1124 letter-spacing: 1px;
1125 text-transform: uppercase;
1126 font-weight: bold; }
1127 .edit-php.post-type-campaign .column-status mark.active {
1128 background-color: #23282d; }
1129 .edit-php.post-type-campaign .column-status mark.finished {
1130 background-color: #3fb8f5; }
1131 .edit-php.post-type-campaign .column-status mark.successful {
1132 background-color: #34d058; }
1133 .edit-php.post-type-campaign .column-status mark.unsuccessful {
1134 background-color: #ff0000; }
1135
1136 #charitable_dashboard_donations .hide-if-no-js {
1137 padding: 10px 0;
1138 text-align: center; }
1139 #charitable_dashboard_donations .inside {
1140 margin: 0;
1141 padding: 0; }
1142 #charitable_dashboard_donations .charitable-donation-statistics {
1143 *zoom: 1;
1144 margin-bottom: 20px; }
1145 #charitable_dashboard_donations .charitable-donation-statistics:before, #charitable_dashboard_donations .charitable-donation-statistics:after {
1146 content: " ";
1147 display: table; }
1148 #charitable_dashboard_donations .charitable-donation-statistics:after {
1149 clear: both; }
1150 #charitable_dashboard_donations .cell {
1151 box-sizing: border-box;
1152 float: left;
1153 width: 50%;
1154 padding: 23px 0 10px;
1155 border-right: 1px solid #e5e5e5;
1156 border-bottom: 1px solid #e5e5e5;
1157 text-align: center; }
1158 #charitable_dashboard_donations .cell .amount {
1159 color: #f89d35;
1160 font-size: 28px;
1161 font-weight: normal;
1162 padding-bottom: 0; }
1163 #charitable_dashboard_donations .summary {
1164 margin-top: 0;
1165 color: #777; }
1166 #charitable_dashboard_donations .summary .time-period {
1167 font-weight: bold;
1168 color: #444; }
1169 #charitable_dashboard_donations .recent-donations {
1170 margin: 0 11px; }
1171 #charitable_dashboard_donations .recent-donations table {
1172 width: 100%;
1173 border-collapse: collapse; }
1174 #charitable_dashboard_donations .recent-donations caption {
1175 text-align: left; }
1176 #charitable_dashboard_donations .recent-donations caption h3 {
1177 padding-left: 0; }
1178 #charitable_dashboard_donations .recent-donations td {
1179 padding: 10px 0;
1180 border-top: 1px solid #e5e5e5; }
1181 #charitable_dashboard_donations .recent-donations tr:last-child td {
1182 border-bottom: 1px solid #e5e5e5; }
1183 #charitable_dashboard_donations .recent-donations .donation-total {
1184 text-align: right;
1185 font-weight: bold; }
1186 #charitable_dashboard_donations .recent-donations .donation-id {
1187 width: 80px; }
1188
1189
1190
1191 .charitable-admin-banner-top-of-page {
1192 text-align: center;
1193 }
1194 .charitable-admin-banner-top-of-page .button-link {
1195 position: absolute;
1196 top: 48px;
1197 right: -1px;
1198 font-size: 20px;
1199 color: #fff;
1200 font-weight: bold;
1201 text-decoration: none;
1202 margin-left: 5px;
1203 padding: 6px 10px;
1204 }
1205 @media screen and (min-width: 783px) {
1206 .charitable-admin-banner-top-of-page {
1207 padding: 10px 46px 10px 22px;
1208 }
1209 .charitable-admin-banner-top-of-page {
1210 font-size: 13px;
1211 line-height: 1.4;
1212 color: #fff;
1213 margin-left: -20px;
1214 padding: 9px 32px 9px 20px;
1215 background: #E89940;
1216 display: none;
1217 }
1218 .charitable-admin-banner-top-of-page a {
1219 color: white;
1220 }
1221 }
1222 @media screen and (min-width: 601px) {
1223 .charitable-admin-banner-top-of-page .button-link {
1224 top: 0;
1225 }
1226 }
1227 @media screen and (min-width: 783px) {
1228 .charitable-admin-banner-top-of-page .button-link {
1229 right: 9px;
1230 }
1231 }
1232
1233 .charitable-notice.notice-five-star-review {
1234 margin-left: 0;
1235 margin-top: 10px;
1236 z-index: 0; /* to make it appear below screen option tabs! */
1237 }
1238 .screen-meta-space {
1239 margin-top: 40px;
1240 }
1241
1242 form#posts-filter table tbody#the-list tr.child td {
1243 padding: 0;
1244 }
1245 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner {
1246 width: 100%;
1247 display: table;
1248 background-color: white;
1249 border-top: 1px solid #DDD;
1250 border-bottom: 0;
1251 padding-top: 10px;
1252 padding-bottom: 10px;
1253 }
1254 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner .charitable-campaign-list-banner-icon {
1255 display: table-cell;
1256 width: 50px;
1257 vertical-align: middle;
1258 text-align: center;
1259 }
1260 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner .charitable-campaign-list-banner-icon img {
1261 width: 45px;
1262 margin: 0px 20px 0 20px;
1263 }
1264 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner .charitable-campaign-list-banner-text {
1265 display: table-cell;
1266 font-size: 14px;
1267 line-height: 20px;
1268 padding-top: 5px;
1269 }
1270 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner .charitable-campaign-list-banner-text p {
1271 font-size: 16px;
1272
1273 }
1274 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner .charitable-campaign-list-banner-button {
1275 display: table-cell;
1276 vertical-align: middle;
1277 text-align: right;
1278 }
1279 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner .button-link {
1280 background-color: #5AA152;
1281 color: #ffffff;
1282 margin-left: 4px;
1283 padding: 10px 30px;
1284 position: relative;
1285 top: -4px;
1286 text-decoration: none;
1287 border-radius: 5px;
1288 text-shadow: none;
1289 font-weight: 600;
1290 font-family: "Inter";
1291 font-size: 13px;
1292 line-height: normal;
1293 color: #2271b1;
1294 cursor: pointer;
1295 margin-right: 20px;
1296 }
1297 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner .button-link:hover {
1298 background-color: #3f7539;
1299 }
1300 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner a.charitable-close {
1301 width: 18px;
1302 display: inline-block;
1303 height: 18px;
1304 margin-left: 20px;
1305 margin-right: 20px;
1306 }
1307 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner a.charitable-close img {
1308 width: 18px;
1309 height: 18px;
1310 }
1311 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner a.charitable-close:hover {
1312 opacity: 0.50;
1313 }
1314 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner a.button-link,
1315 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner a.button-link:active,
1316 form#posts-filter table tbody#the-list tr.child td div.charitable-campaign-list-banner a.button-link:visited {
1317 color: white;
1318 }
1319
1320 /* popup ads */
1321
1322 body.wp-admin .jconfirm.jconfirm-white .jconfirm-bg,
1323 body.wp-admin .jconfirm.jconfirm-light .jconfirm-bg {
1324 opacity: 0.8;
1325 }
1326
1327 body.post-type-campaign .jconfirm .jconfirm-cell {
1328 display: table-cell;
1329 }
1330 body.post-type-campaign .jconfirm-type-lite-pro-ad {
1331 background-color: white;
1332 color: #2B2E39;
1333 font-family: 'Inter', sans-serif;
1334 }
1335 .charitable-lite-pro-popup {
1336 padding: 0 20px;
1337 display: flex;
1338 font-size: 16px;
1339 }
1340 .charitable-lite-pro-popup-left {
1341 flex: 1;
1342 }
1343 .charitable-lite-pro-popup-right {
1344 flex: 1;
1345 }
1346 .charitable-lite-pro-popup h1 {
1347 color: #3F414C;
1348 font-size: 24px;
1349 line-height: 33px;
1350 margin: 0 0 15px 0;
1351 font-weight: 700;
1352 }
1353 .charitable-lite-pro-popup h2 {
1354 font-weight: 400;
1355 font-size: 14px;
1356 line-height: 21px;
1357 color: #5A5C65;
1358 margin: 0 0 30px 0;
1359 }
1360 .charitable-lite-pro-popup ul {
1361 margin: 0 20px 25px 0px;
1362 display: table;
1363 list-style-position: outside;
1364 font-size: 16px;
1365 }
1366 .charitable-lite-pro-popup li {
1367 background-image: url("../images/icons/green_check_circle.png");
1368 background-repeat: no-repeat;
1369 }
1370 .charitable-lite-pro-popup li {
1371 font-size: 14px;
1372 font-weight: 500;
1373 line-height: 21px;
1374 color: #3F414C;
1375 padding-left: 25px;
1376 margin: 0 0 15px 0;
1377 padding-left: 30px;
1378 }
1379 /* .charitable-lite-pro-popup li::marker {
1380 margin-top: 2px;
1381 } */
1382 .charitable-lite-pro-popup li p {
1383 margin: -2px 0 0 0;
1384 display: inline;
1385 padding: 0;
1386 }
1387 .charitable-lite-pro-popup .charitable-lite-pro-popup-button {
1388 padding: 16px 18px;
1389 background: #E89940;
1390 margin: 10px auto 0 auto;
1391 color: #fff;
1392 text-align: center;
1393 font-size: 16px;
1394 line-height: 24px;
1395 display: block;
1396 text-decoration: none;
1397 font-weight: 600;
1398 border-radius: 5px;
1399 }
1400 .charitable-lite-pro-popup .charitable-lite-pro-popup-link {
1401 display: block;
1402 font-size: 14px;
1403 line-height: 18px;
1404 margin: 20px 0 0 0;
1405 font-weight: 400;
1406 color: #486DCB;
1407 }
1408 .charitable-lite-pro-popup a.charitable-lite-pro-popup-link {
1409 text-decoration: none;
1410 color: #3459C4 !important;
1411 }
1412 .charitable-lite-pro-popup .charitable-lite-pro-popup-link:hover {
1413 text-decoration: underline;
1414 }
1415 .charitable-lite-pro-popup .charitable-lite-pro-popup-right img {
1416 padding: 0 0 0 20px;
1417 margin-top: 30px;
1418 /* display: none; */
1419 }
1420 body.post-type-campaign .jconfirm-box-container .charitable-lite-pro-popup,
1421 body.post-type-campaign .jconfirm-box-container .charitable-lite-pro-popup li,
1422 body.post-type-campaign .jconfirm-box-container .charitable-lite-pro-popup h2,
1423 body.post-type-campaign .jconfirm-box-container .charitable-lite-pro-popup h1,
1424 body.post-type-campaign .jconfirm-box-container .charitable-lite-pro-popup a.charitable-lite-pro-popup-link {
1425 color: #2B2E39;
1426 }
1427 /* license overrides */
1428
1429 .charitable-licensed-product .license-deactivation {
1430 margin: 2px 0;
1431 }
1432
1433 /* should go up with the others - to do */
1434
1435 textarea.charitable-settings-field {
1436 width: 75%;
1437 font-size: 13px;
1438 line-height: 21px;
1439 }
1440
1441 .starburst {
1442 background: #347d39;
1443 width: 2.75em;
1444 height: 2.75em;
1445 text-align: center;
1446 color: #fff;
1447 font-weight: 800;
1448
1449 }
1450
1451 .starburst,
1452 .starburst span {
1453 display: flex;
1454 align-items: center;
1455 justify-content: center;
1456 }
1457
1458 .starburst span {
1459 width: 100%;
1460 height: 100%;
1461 background: inherit;
1462 transform: rotate(-45deg);
1463 }
1464
1465 .starburst:before,
1466 .starburst:after ,
1467 .starburst span:before,
1468 .starburst span:after {
1469 content: "";
1470 position: absolute;
1471 top: 0;
1472 left: 0;
1473 width: 100%;
1474 height: 100%;
1475 background: inherit;
1476 z-index: -1;
1477 transform: rotate(30deg);
1478 }
1479
1480 .starburst:after {
1481 transform: rotate(-30deg);
1482 }
1483
1484 .starburst span:after {
1485 transform: rotate(30deg);
1486 }
1487 .starburst span:before {
1488 transform: rotate(-30deg);
1489 }
1490
1491 .starburst {
1492 position: absolute;
1493 top: 50%;
1494 margin-top: -1.25em;
1495 margin-left: -1.25em;
1496 }
1497
1498 #wpcharitable-starburst-new {
1499 left: 5px;
1500 top: 0;
1501 }
1502
1503 /* campaign edit/create page */
1504
1505 #qt__charitable_campaign_description_toolbar input.ed_button {
1506 padding: 0 10px;
1507 }
1508 th.default_amount-col,
1509 td.default_amount-col {
1510 vertical-align: middle;
1511 max-width: 50px;
1512 width: 50px;
1513 }
1514
1515 /* create campaign popup */
1516
1517 #create-campaign-form label {
1518 font-size: 16px;
1519 line-height: 21px;
1520 margin-bottom: 5px;
1521 margin-top: 15px;
1522 display: block;
1523 }
1524 #create-campaign-form p {
1525 margin: 5px 0;
1526 }
1527 #create-campaign-form small {
1528 font-size: 12px;
1529 line-height: 16px;
1530 }
1531 #create-campaign-form input[type="text"] {
1532 margin-bottom: 10px;
1533 width: 90%;
1534 }
1535
1536 #create-campaign-form input[type="text"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
1537 color: #ccc;
1538 opacity: 1; /* Firefox */
1539 }
1540
1541 #create-campaign-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
1542 color: #ccc;
1543 }
1544
1545 #create-campaign-form input[type="text"]::-ms-input-placeholder { /* Microsoft Edge */
1546 color: #ccc;
1547 }
1548
1549 /* admin menu - licrnse update 2022 */
1550
1551 div#charitable-settings table.form-table tbody tr.section-heading th h4 {
1552 font-size: 20px;
1553 font-weight: 700;
1554 margin: 0 0 6px 0;
1555 }
1556 div#charitable-settings table.form-table tbody tr th {
1557 padding: 5px 0;
1558 }
1559 div#charitable-settings table.form-table tbody tr.section-heading th {
1560 padding: 30px 0 5px 0;
1561 }
1562 div#charitable-settings table.form-table tbody tr.section-heading p {
1563 margin-bottom: 0;
1564 }
1565 div#charitable-settings table.form-table tbody td p {
1566 margin: 0 0 10px 0;
1567 }
1568 div#charitable-settings table.form-table tbody tr.section-subheading th h4,
1569 div#charitable-settings table.form-table tbody tr.section-heading th h4,
1570 div#charitable-settings table.form-table tbody tr th h4 {
1571 font-size: 20px;
1572 font-weight: 700;
1573 margin: 10px 0 6px 0;
1574 line-height: 20px;
1575 }
1576 div#charitable-settings table.form-table tbody tr th[scope="row"] h4 {
1577 font-weight: normal;
1578 font-size: inherit;
1579 }
1580 div#charitable-settings table.form-table tbody tr.section-heading th[scope="row"] h4,
1581 div#charitable-settings table.form-table tbody tr:first-child th[scope="row"] h4 {
1582 font-size: 20px;
1583 font-weight: 700;
1584 margin: 10px 0 6px 0;
1585 line-height: 20px;
1586 }
1587
1588 div#charitable-settings table.form-table tbody tr.section-heading.dangerous-settings th h4 {
1589 color: red;
1590 }
1591
1592 div#charitable-settings table.form-table tr:first-child th:first-child {
1593 width: auto;
1594 }
1595
1596 div#charitable-settings table.form-table tbody tr.section-heading.dangerous-settings th:first-child {
1597 width: inherit;
1598 }
1599
1600 div#charitable-settings .green {
1601 color: green;
1602 }
1603
1604 div#charitable-settings .form-table tr input[type="text"],
1605 div#charitable-settings .form-table tr input[type="email"],
1606 div#charitable-settings .form-table tr input[type="password"],
1607 /* div#charitable-settings .form-table tr input[type="number"], */
1608 div#charitable-settings .form-table tr select {
1609 background-color: #F9F9FA;
1610 color: #52545F;
1611 border-color: #E4E4E7;
1612 border-radius: 3px;
1613 box-shadow: none;
1614 display: inline-block;
1615 vertical-align: middle;
1616 padding: 7px 12px;
1617 margin: 0 10px 0 0;
1618 min-height: 35px;
1619 font-size: 13px;
1620 line-height: 29px;
1621 font-weight: 500;
1622 }
1623
1624 div#charitable-settings .form-table tr.general-settings input[type="text"],
1625 div#charitable-settings .form-table tr.general-settings input[type="password"],
1626 div#charitable-settings .form-table tr.general-settings select {
1627 min-width: 400px;
1628 }
1629
1630 div#charitable-settings .form-table tr.restrict-radio ul.charitable-radio-list.charitable-settings-field {
1631 width: 50%;
1632 }
1633 div#charitable-settings .form-table tr.restrict-radio ul.charitable-radio-list li {
1634 display: block;
1635 font-size: 14px;
1636 }
1637
1638 input#charitable-settings-upgrade-license-key:read-only {
1639 opacity: 0.40;
1640 }
1641
1642 .license-message.license-valid- button.charitable-btn-deactivate,
1643 .license-message.license-valid-false button.charitable-btn-deactivate {
1644 display: none;
1645 }
1646
1647 /* attempt to get buttons more in line */
1648
1649 div#charitable-settings .charitable-btn {
1650 border: 1px;
1651 border-top-color: currentcolor;
1652 border-top-style: none;
1653 border-right-color: currentcolor;
1654 border-right-style: none;
1655 border-bottom-color: currentcolor;
1656 border-bottom-style: none;
1657 border-left-color: currentcolor;
1658 border-left-style: none;
1659 border-style: solid;
1660 border-radius: 3px;
1661 cursor: pointer;
1662 display: inline-block;
1663 margin: 0;
1664 margin-right: 0px;
1665 text-decoration: none;
1666 text-align: center;
1667 vertical-align: middle;
1668 white-space: nowrap;
1669 box-shadow: none;
1670 border-radius: 7px;
1671 }
1672 div#charitable-settings p.submit .button.button-secondary {
1673 border-radius: 5px;
1674 font-family: "Inter", sans-serif;
1675 font-weight: 600;
1676 font-size: 14px;
1677 line-height: 14px;
1678 padding: 15px 20px;
1679 text-transform: capitalize;
1680 height: auto;
1681 }
1682 div#charitable-settings .charitable-btn-md {
1683 font-size: 13px;
1684 font-weight: 600;
1685 padding: 8px 12px;
1686 min-height: 39px;
1687 }
1688 div#charitable-settings .charitable-setting-row button {
1689 margin-right: 10px;
1690 }
1691 div#charitable-settings .charitable-btn-orange {
1692 background-color: #e27730;
1693 border-color: #e27730;
1694 color: #fff;
1695 }
1696 div#charitable-settings .charitable-btn-green {
1697 background-color: #5AA152;
1698 border-color: #5AA152;
1699 color: #fff;
1700 }
1701 /* cta settings */
1702
1703 #charitable-settings .settings-lite-cta {
1704 background-color:#fff;
1705 border:1px solid #dadada;
1706 padding:25px 20px;
1707 margin:10px 0 0 0;
1708 position:relative
1709 }
1710 #charitable-settings .settings-lite-cta .dismiss {
1711 position:absolute;
1712 top:10px;
1713 right:10px;
1714 color:#666;
1715 font-size:16px
1716 }
1717 #charitable-settings .settings-lite-cta h5 {
1718 margin:0 0 16px;
1719 font-size:18px;
1720 font-weight:700
1721 }
1722 #charitable-settings .settings-lite-cta h6 {
1723 font-weight:700;
1724 font-size:14px;
1725 margin:0 0 16px
1726 }
1727 #charitable-settings .settings-lite-cta p {
1728 color:#555;
1729 font-size:14px;
1730 margin:0 0 16px
1731 }
1732 #charitable-settings .settings-lite-cta p:last-of-type {
1733 margin:0
1734 }
1735 #charitable-settings .settings-lite-cta p a {
1736 color:#e27730
1737 }
1738 #charitable-settings .settings-lite-cta p a:hover {
1739 color:#b85a1b
1740 }
1741 #charitable-settings .settings-lite-cta ul {
1742 margin:0;
1743 padding:0;
1744 width:50%;
1745 float:left
1746 }
1747 @media (max-width: 600px) {
1748 #charitable-settings .settings-lite-cta ul {
1749 width:100%;
1750 float:none
1751 }
1752 }
1753 #charitable-settings .settings-lite-cta ul li {
1754 margin:0;
1755 padding:0 0 2px 16px;
1756 color:#555;
1757 font-size:14px;
1758 position:relative
1759 }
1760 #charitable-settings .settings-lite-cta ul li:before {
1761 content:'+';
1762 position:absolute;
1763 top:-1px;
1764 left:0
1765 }
1766 #charitable-settings .settings-lite-cta .list {
1767 margin:0 0 16px 0;
1768 overflow:auto;
1769 max-width:900px
1770 }
1771 #charitable-settings .settings-lite-cta .green {
1772 color:#218900;
1773 font-weight:700
1774 }
1775 #charitable-settings .settings-lite-cta .fa-star {
1776 color:#ff982d
1777 }
1778 #charitable-settings .tablenav .tablenav-pages a,
1779 #charitable-settings .tablenav-pages-navspan {
1780 min-width:28px;
1781 height:auto
1782 }
1783 .charitable-admin-wrap #charitable-settings .notice {
1784 margin-left:0 !important;
1785 margin-right:0 !important
1786 }
1787
1788 /* settings */
1789 select#charitable_settings_import_donations {
1790 margin-bottom: 10px;
1791 width: 100%;
1792 }
1793 .form-table td p.top-label {
1794 margin-bottom: 10px;
1795 }
1796
1797 th .badge,
1798 body.post-type-charitable .postbox h2 .badge {
1799 display: inline-block;
1800 padding: .25em .4em;
1801 font-size: 75%;
1802 font-weight: 700;
1803 line-height: 1;
1804 text-align: center;
1805 white-space: nowrap;
1806 vertical-align: baseline;
1807 border-radius: .25rem;
1808 }
1809 th .badge.beta,
1810 body.post-type-charitable .postbox h2 .badge.beta {
1811 color: #fff;
1812 background-color: #007bff;
1813 }
1814
1815 /* admin tools */
1816
1817 .charitable-setting-dropdown-container,
1818 .charitable-setting-file-container {
1819 margin-bottom: 10px;
1820 }
1821 form.form-contains-file {
1822 margin-top: -10px;
1823 }
1824 form.form-contains-file input[type="file"].charitable-settings-field {
1825 font-size: 14px;
1826 }
1827
1828 /* donation history */
1829
1830 table.charitable-donor-history-table td p {
1831 margin: 0;
1832 }
1833
1834 /*# sourceMappingURL=charitable-admin.css.map */
1835