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

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