PluginProbe ʕ •ᴥ•ʔ
GiveWP – Donation Plugin and Fundraising Platform / 2.0.5
GiveWP – Donation Plugin and Fundraising Platform v2.0.5
4.16.8 4.16.7.2 4.16.7.1 4.16.7 4.16.6.1 4.16.6 4.16.5.1 4.16.5 4.16.4 4.16.3 4.16.2 4.16.1 4.16.0 4.15.5 4.15.4 4.15.3 4.15.2 4.15.1 4.15.0 2.3.0 2.3.1 2.3.2 2.30.0 2.31.0 2.31.1 2.32.0 2.33.0 2.33.1 2.33.2 2.33.3 2.33.4 2.33.5 2.4.0 2.4.1 2.4.2 2.4.3 2.4.4 2.4.5 2.4.6 2.4.7 2.5.0 2.5.1 2.5.10 2.5.11 2.5.12 2.5.13 2.5.2 2.5.3 2.5.4 2.5.5 2.5.6 2.5.7 2.5.8 2.5.9 2.6.0 2.6.1 2.6.2 2.6.3 2.7.0 2.7.1 2.7.2 2.7.3 2.7.4 2.7.5 2.8.0 2.8.1 2.9.0 2.9.1 2.9.2 2.9.3 2.9.4 2.9.5 2.9.6 2.9.7 3.0.0 3.0.1 3.0.2 3.0.3 3.0.4 3.1.0 3.1.1 3.1.2 3.10.0 3.11.0 3.12.0 3.12.1 3.12.2 3.12.3 3.13.0 3.14.0 3.14.1 3.14.2 3.15.0 3.15.1 3.16.0 3.16.1 3.16.2 3.16.3 3.16.4 3.16.5 3.17.0 3.17.1 3.17.2 3.18.0 3.19.0 3.19.1 3.19.2 3.19.3 3.19.4 3.2.0 3.2.1 3.2.2 3.20.0 3.21.0 3.21.1 3.22.0 3.22.1 3.22.2 3.3.0 3.3.1 3.4.0 3.4.1 3.4.2 3.5.0 3.5.1 3.6.0 3.6.1 3.6.2 3.7.0 3.8.0 3.9.0 4.0.0 4.1.0 4.1.1 4.10.0 4.10.1 4.11.0 4.12.0 4.13.0 4.13.1 4.13.2 4.14.0 4.14.1 4.14.2 4.14.3 4.14.4 4.14.5 4.14.6 4.2.0 4.2.1 4.3.0 4.3.1 4.3.2 4.4.0 4.5.0 4.6.1 4.7.0 4.7.1 4.8.0 4.8.1 4.9.0 trunk 1.9.0 2.0.0 2.0.1 2.0.2 2.0.3 2.0.4 2.0.5 2.0.6 2.0.7 2.1.0 2.1.1 2.1.2 2.1.3 2.1.4 2.1.5 2.1.6 2.1.7 2.1.8 2.10.0 2.10.1 2.10.2 2.10.3 2.10.4 2.11.0 2.11.1 2.11.2 2.11.3 2.12.0 2.12.1 2.12.2 2.12.3 2.13.0 2.13.1 2.13.2 2.13.3 2.13.4 2.14.0 2.15.0 2.16.0 2.16.1 2.17.0 2.17.1 2.17.3 2.18.0 2.18.1 2.19.1 2.19.2 2.19.3 2.19.4 2.19.5 2.19.6 2.19.7 2.19.8 2.2.0 2.2.1 2.2.2 2.2.3 2.2.4 2.2.5 2.2.6 2.20.0 2.20.1 2.20.2 2.21.0 2.21.1 2.21.2 2.21.3 2.21.4 2.22.0 2.22.1 2.22.2 2.22.3 2.23.0 2.23.1 2.23.2 2.24.0 2.24.1 2.24.2 2.25.0 2.25.1 2.25.2 2.25.3 2.26.0 2.27.0 2.27.1 2.27.2 2.27.3 2.28.0 2.29.0 2.29.1 2.29.2
give / assets / scss / admin / forms.scss
give / assets / scss / admin Last commit date
addons.scss 9 years ago blank-slate.scss 8 years ago buttons.scss 9 years ago dashboard.scss 10 years ago donors.scss 8 years ago fonts.scss 9 years ago forms.scss 8 years ago give-admin.scss 8 years ago grids.scss 8 years ago importer.scss 8 years ago logs.scss 10 years ago payment-history.scss 8 years ago reports.scss 8 years ago settings.scss 8 years ago shortcodes.scss 9 years ago system-info.scss 8 years ago updates.scss 8 years ago util.scss 8 years ago welcome.scss 9 years ago
forms.scss
794 lines
1 /**
2 * Give Forms SCSS
3 *
4 * @package Give
5 * @subpackage SCSS/Admin
6 * @copyright Copyright (c) 2016, WordImpress
7 * @license http://opensource.org/licenses/gpl-2.0.php GNU Public License
8 */
9
10 /*------------------------------------
11 Forms CPT
12 --------------------------------------*/
13 /* Hide conditional fields */
14 .cmb2-id--give-set-price,
15 .cmb2-id--give-levels-header,
16 .cmb2-id--give-levels-header + .cmb-repeat-group-wrap,
17 .cmb2-id--give-display-style,
18 .post-type-give_forms .tablenav #post-query-submit,
19 .give-hidden,
20 .cmb2-id--give-form-content,
21 .cmb2-id--give-reveal-label,
22 .cmb2-id--give-custom-amount-minimum,
23 .cmb2-id--give-custom-amount-text,
24 .cmb2-id--give-offline-checkout-notes,
25 .cmb-type-levels-id,
26 #_give_donation_levels_repeat .cmb-group-title,
27 #_give_donation_levels_repeat .cmb-row > .cmb-remove-group-row,
28 #_give_donation_levels_repeat .cmb-row > .handlediv {
29 display: none;
30 }
31
32 /* Donation Levels Repeating Field */
33 #_give_donation_levels_repeat > .cmb-repeatable-grouping .cmb-field-list > .cmb-row .cmb2-radio-list label {
34 font-size: 12px;
35 }
36
37 //-----------------------------
38 // Table Rows
39 //-----------------------------
40 div.cmb-type-levels-repeater-header + div.cmb-repeat-group-wrap {
41 padding: 0 !important;
42 margin: 0 !important;
43 min-width: 100%;
44 max-width: 0;
45
46 }
47
48 //-----------------------------
49 // Multilevel Repeater Header
50 //-----------------------------
51 .cmb2-id--give-levels-header {
52 padding: 10px 12px 0 !important;
53 margin: 0 !important;
54 background: #F7F7F7;
55 border-bottom: none !important;
56
57 .table-container {
58 display: table;
59 width: 100%;
60
61 border-top: 1px solid #e9e9e9;
62 border-bottom: 1px solid #e9e9e9;
63 border-left: 1px solid #e9e9e9;
64
65 > .table-row {
66 display: table-row;
67 background: #FCFCFC;
68
69 > .table-cell {
70 display: table-cell;
71 vertical-align: middle;
72 padding: 10px 15px;
73 border-right: 1px solid #e9e9e9;
74 &.col-id {
75 display: none;
76 }
77 }
78
79 }
80
81 }
82 }
83
84 #_give_donation_levels_repeat {
85 background: #F7F7F7;
86 padding: 0 1px 20px 12px;
87 box-sizing: border-box;
88
89 .cmb-row, .inside {
90 margin: 0;
91 }
92 .cmb-remove-field-row {
93 margin: 3px 0 0;
94
95 .button {
96 height: 25px;
97 padding: 0 3px;
98 }
99 span.dashicons-no {
100 line-height: 1.15em;
101 }
102
103 }
104
105 .cmbhandle {
106 display: none;
107 }
108 .cmb-add-row {
109 margin: 12px 0 0;
110 }
111
112 }
113
114 //---------------------------------------------------
115 // Field One Offs
116 //---------------------------------------------------
117 .give-time-field {
118 width: 65px;
119 }
120
121 .give-money-field {
122 width: 75px;
123 margin-right: 0;
124 margin-left: 0;
125 }
126
127 .give-money-symbol {
128 border: 1px solid #DDD;
129 background: #FCFCFC;
130 margin: 0;
131 font-size: 14px;
132 padding: 5px 8px;
133 }
134
135 .give-money-symbol-before {
136 border-right: 0;
137 margin-right: -4px;
138 }
139
140 .give-money-symbol-after {
141 //border-left: 0;
142 margin-left: -5px;
143 }
144
145 .give_options_panel input[ type="text"]="text""],
146 .give_options_panel input[ type="email"]="email""]{
147 padding: 5px;
148 width: 100%;
149 }
150
151 input.give-text_small,
152 input.give-text-small {
153 width: 100px !important;
154 }
155
156 input.give-text-medium,
157 input.give-text_medium {
158 width: 200px !important;
159 }
160
161 .give-underline {
162 text-decoration: underline;
163 }
164
165 .postbox-container .cmb-row {
166 margin: 0;
167
168 .cmb-th label {
169 padding-left: 8px;
170 }
171
172 }
173
174 // Show unnamed donors one per line.
175 #give-bulk-donors div[id^="give-donor-"]^="give-donor-""] {
176 display: block;
177 overflow: hidden;
178 }
179
180 //---------------------------------------------------
181 // Responsive
182 //---------------------------------------------------
183 @media only screen and (min-width: 851px) {
184
185 #_give_donation_levels_repeat > .cmb-repeatable-grouping .cmb-field-list {
186 > .cmb-row {
187 float: left;
188 border-bottom: none;
189 padding-right: 10px;
190 > .cmb-th {
191 display: none;
192 }
193 > .cmb-td {
194 float: left;
195 width: 100%;
196 }
197 }
198 }
199
200 .cmb-type-give-default-radio-inline .cmb-td {
201 margin-top: 5px;
202 }
203
204 }
205
206 /* Smaller Resolution Desktops */
207 @media only screen and (min-width: 851px) and (max-width: 1201px) {
208
209 #_give_donation_levels_repeat > .cmb-repeatable-grouping .cmb-field-list {
210
211 > .cmb-remove-field-row {
212 width: 100%;
213 padding-top: 0;
214 }
215 > .cmb-type-text-money {
216 width: 105px;
217 }
218 input.cmb2-text-money {
219 width: 65px;
220 }
221
222 .give-multilevel-text-field {
223 width: 160px;
224 }
225 .cmb-type-radio-inline {
226 margin-left: 20px;
227 }
228
229 }
230 .col-amount {
231 width: 70px;
232 }
233 .col-text {
234 width: 140px;
235 }
236 .col-sort {
237 display: none !important;
238 }
239 .give-money-field {
240 width: 55px;
241 }
242 }
243
244 @media only screen and (min-width: 1201px) {
245
246 #_give_donation_levels_repeat > .cmb-repeatable-grouping .cmb-field-list {
247
248 > .cmb-remove-field-row {
249 float: right;
250 }
251 > .cmb-row {
252 padding-right: 20px;
253 }
254 > .cmb-remove-field-row.cmb-row {
255 padding-right: 0;
256 }
257
258 }
259
260 .col-amount {
261 width: 93px;
262 }
263 .col-text {
264 width: 195px;
265 }
266 .col-sort {
267 width: 100px;
268 }
269 .give-multilevel-text-field {
270 width: 205px;
271 }
272
273 }
274
275 //Small Resolution Repeater
276 @media only screen and (max-width: 850px) {
277 div.cmb-type-levels-repeater-header {
278 display: none !important;
279 }
280 }
281
282 //-------------------------------------
283 // Publish Metabox
284 //-------------------------------------
285
286 /*Shortcode Input */
287
288 .shortcode-wrap {
289 margin: 1px 14px 12px 11px;
290
291 label {
292 margin: 0 0 3px;
293 display: block;
294 cursor: default;
295 }
296
297 .shortcode-input {
298 margin: 0;
299 width: 100%;
300 }
301
302 }
303
304 //-------------------------------------
305 // Content Options
306 //-------------------------------------
307
308 .cmb2-id--give-content-option,
309 .cmb2-id--give-terms-option,
310 .cmb2-id--give-offline-donation-enable-billing-fields-single,
311 .cmb2-id--give-goal-option,
312 .cmb2-id--give-customize-offline-donations {
313 border-bottom: none !important;
314 margin: 0 !important;
315 }
316
317 .cmb2-id--give-form-content,
318 .cmb2-id--give-agree-label,
319 .cmb2-id--give-offline-checkout-notes,
320 .cmb2-id--give-set-goal,
321 .cmb2-id--give-offline-donation-enable-billing-fields-single {
322 border-top: 1px solid #e9e9e9 !important;
323 }
324
325 /*-------------------------------------
326 Terms and Conditions Metabox
327 ---------------------------------------*/
328
329 .cmb2-id--give-agree-label,
330 .cmb2-id--give-agree-text {
331 display: none;
332 }
333
334 /*-------------------------------------
335 Dashboard Columns
336 -------------------------------------*/
337
338 input.shortcode-input {
339 width: 100%;
340 }
341
342 .price .give_price_range_low,
343 .price .give_price_range_high,
344 .price .give_price_range_sep{
345 display: inline-block;
346 }
347
348 /*-------------------------------------
349 ASIDE
350 -------------------------------------*/
351
352 #side-sortables {
353
354 .cmb-th label {
355
356 &:after {
357 display: none;
358 }
359
360 }
361 .cmb2-id--give-show-register-form {
362 padding: 10px 0 0 !important;
363 }
364
365 .cmb2-wrap > .cmb-field-list > .cmb-row {
366 padding-top: 10px;
367 }
368
369 .cmb-row .cmb2-metabox-description {
370 padding-bottom: 0;
371 }
372
373 }
374
375 .cmb2-metabox-description {
376 font-size: 13px;
377 line-height: 1.5;
378 display: block;
379 }
380
381 //-------------------------------------
382 // Tooltips
383 //-------------------------------------
384 .give-tooltip {
385 margin: 0 3px;
386 padding: 0;
387 font-size: 14px;
388 @include easing-transition();
389 color: transparentize($dark, 0.5);
390 position: relative;
391 top: 1px;
392
393 &:hover {
394 color: $dark;
395 }
396
397 }
398
399 //-------------------------------------
400 // Metabox Form
401 // -------------------------------------
402 #give-metabox-form-data {
403
404 .inside {
405 margin: 0;
406 padding: 0;
407 }
408
409 .give-metabox-panel-wrap {
410 background: #fff;
411 overflow: hidden;
412 }
413
414 .give_options_panel {
415 display: none;
416 padding-left: 170px;
417
418 &.active,
419 .no-js & {
420 display: block;
421 }
422
423 .give-field-wrap {
424 padding: 1em 20px 1em 162px;
425 margin: 0;
426 border-bottom: 1px solid #eee;
427
428 > label, > span.give-field-label {
429 float: left;
430 width: 135px;
431 padding: 0;
432 margin: 2px 0 0 -150px;
433 line-height: 18px;
434 font-size: 12px;
435 font-weight: 400;
436 }
437
438 .give-field-description {
439 color: #aaaaaa;
440 font-size: 12px;
441 line-height: 18px;
442 display: block;
443 padding-top: 10px;
444 font-style: italic;
445 }
446
447 ul {
448 margin: 0;
449 }
450
451 .mce-container iframe, textarea {
452 min-height: 250px !important;
453 }
454
455 .wp-editor-wrap {
456 display: inline-block;
457 width: 100%;
458 }
459 }
460
461 .give-field-wrap:last-child {
462 border-bottom: 0;
463 }
464
465 textarea.give-field {
466 width: 100%;
467 }
468
469 .give-field-wrap:hover .give-field-row-actions {
470 display: block;
471 }
472
473 .give-field-wrap:last-child {
474 border-bottom: 0;
475 }
476
477 .give-inline-radio-fields {
478 li {
479 display: inline-block;
480 margin-right: 15px;
481 }
482 }
483
484 .give-repeatable-field-section {
485 padding: 10px;
486 background: #f5f5f5;
487
488 .give-repeatable-fields-section-wrapper {
489 width: 100%;
490 background-color: white;
491 border-collapse: collapse;
492 }
493
494 .give-row {
495 border-bottom: 15px solid #f5f5f5;
496 background-color: white;
497 }
498
499 .give-template {
500 display: none;
501 }
502
503 .give-row:last-child {
504 border-bottom: 10px solid #f5f5f5;
505 }
506
507 .give-column {
508 padding: 0;
509 }
510
511 .give-remove {
512 float: right;
513 width: 22px;
514 height: 36px;
515 padding: 0;
516 display: block;
517 text-align: center;
518 line-height: 34px;
519 font-size: 21px;
520 font-weight: 300;
521 cursor: pointer;
522 }
523
524 .give-remove:hover {
525 background-color: red;
526 color: white;
527 width: 22px;
528 height: 22px;
529 border-radius: 30px;
530 margin-top: 8px;
531 line-height: 19px;
532 }
533
534 .give-row-head {
535 border-bottom: 1px solid #eee;
536 cursor: move;
537 h2 {
538 text-align: left !important;
539 }
540 }
541
542 .give-row.closed .toggle-indicator:before {
543 content: "\f140";
544 }
545
546 .give-row .give-move .toggle-indicator:before {
547 margin-left: 7px;
548 }
549
550 .give-add-repeater-field-section-row-wrap {
551 background-color: #f5f5f5;
552 }
553
554 .give-add-repeater-field-section-row {
555 margin: 5px 5px;
556 }
557
558 .give-field-wrap:last-child {
559 border-bottom: 1px solid #eee;
560 }
561
562 .give-ui-placeholder-state-highlight {
563 background-color: #68bb6c;
564 }
565
566 .give-repeater-field-name {
567 border: 0 !important;
568 padding: 0 !important;
569 }
570
571 .give-repeater-field-description {
572 color: #aaaaaa;
573 font-size: 12px;
574 line-height: 18px;
575 display: block;
576 padding-bottom: 10px;
577 font-style: italic;
578 }
579
580 // Sortable jquery css fix.
581 .ui-sortable-helper {
582 display: table !important;
583 }
584 .give-row.ui-sortable-helper {
585 border-bottom: 0;
586 }
587 }
588 }
589 }
590
591 // Hide first row remove button for multi-level.
592 #_give_donation_levels_field .give-row:nth-of-type(2) .give-remove {
593 display: none !important;
594 }
595
596 //-------------------------------------
597 // Metabox Tabs
598 //-------------------------------------
599 #give-metabox-form-data {
600
601 .give-metabox-tabs {
602 margin: 0;
603 max-width: 170px;
604 float: left;
605 line-height: 1em;
606 padding: 0 0 10px;
607 position: relative;
608 background-color: #fafafa;
609 border-right: 1px solid #eee;
610 box-sizing: border-box;
611
612 &:after {
613 content: "";
614 display: block;
615 width: 100%;
616 height: 9999em;
617 position: absolute;
618 bottom: -9999em;
619 left: 0;
620 background-color: #fafafa;
621 border-right: 1px solid #eee;
622 }
623
624 li {
625 margin: 0;
626 padding: 0;
627 display: block;
628 position: relative;
629
630 a {
631 margin: 0;
632 padding: 10px;
633 display: block;
634 box-shadow: none;
635 text-decoration: none;
636 line-height: 20px !important;
637 border-bottom: 1px solid #eee;
638 overflow: hidden;
639
640 span.give-label {
641 width: 122px;
642 display: inline-block;
643 }
644 }
645
646 }
647
648 .give-metabox-sub-tabs li {
649 background-color: #f1f1f1;
650 a {
651 border-bottom-color: #e5e5e5;
652 }
653 }
654
655 li.active {
656 > a {
657 color: #555;
658 position: relative;
659 background-color: #eee;
660 }
661 }
662
663 li.has-sub-fields.active > a {
664 background-color: #ddd;
665 }
666
667 li.has-sub-fields:not(.active):hover {
668 ul.give-metabox-sub-tabs {
669 display: block;
670 position: absolute;
671 bottom: 0;
672 left: 166px;
673 width: 170px;
674 max-height: 250px;
675 }
676 }
677 }
678
679 }
680
681 // Icons only display for tight resolutions.
682 @media only screen and (min-width: 851px) and (max-width: 1025px),
683 (max-width: 550px) {
684
685 #give-metabox-form-data {
686 ul.give-metabox-tabs {
687 min-width: 40px;
688
689 li > a {
690 text-align: center;
691 &:before {
692 margin-right: 0;
693 font-size: 15px;
694 }
695 span.give-label {
696 display: none;
697 }
698
699 span.give-icon:before {
700 margin: 0;
701 }
702 }
703
704 }
705 .give_options_panel {
706 padding-left: 40px;
707
708 .give-field-wrap {
709 padding: 10px;
710
711 span.give-field-label, label {
712 display: block;
713 float: none;
714 margin: 0 0 10px 0;
715 font-size: 14px;
716 width: 100%;
717 }
718
719 }
720 }
721
722 }
723 //#give-metabox-form-data
724 }
725
726 //-------------------------------------
727 // Export Form
728 // -------------------------------------
729
730 #give-export-payments {
731 .give_forms_categories,
732 .give_forms_tags {
733 input {
734 color: #999;
735 }
736
737 min-width: 250px;
738 margin: 0 0 10px 0;
739 display: block;
740 }
741
742 div.chosen-container:first-of-type {
743 margin-top: 10px;
744 }
745
746 div.chosen-container {
747 ul.chosen-choices {
748 input.chosen-search-input {
749 border: 1px solid #ddd;
750 height: 20px;
751 }
752
753 border: 1px solid #ddd;
754 }
755 }
756
757 select {
758 vertical-align: inherit;
759 margin: 0;
760 height: 26px;
761 line-height: 26px;
762 border: 1px solid #ddd;
763 }
764 }
765
766 /*-------------------------------------
767 Chosen Overrides
768 -------------------------------------*/
769
770 .chosen-container-single a.chosen-single {
771 background: #FFF !important;
772 }
773
774 /*-------------------------------------
775 Doc Links
776 -------------------------------------*/
777
778 .give-docs-link {
779 text-align: right;
780 margin-right: 15px;
781
782 a {
783 color: #999;
784 text-decoration: none;
785 font-style: italic;
786
787 &:hover {
788 color: rgb(0, 115, 170);
789 }
790 span {
791 font-style: normal;
792 }
793 }
794 }