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

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