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

1,160 lines 36.2 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 6px 0; }
104 .charitable-metabox .handlediv,
105 .charitable-metabox .hndle {
106 display: none; }
107 .charitable-metabox input,
108 .charitable-metabox textarea {
109 padding: 14px 10px;
110 width: 100%; }
111 .charitable-metabox select {
112 width: 100%; }
113 .charitable-metabox input[type=checkbox],
114 .charitable-metabox input[type=radio],
115 .charitable-metabox input[type=button],
116 .charitable-metabox input[type=submit] {
117 width: auto; }
118 .charitable-metabox .charitable-metabox-title {
119 font-size: 14px;
120 margin-top: 0;
121 margin-bottom: 6px; }
122 .charitable-metabox .widefat th {
123 font-size: 13px; }
124 .charitable-metabox .widefat tbody th {
125 width: 33%;
126 border-right: 1px solid #e1e1e1;
127 background: #f5f5f5; }
128 .charitable-metabox .widefat .remove-col,
129 .charitable-metabox .widefat .reorder-col {
130 vertical-align: middle;
131 text-align: center; }
132 .charitable-metabox .widefat .remove-col span,
133 .charitable-metabox .widefat .reorder-col span {
134 font-size: 20px;
135 color: #aaa; }
136 .charitable-metabox .widefat .remove-col span:hover,
137 .charitable-metabox .widefat .reorder-col span:hover {
138 color: #444; }
139 .charitable-metabox .widefat .reorder-col {
140 width: 10px;
141 padding-right: 0; }
142 .charitable-metabox .widefat .reorder-col span {
143 cursor: move; }
144 .charitable-metabox .widefat .remove-col {
145 width: 20px;
146 padding-left: 0; }
147 .charitable-metabox .widefat .remove-col span {
148 cursor: pointer; }
149 .charitable-metabox .widefat .ui-sortable-helper {
150 border: 1px solid #ddd;
151 background: #efefef; }
152 .charitable-metabox .table-header {
153 background: #f5f5f5; }
154 .charitable-metabox .table-header label {
155 margin-bottom: 0;
156 font-weight: bold; }
157 .charitable-metabox .charitable-metabox-header {
158 margin: 24px 0; }
159 .charitable-metabox .inside > .charitable-metabox-header:first-child {
160 margin-top: 0; }
161
162 .charitable-metabox-header {
163 float: left;
164 width: 100%; }
165
166 .charitable-metabox-wrap {
167 width: 100%;
168 float: left;
169 margin-bottom: 24px; }
170 .charitable-metabox-wrap .charitable-helper {
171 display: block;
172 padding-top: 6px;
173 font-style: italic; }
174 .charitable-metabox-wrap label,
175 .charitable-metabox-wrap legend {
176 display: block;
177 margin-bottom: 6px; }
178 .charitable-metabox-wrap th label {
179 margin-bottom: 0; }
180 .charitable-metabox-wrap input,
181 .charitable-metabox-wrap textarea {
182 width: 100%;
183 padding: 14px 10px; }
184 .charitable-metabox-wrap select {
185 width: 100%;
186 padding: 0 10px;
187 height: 46px;
188 line-height: 46px; }
189 .charitable-metabox-wrap input[type=checkbox],
190 .charitable-metabox-wrap input[type=radio] {
191 width: auto; }
192 .charitable-metabox-wrap.charitable-radio-wrap, .charitable-metabox-wrap.charitable-multi-checkbox-wrap {
193 margin-bottom: 14px; }
194 .charitable-metabox-wrap .charitable-radio-list li {
195 display: block; }
196 .charitable-metabox-wrap .charitable-radio-list label {
197 vertical-align: baseline; }
198
199 .charitable-checkbox-wrap label {
200 display: inline; }
201
202 .charitable-checkbox-list label,
203 .charitable-radio-list label {
204 display: inline-block; }
205 .charitable-checkbox-list li,
206 .charitable-radio-list li {
207 margin-bottom: 10px; }
208
209 .charitable-radio-list label {
210 margin-bottom: 0;
211 vertical-align: text-bottom; }
212
213 .charitable-metabox-block {
214 padding: 10px;
215 margin-bottom: 10px;
216 border: 1px solid #dedede; }
217
218 body.post-type-donation .postbox-container .empty-container,
219 body.post-type-campaign .postbox-container .empty-container {
220 border: none;
221 height: auto; }
222
223 .charitable-actions-form {
224 padding: 0 20px 20px 20px; }
225
226 .charitable-actions-submit {
227 background-color: #f8f8f8;
228 padding: 12px;
229 border-top: 1px solid #e5e5e5; }
230 .charitable-actions-submit .button-primary {
231 float: right; }
232
233 .charitable-action-fields {
234 margin-top: 20px; }
235
236 .post-type-campaign .postbox-title {
237 border-bottom: 1px solid #eee; }
238
239 #campaign-title.postbox,
240 #campaign-goal.postbox,
241 #campaign-end-date.postbox,
242 #campaign-description.postbox {
243 min-width: 0;
244 padding: 0 0 24px 0;
245 margin: 0;
246 background-color: transparent;
247 border: none;
248 box-shadow: none; }
249 #campaign-title.postbox .inside,
250 #campaign-goal.postbox .inside,
251 #campaign-end-date.postbox .inside,
252 #campaign-description.postbox .inside {
253 margin-top: 0;
254 padding: 0; }
255 #campaign-title .postbox-title,
256 #campaign-goal .postbox-title,
257 #campaign-end-date .postbox-title,
258 #campaign-description .postbox-title {
259 padding: 0 0 6px 0; }
260 #campaign-title .handlediv,
261 #campaign-title .hndle,
262 #campaign-goal .handlediv,
263 #campaign-goal .hndle,
264 #campaign-end-date .handlediv,
265 #campaign-end-date .hndle,
266 #campaign-description .handlediv,
267 #campaign-description .hndle {
268 display: none; }
269 #campaign-title input,
270 #campaign-title textarea,
271 #campaign-goal input,
272 #campaign-goal textarea,
273 #campaign-end-date input,
274 #campaign-end-date textarea,
275 #campaign-description input,
276 #campaign-description textarea {
277 padding: 14px 10px;
278 width: 100%; }
279 #campaign-title select,
280 #campaign-goal select,
281 #campaign-end-date select,
282 #campaign-description select {
283 width: 100%; }
284 #campaign-title input[type=checkbox],
285 #campaign-title input[type=radio],
286 #campaign-title input[type=button],
287 #campaign-title input[type=submit],
288 #campaign-goal input[type=checkbox],
289 #campaign-goal input[type=radio],
290 #campaign-goal input[type=button],
291 #campaign-goal input[type=submit],
292 #campaign-end-date input[type=checkbox],
293 #campaign-end-date input[type=radio],
294 #campaign-end-date input[type=button],
295 #campaign-end-date input[type=submit],
296 #campaign-description input[type=checkbox],
297 #campaign-description input[type=radio],
298 #campaign-description input[type=button],
299 #campaign-description input[type=submit] {
300 width: auto; }
301 #campaign-title .charitable-metabox-title,
302 #campaign-goal .charitable-metabox-title,
303 #campaign-end-date .charitable-metabox-title,
304 #campaign-description .charitable-metabox-title {
305 font-size: 14px;
306 margin-top: 0;
307 margin-bottom: 6px; }
308 #campaign-title .widefat th,
309 #campaign-goal .widefat th,
310 #campaign-end-date .widefat th,
311 #campaign-description .widefat th {
312 font-size: 13px; }
313 #campaign-title .widefat tbody th,
314 #campaign-goal .widefat tbody th,
315 #campaign-end-date .widefat tbody th,
316 #campaign-description .widefat tbody th {
317 width: 33%;
318 border-right: 1px solid #e1e1e1;
319 background: #f5f5f5; }
320 #campaign-title .widefat .remove-col,
321 #campaign-title .widefat .reorder-col,
322 #campaign-goal .widefat .remove-col,
323 #campaign-goal .widefat .reorder-col,
324 #campaign-end-date .widefat .remove-col,
325 #campaign-end-date .widefat .reorder-col,
326 #campaign-description .widefat .remove-col,
327 #campaign-description .widefat .reorder-col {
328 vertical-align: middle;
329 text-align: center; }
330 #campaign-title .widefat .remove-col span,
331 #campaign-title .widefat .reorder-col span,
332 #campaign-goal .widefat .remove-col span,
333 #campaign-goal .widefat .reorder-col span,
334 #campaign-end-date .widefat .remove-col span,
335 #campaign-end-date .widefat .reorder-col span,
336 #campaign-description .widefat .remove-col span,
337 #campaign-description .widefat .reorder-col span {
338 font-size: 20px;
339 color: #aaa; }
340 #campaign-title .widefat .remove-col span:hover,
341 #campaign-title .widefat .reorder-col span:hover,
342 #campaign-goal .widefat .remove-col span:hover,
343 #campaign-goal .widefat .reorder-col span:hover,
344 #campaign-end-date .widefat .remove-col span:hover,
345 #campaign-end-date .widefat .reorder-col span:hover,
346 #campaign-description .widefat .remove-col span:hover,
347 #campaign-description .widefat .reorder-col span:hover {
348 color: #444; }
349 #campaign-title .widefat .reorder-col,
350 #campaign-goal .widefat .reorder-col,
351 #campaign-end-date .widefat .reorder-col,
352 #campaign-description .widefat .reorder-col {
353 width: 10px;
354 padding-right: 0; }
355 #campaign-title .widefat .reorder-col span,
356 #campaign-goal .widefat .reorder-col span,
357 #campaign-end-date .widefat .reorder-col span,
358 #campaign-description .widefat .reorder-col span {
359 cursor: move; }
360 #campaign-title .widefat .remove-col,
361 #campaign-goal .widefat .remove-col,
362 #campaign-end-date .widefat .remove-col,
363 #campaign-description .widefat .remove-col {
364 width: 20px;
365 padding-left: 0; }
366 #campaign-title .widefat .remove-col span,
367 #campaign-goal .widefat .remove-col span,
368 #campaign-end-date .widefat .remove-col span,
369 #campaign-description .widefat .remove-col span {
370 cursor: pointer; }
371 #campaign-title .widefat .ui-sortable-helper,
372 #campaign-goal .widefat .ui-sortable-helper,
373 #campaign-end-date .widefat .ui-sortable-helper,
374 #campaign-description .widefat .ui-sortable-helper {
375 border: 1px solid #ddd;
376 background: #efefef; }
377 #campaign-title .table-header,
378 #campaign-goal .table-header,
379 #campaign-end-date .table-header,
380 #campaign-description .table-header {
381 background: #f5f5f5; }
382 #campaign-title .table-header label,
383 #campaign-goal .table-header label,
384 #campaign-end-date .table-header label,
385 #campaign-description .table-header label {
386 margin-bottom: 0;
387 font-weight: bold; }
388 #campaign-title .charitable-metabox-header,
389 #campaign-goal .charitable-metabox-header,
390 #campaign-end-date .charitable-metabox-header,
391 #campaign-description .charitable-metabox-header {
392 margin: 24px 0; }
393 #campaign-title .inside > .charitable-metabox-header:first-child,
394 #campaign-goal .inside > .charitable-metabox-header:first-child,
395 #campaign-end-date .inside > .charitable-metabox-header:first-child,
396 #campaign-description .inside > .charitable-metabox-header:first-child {
397 margin-top: 0; }
398
399 /* --- Top campaign meta boxes --- */
400 #campaign-top-sortables {
401 padding-top: 20px; }
402 #campaign-top-sortables #campaign-goal,
403 #campaign-top-sortables #campaign-end-date {
404 float: left;
405 width: 48%; }
406 #campaign-top-sortables #campaign-goal {
407 padding-right: 4%; }
408 #campaign-top-sortables #campaign-description {
409 clear: both; }
410 @media (max-width: 37.5em) {
411 #campaign-top-sortables #campaign-goal,
412 #campaign-top-sortables #campaign-end-date {
413 width: 100%;
414 padding: 0 0 24px; }
415 #campaign-top-sortables #campaign-end-date .charitable-end-time {
416 padding-bottom: 14px; } }
417
418 /* --- End Date --- */
419 #charitable-campaign-end-date-metabox-wrap {
420 position: relative; }
421 #charitable-campaign-end-date-metabox-wrap .charitable-end-time {
422 position: absolute;
423 right: 0;
424 top: 2px;
425 width: 80px;
426 padding: 14px 10px;
427 border-left: 1px solid rgba(0, 0, 0, 0.07);
428 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
429 background: #f5f5f5;
430 text-align: center; }
431 @media (min-width: 48.875em) {
432 #charitable-campaign-end-date-metabox-wrap .charitable-end-time {
433 padding-bottom: 13px; } }
434
435 #campaign-end-date.postbox #charitable-campaign-end-date-metabox-wrap label {
436 border: 0;
437 clip: rect(1px, 1px, 1px, 1px);
438 -webkit-clip-path: inset(50%);
439 clip-path: inset(50%);
440 height: 1px;
441 margin: -1px;
442 overflow: hidden;
443 padding: 0;
444 position: absolute;
445 width: 1px;
446 word-wrap: normal !important; }
447
448 /* --- Advanced Metabox --- */
449 #campaign-settings .postbox-title {
450 border-bottom-color: #dedede; }
451 #campaign-settings .inside {
452 margin: 0;
453 padding: 0; }
454 #campaign-settings .ui-tabs {
455 *zoom: 1;
456 clear: both;
457 padding: 0;
458 background-color: #f5f5f5;
459 border: none;
460 border-radius: 0;
461 font-family: "Open Sans", sans-serif;
462 font-size: 13px; }
463 #campaign-settings .ui-tabs:before, #campaign-settings .ui-tabs:after {
464 content: " ";
465 display: table; }
466 #campaign-settings .ui-tabs:after {
467 clear: both; }
468 #campaign-settings .ui-tabs .wp-editor-expand #wp-content-editor-tools {
469 background-color: transparent; }
470 #campaign-settings .ui-tabs-nav {
471 float: left;
472 width: 20%;
473 margin: 0;
474 padding: 0;
475 border: none;
476 background: none;
477 line-height: 1em;
478 height: auto; }
479 #campaign-settings .ui-tabs-nav li {
480 position: relative;
481 top: 0;
482 display: block;
483 width: 100%;
484 float: none;
485 background: none;
486 margin: 0;
487 padding: 0 1px 0 0;
488 border: 0;
489 white-space: normal; }
490 #campaign-settings .ui-tabs-nav a {
491 display: block;
492 float: none;
493 padding: 10px;
494 color: #747474;
495 text-decoration: none;
496 border: none;
497 text-shadow: none;
498 margin: 0;
499 font-weight: normal; }
500 #campaign-settings .ui-tabs-nav li.ui-tabs-active {
501 z-index: 2;
502 margin-right: -2px;
503 border-top: 1px solid #dedede;
504 border-bottom: 1px solid #dedede !important;
505 background-color: #fff; }
506 #campaign-settings .ui-tabs-nav li:first-child {
507 border-top-color: 1px solid #dedede; }
508 #campaign-settings .ui-tabs-nav li.ui-tabs-active:first-child {
509 border-top-color: transparent; }
510 #campaign-settings .ui-tabs-nav li:last-child {
511 margin-bottom: 10px;
512 border-bottom-color: transparent; }
513 #campaign-settings .ui-tabs-panel {
514 clear: none;
515 box-sizing: border-box;
516 float: right;
517 width: 80%;
518 padding: 20px;
519 margin: 0;
520 border-left: 1px solid #dedede;
521 border-top: 0;
522 background-color: #fff; }
523 #campaign-settings #wp-content-editor-tools {
524 padding-top: 0; }
525
526 .charitable-campaign-settings-panel .charitable-metabox-header:first-child {
527 margin-top: 0; }
528
529 /* --- Suggested Donations --- */
530 #charitable-campaign-suggested-donations .amount-col {
531 width: 100px;
532 min-width: 35%; }
533
534 /* --- Benefactors --- */
535 .charitable-benefactor-wrap {
536 padding: 0 10px 10px;
537 margin-top: 10px;
538 border: 1px solid #ddd;
539 background: #f5f5f5; }
540 .charitable-benefactor-wrap select {
541 width: 100%; }
542
543 .charitable-benefactor-summary {
544 *zoom: 1; }
545 .charitable-benefactor-summary:before, .charitable-benefactor-summary:after {
546 content: " ";
547 display: table; }
548 .charitable-benefactor-summary:after {
549 clear: both; }
550 .charitable-benefactor-summary .summary {
551 float: left;
552 width: 82%; }
553 .charitable-benefactor-summary .alignright {
554 float: right;
555 width: 18%;
556 text-align: right; }
557
558 .charitable-benefactor-form-cancel {
559 float: right;
560 margin-top: 10px; }
561
562 .charitable-benefactor-contribution-amount {
563 margin-bottom: 10px; }
564 .charitable-benefactor-contribution-amount .contribution-amount {
565 margin-bottom: 10px;
566 font-size: 16px; }
567 @media (min-width: 42.5em) {
568 .charitable-benefactor-contribution-amount {
569 border: 1px solid #ddd;
570 background-color: #fff; }
571 .charitable-benefactor-contribution-amount .contribution-amount {
572 width: auto;
573 min-width: 220px;
574 margin: 1px;
575 border: none;
576 box-shadow: none; }
577 .charitable-benefactor-contribution-amount .contribution-type {
578 float: right;
579 margin: 10px;
580 width: auto; }
581 .charitable-benefactor-contribution-amount input:focus,
582 .charitable-benefactor-contribution-amount select:focus {
583 box-shadow: none; } }
584
585 .charitable-benefactor-date-wrap {
586 margin-top: 10px; }
587 .charitable-benefactor-date-wrap label {
588 float: left;
589 width: 49%; }
590 .charitable-benefactor-date-wrap label:nth-child(2n+2) {
591 margin-left: 2%; }
592 .charitable-benefactor-date-wrap input {
593 margin: 1em 0;
594 font-weight: normal; }
595
596 .charitable-benefactor-inactive,
597 .charitable-benefactor-expired {
598 background-color: #f5f5f5; }
599 .charitable-benefactor-inactive .summary span,
600 .charitable-benefactor-expired .summary span {
601 font-weight: bold;
602 text-transform: uppercase;
603 padding-right: 8px;
604 color: #f89d35; }
605
606 /* --- Campaign Creator --- */
607 #campaign-creator .creator-facts .creator-name {
608 padding: 0; }
609 #campaign-creator .creator-facts .creator-name a {
610 color: #333;
611 text-decoration: none; }
612 #campaign-creator .creator-facts dt {
613 display: inline-block;
614 font-weight: bold; }
615 #campaign-creator .creator-facts dd {
616 display: inline-block; }
617
618 #charitable-post-author-wrap {
619 padding-top: 24px;
620 margin-top: 12px;
621 border-top: 1px solid #e1e1e1; }
622
623 body.post-type-donation #post-body-content,
624 body.post-type-donation #titlediv {
625 display: none; }
626 body.post-type-donation .closed .inside {
627 display: block; }
628 body.post-type-donation .donation-banner-wrapper {
629 float: left;
630 width: 100%;
631 background: #f8f8f8;
632 border-radius: 4px 4px 0 0;
633 border-bottom: 1px solid #e5e5e5; }
634 body.post-type-donation .donation-banner {
635 position: relative;
636 padding: 12px 20px; }
637 body.post-type-donation .donation-banner .donation-edit-link {
638 position: absolute;
639 top: 12px;
640 right: 20px; }
641 body.post-type-donation .donation-banner .donation-number {
642 margin: 0;
643 padding: 0;
644 font-size: 1.3em; }
645 body.post-type-donation .donation-erasure-notice-wrapper {
646 float: left;
647 width: 100%; }
648 body.post-type-donation .donation-erasure-notice {
649 padding: 12px 20px;
650 border-bottom: 1px solid #e5e5e5;
651 font-style: italic; }
652 @media (min-width: 70em) {
653 body.post-type-donation #poststuff #post-body.columns-2 {
654 margin-right: 340px; }
655 body.post-type-donation #poststuff #post-body.columns-2 #postbox-container-1 {
656 margin-right: -340px;
657 width: 320px; }
658 body.post-type-donation #poststuff #post-body.columns-2 #postbox-container-1 #side-sortables {
659 width: 100%; } }
660
661 #donation-overview .charitable-metabox {
662 *zoom: 1; }
663 #donation-overview .charitable-metabox:before, #donation-overview .charitable-metabox:after {
664 content: " ";
665 display: table; }
666 #donation-overview .charitable-metabox:after {
667 clear: both; }
668 #donation-overview .postbox-title,
669 #donation-overview .hndle {
670 display: none; }
671 #donation-overview .inside {
672 margin: 0;
673 padding: 0; }
674 #donation-overview #donor {
675 float: left;
676 padding: 20px 10px 40px 20px;
677 width: 300px;
678 max-width: 67%; }
679 #donation-overview .donor-name {
680 font-weight: normal; }
681 #donation-overview h3 {
682 margin: 0 0 0.5em;
683 padding: 0;
684 font-size: 1.3em; }
685 #donation-overview #donation-summary {
686 float: right;
687 padding: 20px 20px 40px 0;
688 max-width: 33%;
689 text-align: right; }
690 #donation-overview .donation-status {
691 display: block;
692 margin-bottom: 6px; }
693 #donation-overview .donation-status .status,
694 #donation-overview .contact-consent .consent {
695 font-weight: bolder; }
696 #donation-overview table#overview {
697 float: left;
698 width: 100%;
699 border-spacing: 0; }
700 #donation-overview table#overview thead th {
701 padding: 0 0 0.8em; }
702 #donation-overview table#overview .col-campaign-name {
703 padding-left: 20px;
704 text-align: left; }
705 #donation-overview table#overview .col-campaign-donation-amount {
706 padding-right: 20px;
707 text-align: right; }
708 #donation-overview table#overview tbody td {
709 padding: 2em 0;
710 border-top: 1px solid #e5e5e5; }
711 #donation-overview table#overview tbody tr:last-child td {
712 border-bottom: 1px solid #e5e5e5; }
713 #donation-overview table#overview .campaign-name {
714 padding-left: 20px;
715 font-size: 18px; }
716 #donation-overview table#overview .campaign-donation-amount {
717 padding-right: 20px;
718 font-size: 16px;
719 text-align: right; }
720 #donation-overview table#overview tfoot td,
721 #donation-overview table#overview tfoot th {
722 padding: 0.6em 20px 0.6em 0;
723 background-color: #f8f8f8;
724 text-align: right; }
725 #donation-overview table#overview tfoot tr:first-of-type td,
726 #donation-overview table#overview tfoot tr:first-of-type th {
727 padding-top: 1.2em; }
728 #donation-overview table#overview tfoot tr:last-of-type td,
729 #donation-overview table#overview tfoot tr:last-of-type th {
730 padding-bottom: 1.2em; }
731
732 #donation-actions .inside {
733 padding: 0; }
734 #donation-actions .postbox-title {
735 padding: 20px 20px 12px 20px; }
736
737 #donation-details,
738 #donation-log {
739 padding: 12px 8px; }
740
741 #donation-details dt {
742 font-weight: bold;
743 margin-bottom: 0.5em; }
744 #donation-details dd {
745 margin: 0 0 1em;
746 padding-bottom: 1em;
747 border-bottom: 1px solid #e5e5e5; }
748 #donation-details dd:last-child {
749 border-bottom: none;
750 padding-bottom: 0; }
751
752 #donation-log table {
753 word-break: break-all; }
754 #donation-log thead th {
755 background: #f8f8f8; }
756 #donation-log thead th:first-child {
757 width: 200px; }
758 #donation-log tbody td {
759 border-bottom: 1px solid #e5e5e5; }
760
761 /* Donation Form */
762 .post-type-donation.charitable-admin-donation-form #postbox-container-2 {
763 margin-bottom: 0;
764 border: 1px solid #dedede;
765 border-radius: 4px;
766 background: #fff; }
767 .post-type-donation.charitable-admin-donation-form .charitable-metabox-wrap {
768 margin-bottom: 24px; }
769 .post-type-donation.charitable-admin-donation-form .charitable-metabox-wrap.charitable-fieldset-wrap {
770 margin-bottom: 0; }
771 .post-type-donation.charitable-admin-donation-form #donation-form {
772 border: none;
773 background: transparent;
774 box-shadow: none; }
775 .post-type-donation.charitable-admin-donation-form #donation-form .postbox-title {
776 display: none; }
777 .post-type-donation.charitable-admin-donation-form #donation-form .inside {
778 padding: 0;
779 margin: 0; }
780 .post-type-donation.charitable-admin-donation-form #donation-form .inside > .charitable-form-fields {
781 clear: both;
782 padding: 20px; }
783 .post-type-donation.charitable-admin-donation-form #donation-form .charitable-form-fields > h3:first-of-type {
784 margin-top: 0; }
785 .post-type-donation.charitable-admin-donation-form #donation-form .charitable-form-fields > .charitable-metabox-wrap:not(.charitable-fieldset-wrap) {
786 margin-bottom: 24px; }
787 .post-type-donation.charitable-admin-donation-form #donation-form-meta {
788 padding: 24px 12px 12px; }
789
790 #charitable-campaign-donations thead th {
791 background: #f5f5f5; }
792
793 #charitable-user-fields-wrap {
794 width: 100%; }
795 #charitable-user-fields-wrap #charitable-first-name-wrap,
796 #charitable-user-fields-wrap #charitable-last-name-wrap {
797 width: 48%; }
798 #charitable-user-fields-wrap #charitable-first-name-wrap {
799 padding-right: 4%; }
800 #charitable-user-fields-wrap #charitable-postcode-wrap {
801 width: 26%;
802 padding-right: 4%; }
803 #charitable-user-fields-wrap #charitable-country-wrap {
804 width: 70%;
805 clear: right; }
806
807 .charitable-settings-field {
808 padding: 7px 10px;
809 width: 300px;
810 font-size: 16px;
811 line-height: 1.5em; }
812 .charitable-settings-field.short {
813 width: 100px; }
814 .charitable-settings-field.wide {
815 width: 100%; }
816
817 input[type=number].charitable-settings-field {
818 height: auto; }
819
820 select.charitable-settings-field {
821 width: auto; }
822
823 .charitable-settings-object {
824 max-width: 860px;
825 padding: 10px 20px;
826 margin-bottom: 4px;
827 border: 1px solid #e1e1e1;
828 background-color: #fff; }
829 .charitable-settings-object h4 {
830 float: left;
831 margin: 0;
832 line-height: 28px; }
833 .charitable-settings-object span.actions {
834 float: right; }
835 .charitable-settings-object span.actions a {
836 margin-left: 10px; }
837
838 .charitable-gateway .default-gateway,
839 .charitable-gateway .make-default-gateway {
840 margin-left: 20px;
841 font-size: 12px;
842 line-height: 28px; }
843 .charitable-gateway .default-gateway {
844 color: #f89d35; }
845 .charitable-gateway .make-default-gateway {
846 color: #777; }
847
848 .charitable-settings-notice {
849 max-width: 860px;
850 padding: 10px 20px;
851 margin-top: 20px;
852 border: 1px solid #e1e1e1;
853 background-color: #fef4e8; }
854
855 .charitable-licensed-product h4 {
856 width: 230px;
857 margin-right: 20px;
858 line-height: 40px; }
859 .charitable-licensed-product .charitable-settings-field {
860 float: left;
861 width: 100%; }
862 @media (min-width: 68.125em) {
863 .charitable-licensed-product .charitable-settings-field {
864 width: 312px;
865 margin-right: 20px; } }
866 .charitable-licensed-product .license-meta {
867 font-size: 12px;
868 line-height: 40px; }
869 .charitable-licensed-product .license-active {
870 float: left; }
871 .charitable-licensed-product .valid-license {
872 color: #f89d35;
873 font-weight: bold; }
874 .charitable-licensed-product .license-deactivation {
875 float: left;
876 margin: 6px 0; }
877 .charitable-licensed-product .license-invalid {
878 color: #f89d35; }
879 .charitable-licensed-product .license-expiration-date {
880 float: right;
881 margin-left: 10px; }
882
883 .charitable-help {
884 display: block;
885 margin-top: 4px;
886 font-size: 13px;
887 line-height: 21px;
888 font-style: italic;
889 color: #777; }
890
891 .form-table .charitable-help p {
892 font-size: 13px;
893 line-height: 21px; }
894
895 .form-table td.charitable-fullwidth {
896 padding: 15px 0; }
897
898 .charitable-shortcode-options ul {
899 list-style: disc;
900 margin-left: 16px;
901 font-style: normal; }
902 .charitable-shortcode-options li {
903 margin-bottom: 2px; }
904
905 @media (min-width: 48em) {
906 .charitable_page_charitable-settings .form-table th {
907 min-width: 200px; } }
908 .charitable_page_charitable-settings .form-table th label {
909 font-size: 13px; }
910 .charitable_page_charitable-settings .form-table td select {
911 max-width: 400px; }
912
913 .charitable-radio-list {
914 padding: 0;
915 margin: 0;
916 list-style: none; }
917 .charitable-radio-list li {
918 display: inline-block;
919 margin-right: 20px; }
920
921 .charitable-checkbox-list {
922 width: auto;
923 margin: 0;
924 padding: 0; }
925
926 .charitable-notice {
927 padding: 5px 10px;
928 font-size: 14px;
929 background-color: #fff; }
930 .charitable-notice.charitable-notice-error {
931 border-left: 4px solid #dc3232; }
932
933 .edit-php.post-type-charitable .tablenav .actions {
934 padding-right: 0; }
935 .edit-php.post-type-charitable .tablenav #start_date,
936 .edit-php.post-type-charitable .tablenav #end_date {
937 width: 10.5em; }
938 .edit-php.post-type-charitable .tablenav #post-query-submit {
939 display: none; }
940 .edit-php.post-type-charitable .tablenav #delete_all {
941 margin-top: 3px; }
942 .edit-php.post-type-charitable .tablenav .charitable-filter-button:before,
943 .edit-php.post-type-charitable .tablenav .charitable-export-button:before {
944 vertical-align: middle;
945 margin-top: -2px;
946 width: 16px;
947 height: 16px;
948 font-size: 16px; }
949 .edit-php.post-type-charitable .tablenav a.button {
950 display: inline-block; }
951 .edit-php.post-type-charitable .tablenav.top {
952 margin: 0 0 12px 0; }
953 .edit-php.post-type-charitable .tablenav.top select.campaign_id {
954 float: none;
955 vertical-align: top; }
956 .edit-php.post-type-charitable .tablenav.top .actions {
957 overflow: visible; }
958 .edit-php.post-type-charitable .tablenav.top .actions .has-popup {
959 position: relative;
960 display: inline-block;
961 cursor: pointer;
962 -webkit-user-select: none;
963 -moz-user-select: none;
964 -ms-user-select: none;
965 user-select: none; }
966 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup {
967 visibility: hidden;
968 width: 260px;
969 background-color: #999;
970 color: #fff;
971 text-align: center;
972 border-radius: 6px;
973 padding: 4px;
974 position: absolute;
975 z-index: 1;
976 top: 125%;
977 left: 50%;
978 margin-left: -136px; }
979 .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 {
980 width: 80%;
981 margin-bottom: 1em; }
982 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup .inner {
983 background: white;
984 padding: 1em 0;
985 border-radius: 4px; }
986 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup::before {
987 content: "";
988 position: absolute;
989 bottom: 100%;
990 left: 50%;
991 margin-left: -5px;
992 border-width: 5px;
993 border-style: solid;
994 border-color: transparent transparent #999 transparent; }
995 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup.show {
996 visibility: visible !important;
997 -webkit-animation: fadeIn 1s;
998 animation: fadeIn 1s; }
999 .edit-php.post-type-charitable .tablenav.top .charitable-export-actions {
1000 margin-left: 8px; }
1001 .edit-php.post-type-charitable .wp-list-table .meta {
1002 display: block;
1003 color: #999; }
1004 .edit-php.post-type-charitable .wp-list-table .column-post_status mark {
1005 padding: 2px 4px;
1006 margin: 0;
1007 text-align: center;
1008 white-space: nowrap;
1009 background: #999;
1010 color: #fff;
1011 border-radius: 2px;
1012 font-size: 10px;
1013 letter-spacing: 1px;
1014 text-transform: uppercase;
1015 font-weight: bold; }
1016 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-pending {
1017 background-color: #999; }
1018 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-completed {
1019 background-color: #34d058; }
1020 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-failed {
1021 background-color: #f7a129; }
1022 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-cancelled {
1023 background-color: #ff0000; }
1024 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-refunded {
1025 background-color: #3fb8f5; }
1026 .edit-php.post-type-charitable .charitable-modal {
1027 max-width: 400px;
1028 background-color: #f1f1f1; }
1029 .edit-php.post-type-charitable .charitable-modal .modal-close {
1030 position: absolute;
1031 top: 2px;
1032 right: 2px;
1033 z-index: 10;
1034 cursor: pointer; }
1035 .edit-php.post-type-charitable .charitable-modal .modal-close::before {
1036 content: "\f158";
1037 display: block !important;
1038 font: normal 20px/1 dashicons;
1039 speak: none;
1040 height: 22px;
1041 margin: 2px 0;
1042 text-align: center;
1043 width: 22px;
1044 color: #777;
1045 -webkit-font-smoothing: antialiased !important;
1046 -moz-osx-font-smoothing: grayscale; }
1047 .edit-php.post-type-charitable .charitable-modal h3 {
1048 margin: 0 0 0.5em;
1049 font-size: 23px;
1050 line-height: 29px;
1051 font-weight: 400;
1052 text-align: center; }
1053 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form {
1054 padding: 22px;
1055 font-size: 14px;
1056 background-color: #fff; }
1057 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form legend,
1058 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form label,
1059 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form input[type=text],
1060 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form select,
1061 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form button {
1062 display: block; }
1063 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form input[type=text] {
1064 width: 320px;
1065 max-width: 100%; }
1066 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form input[type=text],
1067 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form select {
1068 max-width: 100%;
1069 margin-bottom: 22px; }
1070 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form input[type=text] {
1071 padding-top: 11px;
1072 padding-bottom: 11px; }
1073 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form legend,
1074 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form label,
1075 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form #charitable-export-start-date {
1076 margin-bottom: 6px; }
1077 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form input.charitable-datepicker {
1078 width: 48%;
1079 display: inline-block; }
1080
1081 .edit-php.post-type-campaign th.manage-column.column-ID,
1082 .edit-php.post-type-campaign td.column-ID {
1083 width: 2.2em;
1084 padding: 11px 3px; }
1085 .edit-php.post-type-campaign .column-status mark {
1086 padding: 2px 4px;
1087 margin: 0;
1088 text-align: center;
1089 white-space: nowrap;
1090 background: #999;
1091 color: #fff;
1092 border-radius: 2px;
1093 font-size: 10px;
1094 letter-spacing: 1px;
1095 text-transform: uppercase;
1096 font-weight: bold; }
1097 .edit-php.post-type-campaign .column-status mark.active {
1098 background-color: #23282d; }
1099 .edit-php.post-type-campaign .column-status mark.finished {
1100 background-color: #3fb8f5; }
1101 .edit-php.post-type-campaign .column-status mark.successful {
1102 background-color: #34d058; }
1103 .edit-php.post-type-campaign .column-status mark.unsuccessful {
1104 background-color: #ff0000; }
1105
1106 #charitable_dashboard_donations .hide-if-no-js {
1107 padding: 10px 0;
1108 text-align: center; }
1109 #charitable_dashboard_donations .inside {
1110 margin: 0;
1111 padding: 0; }
1112 #charitable_dashboard_donations .charitable-donation-statistics {
1113 *zoom: 1;
1114 margin-bottom: 20px; }
1115 #charitable_dashboard_donations .charitable-donation-statistics:before, #charitable_dashboard_donations .charitable-donation-statistics:after {
1116 content: " ";
1117 display: table; }
1118 #charitable_dashboard_donations .charitable-donation-statistics:after {
1119 clear: both; }
1120 #charitable_dashboard_donations .cell {
1121 box-sizing: border-box;
1122 float: left;
1123 width: 50%;
1124 padding: 23px 0 10px;
1125 border-right: 1px solid #e5e5e5;
1126 border-bottom: 1px solid #e5e5e5;
1127 text-align: center; }
1128 #charitable_dashboard_donations .cell .amount {
1129 color: #f89d35;
1130 font-size: 28px;
1131 font-weight: normal;
1132 padding-bottom: 0; }
1133 #charitable_dashboard_donations .summary {
1134 margin-top: 0;
1135 color: #777; }
1136 #charitable_dashboard_donations .summary .time-period {
1137 font-weight: bold;
1138 color: #444; }
1139 #charitable_dashboard_donations .recent-donations {
1140 margin: 0 11px; }
1141 #charitable_dashboard_donations .recent-donations table {
1142 width: 100%;
1143 border-collapse: collapse; }
1144 #charitable_dashboard_donations .recent-donations caption {
1145 text-align: left; }
1146 #charitable_dashboard_donations .recent-donations caption h3 {
1147 padding-left: 0; }
1148 #charitable_dashboard_donations .recent-donations td {
1149 padding: 10px 0;
1150 border-top: 1px solid #e5e5e5; }
1151 #charitable_dashboard_donations .recent-donations tr:last-child td {
1152 border-bottom: 1px solid #e5e5e5; }
1153 #charitable_dashboard_donations .recent-donations .donation-total {
1154 text-align: right;
1155 font-weight: bold; }
1156 #charitable_dashboard_donations .recent-donations .donation-id {
1157 width: 80px; }
1158
1159 /*# sourceMappingURL=charitable-admin.css.map */
1160