PluginProbe
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) / 1.7.0.9
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) v1.7.0.9
1.8.13 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 All 211 releases
charitable / assets / css / charitable-admin.css

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

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