PluginProbe
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) / 1.7.0.6
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) v1.7.0.6
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.min.css

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

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