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

1,394 lines 41.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Clearfix helper class.
3 * Credit: h5bp.com/q
4 */
5 .cf {
6 *zoom: 1; }
7 .cf:before, .cf:after {
8 content: " ";
9 display: table; }
10 .cf:after {
11 clear: both; }
12
13 /**
14 * Media block
15 *
16 * Credit: http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
17 */
18 .charitable-media-block {
19 overflow: hidden; }
20 .charitable-media-block .charitable-media-image {
21 float: left;
22 margin-right: 12px; }
23 .charitable-media-block .charitable-media-image img {
24 display: block; }
25 .charitable-media-block .charitable-media-body {
26 overflow: hidden; }
27
28 .ui-datepicker {
29 display: none; }
30 .ui-datepicker.charitable-datepicker-table {
31 background-color: #fff;
32 padding: 0;
33 border: 1px solid #dedede;
34 width: auto;
35 z-index: 100000 !important; }
36 .ui-datepicker.charitable-datepicker-table .ui-datepicker-header {
37 padding: 10px 20px;
38 background: #f5f5f5;
39 text-align: center;
40 border: 0;
41 border-bottom: 1px solid #dfdfdf;
42 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
917 .charitable-licensed-product h4 {
918 width: 230px;
919 margin-right: 20px;
920 line-height: 40px; }
921 .charitable-licensed-product .charitable-settings-field {
922 float: left;
923 width: 100%; }
924 @media (min-width: 68.125em) {
925 .charitable-licensed-product .charitable-settings-field {
926 width: 312px;
927 margin-right: 20px; } }
928 .charitable-licensed-product .license-meta {
929 font-size: 12px;
930 line-height: 40px; }
931 .charitable-licensed-product .license-active {
932 float: left; }
933 .charitable-licensed-product .valid-license {
934 color: #f89d35;
935 font-weight: bold; }
936 .charitable-licensed-product .license-deactivation {
937 float: left;
938 margin: 6px 0; }
939 .charitable-licensed-product .license-invalid {
940 color: #f89d35; }
941 .charitable-licensed-product .license-expiration-date {
942 float: right;
943 margin-left: 10px; }
944
945 .charitable-help {
946 display: block;
947 margin-top: 4px;
948 font-size: 13px;
949 line-height: 21px;
950 font-style: italic;
951 color: #777; }
952
953 .form-table .charitable-help p {
954 font-size: 13px;
955 line-height: 21px; }
956
957 .form-table td.charitable-fullwidth {
958 padding: 15px 0; }
959
960 .charitable-shortcode-options ul {
961 list-style: disc;
962 margin-left: 16px;
963 font-style: normal; }
964 .charitable-shortcode-options li {
965 margin-bottom: 2px; }
966
967 @media (min-width: 48em) {
968 .charitable_page_charitable-settings .form-table th {
969 min-width: 200px; } }
970 .charitable_page_charitable-settings .form-table th label {
971 font-size: 13px; }
972 .charitable_page_charitable-settings .form-table td select {
973 max-width: 400px; }
974
975 .charitable-radio-list {
976 padding: 0;
977 margin: 0;
978 list-style: none; }
979 .charitable-radio-list li {
980 display: inline-block;
981 margin-right: 20px; }
982
983 .charitable-checkbox-list {
984 width: auto;
985 margin: 0;
986 padding: 0; }
987
988 .charitable-notice {
989 padding: 5px 10px;
990 font-size: 14px;
991 background-color: #fff; }
992 .charitable-notice.charitable-notice-error {
993 border-left: 4px solid #dc3232; }
994
995 .edit-php.post-type-charitable .tablenav .actions {
996 padding-right: 0; }
997 .edit-php.post-type-charitable .tablenav #start_date,
998 .edit-php.post-type-charitable .tablenav #end_date {
999 width: 10.5em; }
1000 .edit-php.post-type-charitable .tablenav #post-query-submit {
1001 display: none; }
1002 .edit-php.post-type-charitable .tablenav #delete_all {
1003 margin-top: 3px; }
1004 .edit-php.post-type-charitable .tablenav .charitable-filter-button:before,
1005 .edit-php.post-type-charitable .tablenav .charitable-export-button:before {
1006 vertical-align: middle;
1007 margin-top: -2px;
1008 width: 16px;
1009 height: 16px;
1010 font-size: 16px; }
1011 .edit-php.post-type-charitable .tablenav a.button {
1012 display: inline-block; }
1013 .edit-php.post-type-charitable .tablenav.top {
1014 margin: 0 0 12px 0; }
1015 .edit-php.post-type-charitable .tablenav.top select.campaign_id {
1016 float: none;
1017 vertical-align: top; }
1018 .edit-php.post-type-charitable .tablenav.top .actions {
1019 overflow: visible; }
1020 .edit-php.post-type-charitable .tablenav.top .actions .has-popup {
1021 position: relative;
1022 display: inline-block;
1023 cursor: pointer;
1024 -webkit-user-select: none;
1025 -moz-user-select: none;
1026 user-select: none; }
1027 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup {
1028 visibility: hidden;
1029 width: 260px;
1030 background-color: #999;
1031 color: #fff;
1032 text-align: center;
1033 border-radius: 6px;
1034 padding: 4px;
1035 position: absolute;
1036 z-index: 1;
1037 top: 125%;
1038 left: 50%;
1039 margin-left: -136px; }
1040 .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 {
1041 width: 80%;
1042 margin-bottom: 1em; }
1043 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup .inner {
1044 background: white;
1045 padding: 1em 0;
1046 border-radius: 4px; }
1047 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup::before {
1048 content: "";
1049 position: absolute;
1050 bottom: 100%;
1051 left: 50%;
1052 margin-left: -5px;
1053 border-width: 5px;
1054 border-style: solid;
1055 border-color: transparent transparent #999 transparent; }
1056 .edit-php.post-type-charitable .tablenav.top .actions .has-popup .popup.show {
1057 visibility: visible !important;
1058 -webkit-animation: fadeIn 1s;
1059 animation: fadeIn 1s; }
1060 .edit-php.post-type-charitable .tablenav.top .charitable-export-actions {
1061 margin-left: 8px; }
1062 .edit-php.post-type-charitable .wp-list-table .meta {
1063 display: block;
1064 color: #999; }
1065 .edit-php.post-type-charitable .wp-list-table .column-post_status mark {
1066 padding: 2px 4px;
1067 margin: 0;
1068 text-align: center;
1069 white-space: nowrap;
1070 background: #999;
1071 color: #fff;
1072 border-radius: 2px;
1073 font-size: 10px;
1074 letter-spacing: 1px;
1075 text-transform: uppercase;
1076 font-weight: bold; }
1077 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-pending {
1078 background-color: #999; }
1079 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-completed {
1080 background-color: #34d058; }
1081 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-failed {
1082 background-color: #f7a129; }
1083 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-cancelled {
1084 background-color: #ff0000; }
1085 .edit-php.post-type-charitable .wp-list-table .column-post_status mark.charitable-refunded {
1086 background-color: #3fb8f5; }
1087 .edit-php.post-type-charitable .charitable-modal {
1088 max-width: 400px;
1089 background-color: #f1f1f1; }
1090 .edit-php.post-type-charitable .charitable-modal .modal-close {
1091 position: absolute;
1092 top: 2px;
1093 right: 2px;
1094 z-index: 10;
1095 cursor: pointer; }
1096 .edit-php.post-type-charitable .charitable-modal .modal-close::before {
1097 content: "\f158";
1098 display: block !important;
1099 font: normal 20px/1 dashicons;
1100 speak: none;
1101 height: 22px;
1102 margin: 2px 0;
1103 text-align: center;
1104 width: 22px;
1105 color: #777;
1106 -webkit-font-smoothing: antialiased !important;
1107 -moz-osx-font-smoothing: grayscale; }
1108 .edit-php.post-type-charitable .charitable-modal h3 {
1109 margin: 0 0 0.5em;
1110 font-size: 23px;
1111 line-height: 29px;
1112 font-weight: 400;
1113 text-align: center; }
1114 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form {
1115 padding: 22px;
1116 font-size: 14px;
1117 background-color: #fff; }
1118 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form legend,
1119 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form label,
1120 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form input[type=text],
1121 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form select,
1122 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form button {
1123 display: block; }
1124 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form input[type=text] {
1125 width: 320px;
1126 max-width: 100%; }
1127 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form input[type=text],
1128 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form select {
1129 max-width: 100%;
1130 margin-bottom: 22px; }
1131 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form input[type=text] {
1132 padding-top: 11px;
1133 padding-bottom: 11px; }
1134 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form legend,
1135 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form label,
1136 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form #charitable-export-start-date {
1137 margin-bottom: 6px; }
1138 .edit-php.post-type-charitable .charitable-modal .charitable-modal-form input.charitable-datepicker {
1139 width: 48%;
1140 display: inline-block; }
1141
1142 .edit-php.post-type-campaign th.manage-column.column-ID,
1143 .edit-php.post-type-campaign td.column-ID {
1144 width: 2.2em;
1145 padding: 11px 3px; }
1146 .edit-php.post-type-campaign .column-status mark {
1147 padding: 2px 4px;
1148 margin: 0;
1149 text-align: center;
1150 white-space: nowrap;
1151 background: #999;
1152 color: #fff;
1153 border-radius: 2px;
1154 font-size: 10px;
1155 letter-spacing: 1px;
1156 text-transform: uppercase;
1157 font-weight: bold; }
1158 .edit-php.post-type-campaign .column-status mark.active {
1159 background-color: #23282d; }
1160 .edit-php.post-type-campaign .column-status mark.finished {
1161 background-color: #3fb8f5; }
1162 .edit-php.post-type-campaign .column-status mark.successful {
1163 background-color: #34d058; }
1164 .edit-php.post-type-campaign .column-status mark.unsuccessful {
1165 background-color: #ff0000; }
1166
1167 #charitable_dashboard_donations .hide-if-no-js {
1168 padding: 10px 0;
1169 text-align: center; }
1170 #charitable_dashboard_donations .inside {
1171 margin: 0;
1172 padding: 0; }
1173 #charitable_dashboard_donations .charitable-donation-statistics {
1174 *zoom: 1;
1175 margin-bottom: 20px; }
1176 #charitable_dashboard_donations .charitable-donation-statistics:before, #charitable_dashboard_donations .charitable-donation-statistics:after {
1177 content: " ";
1178 display: table; }
1179 #charitable_dashboard_donations .charitable-donation-statistics:after {
1180 clear: both; }
1181 #charitable_dashboard_donations .cell {
1182 box-sizing: border-box;
1183 float: left;
1184 width: 50%;
1185 padding: 23px 0 10px;
1186 border-right: 1px solid #e5e5e5;
1187 border-bottom: 1px solid #e5e5e5;
1188 text-align: center; }
1189 #charitable_dashboard_donations .cell .amount {
1190 color: #f89d35;
1191 font-size: 28px;
1192 font-weight: normal;
1193 padding-bottom: 0; }
1194 #charitable_dashboard_donations .summary {
1195 margin-top: 0;
1196 color: #777; }
1197 #charitable_dashboard_donations .summary .time-period {
1198 font-weight: bold;
1199 color: #444; }
1200 #charitable_dashboard_donations .recent-donations {
1201 margin: 0 11px; }
1202 #charitable_dashboard_donations .recent-donations table {
1203 width: 100%;
1204 border-collapse: collapse; }
1205 #charitable_dashboard_donations .recent-donations caption {
1206 text-align: left; }
1207 #charitable_dashboard_donations .recent-donations caption h3 {
1208 padding-left: 0; }
1209 #charitable_dashboard_donations .recent-donations td {
1210 padding: 10px 0;
1211 border-top: 1px solid #e5e5e5; }
1212 #charitable_dashboard_donations .recent-donations tr:last-child td {
1213 border-bottom: 1px solid #e5e5e5; }
1214 #charitable_dashboard_donations .recent-donations .donation-total {
1215 text-align: right;
1216 font-weight: bold; }
1217 #charitable_dashboard_donations .recent-donations .donation-id {
1218 width: 80px; }
1219
1220
1221
1222
1223
1224
1225
1226 .charitable-admin-banner-top-of-page {
1227 text-align: center;
1228 }
1229 .charitable-admin-banner-top-of-page .button-link {
1230 position: absolute;
1231 top: 48px;
1232 right: -1px;
1233 font-size: 20px;
1234 color: #fff;
1235 font-weight: bold;
1236 text-decoration: none;
1237 margin-left: 5px;
1238 padding: 6px 10px;
1239 }
1240 @media screen and (min-width: 783px) {
1241 .charitable-admin-banner-top-of-page {
1242 padding: 10px 46px 10px 22px;
1243 }
1244 .charitable-admin-banner-top-of-page {
1245 font-size: 13px;
1246 line-height: 1.4;
1247 color: #fff;
1248 margin-left: -20px;
1249 padding: 9px 32px 9px 20px;
1250 background: #E89940;
1251 display: none;
1252 }
1253 .charitable-admin-banner-top-of-page a {
1254 color: white;
1255 }
1256 }
1257 @media screen and (min-width: 601px) {
1258 .charitable-admin-banner-top-of-page .button-link {
1259 top: 0;
1260 }
1261 }
1262 @media screen and (min-width: 783px) {
1263 .charitable-admin-banner-top-of-page .button-link {
1264 right: 9px;
1265 }
1266 }
1267
1268 .charitable-notice.notice-five-star-review {
1269 margin-left: 0;
1270 margin-top: 10px;
1271 z-index: -1; /* to make it appear below screen option tabs! */
1272 }
1273 .screen-meta-space {
1274 margin-top: 40px;
1275 }
1276
1277 /* license overrides */
1278
1279 .charitable-licensed-product .license-deactivation {
1280 margin: 2px 0;
1281 }
1282
1283 /* should go up with the others - to do */
1284
1285 textarea.charitable-settings-field {
1286 width: 75%;
1287 font-size: 13px;
1288 line-height: 21px;
1289 }
1290
1291 .starburst {
1292 background: #347d39;
1293 width: 2.75em;
1294 height: 2.75em;
1295 text-align: center;
1296 color: #fff;
1297 font-weight: 800;
1298
1299 }
1300
1301 .starburst,
1302 .starburst span {
1303 display: flex;
1304 align-items: center;
1305 justify-content: center;
1306 }
1307
1308 .starburst span {
1309 width: 100%;
1310 height: 100%;
1311 background: inherit;
1312 -webkit-transform: rotate(-45deg);
1313 transform: rotate(-45deg);
1314 }
1315
1316 .starburst:before,
1317 .starburst:after ,
1318 .starburst span:before,
1319 .starburst span:after {
1320 content: "";
1321 position: absolute;
1322 top: 0;
1323 left: 0;
1324 width: 100%;
1325 height: 100%;
1326 background: inherit;
1327 z-index: -1;
1328 -webkit-transform: rotate(30deg);
1329 transform: rotate(30deg);
1330 }
1331
1332 .starburst:after {
1333 -webkit-transform: rotate(-30deg);
1334 transform: rotate(-30deg);
1335 }
1336
1337 .starburst span:after {
1338 -webkit-transform: rotate(30deg);
1339 transform: rotate(30deg);
1340 }
1341 .starburst span:before {
1342 -webkit-transform: rotate(-30deg);
1343 transform: rotate(-30deg);
1344 }
1345
1346 .starburst {
1347 position: absolute;
1348 top: 50%;
1349 margin-top: -1.25em;
1350 margin-left: -1.25em;
1351 }
1352
1353 #wpcharitable-starburst-new {
1354 left: 5px;
1355 top: 0;
1356 }
1357
1358 /* campaign edit/create page */
1359
1360 #qt__charitable_campaign_description_toolbar input.ed_button {
1361 padding: 0 10px;
1362 }
1363 th.default_amount-col,
1364 td.default_amount-col {
1365 vertical-align: middle;
1366 max-width: 50px;
1367 width: 50px;
1368 }
1369
1370 /* settings */
1371 select#charitable_settings_import_donations {
1372 margin-bottom: 10px;
1373 width: 100%;
1374 }
1375 .form-table td p.top-label {
1376 margin-bottom: 10px;
1377 }
1378
1379 th .badge {
1380 display: inline-block;
1381 padding: .25em .4em;
1382 font-size: 75%;
1383 font-weight: 700;
1384 line-height: 1;
1385 text-align: center;
1386 white-space: nowrap;
1387 vertical-align: baseline;
1388 border-radius: .25rem;
1389 }
1390 th .badge.beta {
1391 color: #fff;
1392 background-color: #007bff;
1393 }
1394