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

1,582 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 -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
887 .charitable-settings-object {
888 max-width: 860px;
889 padding: 10px 20px;
890 margin-bottom: 4px;
891 border: 1px solid #e1e1e1;
892 background-color: #fff; }
893 .charitable-settings-object h4 {
894 float: left;
895 margin: 0;
896 line-height: 28px; }
897 .charitable-settings-object span.actions {
898 float: right; }
899 .charitable-settings-object span.actions a {
900 margin-left: 10px; }
901
902 .charitable-gateway .default-gateway,
903 .charitable-gateway .make-default-gateway {
904 margin-left: 20px;
905 font-size: 12px;
906 line-height: 28px; }
907 .charitable-gateway .default-gateway {
908 color: #f89d35; }
909 .charitable-gateway .make-default-gateway {
910 color: #777; }
911
912 .charitable-settings-notice {
913 max-width: 860px;
914 padding: 10px 20px;
915 margin-top: 20px;
916 border: 1px solid #e1e1e1;
917 background-color: #fef4e8; }
918 .charitable-settings-notice.license-notice {
919 margin-top: -10px;
920 }
921
922 .charitable-licensed-product h4 {
923 width: 230px;
924 margin-right: 20px;
925 line-height: 40px; }
926 .charitable-licensed-product .charitable-settings-field {
927 float: left;
928 width: 100%; }
929 @media (min-width: 68.125em) {
930 .charitable-licensed-product .charitable-settings-field {
931 width: 312px;
932 margin-right: 20px; } }
933 .charitable-licensed-product .license-meta {
934 font-size: 12px;
935 line-height: 40px; }
936 .charitable-licensed-product .license-active {
937 float: left; }
938 .charitable-licensed-product .valid-license {
939 color: #f89d35;
940 font-weight: bold; }
941 .charitable-licensed-product .license-deactivation {
942 float: left;
943 margin: 6px 0; }
944 .charitable-licensed-product .license-invalid {
945 color: #f89d35; }
946 .charitable-licensed-product .license-expiration-date {
947 float: right;
948 margin-left: 10px; }
949
950 .charitable-help {
951 display: block;
952 margin-top: 4px;
953 font-size: 13px;
954 line-height: 21px;
955 font-style: italic;
956 color: #777; }
957
958 .form-table .charitable-help p {
959 font-size: 13px;
960 line-height: 21px; }
961
962 .form-table td.charitable-fullwidth {
963 padding: 15px 0; }
964
965 .charitable-shortcode-options ul {
966 list-style: disc;
967 margin-left: 16px;
968 font-style: normal; }
969 .charitable-shortcode-options li {
970 margin-bottom: 2px; }
971
972 @media (min-width: 48em) {
973 .charitable_page_charitable-settings .form-table th {
974 min-width: 250px; } }
975 .charitable_page_charitable-settings .form-table th label {
976 font-size: 13px; }
977 .charitable_page_charitable-settings .form-table td select {
978 max-width: 400px; }
979
980 .charitable-radio-list {
981 padding: 0;
982 margin: 0;
983 list-style: none; }
984 .charitable-radio-list li {
985 display: inline-block;
986 margin-right: 20px; }
987
988 .charitable-checkbox-list {
989 width: auto;
990 margin: 0;
991 padding: 0; }
992
993 .charitable-notice {
994 padding: 5px 10px;
995 font-size: 14px;
996 background-color: #fff; }
997 .charitable-notice.charitable-notice-error {
998 border-left: 4px solid #dc3232; }
999
1000 .edit-php.post-type-charitable .tablenav .actions {
1001 padding-right: 0; }
1002 .edit-php.post-type-charitable .tablenav #start_date,
1003 .edit-php.post-type-charitable .tablenav #end_date {
1004 width: 10.5em; }
1005 .edit-php.post-type-charitable .tablenav #post-query-submit {
1006 display: none; }
1007 .edit-php.post-type-charitable .tablenav #delete_all {
1008 margin-top: 3px; }
1009 .edit-php.post-type-charitable .tablenav .charitable-filter-button:before,
1010 .edit-php.post-type-charitable .tablenav .charitable-export-button:before {
1011 vertical-align: middle;
1012 margin-top: -2px;
1013 width: 16px;
1014 height: 16px;
1015 font-size: 16px; }
1016 .edit-php.post-type-charitable .tablenav a.button {
1017 display: inline-block; }
1018 .edit-php.post-type-charitable .tablenav.top {
1019 margin: 0 0 12px 0; }
1020 .edit-php.post-type-charitable .tablenav.top select.campaign_id {
1021 float: none;
1022 vertical-align: top; }
1023 .edit-php.post-type-charitable .tablenav.top .actions {
1024 overflow: visible; }
1025 .edit-php.post-type-charitable .tablenav.top .actions .has-popup {
1026 position: relative;
1027 display: inline-block;
1028 cursor: pointer;
1029 -webkit-user-select: none;
1030 -moz-user-select: none;
1031 -ms-user-select: none;
1032 user-select: none; }
1033 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup {
1034 visibility: hidden;
1035 width: 260px;
1036 background-color: #999;
1037 color: #fff;
1038 text-align: center;
1039 border-radius: 6px;
1040 padding: 4px;
1041 position: absolute;
1042 z-index: 1;
1043 top: 125%;
1044 left: 50%;
1045 margin-left: -136px; }
1046 .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 {
1047 width: 80%;
1048 margin-bottom: 1em; }
1049 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup .inner {
1050 background: white;
1051 padding: 1em 0;
1052 border-radius: 4px; }
1053 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup::before {
1054 content: "";
1055 position: absolute;
1056 bottom: 100%;
1057 left: 50%;
1058 margin-left: -5px;
1059 border-width: 5px;
1060 border-style: solid;
1061 border-color: transparent transparent #999 transparent; }
1062 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup.show {
1063 visibility: visible !important;
1064 -webkit-animation: fadeIn 1s;
1065 animation: fadeIn 1s; }
1066 .edit-php.post-type-charitable .tablenav.top .charitable-export-actions {
1067 margin-left: 8px; }
1068 .edit-php.post-type-charitable .wp-list-table .meta {
1069 display: block;
1070 color: #999; }
1071 .edit-php.post-type-charitable .wp-list-table .column-post_status mark {
1072 padding: 2px 4px;
1073 margin: 0;
1074 text-align: center;
1075 white-space: nowrap;
1076 background: #999;
1077 color: #fff;
1078 border-radius: 2px;
1079 font-size: 10px;
1080 letter-spacing: 1px;
1081 text-transform: uppercase;
1082 font-weight: bold; }
1083 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-pending {
1084 background-color: #999; }
1085 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-completed {
1086 background-color: #34d058; }
1087 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-failed {
1088 background-color: #f7a129; }
1089 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-cancelled {
1090 background-color: #ff0000; }
1091 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-refunded {
1092 background-color: #3fb8f5; }
1093 .edit-php.post-type-charitable .charitable-modal {
1094 max-width: 400px;
1095 background-color: #f1f1f1; }
1096 .edit-php.post-type-charitable .charitable-modal .modal-close {
1097 position: absolute;
1098 top: 2px;
1099 right: 2px;
1100 z-index: 10;
1101 cursor: pointer; }
1102 .edit-php.post-type-charitable .charitable-modal .modal-close::before {
1103 content: "\f158";
1104 display: block !important;
1105 font: normal 20px/1 dashicons;
1106 speak: none;
1107 height: 22px;
1108 margin: 2px 0;
1109 text-align: center;
1110 width: 22px;
1111 color: #777;
1112 -webkit-font-smoothing: antialiased !important;
1113 -moz-osx-font-smoothing: grayscale; }
1114 .edit-php.post-type-charitable .charitable-modal h3 {
1115 margin: 0 0 0.5em;
1116 font-size: 23px;
1117 line-height: 29px;
1118 font-weight: 400;
1119 text-align: center; }
1120 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form {
1121 padding: 22px;
1122 font-size: 14px;
1123 background-color: #fff; }
1124 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form legend,
1125 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form label,
1126 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form input[type=text],
1127 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form select,
1128 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form button {
1129 display: block; }
1130 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form input[type=text] {
1131 width: 320px;
1132 max-width: 100%; }
1133 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form input[type=text],
1134 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form select {
1135 max-width: 100%;
1136 margin-bottom: 22px; }
1137 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form input[type=text] {
1138 padding-top: 11px;
1139 padding-bottom: 11px; }
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 #charitable-export-start-date {
1143 margin-bottom: 6px; }
1144 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form input.charitable-datepicker {
1145 width: 48%;
1146 display: inline-block; }
1147
1148 .edit-php.post-type-campaign th.manage-column.column-ID,
1149 .edit-php.post-type-campaign td.column-ID {
1150 width: 2.2em;
1151 padding: 11px 3px; }
1152 .edit-php.post-type-campaign .column-status mark {
1153 padding: 2px 4px;
1154 margin: 0;
1155 text-align: center;
1156 white-space: nowrap;
1157 background: #999;
1158 color: #fff;
1159 border-radius: 2px;
1160 font-size: 10px;
1161 letter-spacing: 1px;
1162 text-transform: uppercase;
1163 font-weight: bold; }
1164 .edit-php.post-type-campaign .column-status mark.active {
1165 background-color: #23282d; }
1166 .edit-php.post-type-campaign .column-status mark.finished {
1167 background-color: #3fb8f5; }
1168 .edit-php.post-type-campaign .column-status mark.successful {
1169 background-color: #34d058; }
1170 .edit-php.post-type-campaign .column-status mark.unsuccessful {
1171 background-color: #ff0000; }
1172
1173 #charitable_dashboard_donations .hide-if-no-js {
1174 padding: 10px 0;
1175 text-align: center; }
1176 #charitable_dashboard_donations .inside {
1177 margin: 0;
1178 padding: 0; }
1179 #charitable_dashboard_donations .charitable-donation-statistics {
1180 *zoom: 1;
1181 margin-bottom: 20px; }
1182 #charitable_dashboard_donations .charitable-donation-statistics:before, #charitable_dashboard_donations .charitable-donation-statistics:after {
1183 content: " ";
1184 display: table; }
1185 #charitable_dashboard_donations .charitable-donation-statistics:after {
1186 clear: both; }
1187 #charitable_dashboard_donations .cell {
1188 box-sizing: border-box;
1189 float: left;
1190 width: 50%;
1191 padding: 23px 0 10px;
1192 border-right: 1px solid #e5e5e5;
1193 border-bottom: 1px solid #e5e5e5;
1194 text-align: center; }
1195 #charitable_dashboard_donations .cell .amount {
1196 color: #f89d35;
1197 font-size: 28px;
1198 font-weight: normal;
1199 padding-bottom: 0; }
1200 #charitable_dashboard_donations .summary {
1201 margin-top: 0;
1202 color: #777; }
1203 #charitable_dashboard_donations .summary .time-period {
1204 font-weight: bold;
1205 color: #444; }
1206 #charitable_dashboard_donations .recent-donations {
1207 margin: 0 11px; }
1208 #charitable_dashboard_donations .recent-donations table {
1209 width: 100%;
1210 border-collapse: collapse; }
1211 #charitable_dashboard_donations .recent-donations caption {
1212 text-align: left; }
1213 #charitable_dashboard_donations .recent-donations caption h3 {
1214 padding-left: 0; }
1215 #charitable_dashboard_donations .recent-donations td {
1216 padding: 10px 0;
1217 border-top: 1px solid #e5e5e5; }
1218 #charitable_dashboard_donations .recent-donations tr:last-child td {
1219 border-bottom: 1px solid #e5e5e5; }
1220 #charitable_dashboard_donations .recent-donations .donation-total {
1221 text-align: right;
1222 font-weight: bold; }
1223 #charitable_dashboard_donations .recent-donations .donation-id {
1224 width: 80px; }
1225
1226
1227
1228 .charitable-admin-banner-top-of-page {
1229 text-align: center;
1230 }
1231 .charitable-admin-banner-top-of-page .button-link {
1232 position: absolute;
1233 top: 48px;
1234 right: -1px;
1235 font-size: 20px;
1236 color: #fff;
1237 font-weight: bold;
1238 text-decoration: none;
1239 margin-left: 5px;
1240 padding: 6px 10px;
1241 }
1242 @media screen and (min-width: 783px) {
1243 .charitable-admin-banner-top-of-page {
1244 padding: 10px 46px 10px 22px;
1245 }
1246 .charitable-admin-banner-top-of-page {
1247 font-size: 13px;
1248 line-height: 1.4;
1249 color: #fff;
1250 margin-left: -20px;
1251 padding: 9px 32px 9px 20px;
1252 background: #E89940;
1253 display: none;
1254 }
1255 .charitable-admin-banner-top-of-page a {
1256 color: white;
1257 }
1258 }
1259 @media screen and (min-width: 601px) {
1260 .charitable-admin-banner-top-of-page .button-link {
1261 top: 0;
1262 }
1263 }
1264 @media screen and (min-width: 783px) {
1265 .charitable-admin-banner-top-of-page .button-link {
1266 right: 9px;
1267 }
1268 }
1269
1270 .charitable-notice.notice-five-star-review {
1271 margin-left: 0;
1272 margin-top: 10px;
1273 z-index: 0; /* to make it appear below screen option tabs! */
1274 }
1275 .screen-meta-space {
1276 margin-top: 40px;
1277 }
1278
1279 /* license overrides */
1280
1281 .charitable-licensed-product .license-deactivation {
1282 margin: 2px 0;
1283 }
1284
1285 /* should go up with the others - to do */
1286
1287 textarea.charitable-settings-field {
1288 width: 75%;
1289 font-size: 13px;
1290 line-height: 21px;
1291 }
1292
1293 .starburst {
1294 background: #347d39;
1295 width: 2.75em;
1296 height: 2.75em;
1297 text-align: center;
1298 color: #fff;
1299 font-weight: 800;
1300
1301 }
1302
1303 .starburst,
1304 .starburst span {
1305 display: flex;
1306 align-items: center;
1307 justify-content: center;
1308 }
1309
1310 .starburst span {
1311 width: 100%;
1312 height: 100%;
1313 background: inherit;
1314 transform: rotate(-45deg);
1315 }
1316
1317 .starburst:before,
1318 .starburst:after ,
1319 .starburst span:before,
1320 .starburst span:after {
1321 content: "";
1322 position: absolute;
1323 top: 0;
1324 left: 0;
1325 width: 100%;
1326 height: 100%;
1327 background: inherit;
1328 z-index: -1;
1329 transform: rotate(30deg);
1330 }
1331
1332 .starburst:after {
1333 transform: rotate(-30deg);
1334 }
1335
1336 .starburst span:after {
1337 transform: rotate(30deg);
1338 }
1339 .starburst span:before {
1340 transform: rotate(-30deg);
1341 }
1342
1343 .starburst {
1344 position: absolute;
1345 top: 50%;
1346 margin-top: -1.25em;
1347 margin-left: -1.25em;
1348 }
1349
1350 #wpcharitable-starburst-new {
1351 left: 5px;
1352 top: 0;
1353 }
1354
1355 /* campaign edit/create page */
1356
1357 #qt__charitable_campaign_description_toolbar input.ed_button {
1358 padding: 0 10px;
1359 }
1360 th.default_amount-col,
1361 td.default_amount-col {
1362 vertical-align: middle;
1363 max-width: 50px;
1364 width: 50px;
1365 }
1366
1367 /* admin menu - licrnse update 2022 */
1368
1369 div#charitable-settings table.form-table tbody tr.section-heading th h4 {
1370 font-size: 20px;
1371 font-weight: 700;
1372 margin: 0 0 6px 0;
1373 }
1374 div#charitable-settings table.form-table tbody tr th {
1375 padding: 5px 0;
1376 }
1377 div#charitable-settings table.form-table tbody tr.section-heading th {
1378 padding: 30px 0 5px 0;
1379 }
1380 div#charitable-settings table.form-table tbody tr.section-heading p {
1381 margin-bottom: 0;
1382 }
1383 div#charitable-settings table.form-table tbody td p {
1384 margin: 0 0 10px 0;
1385 }
1386 div#charitable-settings table.form-table tbody tr.section-subheading th h4,
1387 div#charitable-settings table.form-table tbody tr.section-heading th h4,
1388 div#charitable-settings table.form-table tbody tr th h4 {
1389 font-size: 20px;
1390 font-weight: 700;
1391 margin: 10px 0 6px 0;
1392 line-height: 20px;
1393 }
1394 div#charitable-settings table.form-table tbody tr th[scope="row"] h4 {
1395 font-weight: normal;
1396 font-size: inherit;
1397 }
1398 div#charitable-settings table.form-table tbody tr.section-heading th[scope="row"] h4,
1399 div#charitable-settings table.form-table tbody tr:first-child th[scope="row"] h4 {
1400 font-size: 20px;
1401 font-weight: 700;
1402 margin: 10px 0 6px 0;
1403 line-height: 20px;
1404 }
1405
1406 div#charitable-settings table.form-table tbody tr.section-heading.dangerous-settings th h4 {
1407 color: red;
1408 }
1409
1410 div#charitable-settings table.form-table tr:first-child th:first-child {
1411 width: auto;
1412 }
1413
1414 div#charitable-settings table.form-table tbody tr.section-heading.dangerous-settings th:first-child {
1415 width: inherit;
1416 }
1417
1418 div#charitable-settings .green {
1419 color: green;
1420 }
1421
1422 div#charitable-settings .form-table tr input[type="text"],
1423 div#charitable-settings .form-table tr input[type="password"],
1424 /* div#charitable-settings .form-table tr input[type="number"], */
1425 div#charitable-settings .form-table tr select {
1426 background-color: #fff;
1427 border: 1px solid #ccc;
1428 border-radius: 3px;
1429 box-shadow: none;
1430 color: #333;
1431 display: inline-block;
1432 vertical-align: middle;
1433 padding: 7px 12px;
1434 margin: 0 10px 0 0;
1435 min-height: 35px;
1436 line-height: 1.3;
1437 }
1438
1439 div#charitable-settings .form-table tr.general-settings input[type="text"],
1440 div#charitable-settings .form-table tr.general-settings input[type="password"],
1441 div#charitable-settings .form-table tr.general-settings select {
1442 min-width: 400px;
1443 }
1444
1445 input#charitable-settings-upgrade-license-key:read-only {
1446 opacity: 0.40;
1447 }
1448
1449 .license-message.license-valid- button.charitable-btn-deactivate,
1450 .license-message.license-valid-false button.charitable-btn-deactivate {
1451 display: none;
1452 }
1453
1454 /* attempt to get buttons more in line */
1455
1456 div#charitable-settings .charitable-btn {
1457 border: 1px;
1458 border-top-color: currentcolor;
1459 border-top-style: none;
1460 border-right-color: currentcolor;
1461 border-right-style: none;
1462 border-bottom-color: currentcolor;
1463 border-bottom-style: none;
1464 border-left-color: currentcolor;
1465 border-left-style: none;
1466 border-style: solid;
1467 border-radius: 3px;
1468 cursor: pointer;
1469 display: inline-block;
1470 margin: 0;
1471 margin-right: 0px;
1472 text-decoration: none;
1473 text-align: center;
1474 vertical-align: middle;
1475 white-space: nowrap;
1476 box-shadow: none;
1477 }
1478 div#charitable-settings .charitable-btn-md {
1479 font-size: 13px;
1480 font-weight: 600;
1481 padding: 8px 12px;
1482 min-height: 35px;
1483 }
1484 div#charitable-settings .charitable-setting-row button {
1485 margin-right: 10px;
1486 }
1487 div#charitable-settings .charitable-btn-orange {
1488 background-color: #e27730;
1489 border-color: #e27730;
1490 color: #fff;
1491 }
1492
1493 /* cta settings */
1494
1495 #charitable-settings .settings-lite-cta {
1496 background-color:#fff;
1497 border:1px solid #dadada;
1498 padding:25px 20px;
1499 margin:10px 0 0 0;
1500 position:relative
1501 }
1502 #charitable-settings .settings-lite-cta .dismiss {
1503 position:absolute;
1504 top:10px;
1505 right:10px;
1506 color:#666;
1507 font-size:16px
1508 }
1509 #charitable-settings .settings-lite-cta h5 {
1510 margin:0 0 16px;
1511 font-size:18px;
1512 font-weight:700
1513 }
1514 #charitable-settings .settings-lite-cta h6 {
1515 font-weight:700;
1516 font-size:14px;
1517 margin:0 0 16px
1518 }
1519 #charitable-settings .settings-lite-cta p {
1520 color:#555;
1521 font-size:14px;
1522 margin:0 0 16px
1523 }
1524 #charitable-settings .settings-lite-cta p:last-of-type {
1525 margin:0
1526 }
1527 #charitable-settings .settings-lite-cta p a {
1528 color:#e27730
1529 }
1530 #charitable-settings .settings-lite-cta p a:hover {
1531 color:#b85a1b
1532 }
1533 #charitable-settings .settings-lite-cta ul {
1534 margin:0;
1535 padding:0;
1536 width:50%;
1537 float:left
1538 }
1539 @media (max-width: 600px) {
1540 #charitable-settings .settings-lite-cta ul {
1541 width:100%;
1542 float:none
1543 }
1544 }
1545 #charitable-settings .settings-lite-cta ul li {
1546 margin:0;
1547 padding:0 0 2px 16px;
1548 color:#555;
1549 font-size:14px;
1550 position:relative
1551 }
1552 #charitable-settings .settings-lite-cta ul li:before {
1553 content:'+';
1554 position:absolute;
1555 top:-1px;
1556 left:0
1557 }
1558 #charitable-settings .settings-lite-cta .list {
1559 margin:0 0 16px 0;
1560 overflow:auto;
1561 max-width:900px
1562 }
1563 #charitable-settings .settings-lite-cta .green {
1564 color:#218900;
1565 font-weight:700
1566 }
1567 #charitable-settings .settings-lite-cta .fa-star {
1568 color:#ff982d
1569 }
1570 #charitable-settings .tablenav .tablenav-pages a,
1571 #charitable-settings .tablenav-pages-navspan {
1572 min-width:28px;
1573 height:auto
1574 }
1575 .charitable-admin-wrap #charitable-settings .notice {
1576 margin-left:0 !important;
1577 margin-right:0 !important
1578 }
1579
1580
1581 /*# sourceMappingURL=charitable-admin.css.map */
1582