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

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