| @@ -24,8 +24,9 @@ | ||
| 24 | 24 | * 03. Fields |
| 25 | 25 | * 03. 01. Field |
| 26 | 26 | * 03. 02. Field: accordion |
| 27 | 27 | * 03. 03. Field: background |
| 28 | + * 03. 04. Field: backup | |
| 28 | 29 | * 03. 05. Field: border, spacing, dimensions, column, dimensions_advanced |
| 29 | 30 | * 03. 06. Field: button_set |
| 30 | 31 | * 03. 07. Field: checkbox, radio |
| 31 | 32 | * 03. 08. Field: code_editor |
| @@ -31,11 +32,15 @@ | ||
| 31 | 32 | * 03. 08. Field: code_editor |
| 32 | 33 | * 03. 09. Field: color |
| 33 | 34 | * 03. 10. Field: color_group |
| 34 | 35 | * 03. 11. Field: fieldset |
| 36 | + * 03. 12. Field: date | |
| 37 | + * 03. 13. Field: gallery | |
| 35 | 38 | * 03. 14. Field: group |
| 36 | 39 | * 03. 15. Field: icon |
| 40 | + * 03. 16. Field: image_select | |
| 37 | 41 | * 03. 17. Field: link_color |
| 42 | + * 03. 18. Field: media | |
| 38 | 43 | * 03. 19. Field: palette |
| 39 | 44 | * 03. 21. Field: select |
| 40 | 45 | * 03. 22. Field: slider |
| 41 | 46 | * 03. 23. Field: sortable |
| @@ -41,11 +46,14 @@ | ||
| 41 | 46 | * 03. 23. Field: sortable |
| 42 | 47 | * 03. 24. Field: sorter |
| 43 | 48 | * 03. 25. Field: spinner |
| 44 | 49 | * 03. 26. Field: switcher |
| 50 | + * 03. 27. Field: tabbed | |
| 45 | 51 | * 03. 28. Field: text |
| 46 | 52 | * 03. 29. Field: textarea |
| 47 | 53 | * 03. 30. Field: typography |
| 54 | + * 03. 31. Field: upload | |
| 55 | + * 03. 32. Field: wp_editor | |
| 48 | 56 | * 03. 33. Field: heading |
| 49 | 57 | * 03. 34. Field: subheading |
| 50 | 58 | * 03. 35. Field: submessage |
| 51 | 59 | * 03. 36. Field: notice |
| @@ -145,9 +153,8 @@ | ||
| 145 | 153 | -o-transition: opacity 0.2s; |
| 146 | 154 | -webkit-transition: opacity 0.2s; |
| 147 | 155 | transition: opacity 0.2s; |
| 148 | 156 | } |
| 149 | - | |
| 150 | 157 | /* |
| 151 | 158 | .spf-buttons .button { |
| 152 | 159 | margin: 0 2px; |
| 153 | 160 | line-height: 26px; |
| @@ -201,9 +208,8 @@ | ||
| 201 | 208 | -webkit-transition: background-color .2s; |
| 202 | 209 | transition: background-color .2s; |
| 203 | 210 | color: #fff !important; |
| 204 | 211 | } |
| 205 | - | |
| 206 | 212 | .spf-buttons .button.spf-save-ajax { |
| 207 | 213 | background-color: #02cc7b; |
| 208 | 214 | border-color: transparent; |
| 209 | 215 | color: #fff !important; |
| @@ -215,64 +221,11 @@ | ||
| 215 | 221 | width: 75px; |
| 216 | 222 | -webkit-transition: background-color .2s; |
| 217 | 223 | transition: background-color .2s; |
| 218 | 224 | } |
| 219 | - | |
| 220 | 225 | .spf-buttons .button.spf-save-ajax:hover { |
| 221 | 226 | background-color: #02bb71; |
| 222 | 227 | } |
| 223 | - | |
| 224 | -.sp_post_carousel_page_pcp_replace_layout .spf-header-right .spf-buttons .button.spf-save, | |
| 225 | -.sp_post_carousel_page_pcp_settings .spf-header-right .spf-buttons .button.spf-save { | |
| 226 | - background-color: #c5c5c6; | |
| 227 | - border-color: transparent; | |
| 228 | - color: #fff; | |
| 229 | - -webkit-box-shadow: none; | |
| 230 | - box-shadow: none; | |
| 231 | - text-shadow: none; | |
| 232 | - border-radius: 4px; | |
| 233 | - height: 38px; | |
| 234 | - width: 140px; | |
| 235 | - -webkit-transition: background-color .2s; | |
| 236 | - transition: background-color .2s; | |
| 237 | - pointer-events: none; | |
| 238 | - padding: 0; | |
| 239 | - -webkit-border-radius: 4px; | |
| 240 | - -moz-border-radius: 4px; | |
| 241 | - -ms-border-radius: 4px; | |
| 242 | - -o-border-radius: 4px; | |
| 243 | -} | |
| 244 | - | |
| 245 | -.sp_post_carousel_page_pcp_settings .spf-header-right .spf-buttons .button.spf-save:hover { | |
| 246 | - background-color: #00b647 !important; | |
| 247 | -} | |
| 248 | - | |
| 249 | -.sp_post_carousel_page_pcp_replace_layout .spf-header-right .spf-buttons .button.spf-reset-section, | |
| 250 | -.sp_post_carousel_page_pcp_settings .spf-header-right .spf-buttons .button.spf-reset-section { | |
| 251 | - background-color: #cd3c3c !important; | |
| 252 | - border-color: transparent !important; | |
| 253 | - -webkit-box-shadow: none !important; | |
| 254 | - box-shadow: none !important; | |
| 255 | - text-shadow: none !important; | |
| 256 | - border-radius: 4px; | |
| 257 | - height: 38px; | |
| 258 | - -webkit-transition: background-color .2s; | |
| 259 | - transition: background-color .2s; | |
| 260 | - -webkit-border-radius: 4px; | |
| 261 | - -moz-border-radius: 4px; | |
| 262 | - -ms-border-radius: 4px; | |
| 263 | - -o-border-radius: 4px; | |
| 264 | -} | |
| 265 | - | |
| 266 | -.sp_post_carousel_page_pcp_settings .spf-header-right .spf-buttons .button.spf-reset-section:hover { | |
| 267 | - background-color: #c03635 !important; | |
| 268 | -} | |
| 269 | - | |
| 270 | -input[type=checkbox]:focus, input[type=radio]:focus { | |
| 271 | - box-shadow: none; | |
| 272 | - outline: none; | |
| 273 | -} | |
| 274 | - | |
| 275 | 228 | /* |
| 276 | 229 | .spf-buttons .button.spf-reset-section { |
| 277 | 230 | border-color: #6b6a6a; |
| 278 | 231 | background: #6b6a6a; |
| @@ -299,17 +252,14 @@ | ||
| 299 | 252 | } */ |
| 300 | 253 | .spf-buttons .button.spf-reset-section { |
| 301 | 254 | background-color: #77777c !important; |
| 302 | 255 | } |
| 303 | - | |
| 304 | 256 | .spf-buttons .button.spf-reset-section:hover { |
| 305 | 257 | background-color: #616169 !important; |
| 306 | 258 | } |
| 307 | - | |
| 308 | -.spf-buttons .button.spf-reset-all:hover { | |
| 259 | +.spf-buttons .button.spf-reset-all:hover{ | |
| 309 | 260 | background-color: #b82f2f !important; |
| 310 | 261 | } |
| 311 | - | |
| 312 | 262 | .spf-buttons .button:focus { |
| 313 | 263 | outline: none !important; |
| 314 | 264 | box-shadow: none !important; |
| 315 | 265 | } |
| @@ -329,9 +279,8 @@ | ||
| 329 | 279 | .spf-nav { |
| 330 | 280 | display: block; |
| 331 | 281 | width: auto; |
| 332 | 282 | } |
| 333 | - | |
| 334 | 283 | .sp-pc-settings .spf-nav { |
| 335 | 284 | display: block; |
| 336 | 285 | position: relative; |
| 337 | 286 | z-index: 10; |
| @@ -337,9 +286,8 @@ | ||
| 337 | 286 | z-index: 10; |
| 338 | 287 | float: left; |
| 339 | 288 | width: 225px; |
| 340 | 289 | } |
| 341 | - | |
| 342 | 290 | .sp-pc-settings .spf-nav-background { |
| 343 | 291 | position: absolute; |
| 344 | 292 | top: 0; |
| 345 | 293 | left: 0; |
| @@ -460,9 +408,8 @@ | ||
| 460 | 408 | -o-transition: opacity 0.2s; |
| 461 | 409 | -webkit-transition: opacity 0.2s; |
| 462 | 410 | transition: opacity 0.2s; |
| 463 | 411 | } |
| 464 | - | |
| 465 | 412 | .sp-pc-settings .spf-content { |
| 466 | 413 | position: relative; |
| 467 | 414 | margin-left: 225px; |
| 468 | 415 | } |
| @@ -483,9 +430,9 @@ | ||
| 483 | 430 | .spf-section-title { |
| 484 | 431 | display: none; |
| 485 | 432 | padding: 20px 30px; |
| 486 | 433 | /* background-color: #f5f5f5; */ |
| 487 | - background-color: #E2572C; | |
| 434 | + background-color: #e1624b; | |
| 488 | 435 | border-top: 1px solid #eee; |
| 489 | 436 | border-bottom: 1px solid #eee; |
| 490 | 437 | } |
| 491 | 438 | |
| @@ -708,19 +655,16 @@ | ||
| 708 | 655 | |
| 709 | 656 | #side-sortables .spf-notice { |
| 710 | 657 | padding: 12px; |
| 711 | 658 | } |
| 712 | - | |
| 713 | 659 | .notice-help-image.spf-field.spf-field-notice { |
| 714 | 660 | display: flex; |
| 715 | 661 | } |
| 716 | - | |
| 717 | 662 | .notice-help-image.spf-field .spf-notice { |
| 718 | 663 | |
| 719 | 664 | padding-right: 34px; |
| 720 | 665 | |
| 721 | 666 | } |
| 722 | - | |
| 723 | 667 | .notice-help-image.spf-field .spf-help { |
| 724 | 668 | line-height: 31px; |
| 725 | 669 | margin-left: -30px; |
| 726 | 670 | } |
| @@ -728,9 +672,9 @@ | ||
| 728 | 672 | /** |
| 729 | 673 | * 01. 13. Help Tooltip |
| 730 | 674 | */ |
| 731 | 675 | |
| 732 | -/* .spf-tooltip { | |
| 676 | +.spf-tooltip { | |
| 733 | 677 | position: absolute; |
| 734 | 678 | z-index: 5000001; |
| 735 | 679 | font-size: 12px; |
| 736 | 680 | line-height: 1.4; |
| @@ -743,183 +687,10 @@ | ||
| 743 | 687 | background-color: rgba(0, 0, 0, 0.85); |
| 744 | 688 | -moz-border-radius: 4px; |
| 745 | 689 | -webkit-border-radius: 4px; |
| 746 | 690 | border-radius: 4px; |
| 747 | -} */ | |
| 748 | -.spf-tooltip { | |
| 749 | - position: absolute; | |
| 750 | - z-index: 5000001; | |
| 751 | - text-align: left; | |
| 752 | - text-decoration: none; | |
| 753 | - max-width: 250px; | |
| 754 | - background-color: rgba(12, 25, 36, 1); | |
| 755 | - border-radius: 4px; | |
| 756 | - padding: 14px 20px; | |
| 757 | - color: #94b2c1; | |
| 758 | - font-size: 14px; | |
| 759 | - line-height: 20px; | |
| 760 | - margin-left: 10px; | |
| 761 | 691 | } |
| 762 | 692 | |
| 763 | -.spf-tooltip .spf-open-live-demo, | |
| 764 | -.spf-tooltip .spf-open-docs { | |
| 765 | - margin-top: 10px; | |
| 766 | - display: inline-block; | |
| 767 | - line-height: 34px; | |
| 768 | - background-color: #1d81f9; | |
| 769 | - border-radius: 3px; | |
| 770 | - padding: 0 12px; | |
| 771 | - font-size: 11px; | |
| 772 | - text-transform: capitalize; | |
| 773 | - text-decoration: none; | |
| 774 | - color: #fff; | |
| 775 | - margin-bottom: 6px; | |
| 776 | - font-weight: 500; | |
| 777 | -} | |
| 778 | - | |
| 779 | -.spf-tooltip .spf-open-live-demo { | |
| 780 | - background-color: transparent; | |
| 781 | - border: 2px solid #1d81f9; | |
| 782 | - line-height: 32px; | |
| 783 | - color: #1d81f9; | |
| 784 | -} | |
| 785 | - | |
| 786 | -.spf-tooltip .spf-open-docs:hover, | |
| 787 | -.spf-tooltip .spf-open-live-demo:hover { | |
| 788 | - background-color: #226DE5; | |
| 789 | - border-color: #226DE5; | |
| 790 | - color: #ffffff; | |
| 791 | -} | |
| 792 | - | |
| 793 | -.spf-tooltip .spf-info-label { | |
| 794 | - color: #fff; | |
| 795 | - font-size: 14px; | |
| 796 | - line-height: 20px; | |
| 797 | - font-weight: 500; | |
| 798 | - /* text-transform: capitalize; */ | |
| 799 | - margin-bottom: 10px; | |
| 800 | -} | |
| 801 | - | |
| 802 | -.spf-tooltip .spf-info-label.img { | |
| 803 | - margin-bottom: 0; | |
| 804 | -} | |
| 805 | - | |
| 806 | -.spf-tooltip .spf-open-docs { | |
| 807 | - margin-right: 10px; | |
| 808 | -} | |
| 809 | - | |
| 810 | -.spf-field-subheading .spf-title { | |
| 811 | - width: 100%; | |
| 812 | -} | |
| 813 | - | |
| 814 | -.pcp-admin-header.spf-field::after, | |
| 815 | -.pcp-admin-header.spf-field::before, | |
| 816 | -.pcp-admin-header .clear, | |
| 817 | -.spf-help-text.spf-support { | |
| 818 | - display: none; | |
| 819 | -} | |
| 820 | - | |
| 821 | -.spf-tooltip.support-tooltip { | |
| 822 | - max-width: 300px; | |
| 823 | -} | |
| 824 | - | |
| 825 | -.spf-tooltip.support-tooltip a.spf-open-docs { | |
| 826 | - width: 100%; | |
| 827 | - box-sizing: border-box; | |
| 828 | - text-align: center; | |
| 829 | - padding: 8px 8px 8px 8px; | |
| 830 | - margin-bottom: 20px; | |
| 831 | - margin-top: 20px; | |
| 832 | - font-size: 13px; | |
| 833 | - line-height: 20px; | |
| 834 | -} | |
| 835 | - | |
| 836 | -.spf-tooltip.support-tooltip a.spf-open-docs.support { | |
| 837 | - margin-bottom: 10px; | |
| 838 | - background: #fff; | |
| 839 | - color: #000; | |
| 840 | -} | |
| 841 | - | |
| 842 | -.spf-tooltip.support-tooltip a.spf-open-docs.support:hover { | |
| 843 | - background: #f5f5f5; | |
| 844 | -} | |
| 845 | - | |
| 846 | -.spf-tooltip.support-tooltip a.spf-open-docs.feature-request { | |
| 847 | - background: transparent; | |
| 848 | - color: #fff; | |
| 849 | - border: 2px solid #fff; | |
| 850 | - text-transform: none; | |
| 851 | - margin-top: 0; | |
| 852 | -} | |
| 853 | - | |
| 854 | -.spf-tooltip.support-tooltip a.spf-open-docs.feature-request:hover { | |
| 855 | - background: #fff; | |
| 856 | - color: #000; | |
| 857 | - border: 2px solid #fff; | |
| 858 | -} | |
| 859 | - | |
| 860 | -.pcp-admin-header .support { | |
| 861 | - position: relative; | |
| 862 | -} | |
| 863 | - | |
| 864 | -.pcp-admin-header .support::before { | |
| 865 | - content: ''; | |
| 866 | - width: 100%; | |
| 867 | - height: 50px; | |
| 868 | - position: absolute; | |
| 869 | - top: 80%; | |
| 870 | - z-index: 10; | |
| 871 | - cursor: pointer; | |
| 872 | -} | |
| 873 | - | |
| 874 | -.spf-tooltip.support-tooltip .spf-info-label { | |
| 875 | - text-transform: none; | |
| 876 | -} | |
| 877 | - | |
| 878 | -.spf-tooltip .info-button a:nth-child(1):is(.spf-open-live-demo) { | |
| 879 | - background-color: #1d81f9; | |
| 880 | - color: #fff; | |
| 881 | -} | |
| 882 | - | |
| 883 | -.spf-tooltip .info-button a:nth-child(1):is(.spf-open-live-demo):hover { | |
| 884 | - background-color: #226DE5; | |
| 885 | -} | |
| 886 | - | |
| 887 | -.spf-tooltip .spf-img-tag { | |
| 888 | - margin-bottom: 6px; | |
| 889 | - /* min-width: 240px; */ | |
| 890 | -} | |
| 891 | - | |
| 892 | -.spf-tooltip .spf-img-tag img { | |
| 893 | - width: 100%; | |
| 894 | -} | |
| 895 | - | |
| 896 | -.spf-help.title-info img { | |
| 897 | - vertical-align: middle; | |
| 898 | -} | |
| 899 | - | |
| 900 | -.pcp-admin-header .spf-support-area { | |
| 901 | - color: #fff; | |
| 902 | - text-decoration: none; | |
| 903 | - font-size: 15px; | |
| 904 | - font-weight: 600; | |
| 905 | - cursor: pointer; | |
| 906 | -} | |
| 907 | - | |
| 908 | -.spf-tooltip:not(.support-tooltip):before { | |
| 909 | - content: ''; | |
| 910 | - width: 0; | |
| 911 | - position: absolute; | |
| 912 | - height: 0; | |
| 913 | - width: 0; | |
| 914 | - height: 0; | |
| 915 | - border-top: 10px solid transparent; | |
| 916 | - border-bottom: 10px solid transparent; | |
| 917 | - border-right: 10px solid rgba(12, 25, 36, .95); | |
| 918 | - left: -10px; | |
| 919 | - top: calc(50% - 7px); | |
| 920 | -} | |
| 921 | - | |
| 922 | 693 | /** |
| 923 | 694 | * 02. Themes |
| 924 | 695 | */ |
| 925 | 696 | |
| @@ -1018,9 +789,8 @@ | ||
| 1018 | 789 | border-bottom: 1px solid #e5e5e5; |
| 1019 | 790 | background-color: #f5f5f5; |
| 1020 | 791 | background: linear-gradient(#fefefe, #f5f5f5); |
| 1021 | 792 | } |
| 1022 | - | |
| 1023 | 793 | .sp-pc-settings.spf-theme-light .spf-header-inner { |
| 1024 | 794 | border-bottom: 1px solid #cecece; |
| 1025 | 795 | background-color: #f2f2f2; |
| 1026 | 796 | background: linear-gradient(#fefefe, #f2f2f2); |
| @@ -1058,10 +828,10 @@ | ||
| 1058 | 828 | background: #f1f1f1; |
| 1059 | 829 | } |
| 1060 | 830 | |
| 1061 | 831 | .spf-theme-light .spf-nav ul li a { |
| 1062 | - background-color: #E2572C; | |
| 1063 | - border-top: 1px solid #E2572C; | |
| 832 | + background-color: #e1624b; | |
| 833 | + border-top: 1px solid #e1624b; | |
| 1064 | 834 | border-right: 1px solid #E2E2E1; |
| 1065 | 835 | border-bottom: 1px solid #ddd; |
| 1066 | 836 | color: #fff; |
| 1067 | 837 | font-size: 13px; |
| @@ -1069,9 +839,8 @@ | ||
| 1069 | 839 | line-height: 1.4; |
| 1070 | 840 | padding: 16px 15px; |
| 1071 | 841 | text-transform: uppercase; |
| 1072 | 842 | } |
| 1073 | - | |
| 1074 | 843 | .sp-pc-settings.spf-theme-light .spf-nav ul li a { |
| 1075 | 844 | padding: 14px 15px; |
| 1076 | 845 | font-size: 12px; |
| 1077 | 846 | background: #efefef; |
| @@ -1079,23 +848,20 @@ | ||
| 1079 | 848 | border-bottom: 1px solid #cecece; |
| 1080 | 849 | border-top: 1px solid #cecece; |
| 1081 | 850 | border-right: 0; |
| 1082 | 851 | } |
| 1083 | - | |
| 1084 | 852 | .sp-pc-settings.spf-theme-light .spf-nav ul li a:first-child { |
| 1085 | 853 | border-top: 0 solid transparent; |
| 1086 | 854 | } |
| 1087 | - | |
| 1088 | 855 | .sp-pc-settings.spf-theme-light .spf-nav ul li .spf-section-active { |
| 1089 | 856 | background-color: #fff; |
| 1090 | - color: #E2572C; | |
| 857 | + color: #e1624b; | |
| 1091 | 858 | border-right: 1px solid #fff; |
| 1092 | 859 | border-bottom: 1px solid #cecece; |
| 1093 | 860 | border-top: 1px solid #fff; |
| 1094 | - box-shadow: 3px 0 0 0 #E2572C inset; | |
| 861 | + box-shadow: 3px 0 0 0 #e1624b inset; | |
| 1095 | 862 | |
| 1096 | 863 | } |
| 1097 | - | |
| 1098 | 864 | .spf-theme-light .spf-nav ul li .spf-section-active { |
| 1099 | 865 | background-color: #fff; |
| 1100 | 866 | color: #000; |
| 1101 | 867 | } |
| @@ -1101,10 +867,10 @@ | ||
| 1101 | 867 | } |
| 1102 | 868 | |
| 1103 | 869 | #sp_pcp_view_options .spf-theme-light .spf-nav ul li .spf-section-active { |
| 1104 | 870 | border-bottom: 1px solid #fff; |
| 1105 | - border-top: 1px solid #E2572C; | |
| 1106 | - box-shadow: 0 3px 0 0 #E2572C inset; | |
| 871 | + border-top: 1px solid #e1624b; | |
| 872 | + box-shadow: 0 3px 0 0 #e1624b inset; | |
| 1107 | 873 | } |
| 1108 | 874 | |
| 1109 | 875 | .sp-pcp-options.spf-theme-light .spf-nav ul li a { |
| 1110 | 876 | background: #efefef; |
| @@ -1118,9 +884,9 @@ | ||
| 1118 | 884 | } |
| 1119 | 885 | |
| 1120 | 886 | #sp_pcp_view_options .spf-theme-light .spf-nav ul li .spf-section-active i, |
| 1121 | 887 | .sp-pcp-options.spf-theme-light .spf-nav ul li .spf-section-active i { |
| 1122 | - color: #E2572C; | |
| 888 | + color: #e1624b; | |
| 1123 | 889 | } |
| 1124 | 890 | |
| 1125 | 891 | .sp-pcp-options.spf-theme-light .spf-nav ul li .spf-section-active { |
| 1126 | 892 | background-color: #fff; |
| @@ -1126,9 +892,9 @@ | ||
| 1126 | 892 | background-color: #fff; |
| 1127 | 893 | border-right: 1px solid #fff; |
| 1128 | 894 | border-bottom: 1px solid #fff; |
| 1129 | 895 | border-top: 1px solid #fff; |
| 1130 | - box-shadow: 4px 0 0 0 #E2572C inset; | |
| 896 | + box-shadow: 4px 0 0 0 #e1624b inset; | |
| 1131 | 897 | } |
| 1132 | 898 | |
| 1133 | 899 | .spf-theme-light .spf-nav ul li .spf-section-active:after { |
| 1134 | 900 | display: none; |
| @@ -1234,9 +1000,9 @@ | ||
| 1234 | 1000 | display: block; |
| 1235 | 1001 | cursor: pointer; |
| 1236 | 1002 | position: relative; |
| 1237 | 1003 | margin: 0; |
| 1238 | - padding: 18px; | |
| 1004 | + padding: 15px; | |
| 1239 | 1005 | min-height: 0; |
| 1240 | 1006 | font-size: 100%; |
| 1241 | 1007 | -webkit-user-select: none; |
| 1242 | 1008 | user-select: none; |
| @@ -1265,9 +1031,9 @@ | ||
| 1265 | 1031 | |
| 1266 | 1032 | .spf-field-accordion .spf-accordion-content { |
| 1267 | 1033 | display: none; |
| 1268 | 1034 | padding: 0; |
| 1269 | - border: 1px solid #AAD2F3; | |
| 1035 | + border: 1px solid #ccd0d4; | |
| 1270 | 1036 | border-top: none; |
| 1271 | 1037 | background-color: #fff; |
| 1272 | 1038 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); |
| 1273 | 1039 | } |
| @@ -1341,19 +1107,8 @@ | ||
| 1341 | 1107 | /** |
| 1342 | 1108 | * Custom CSS |
| 1343 | 1109 | */ |
| 1344 | 1110 | |
| 1345 | -.wp-core-ui #sp_pcp_view_options select { | |
| 1346 | - height: 30px; | |
| 1347 | - min-height: 30px; | |
| 1348 | - line-height: 1; | |
| 1349 | -} | |
| 1350 | - | |
| 1351 | -/* .wp-core-ui #sp_pcp_view_options .button, .wp-core-ui #sp_pcp_view_options .button-primary, .wp-core-ui #sp_pcp_view_options .button-secondary { | |
| 1352 | - line-height: 2.2; | |
| 1353 | - min-height: 38px; | |
| 1354 | -} */ | |
| 1355 | - | |
| 1356 | 1111 | .spf-field.spf-field-wp_editor.pcp_carousel_content_source .spf-fieldset, |
| 1357 | 1112 | .spf-field.spf-field-background_adv.pcp_carousel_content_bg .spf-fieldset { |
| 1358 | 1113 | margin-left: 0; |
| 1359 | 1114 | margin-top: 35px; |
| @@ -1398,8 +1153,29 @@ | ||
| 1398 | 1153 | color: #999; |
| 1399 | 1154 | } |
| 1400 | 1155 | |
| 1401 | 1156 | /** |
| 1157 | + * 03. 04. Field: backup | |
| 1158 | + */ | |
| 1159 | + | |
| 1160 | +.spf-field-backup textarea { | |
| 1161 | + width: 100%; | |
| 1162 | + min-height: 200px; | |
| 1163 | + margin-bottom: 5px; | |
| 1164 | +} | |
| 1165 | + | |
| 1166 | +.spf-field-backup small { | |
| 1167 | + display: inline-block; | |
| 1168 | + margin: 5px; | |
| 1169 | +} | |
| 1170 | + | |
| 1171 | +.spf-field-backup hr { | |
| 1172 | + margin: 20px 0; | |
| 1173 | + border: none; | |
| 1174 | + border-bottom: 1px solid #e5e5e5; | |
| 1175 | +} | |
| 1176 | + | |
| 1177 | +/** | |
| 1402 | 1178 | * 03. 05. Field: border, spacing, dimensions, column, dimensions_advanced |
| 1403 | 1179 | */ |
| 1404 | 1180 | |
| 1405 | 1181 | .spf-field-box_shadow .spf--inputs, |
| @@ -1431,16 +1207,13 @@ | ||
| 1431 | 1207 | .spf-field-column .spf--input select, |
| 1432 | 1208 | .spf-field-dimensions .spf--input select, |
| 1433 | 1209 | .spf-field-dimensions_advanced .spf--input select { |
| 1434 | 1210 | margin: 0; |
| 1435 | - min-height: 30px; | |
| 1436 | - line-height: 1; | |
| 1437 | 1211 | } |
| 1438 | 1212 | |
| 1439 | -.spf-content .spf-field-box_shadow .spf--input input { | |
| 1213 | +.spf-content .spf-field-box_shadow .spf--input input{ | |
| 1440 | 1214 | width: 58px; |
| 1441 | 1215 | } |
| 1442 | - | |
| 1443 | 1216 | .spf-field-box_shadow .spf--input input, |
| 1444 | 1217 | .spf-field-border .spf--input input, |
| 1445 | 1218 | .spf-field-spacing .spf--input input, |
| 1446 | 1219 | .spf-field-column .spf--input input, |
| @@ -1451,10 +1224,8 @@ | ||
| 1451 | 1224 | margin: 0; |
| 1452 | 1225 | width: 65px; |
| 1453 | 1226 | max-width: 100%; |
| 1454 | 1227 | text-align: center; |
| 1455 | - height: 30px; | |
| 1456 | - min-height: 30px; | |
| 1457 | 1228 | } |
| 1458 | 1229 | |
| 1459 | 1230 | .spf-field-box_shadow .spf--color, |
| 1460 | 1231 | .spf-field-border .spf--color, |
| @@ -1498,18 +1269,12 @@ | ||
| 1498 | 1269 | .spf-field-spacing .spf--icon+input, |
| 1499 | 1270 | .spf-field-column .spf--icon+input, |
| 1500 | 1271 | .spf-field-dimensions .spf--icon+input, |
| 1501 | 1272 | .spf-field-dimensions_advanced .spf--icon+input { |
| 1502 | - border-radius: 0 4px 4px 0; | |
| 1503 | - padding-right: 0; | |
| 1273 | + border-top-left-radius: 0; | |
| 1274 | + border-bottom-left-radius: 0; | |
| 1504 | 1275 | } |
| 1505 | 1276 | |
| 1506 | -.spf-field input:has(+ .spf--border-select), | |
| 1507 | -.spf-field input:has(+ .spf--unit) { | |
| 1508 | - border-top-right-radius: 0px; | |
| 1509 | - border-bottom-right-radius: 0px; | |
| 1510 | -} | |
| 1511 | - | |
| 1512 | 1277 | .spf-field-box_shadow .spf--unit, |
| 1513 | 1278 | .spf-field-border .spf--unit, |
| 1514 | 1279 | .spf-field-spacing .spf--unit, |
| 1515 | 1280 | .spf-field-column .spf--unit, |
| @@ -1538,9 +1303,9 @@ | ||
| 1538 | 1303 | position: relative; |
| 1539 | 1304 | z-index: 1; |
| 1540 | 1305 | float: left; |
| 1541 | 1306 | cursor: pointer; |
| 1542 | - padding: 9px 14px; | |
| 1307 | + padding: 7px 14px; | |
| 1543 | 1308 | min-width: 15px; |
| 1544 | 1309 | text-align: center; |
| 1545 | 1310 | color: #555; |
| 1546 | 1311 | border: 1px solid #cccccc; |
| @@ -1569,10 +1334,10 @@ | ||
| 1569 | 1334 | .spf-field-button_set .spf--active:hover, |
| 1570 | 1335 | .spf-field-button_set .spf--active { |
| 1571 | 1336 | z-index: 2; |
| 1572 | 1337 | color: #fff; |
| 1573 | - border-color: #1A74E4; | |
| 1574 | - background-color: #1A74E4; | |
| 1338 | + border-color: #006799; | |
| 1339 | + background-color: #0085ba; | |
| 1575 | 1340 | } |
| 1576 | 1341 | |
| 1577 | 1342 | .spf-field-button_set input { |
| 1578 | 1343 | display: none; |
| @@ -1654,20 +1419,13 @@ | ||
| 1654 | 1419 | margin-right: 10px; |
| 1655 | 1420 | margin-bottom: 5px; |
| 1656 | 1421 | } |
| 1657 | 1422 | |
| 1658 | -.spf-field-spacing .spf--title, | |
| 1659 | -.spf-field-border .spf--title, | |
| 1660 | 1423 | .spf-field-color_group .spf--title { |
| 1661 | 1424 | color: #999; |
| 1662 | 1425 | margin-bottom: 5px; |
| 1663 | - text-transform: capitalize; | |
| 1664 | 1426 | } |
| 1665 | 1427 | |
| 1666 | -.spf-field-spacing:not(.pcp_content_length_type, .pcp_title_length, .pcp-popup-size) .pcp-units { | |
| 1667 | - margin-top: 22px; | |
| 1668 | -} | |
| 1669 | - | |
| 1670 | 1428 | /** |
| 1671 | 1429 | * 03. 11. Field: fieldset |
| 1672 | 1430 | */ |
| 1673 | 1431 | |
| @@ -1683,9 +1441,8 @@ | ||
| 1683 | 1441 | |
| 1684 | 1442 | .spf-field-fieldset .spf-field-subheading { |
| 1685 | 1443 | font-size: 13px; |
| 1686 | 1444 | } |
| 1687 | - | |
| 1688 | 1445 | /* Exclude fieldset |
| 1689 | 1446 | Pagination Color */ |
| 1690 | 1447 | .sp_pcp_exclude_post_set .spf-fieldset-content, |
| 1691 | 1448 | .pcp-pagination-color-set .spf-fieldset-content { |
| @@ -1691,16 +1448,253 @@ | ||
| 1691 | 1448 | .pcp-pagination-color-set .spf-fieldset-content { |
| 1692 | 1449 | border: 0; |
| 1693 | 1450 | box-shadow: 0 0 0; |
| 1694 | 1451 | } |
| 1452 | +.spf-field-fieldset .spf-fieldset-content > .sp_pcp_exclude_posts, | |
| 1453 | +.spf-field-fieldset .spf-fieldset-content > .sp_pcp_exclude_too, | |
| 1454 | +.pcp-pagination-color-set .spf-fieldset-content > .spf-field { | |
| 1455 | + padding: 0; | |
| 1456 | +} | |
| 1695 | 1457 | |
| 1696 | -.spf-field-fieldset .spf-fieldset-content>.sp_pcp_exclude_posts, | |
| 1697 | -.spf-field-fieldset .spf-fieldset-content>.sp_pcp_exclude_too, | |
| 1698 | -.pcp-pagination-color-set .spf-fieldset-content>.spf-field { | |
| 1458 | +/** | |
| 1459 | + * 03. 12. Field: date | |
| 1460 | + */ | |
| 1461 | +.spf-field-date input { | |
| 1462 | + margin: 0; | |
| 1463 | +} | |
| 1464 | + | |
| 1465 | +.spf-field-date .spf--to { | |
| 1466 | + margin-left: 7px; | |
| 1467 | +} | |
| 1468 | + | |
| 1469 | +.spf-datepicker-wrapper { | |
| 1470 | + margin-top: 5px; | |
| 1471 | + width: auto; | |
| 1472 | + background-color: #fff; | |
| 1473 | + z-index: 9999999 !important; | |
| 1474 | + -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); | |
| 1475 | + -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); | |
| 1476 | + box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); | |
| 1477 | +} | |
| 1478 | + | |
| 1479 | +.spf-datepicker-wrapper * { | |
| 1480 | + float: none; | |
| 1481 | + margin: 0; | |
| 1699 | 1482 | padding: 0; |
| 1483 | + font-family: inherit; | |
| 1484 | + font-weight: normal; | |
| 1485 | + font-style: normal; | |
| 1486 | + text-decoration: none; | |
| 1487 | + border: 0; | |
| 1488 | + border-radius: 0; | |
| 1489 | + box-shadow: none; | |
| 1700 | 1490 | } |
| 1701 | 1491 | |
| 1492 | +.spf-datepicker-wrapper .ui-widget-header, | |
| 1493 | +.spf-datepicker-wrapper .ui-datepicker-header { | |
| 1494 | + color: #fff; | |
| 1495 | + background: #00a0d2; | |
| 1496 | +} | |
| 1497 | + | |
| 1498 | +.spf-datepicker-wrapper .ui-datepicker-header .ui-state-hover { | |
| 1499 | + cursor: pointer; | |
| 1500 | +} | |
| 1501 | + | |
| 1502 | +.spf-datepicker-wrapper .ui-datepicker-title { | |
| 1503 | + font-size: 14px; | |
| 1504 | + line-height: 40px; | |
| 1505 | + text-align: center; | |
| 1506 | +} | |
| 1507 | + | |
| 1508 | +.spf-datepicker-wrapper .ui-datepicker-prev, | |
| 1509 | +.spf-datepicker-wrapper .ui-datepicker-next { | |
| 1510 | + position: static; | |
| 1511 | + top: auto; | |
| 1512 | + left: auto; | |
| 1513 | + right: auto; | |
| 1514 | + font-family: "FontAwesome"; | |
| 1515 | + font-size: 12px; | |
| 1516 | + text-align: center; | |
| 1517 | + width: 41px; | |
| 1518 | + height: 40px; | |
| 1519 | + line-height: 40px; | |
| 1520 | + color: #fff; | |
| 1521 | + background-color: rgba(255, 255, 255, 0.1); | |
| 1522 | + text-rendering: auto; | |
| 1523 | + -webkit-font-smoothing: antialiased; | |
| 1524 | + -moz-osx-font-smoothing: grayscale; | |
| 1525 | +} | |
| 1526 | + | |
| 1527 | +.spf-datepicker-wrapper .ui-datepicker-next span, | |
| 1528 | +.spf-datepicker-wrapper .ui-datepicker-prev span { | |
| 1529 | + display: none; | |
| 1530 | +} | |
| 1531 | + | |
| 1532 | +.spf-datepicker-wrapper .ui-datepicker-prev { | |
| 1533 | + float: left; | |
| 1534 | +} | |
| 1535 | + | |
| 1536 | +.spf-datepicker-wrapper .ui-datepicker-next { | |
| 1537 | + float: right; | |
| 1538 | +} | |
| 1539 | + | |
| 1540 | +.spf-datepicker-wrapper .ui-datepicker-prev:before { | |
| 1541 | + content: '\f053'; | |
| 1542 | +} | |
| 1543 | + | |
| 1544 | +.spf-datepicker-wrapper .ui-datepicker-next:before { | |
| 1545 | + content: '\f054'; | |
| 1546 | +} | |
| 1547 | + | |
| 1548 | +.spf-datepicker-wrapper .ui-datepicker-prev-hover, | |
| 1549 | +.spf-datepicker-wrapper .ui-datepicker-next-hover { | |
| 1550 | + opacity: 0.75; | |
| 1551 | +} | |
| 1552 | + | |
| 1553 | +.spf-datepicker-wrapper tbody .ui-datepicker-week-col { | |
| 1554 | + background-color: #f7f7f7; | |
| 1555 | +} | |
| 1556 | + | |
| 1557 | +.spf-datepicker-wrapper .ui-datepicker-buttonpane { | |
| 1558 | + padding: 10px; | |
| 1559 | + text-align: center; | |
| 1560 | + background-color: #f7f7f7; | |
| 1561 | +} | |
| 1562 | + | |
| 1563 | +.spf-datepicker-wrapper .ui-datepicker-buttonpane button { | |
| 1564 | + cursor: pointer; | |
| 1565 | + margin: 0 5px; | |
| 1566 | + padding: 7px 14px; | |
| 1567 | + border: 1px solid #eee; | |
| 1568 | + background-color: #fff; | |
| 1569 | +} | |
| 1570 | + | |
| 1571 | +.spf-datepicker-wrapper select { | |
| 1572 | + margin: 0 4px; | |
| 1573 | +} | |
| 1574 | + | |
| 1575 | +.spf-datepicker-wrapper select option { | |
| 1576 | + color: #555; | |
| 1577 | +} | |
| 1578 | + | |
| 1579 | +.spf-datepicker-wrapper table { | |
| 1580 | + font-size: 13px; | |
| 1581 | + border-collapse: collapse; | |
| 1582 | + width: 100%; | |
| 1583 | +} | |
| 1584 | + | |
| 1585 | +.spf-datepicker-wrapper thead { | |
| 1586 | + color: #fff; | |
| 1587 | + background: #32373c; | |
| 1588 | +} | |
| 1589 | + | |
| 1590 | +.spf-datepicker-wrapper th { | |
| 1591 | + text-align: center; | |
| 1592 | + padding: 7px; | |
| 1593 | + border: 1px solid #444; | |
| 1594 | +} | |
| 1595 | + | |
| 1596 | +.spf-datepicker-wrapper td { | |
| 1597 | + text-align: center; | |
| 1598 | + border: 1px solid #f4f4f4; | |
| 1599 | +} | |
| 1600 | + | |
| 1601 | +.spf-datepicker-wrapper td.ui-datepicker-other-month { | |
| 1602 | + border: transparent; | |
| 1603 | +} | |
| 1604 | + | |
| 1605 | +.spf-datepicker-wrapper td .ui-state-default { | |
| 1606 | + color: #555; | |
| 1607 | + width: auto; | |
| 1608 | + display: block; | |
| 1609 | + padding: 6px 12px; | |
| 1610 | +} | |
| 1611 | + | |
| 1612 | +.spf-datepicker-wrapper td .ui-state-active, | |
| 1613 | +.spf-datepicker-wrapper td .ui-state-hover { | |
| 1614 | + color: #fff; | |
| 1615 | + background-color: #0073aa; | |
| 1616 | +} | |
| 1617 | + | |
| 1618 | +.spf-datepicker-wrapper td.ui-state-disabled .ui-state-default { | |
| 1619 | + opacity: 0.5; | |
| 1620 | +} | |
| 1621 | + | |
| 1702 | 1622 | /** |
| 1623 | + * 03. 13. Field: gallery | |
| 1624 | + */ | |
| 1625 | + | |
| 1626 | +.spf-field-gallery input { | |
| 1627 | + display: none; | |
| 1628 | +} | |
| 1629 | + | |
| 1630 | +.spf-field-gallery ul { | |
| 1631 | + margin: 0; | |
| 1632 | + padding: 0; | |
| 1633 | + list-style-type: none; | |
| 1634 | +} | |
| 1635 | + | |
| 1636 | +.spf-field-gallery ul.sp-gallery-images li { | |
| 1637 | + display: inline-block; | |
| 1638 | + position: relative; | |
| 1639 | + padding: 4px; | |
| 1640 | + margin: 0 5px 10px 0; | |
| 1641 | + border: 1px solid #ccc; | |
| 1642 | + background-color: #f9f9f9; | |
| 1643 | + -moz-border-radius: 2px; | |
| 1644 | + -webkit-border-radius: 2px; | |
| 1645 | + border-radius: 2px; | |
| 1646 | + -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08); | |
| 1647 | + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08); | |
| 1648 | + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08); | |
| 1649 | +} | |
| 1650 | + | |
| 1651 | +.spf-field-gallery ul.sp-gallery-images li img { | |
| 1652 | + max-height: 100px; | |
| 1653 | + display: inline-block; | |
| 1654 | + vertical-align: middle; | |
| 1655 | +} | |
| 1656 | + | |
| 1657 | +.spf-field-gallery .button:focus, | |
| 1658 | +.spf-field-gallery .button:hover, | |
| 1659 | +.spf-field-gallery .button { | |
| 1660 | + margin-right: 5px; | |
| 1661 | + margin-bottom: 5px; | |
| 1662 | + /* SP Style */ | |
| 1663 | + width: 110px; | |
| 1664 | + height: 110px; | |
| 1665 | + text-align: center; | |
| 1666 | + line-height: 15px; | |
| 1667 | + color: #fff; | |
| 1668 | + border: none; | |
| 1669 | + border-radius: 2px; | |
| 1670 | + display: flex; | |
| 1671 | + justify-content: center; | |
| 1672 | + flex-direction: column; | |
| 1673 | + font-weight: 600; | |
| 1674 | +} | |
| 1675 | + | |
| 1676 | +.spf-field-gallery .button-primary.spf-button { | |
| 1677 | + background: #4eb631; | |
| 1678 | + box-shadow: none; | |
| 1679 | + text-shadow: none; | |
| 1680 | +} | |
| 1681 | + | |
| 1682 | +.spf-field-gallery .button.spf-edit-gallery { | |
| 1683 | + background: #6a7885; | |
| 1684 | +} | |
| 1685 | + | |
| 1686 | +.spf-field-gallery .button i { | |
| 1687 | + font-size: 24px; | |
| 1688 | + margin-bottom: 10px; | |
| 1689 | +} | |
| 1690 | + | |
| 1691 | +.spf-field-gallery a, | |
| 1692 | +.spf-field-gallery li { | |
| 1693 | + float: left; | |
| 1694 | +} | |
| 1695 | + | |
| 1696 | +/** | |
| 1703 | 1697 | * 03. 14. Field: group |
| 1704 | 1698 | */ |
| 1705 | 1699 | /* |
| 1706 | 1700 | .spf-field-group .spf-field { |
| @@ -1744,9 +1738,9 @@ | ||
| 1744 | 1738 | cursor: pointer; |
| 1745 | 1739 | position: relative; |
| 1746 | 1740 | user-select: none; |
| 1747 | 1741 | margin: 0; |
| 1748 | - padding: 13px 34px 13px 10px; | |
| 1742 | + padding: 15px 65px 15px 10px; | |
| 1749 | 1743 | min-height: 0; |
| 1750 | 1744 | font-size: 100%; |
| 1751 | 1745 | border: 1px solid #ccd0d4; |
| 1752 | 1746 | background-color: #fafafa; |
| @@ -1805,8 +1799,18 @@ | ||
| 1805 | 1799 | border: 1px dashed #f1c40f; |
| 1806 | 1800 | background-color: #fffae4; |
| 1807 | 1801 | } |
| 1808 | 1802 | |
| 1803 | +.spf-field-group .spf-cloneable-header-icon { | |
| 1804 | + display: inline-block; | |
| 1805 | + text-align: center; | |
| 1806 | + font-size: 14px; | |
| 1807 | + width: 17px; | |
| 1808 | + color: #aaa; | |
| 1809 | + text-indent: 0; | |
| 1810 | + vertical-align: text-top; | |
| 1811 | +} | |
| 1812 | + | |
| 1809 | 1813 | .spf-field-group .spf-cloneable-placeholder { |
| 1810 | 1814 | background-color: #ddd; |
| 1811 | 1815 | margin-top: 4px; |
| 1812 | 1816 | width: 100px; |
| @@ -1864,9 +1868,9 @@ | ||
| 1864 | 1868 | cursor: pointer; |
| 1865 | 1869 | position: relative; |
| 1866 | 1870 | display: inline-block; |
| 1867 | 1871 | max-width: 100%; |
| 1868 | - margin: 0 10px 12px 0; | |
| 1872 | + margin: 0 5px 5px 0; | |
| 1869 | 1873 | vertical-align: bottom; |
| 1870 | 1874 | outline: 2px solid transparent; |
| 1871 | 1875 | background-color: #fff; |
| 1872 | 1876 | user-select: none; |
| @@ -1877,30 +1881,9 @@ | ||
| 1877 | 1881 | transition: all 0.2s; |
| 1878 | 1882 | outline-offset: -2px; |
| 1879 | 1883 | } |
| 1880 | 1884 | |
| 1881 | -.spf-field-layout_preset:not(.hide-active-sign) .spf--active:not(.pcp-pro-only):before { | |
| 1882 | - position: absolute; | |
| 1883 | - top: 5px; | |
| 1884 | - right: 5px; | |
| 1885 | - left: auto; | |
| 1886 | - bottom: auto; | |
| 1887 | - display: flex; | |
| 1888 | - justify-content: center; | |
| 1889 | - align-items: center; | |
| 1890 | - font-size: 7px; | |
| 1891 | - font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome"; | |
| 1892 | - font-weight: 900; | |
| 1893 | - content: "\f00c"; | |
| 1894 | - width: 12px; | |
| 1895 | - height: 12px; | |
| 1896 | - line-height: 14px; | |
| 1897 | - color: #fff; | |
| 1898 | - background-color: #1A74E4; | |
| 1899 | - transition: opacity 0.2s; | |
| 1900 | - border-radius: 50%; | |
| 1901 | -} | |
| 1902 | - | |
| 1885 | +.spf-field-layout_preset .spf--image:before, | |
| 1903 | 1886 | .spf-field-image_select .spf--image:before { |
| 1904 | 1887 | position: absolute; |
| 1905 | 1888 | top: 0; |
| 1906 | 1889 | left: 0; |
| @@ -1912,9 +1895,9 @@ | ||
| 1912 | 1895 | height: 15px; |
| 1913 | 1896 | line-height: 15px; |
| 1914 | 1897 | opacity: 0; |
| 1915 | 1898 | color: #fff; |
| 1916 | - background-color: #E2572C; | |
| 1899 | + background-color: #e1624b; | |
| 1917 | 1900 | transition: opacity .2s; |
| 1918 | 1901 | } |
| 1919 | 1902 | |
| 1920 | 1903 | .spf-field-layout_preset .spf--active.spf--image:before, |
| @@ -1922,9 +1905,9 @@ | ||
| 1922 | 1905 | opacity: 1; |
| 1923 | 1906 | } |
| 1924 | 1907 | |
| 1925 | 1908 | .spf-field-image_select .spf--active img { |
| 1926 | - outline-color: #E2572C; | |
| 1909 | + outline-color: #e1624b; | |
| 1927 | 1910 | } |
| 1928 | 1911 | |
| 1929 | 1912 | .spf-field-image_select img { |
| 1930 | 1913 | vertical-align: top; |
| @@ -1937,12 +1920,25 @@ | ||
| 1937 | 1920 | .spf-field-layout_preset input { |
| 1938 | 1921 | display: none; |
| 1939 | 1922 | } |
| 1940 | 1923 | |
| 1941 | -.spf-field-layout_preset.pcp-layout-preset .spf--image img { | |
| 1942 | - width: 110px; | |
| 1924 | +.spf-field-layout_preset .spf--image img { | |
| 1925 | + color: #7b8898; | |
| 1926 | + margin-right: 10px; | |
| 1927 | + outline: solid 3px transparent; | |
| 1928 | + border-radius: 2px; | |
| 1929 | + cursor: pointer; | |
| 1930 | + text-align: center; | |
| 1931 | + max-width: 120px; | |
| 1932 | + max-height: 80px; | |
| 1933 | + box-shadow: inset 0 0 0px 3px #fff; | |
| 1934 | + outline-offset: -3px; | |
| 1943 | 1935 | } |
| 1944 | 1936 | |
| 1937 | +.spf-field-layout_preset .spf--image img { | |
| 1938 | + max-width: 100%; | |
| 1939 | +} | |
| 1940 | + | |
| 1945 | 1941 | #spf-section-sp_pcp_layouts_1 .spf-field-layout_preset span { |
| 1946 | 1942 | font-size: 13px; |
| 1947 | 1943 | } |
| 1948 | 1944 | |
| @@ -1949,24 +1945,17 @@ | ||
| 1949 | 1945 | .spf-field-layout_preset span { |
| 1950 | 1946 | margin-top: 5px; |
| 1951 | 1947 | font-weight: 500; |
| 1952 | 1948 | text-align: center; |
| 1953 | - /* margin-right: 10px; */ | |
| 1949 | + margin-right: 10px; | |
| 1954 | 1950 | display: block; |
| 1955 | 1951 | font-size: 12px; |
| 1956 | 1952 | } |
| 1957 | 1953 | |
| 1958 | 1954 | .spf-field-layout_preset .spf--image.spf--active img { |
| 1959 | - outline-color: #1A74E4; | |
| 1960 | - outline: 2px solid #1A74E4; | |
| 1961 | - outline-offset: -2px; | |
| 1962 | - border-radius: 3px; | |
| 1955 | + outline-color: #e1624b; | |
| 1963 | 1956 | } |
| 1964 | 1957 | |
| 1965 | -.spf-field-layout_preset .spf--image img { | |
| 1966 | - max-width: 100%; | |
| 1967 | -} | |
| 1968 | - | |
| 1969 | 1958 | /** |
| 1970 | 1959 | * 03. 17. Field: link_color |
| 1971 | 1960 | */ |
| 1972 | 1961 | |
| @@ -1980,127 +1969,58 @@ | ||
| 1980 | 1969 | color: #777; |
| 1981 | 1970 | margin-bottom: 5px; |
| 1982 | 1971 | } |
| 1983 | 1972 | |
| 1984 | -.spf-field-border .border-radius .spf--input { | |
| 1985 | - padding: 0; | |
| 1986 | -} | |
| 1987 | - | |
| 1988 | -.spf-field-border .border-radius .spf--input select { | |
| 1989 | - background-color: #f5f5f5; | |
| 1990 | - border-top-left-radius: 0; | |
| 1991 | - border-bottom-left-radius: 0; | |
| 1992 | - border-left-width: 0; | |
| 1993 | -} | |
| 1994 | - | |
| 1995 | -.spf-field-border .border-radius .spf--input select:focus { | |
| 1996 | - box-shadow: none; | |
| 1997 | -} | |
| 1998 | - | |
| 1999 | 1973 | /** |
| 2000 | - * 03. 28. Field: tabbed | |
| 1974 | + * 03. 18. Field: media | |
| 2001 | 1975 | */ |
| 2002 | -.spf-field-tabbed .spf-tabbed-nav { | |
| 2003 | - max-width: 220px; | |
| 2004 | - width: 100%; | |
| 2005 | - border-right: 1px solid rgba(221, 221, 221, 1); | |
| 2006 | -} | |
| 2007 | 1976 | |
| 2008 | -.spf-field-tabbed.spf-field { | |
| 1977 | +.spf-field-media .spf--placeholder { | |
| 2009 | 1978 | display: flex; |
| 2010 | - margin: 22px 30px; | |
| 2011 | - border: 1px solid rgba(221, 221, 221, 1); | |
| 2012 | 1979 | } |
| 2013 | 1980 | |
| 2014 | -.spf-field-tabbed .spf-tabbed-sections { | |
| 2015 | - float: left; | |
| 1981 | +.spf-field-media .spf--placeholder input { | |
| 2016 | 1982 | width: 100%; |
| 1983 | + margin: 0; | |
| 2017 | 1984 | } |
| 2018 | 1985 | |
| 2019 | -.spf-field-tabbed .spf-tabbed-section { | |
| 2020 | - border: none; | |
| 2021 | - background: #fff; | |
| 2022 | - /* padding-top: 20px; | |
| 2023 | - padding-bottom: 20px; */ | |
| 1986 | +.spf-field-media .button { | |
| 1987 | + margin-left: 5px; | |
| 2024 | 1988 | } |
| 2025 | 1989 | |
| 2026 | -.spf-field-tabbed.spf-field:not(.hidden) { | |
| 2027 | - padding: 0; | |
| 2028 | - border: 1px solid rgba(221, 221, 221, 1); | |
| 1990 | +.spf-field-media .hidden+.button { | |
| 1991 | + margin-left: 0; | |
| 2029 | 1992 | } |
| 2030 | 1993 | |
| 2031 | -.spf-field-tabbed .spf-tabbed-section>.spf-field { | |
| 2032 | - padding: 20px; | |
| 1994 | +.spf-field-media .spf--preview { | |
| 1995 | + position: relative; | |
| 2033 | 1996 | } |
| 2034 | 1997 | |
| 2035 | -.spf-field-tabbed .spf-tabbed-nav .spf--icon { | |
| 2036 | - padding-right: 5px; | |
| 2037 | -} | |
| 2038 | - | |
| 2039 | -.spf-field-tabbed .spf-tabbed-nav a { | |
| 2040 | - display: block; | |
| 2041 | - padding: 12px 14px; | |
| 2042 | - margin-top: 0; | |
| 2043 | - position: relative; | |
| 1998 | +.spf-field-media .spf--preview .fa-times { | |
| 1999 | + position: absolute; | |
| 2000 | + z-index: 1; | |
| 2001 | + right: 4px; | |
| 2002 | + top: 4px; | |
| 2003 | + font-size: 14px; | |
| 2004 | + width: 22px; | |
| 2005 | + height: 22px; | |
| 2006 | + line-height: 22px; | |
| 2007 | + text-align: center; | |
| 2044 | 2008 | text-decoration: none; |
| 2045 | - color: #343434; | |
| 2046 | - font-weight: 600; | |
| 2047 | - border-bottom: 1px solid rgba(204, 204, 204, 1); | |
| 2048 | - -moz-transition: all 0.2s; | |
| 2049 | - -o-transition: all 0.2s; | |
| 2050 | - -webkit-transition: all 0.2s; | |
| 2051 | - transition: all 0.2s; | |
| 2052 | - overflow: hidden; | |
| 2053 | - background: rgba(245, 245, 245, 1); | |
| 2054 | - text-transform: uppercase; | |
| 2055 | - font-size: 13px; | |
| 2009 | + color: #fff; | |
| 2010 | + background-color: #dd3333; | |
| 2011 | + opacity: 0.8; | |
| 2012 | + transition: all .2s; | |
| 2056 | 2013 | } |
| 2057 | 2014 | |
| 2058 | -.spf-field-tabbed .spf-tabbed-nav a:last-child { | |
| 2059 | - margin-bottom: 0px; | |
| 2015 | +.spf-field-media .spf--preview .fa-times:hover { | |
| 2016 | + opacity: 1; | |
| 2060 | 2017 | } |
| 2061 | 2018 | |
| 2062 | -.spf-field-tabbed .spf-tabbed-nav a:hover { | |
| 2063 | - background-color: #f9f9f9; | |
| 2064 | -} | |
| 2065 | - | |
| 2066 | -.spf-field-tabbed .spf-tabbed-nav a:focus { | |
| 2019 | +.spf-field-media .spf--preview .fa-times:focus { | |
| 2067 | 2020 | box-shadow: none; |
| 2068 | - outline: none; | |
| 2069 | 2021 | } |
| 2070 | 2022 | |
| 2071 | -.spf-field-tabbed .spf-pros-tabbed-nav a:focus, | |
| 2072 | -.spf-field-tabbed .spf-tabbed-nav a.spf-tabbed-active { | |
| 2073 | - /* background-color: #fff; | |
| 2074 | - color: #67439B; */ | |
| 2075 | - background-color: #fff; | |
| 2076 | - -webkit-box-shadow: inset 3px 0 #E2572C; | |
| 2077 | - box-shadow: inset 3px 0#E2572C; | |
| 2078 | - color: #E2572C; | |
| 2079 | - font-weight: 600; | |
| 2080 | - border-right-color: #fff; | |
| 2081 | - margin-right: -1px; | |
| 2082 | - border-right: none; | |
| 2083 | -} | |
| 2084 | - | |
| 2085 | -.spf-field-tabbed .spf-tabbed-nav a.spf-tabbed-active svg path, | |
| 2086 | -.spf-field-tabbed .spf-tabbed-nav a.spf-tabbed-active svg { | |
| 2087 | - fill: #E2572C; | |
| 2088 | - /* stroke: #0C6E63; */ | |
| 2089 | -} | |
| 2090 | - | |
| 2091 | -.spf-tabbed-nav a span { | |
| 2092 | - margin-right: 6px; | |
| 2093 | -} | |
| 2094 | - | |
| 2095 | -.spf-tabbed-nav a span svg { | |
| 2096 | - vertical-align: text-bottom; | |
| 2097 | -} | |
| 2098 | - | |
| 2099 | -.spf-tabbed-nav a:nth-last-child(1) span svg { | |
| 2100 | - vertical-align: middle; | |
| 2101 | -} | |
| 2102 | - | |
| 2103 | 2023 | /** |
| 2104 | 2024 | * 03. 19. Field: palette |
| 2105 | 2025 | */ |
| 2106 | 2026 | |
| @@ -2169,11 +2089,8 @@ | ||
| 2169 | 2089 | |
| 2170 | 2090 | .spf-field-select select { |
| 2171 | 2091 | max-width: 100%; |
| 2172 | 2092 | margin: 0; |
| 2173 | - height: 30px; | |
| 2174 | - min-height: 30px; | |
| 2175 | - line-height: 1; | |
| 2176 | 2093 | } |
| 2177 | 2094 | |
| 2178 | 2095 | /** |
| 2179 | 2096 | * 03. 22. Field: slider |
| @@ -2201,26 +2118,16 @@ | ||
| 2201 | 2118 | border-left: 0; |
| 2202 | 2119 | background-color: #f5f5f5; |
| 2203 | 2120 | } |
| 2204 | 2121 | |
| 2205 | -.spf-field-slider .spf-slider-ui { | |
| 2206 | - margin-right: 15px; | |
| 2207 | -} | |
| 2208 | - | |
| 2209 | -.spf-field-slider input[type="number"] { | |
| 2122 | +.spf-field-slider input[type=number] { | |
| 2210 | 2123 | position: relative; |
| 2211 | 2124 | z-index: 1; |
| 2212 | - margin: 0; | |
| 2213 | - width: 60px; | |
| 2125 | + width: 50px; | |
| 2126 | + margin: 0 0 0 15px; | |
| 2214 | 2127 | text-align: center; |
| 2215 | - min-height: 30px; | |
| 2216 | - line-height: 1; | |
| 2217 | 2128 | } |
| 2218 | 2129 | |
| 2219 | -.spf-field-slider.carousel_auto_play_ranger input[type="number"] { | |
| 2220 | - width: 60px; | |
| 2221 | -} | |
| 2222 | - | |
| 2223 | 2130 | .spf-field-slider .spf--is-unit { |
| 2224 | 2131 | border-top-right-radius: 0; |
| 2225 | 2132 | border-bottom-right-radius: 0; |
| 2226 | 2133 | } |
| @@ -2226,32 +2133,30 @@ | ||
| 2226 | 2133 | } |
| 2227 | 2134 | |
| 2228 | 2135 | .spf-field-slider .ui-slider { |
| 2229 | 2136 | position: relative; |
| 2230 | - max-width: 400px; | |
| 2231 | 2137 | width: 100%; |
| 2232 | - height: 10px; | |
| 2233 | - margin-right: 15px; | |
| 2234 | - border: 1px solid #c5c5c5; | |
| 2235 | - background: #fff; | |
| 2236 | - border-radius: 3px; | |
| 2138 | + height: 3px; | |
| 2139 | + border: none; | |
| 2140 | + background: #ddd; | |
| 2141 | + border-radius: 2px; | |
| 2237 | 2142 | } |
| 2238 | 2143 | |
| 2239 | 2144 | .spf-field-slider .ui-slider-range { |
| 2240 | - height: 10px; | |
| 2145 | + height: 3px; | |
| 2241 | 2146 | border: none; |
| 2242 | - background: #1A74E4; | |
| 2147 | + background: #333; | |
| 2243 | 2148 | border-radius: 2px; |
| 2244 | 2149 | } |
| 2245 | 2150 | |
| 2246 | 2151 | .spf-field-slider .ui-slider-handle { |
| 2247 | 2152 | position: absolute; |
| 2248 | - width: 18px; | |
| 2249 | - height: 18px; | |
| 2250 | - top: -5px; | |
| 2153 | + width: 16px; | |
| 2154 | + height: 16px; | |
| 2155 | + top: -7px; | |
| 2251 | 2156 | margin-left: -8px; |
| 2252 | - border: 1px solid #c5c5c5; | |
| 2253 | - background: #fff; | |
| 2157 | + border: none; | |
| 2158 | + background: #333; | |
| 2254 | 2159 | border-radius: 2px; |
| 2255 | 2160 | } |
| 2256 | 2161 | |
| 2257 | 2162 | .spf-field-slider .ui-state-active, |
| @@ -2256,8 +2161,9 @@ | ||
| 2256 | 2161 | |
| 2257 | 2162 | .spf-field-slider .ui-state-active, |
| 2258 | 2163 | .spf-field-slider .ui-slider-handle:hover { |
| 2259 | 2164 | cursor: pointer; |
| 2165 | + background: #111; | |
| 2260 | 2166 | } |
| 2261 | 2167 | |
| 2262 | 2168 | /** |
| 2263 | 2169 | * 03. 23. Field: sortable |
| @@ -2288,8 +2194,30 @@ | ||
| 2288 | 2194 | .spf-field-sortable .spf--sortable-content>.spf-field { |
| 2289 | 2195 | padding: 15px; |
| 2290 | 2196 | } |
| 2291 | 2197 | |
| 2198 | +.spf-field-sortable .spf--sortable-helper { | |
| 2199 | + width: 100%; | |
| 2200 | + display: table-cell; | |
| 2201 | + vertical-align: middle; | |
| 2202 | + text-align: center; | |
| 2203 | + font-size: 14px; | |
| 2204 | + line-height: 1em; | |
| 2205 | + border-left: 1px solid #eee; | |
| 2206 | + background-color: #f7f7f7; | |
| 2207 | +} | |
| 2208 | + | |
| 2209 | +.spf-field-sortable .spf--sortable-helper .fa { | |
| 2210 | + display: inline-block; | |
| 2211 | + cursor: pointer; | |
| 2212 | + width: 50px; | |
| 2213 | + color: #555; | |
| 2214 | +} | |
| 2215 | + | |
| 2216 | +.spf-field-sortable .spf--sortable-helper .fa:hover { | |
| 2217 | + opacity: 0.5; | |
| 2218 | +} | |
| 2219 | + | |
| 2292 | 2220 | .spf-field-sortable .widget-placeholder { |
| 2293 | 2221 | height: 50px; |
| 2294 | 2222 | margin-bottom: 3px; |
| 2295 | 2223 | border: 1px dashed #f1c40f; |
| @@ -2400,10 +2328,9 @@ | ||
| 2400 | 2328 | .spf-field-spinner .ui-spinner { |
| 2401 | 2329 | display: flex; |
| 2402 | 2330 | } |
| 2403 | 2331 | |
| 2404 | -.spf-field-spinner .ui-button-text-only, | |
| 2405 | -.spf-field-spinner .ui-button-icon-only { | |
| 2332 | +.spf-field-spinner .ui-button-text-only, .spf-field-spinner .ui-button-icon-only { | |
| 2406 | 2333 | display: flex; |
| 2407 | 2334 | flex-direction: column; |
| 2408 | 2335 | justify-content: center; |
| 2409 | 2336 | text-align: center; |
| @@ -2411,11 +2338,8 @@ | ||
| 2411 | 2338 | padding: 0 4px; |
| 2412 | 2339 | color: #555; |
| 2413 | 2340 | border: 1px solid #7e8993; |
| 2414 | 2341 | background-color: #f5f5f5; |
| 2415 | - height: 28px; | |
| 2416 | - min-height: 28px; | |
| 2417 | - line-height: 1; | |
| 2418 | 2342 | } |
| 2419 | 2343 | |
| 2420 | 2344 | .spf-field-spinner .ui-button { |
| 2421 | 2345 | cursor: pointer; |
| @@ -2471,11 +2395,8 @@ | ||
| 2471 | 2395 | text-align: center; |
| 2472 | 2396 | margin: 0; |
| 2473 | 2397 | padding: 0 8px; |
| 2474 | 2398 | border-radius: 0; |
| 2475 | - height: 30px; | |
| 2476 | - min-height: 30px; | |
| 2477 | - line-height: 1; | |
| 2478 | 2399 | } |
| 2479 | 2400 | |
| 2480 | 2401 | .spf-field-spinner .ui-button-text { |
| 2481 | 2402 | display: none !important; |
| @@ -2494,9 +2415,9 @@ | ||
| 2494 | 2415 | padding: 0; |
| 2495 | 2416 | margin: 0; |
| 2496 | 2417 | overflow: hidden; |
| 2497 | 2418 | border-radius: 4px; |
| 2498 | - background-color: #FF4E4F; | |
| 2419 | + background-color: #ed6f6f; | |
| 2499 | 2420 | user-select: none; |
| 2500 | 2421 | -webkit-user-select: none; |
| 2501 | 2422 | } |
| 2502 | 2423 | |
| @@ -2565,8 +2486,57 @@ | ||
| 2565 | 2486 | display: none; |
| 2566 | 2487 | } |
| 2567 | 2488 | |
| 2568 | 2489 | /** |
| 2490 | + * 03. 27. Field: tabbed | |
| 2491 | + */ | |
| 2492 | + | |
| 2493 | +.spf-field-tabbed .spf-tabbed-section { | |
| 2494 | + border: 1px solid #ccd0d4; | |
| 2495 | + background-color: #fff; | |
| 2496 | + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); | |
| 2497 | +} | |
| 2498 | + | |
| 2499 | +.spf-field-tabbed .spf-tabbed-section>.spf-field { | |
| 2500 | + padding: 15px; | |
| 2501 | +} | |
| 2502 | + | |
| 2503 | +.spf-field-tabbed .spf-tabbed-nav .spf--icon { | |
| 2504 | + padding-right: 5px; | |
| 2505 | +} | |
| 2506 | + | |
| 2507 | +.spf-field-tabbed .spf-tabbed-nav a { | |
| 2508 | + display: inline-block; | |
| 2509 | + padding: 12px 15px; | |
| 2510 | + margin-top: 1px; | |
| 2511 | + margin-right: 5px; | |
| 2512 | + margin-bottom: -1px; | |
| 2513 | + position: relative; | |
| 2514 | + text-decoration: none; | |
| 2515 | + color: #444; | |
| 2516 | + font-weight: 600; | |
| 2517 | + border: 1px solid #ccd0d4; | |
| 2518 | + background-color: #f3f3f3; | |
| 2519 | + transition: all .2s; | |
| 2520 | +} | |
| 2521 | + | |
| 2522 | +.spf-field-tabbed .spf-tabbed-nav a:hover { | |
| 2523 | + background-color: #f9f9f9; | |
| 2524 | +} | |
| 2525 | + | |
| 2526 | +.spf-field-tabbed .spf-tabbed-nav a.spf-tabbed-active { | |
| 2527 | + background-color: #fff; | |
| 2528 | + border-bottom-color: #fff; | |
| 2529 | +} | |
| 2530 | + | |
| 2531 | +.spf-field-tabbed .spf-tabbed-nav a:focus { | |
| 2532 | + outline: none; | |
| 2533 | + -moz-box-shadow: none; | |
| 2534 | + -webkit-box-shadow: none; | |
| 2535 | + box-shadow: none; | |
| 2536 | +} | |
| 2537 | + | |
| 2538 | +/** | |
| 2569 | 2539 | * 03. 28. Field: text |
| 2570 | 2540 | */ |
| 2571 | 2541 | |
| 2572 | 2542 | .spf-field-text input { |
| @@ -2597,10 +2567,8 @@ | ||
| 2597 | 2567 | .spf-field-typography textarea, |
| 2598 | 2568 | .spf-field-typography select { |
| 2599 | 2569 | min-width: 100%; |
| 2600 | 2570 | margin: 0; |
| 2601 | - min-height: 32px; | |
| 2602 | - line-height: 1; | |
| 2603 | 2571 | } |
| 2604 | 2572 | |
| 2605 | 2573 | .spf-field-typography .spf--title { |
| 2606 | 2574 | color: #777; |
| @@ -2615,9 +2583,8 @@ | ||
| 2615 | 2583 | .spf-field-typography .spf--blocks { |
| 2616 | 2584 | display: flex; |
| 2617 | 2585 | flex-wrap: wrap; |
| 2618 | 2586 | } |
| 2619 | - | |
| 2620 | 2587 | .spf-field-typography .spf--blocks.spf--blocks-color { |
| 2621 | 2588 | display: inline-flex; |
| 2622 | 2589 | } |
| 2623 | 2590 | |
| @@ -2629,16 +2596,12 @@ | ||
| 2629 | 2596 | |
| 2630 | 2597 | .spf-field-typography .chosen-container { |
| 2631 | 2598 | min-width: 170px; |
| 2632 | 2599 | } |
| 2633 | - | |
| 2634 | 2600 | .spf-field-typography .spf--input { |
| 2635 | 2601 | margin: 0; |
| 2636 | 2602 | min-width: 100%; |
| 2637 | 2603 | max-width: 130px; |
| 2638 | - background-color: transparent; | |
| 2639 | - line-height: 1; | |
| 2640 | - min-height: 32px; | |
| 2641 | 2604 | } |
| 2642 | 2605 | |
| 2643 | 2606 | .spf-field-typography .spf--input-wrap { |
| 2644 | 2607 | position: relative; |
| @@ -2699,8 +2662,76 @@ | ||
| 2699 | 2662 | margin-top: 5px; |
| 2700 | 2663 | } |
| 2701 | 2664 | |
| 2702 | 2665 | /** |
| 2666 | + * 03. 31. Field: upload | |
| 2667 | + */ | |
| 2668 | + | |
| 2669 | +.spf-field-upload input { | |
| 2670 | + width: 100%; | |
| 2671 | + margin: 0; | |
| 2672 | +} | |
| 2673 | + | |
| 2674 | +.spf-field-upload .spf--wrap { | |
| 2675 | + display: flex; | |
| 2676 | +} | |
| 2677 | + | |
| 2678 | +.spf-field-upload .button { | |
| 2679 | + margin-left: 5px; | |
| 2680 | +} | |
| 2681 | + | |
| 2682 | +/** | |
| 2683 | + * 03. 32. Field: wp_editor | |
| 2684 | + */ | |
| 2685 | + | |
| 2686 | +.spf-field-wp_editor .spf-wp-editor { | |
| 2687 | + float: left; | |
| 2688 | + width: 100%; | |
| 2689 | +} | |
| 2690 | + | |
| 2691 | +.spf-field-wp_editor .mce-toolbar-grp { | |
| 2692 | + border: none; | |
| 2693 | +} | |
| 2694 | + | |
| 2695 | +.spf-field-wp_editor .mce-btn.mce-active button, | |
| 2696 | +.spf-field-wp_editor .mce-btn.mce-active:hover button, | |
| 2697 | +.spf-field-wp_editor .mce-btn.mce-active i, | |
| 2698 | +.spf-field-wp_editor .mce-btn.mce-active:hover i { | |
| 2699 | + color: #23282d; | |
| 2700 | +} | |
| 2701 | + | |
| 2702 | +.spf-field-wp_editor .wp-media-buttons { | |
| 2703 | + position: relative; | |
| 2704 | + z-index: 2; | |
| 2705 | +} | |
| 2706 | + | |
| 2707 | +.spf-field-wp_editor .wp-editor-tabs { | |
| 2708 | + position: relative; | |
| 2709 | + z-index: 1; | |
| 2710 | +} | |
| 2711 | + | |
| 2712 | +.spf-field-wp_editor .spf-no-tinymce { | |
| 2713 | + border: 1px solid #e5e5e5; | |
| 2714 | +} | |
| 2715 | + | |
| 2716 | +.spf-field-wp_editor .spf-no-quicktags .wp-media-buttons { | |
| 2717 | + float: none; | |
| 2718 | + display: block; | |
| 2719 | +} | |
| 2720 | + | |
| 2721 | +.spf-field-wp_editor .spf-no-quicktags .mce-tinymce { | |
| 2722 | + box-shadow: none; | |
| 2723 | + border: 1px solid #e5e5e5; | |
| 2724 | +} | |
| 2725 | + | |
| 2726 | +.spf-field-wp_editor textarea { | |
| 2727 | + width: 100%; | |
| 2728 | + max-width: 100%; | |
| 2729 | + margin: 0; | |
| 2730 | + box-shadow: none; | |
| 2731 | +} | |
| 2732 | + | |
| 2733 | +/** | |
| 2703 | 2734 | * 03. 33. Field: heading |
| 2704 | 2735 | */ |
| 2705 | 2736 | |
| 2706 | 2737 | .spf-field-heading { |
| @@ -2719,11 +2750,10 @@ | ||
| 2719 | 2750 | font-size: 14px; |
| 2720 | 2751 | font-weight: bold; |
| 2721 | 2752 | padding-top: 17px; |
| 2722 | 2753 | padding-bottom: 17px; |
| 2723 | - color: #030E12; | |
| 2724 | - background-color: #EAECEE; | |
| 2725 | - text-transform: uppercase; | |
| 2754 | + color: #23282d; | |
| 2755 | + background-color: #f7f7f7; | |
| 2726 | 2756 | } |
| 2727 | 2757 | |
| 2728 | 2758 | /** |
| 2729 | 2759 | * 03. 35. Field: submessage |
| @@ -2811,9 +2841,40 @@ | ||
| 2811 | 2841 | .spf-notice-normal { |
| 2812 | 2842 | border-color: #2ca716; |
| 2813 | 2843 | } |
| 2814 | 2844 | |
| 2845 | +/** | |
| 2846 | + * 03. 37. Field: number | |
| 2847 | + */ | |
| 2848 | +.spf-field-number input { | |
| 2849 | + width: 100%; | |
| 2850 | + margin: 0; | |
| 2851 | +} | |
| 2815 | 2852 | |
| 2853 | +.spf-field-number .spf--wrap { | |
| 2854 | + position: relative; | |
| 2855 | + float: left; | |
| 2856 | + width: 100px; | |
| 2857 | +} | |
| 2858 | + | |
| 2859 | +.spf-field-number .spf--unit { | |
| 2860 | + position: absolute; | |
| 2861 | + z-index: 1; | |
| 2862 | + right: 4px; | |
| 2863 | + top: 4px; | |
| 2864 | + bottom: 4px; | |
| 2865 | + padding: 2px 6px; | |
| 2866 | + color: #666; | |
| 2867 | + font-size: 11px; | |
| 2868 | + line-height: 1; | |
| 2869 | + border-radius: 2px; | |
| 2870 | + background: #eee; | |
| 2871 | + user-select: none; | |
| 2872 | + display: flex; | |
| 2873 | + justify-content: center; | |
| 2874 | + flex-direction: column; | |
| 2875 | +} | |
| 2876 | + | |
| 2816 | 2877 | /** |
| 2817 | 2878 | * 03. 38. others |
| 2818 | 2879 | */ |
| 2819 | 2880 | |
| @@ -3989,10 +4050,10 @@ | ||
| 3989 | 4050 | .spf-input-number { |
| 3990 | 4051 | -moz-appearance: textfield; |
| 3991 | 4052 | } |
| 3992 | 4053 | |
| 3993 | -.spf-field:is(.spf-field-slider, .spf-field-spinner) .spf-input-number::-webkit-inner-spin-button, | |
| 3994 | -.spf-field:is(.spf-field-slider, .spf-field-spinner) .spf-input-number::-webkit-outer-spin-button { | |
| 4054 | +.spf-input-number::-webkit-inner-spin-button, | |
| 4055 | +.spf-input-number::-webkit-outer-spin-button { | |
| 3995 | 4056 | -webkit-appearance: none; |
| 3996 | 4057 | margin: 0; |
| 3997 | 4058 | } |
| 3998 | 4059 | |
| @@ -4306,8 +4367,129 @@ | ||
| 4306 | 4367 | box-shadow: none; |
| 4307 | 4368 | } |
| 4308 | 4369 | |
| 4309 | 4370 | /** |
| 4371 | + * 11. Responsive | |
| 4372 | + */ | |
| 4373 | + | |
| 4374 | +@media only screen and (max-width: 1200px) { | |
| 4375 | + .spf-metabox .spf-field .spf-title { | |
| 4376 | + float: none; | |
| 4377 | + width: 100%; | |
| 4378 | + margin-bottom: 10px; | |
| 4379 | + } | |
| 4380 | + | |
| 4381 | + .spf-metabox .spf-field .spf-fieldset { | |
| 4382 | + margin-left: 0; | |
| 4383 | + } | |
| 4384 | +} | |
| 4385 | + | |
| 4386 | +@media only screen and (max-width: 782px) { | |
| 4387 | + .spf-header-inner { | |
| 4388 | + text-align: center; | |
| 4389 | + } | |
| 4390 | + | |
| 4391 | + .spf-header-inner h1 { | |
| 4392 | + width: 100%; | |
| 4393 | + margin-bottom: 10px; | |
| 4394 | + } | |
| 4395 | + | |
| 4396 | + .spf-search, | |
| 4397 | + .spf-header-right, | |
| 4398 | + .spf-header-left { | |
| 4399 | + width: 100%; | |
| 4400 | + } | |
| 4401 | + | |
| 4402 | + .spf-search { | |
| 4403 | + text-align: center; | |
| 4404 | + margin-bottom: 15px; | |
| 4405 | + } | |
| 4406 | + | |
| 4407 | + .spf-footer { | |
| 4408 | + text-align: center; | |
| 4409 | + } | |
| 4410 | + | |
| 4411 | + .spf-buttons { | |
| 4412 | + float: none; | |
| 4413 | + } | |
| 4414 | + | |
| 4415 | + .spf-copyright { | |
| 4416 | + float: none; | |
| 4417 | + margin-top: 10px; | |
| 4418 | + } | |
| 4419 | + | |
| 4420 | + .sp-pcp-options .spf-nav, | |
| 4421 | + .spf-nav, | |
| 4422 | + .spf-expand-all, | |
| 4423 | + .spf-reset-section, | |
| 4424 | + .spf-nav-background { | |
| 4425 | + display: none !important; | |
| 4426 | + } | |
| 4427 | + | |
| 4428 | + .sp-pcp-options .spf-content, | |
| 4429 | + .spf-content { | |
| 4430 | + margin-left: 0; | |
| 4431 | + } | |
| 4432 | + | |
| 4433 | + .spf-section-title, | |
| 4434 | + .sp-pcp-options .spf-section, | |
| 4435 | + .spf-section { | |
| 4436 | + display: block !important; | |
| 4437 | + } | |
| 4438 | + | |
| 4439 | + .spf-field .spf-title { | |
| 4440 | + float: none; | |
| 4441 | + width: 100%; | |
| 4442 | + margin-bottom: 10px; | |
| 4443 | + } | |
| 4444 | + | |
| 4445 | + .spf-field .spf-fieldset { | |
| 4446 | + margin-left: 0; | |
| 4447 | + } | |
| 4448 | + | |
| 4449 | + .spf-field-radio ul li { | |
| 4450 | + margin-top: 4px; | |
| 4451 | + } | |
| 4452 | + | |
| 4453 | + .spf-modal-inner { | |
| 4454 | + width: 350px; | |
| 4455 | + height: 400px; | |
| 4456 | + } | |
| 4457 | + | |
| 4458 | + .spf-modal-content { | |
| 4459 | + height: 237px; | |
| 4460 | + } | |
| 4461 | + | |
| 4462 | + .spf-icon-dialog .spf-modal-inner { | |
| 4463 | + width: 305px; | |
| 4464 | + height: 380px; | |
| 4465 | + } | |
| 4466 | + | |
| 4467 | + .spf-icon-dialog .spf-modal-content { | |
| 4468 | + height: 267px; | |
| 4469 | + } | |
| 4470 | + | |
| 4471 | + .spf-modal-icon .spf-modal-inner { | |
| 4472 | + width: 330px; | |
| 4473 | + height: 385px; | |
| 4474 | + } | |
| 4475 | + | |
| 4476 | + .spf-modal-icon .spf-modal-content { | |
| 4477 | + height: 252px; | |
| 4478 | + } | |
| 4479 | + | |
| 4480 | + .spf-profile>.spf-field>.spf-title { | |
| 4481 | + float: none; | |
| 4482 | + width: 100%; | |
| 4483 | + margin-bottom: 10px; | |
| 4484 | + } | |
| 4485 | + | |
| 4486 | + .spf-profile>.spf-field>.spf-fieldset { | |
| 4487 | + margin-left: 0; | |
| 4488 | + } | |
| 4489 | +} | |
| 4490 | + | |
| 4491 | +/** | |
| 4310 | 4492 | * Chosen JS Styles |
| 4311 | 4493 | */ |
| 4312 | 4494 | |
| 4313 | 4495 | .chosen-container { |
| @@ -4535,9 +4717,8 @@ | ||
| 4535 | 4717 | .chosen-container-multi .chosen-choices li { |
| 4536 | 4718 | float: left; |
| 4537 | 4719 | list-style: none; |
| 4538 | 4720 | } |
| 4539 | - | |
| 4540 | 4721 | .spf-metabox .chosen-container-multi .chosen-choices li { |
| 4541 | 4722 | float: left !important; |
| 4542 | 4723 | } |
| 4543 | 4724 | |
| @@ -4736,19 +4917,18 @@ | ||
| 4736 | 4917 | .spf_column_2 .spf-fieldset ul { |
| 4737 | 4918 | -webkit-columns: 2; |
| 4738 | 4919 | -moz-columns: 2; |
| 4739 | 4920 | columns: 2; |
| 4740 | - width: 500px; | |
| 4741 | 4921 | } |
| 4742 | 4922 | |
| 4743 | -/* .spf_column_2 ul li, | |
| 4923 | +.spf_column_2 ul li, | |
| 4744 | 4924 | .spf_column_2 .spf-fieldset ul li { |
| 4745 | 4925 | width: 50%; |
| 4746 | -} */ | |
| 4926 | +} | |
| 4747 | 4927 | |
| 4748 | 4928 | #sp_pcp_view_options { |
| 4749 | 4929 | border-top-color: #f1f1f1; |
| 4750 | - margin-top: -29px; | |
| 4930 | + margin-top: -21px; | |
| 4751 | 4931 | } |
| 4752 | 4932 | |
| 4753 | 4933 | #sp_pcp_view_options .spf-nav ul li { |
| 4754 | 4934 | margin-bottom: -1px; |
| @@ -4786,23 +4966,19 @@ | ||
| 4786 | 4966 | |
| 4787 | 4967 | #sp_pcp_view_options .hndle, |
| 4788 | 4968 | #sp_pcp_view_options .handlediv, |
| 4789 | 4969 | #sp_pcp_layouts .handlediv, |
| 4790 | -#sp_pcp_layouts .hndle, | |
| 4791 | -.post-type-sp_post_carousel .postbox-header .handle-actions, | |
| 4792 | -.post-type-sp_post_carousel .postbox-header .handle-actions .handle-order-lower, | |
| 4793 | -.post-type-sp_post_carousel .postbox-header .handle-actions .handle-order-higher { | |
| 4970 | +#sp_pcp_layouts .hndle { | |
| 4794 | 4971 | display: none; |
| 4795 | 4972 | } |
| 4796 | 4973 | |
| 4797 | 4974 | #spf-section-sp_pcp_layouts_1 .pcp-admin-header { |
| 4798 | - background-color: #B53361; | |
| 4975 | + background-color: #157592; | |
| 4976 | + background-image: -moz-linear-gradient(180deg, rgb(233, 100, 67) 0%, rgb(178, 86, 118) 100%); | |
| 4977 | + background-image: -webkit-linear-gradient(180deg, rgb(233, 100, 67) 0%, rgb(178, 86, 118) 100%); | |
| 4978 | + background-image: -ms-linear-gradient(180deg, rgb(233, 100, 67) 0%, rgb(178, 86, 118) 100%); | |
| 4799 | 4979 | padding: 18px 26px; |
| 4800 | 4980 | overflow: hidden; |
| 4801 | - background: linear-gradient(90deg, #B53361 0%, #E2572C 65.02%); | |
| 4802 | - display: flex; | |
| 4803 | - justify-content: space-between; | |
| 4804 | - align-items: center; | |
| 4805 | 4981 | } |
| 4806 | 4982 | |
| 4807 | 4983 | #spf-section-sp_pcp_layouts_1 .pcp-admin-header img { |
| 4808 | 4984 | max-width: 180px; |
| @@ -4819,26 +4995,21 @@ | ||
| 4819 | 4995 | line-height: 35px; |
| 4820 | 4996 | font-size: 15px; |
| 4821 | 4997 | font-weight: 500; |
| 4822 | 4998 | } |
| 4823 | - | |
| 4824 | 4999 | .pcp_reading_time_meta .clear { |
| 4825 | 5000 | clear: initial; |
| 4826 | 5001 | } |
| 4827 | - | |
| 4828 | 5002 | .pcp_reading_time_postfix .spf-fieldset input, |
| 4829 | 5003 | .pcp_reading_time_meta .spf--wrap { |
| 4830 | 5004 | margin-right: 5px; |
| 4831 | 5005 | } |
| 4832 | - | |
| 4833 | 5006 | .pcp_reading_time_meta .spf-fieldset { |
| 4834 | 5007 | line-height: 2; |
| 4835 | 5008 | } |
| 4836 | - | |
| 4837 | 5009 | .pcp_reading_time_postfix .spf-fieldset input { |
| 4838 | 5010 | max-width: 255px; |
| 4839 | 5011 | } |
| 4840 | - | |
| 4841 | 5012 | /* |
| 4842 | 5013 | * Shortcode footer. |
| 4843 | 5014 | */ |
| 4844 | 5015 | |
| @@ -4890,150 +5061,108 @@ | ||
| 4890 | 5061 | } |
| 4891 | 5062 | } |
| 4892 | 5063 | |
| 4893 | 5064 | /* Post content sortble custom css */ |
| 4894 | - | |
| 4895 | -.post_content_sorter.spf-field-sortable .spf--sortable .spf--sortable-item:nth-child(5), | |
| 4896 | -.post_content_sorter.spf-field-sortable .spf--sortable .spf--sortable-item:nth-child(6) { | |
| 4897 | - opacity: .5; | |
| 4898 | - pointer-events: none; | |
| 5065 | +.post_content_sorter.spf-field-sortable .spf--sortable-helper { | |
| 5066 | + border-left: none; | |
| 5067 | + background-color: #007CBA; | |
| 5068 | + color: #fff; | |
| 5069 | + height: 48px; | |
| 5070 | + line-height: 48px; | |
| 5071 | + display: block; | |
| 5072 | + padding-right: 1px; | |
| 4899 | 5073 | } |
| 4900 | - | |
| 5074 | +.post_content_sorter.spf-field-sortable .spf--sortable-helper .fa{ | |
| 5075 | + color: #fff; | |
| 5076 | +} | |
| 4901 | 5077 | .spf-field-accordion.pcp-opened-accordion .spf-accordion-title, |
| 4902 | 5078 | .post_content_sorter.spf-field-sortable .spf--sortable .spf--sortable-item h4.spf-accordion-title { |
| 4903 | 5079 | border: none; |
| 4904 | 5080 | box-shadow: none; |
| 4905 | - background: #AAD2F3; | |
| 4906 | - color: #02579C; | |
| 5081 | + background-color: #007CBA; | |
| 5082 | + color: #fff; | |
| 4907 | 5083 | margin-left: -1px; |
| 4908 | - line-height: 16px; | |
| 4909 | - text-align: left; | |
| 4910 | 5084 | } |
| 4911 | - | |
| 4912 | -.spf-field-accordion.pcp-opened-accordion { | |
| 5085 | +.spf-field-accordion.pcp-opened-accordion{ | |
| 4913 | 5086 | padding-bottom: 15px; |
| 4914 | 5087 | } |
| 4915 | - | |
| 4916 | -.spf-field-accordion.pcp-opened-accordion .spf-accordion-title { | |
| 5088 | +.spf-field-accordion.pcp-opened-accordion .spf-accordion-title{ | |
| 4917 | 5089 | margin-left: 0; |
| 4918 | - border-radius: 4px; | |
| 4919 | - overflow: hidden; | |
| 4920 | 5090 | } |
| 4921 | - | |
| 4922 | -.spf-field-accordion.pcp-opened-accordion .spf-accordion-title.expanded { | |
| 4923 | - border-radius: 4px 4px 0 0; | |
| 4924 | -} | |
| 4925 | - | |
| 4926 | -.spf-field-accordion .spf-accordion-open { | |
| 4927 | - display: block; | |
| 4928 | - border-bottom-left-radius: 3px; | |
| 4929 | - border-bottom-right-radius: 3px; | |
| 4930 | -} | |
| 4931 | - | |
| 4932 | 5091 | .post_content_sorter.spf-field-sortable .spf--sortable-content>.spf-field { |
| 4933 | 5092 | padding: 0; |
| 4934 | 5093 | } |
| 4935 | - | |
| 4936 | -.post_content_sorter.spf-field-sortable .spf-field-accordion .spf-accordion-item { | |
| 5094 | +.post_content_sorter.spf-field-sortable .spf-field-accordion .spf-accordion-item{ | |
| 4937 | 5095 | margin-bottom: 0; |
| 4938 | 5096 | } |
| 4939 | - | |
| 4940 | -.post_content_sorter.spf-field-sortable .spf-field-accordion .spf-accordion-content.spf-accordion-open~h4.spf-accordion-title { | |
| 5097 | +.post_content_sorter.spf-field-sortable .spf-field-accordion .spf-accordion-content.spf-accordion-open~h4.spf-accordion-title{ | |
| 4941 | 5098 | border-radius: 0; |
| 4942 | 5099 | } |
| 4943 | - | |
| 4944 | -.post_content_sorter.spf-field-sortable .spf-field-accordion .spf-accordion-content { | |
| 5100 | +.post_content_sorter.spf-field-sortable .spf-field-accordion .spf-accordion-content{ | |
| 4945 | 5101 | border: none; |
| 4946 | 5102 | box-shadow: none; |
| 4947 | 5103 | } |
| 4948 | - | |
| 5104 | +.post_content_sorter.spf-field-sortable .spf--sortable .spf--sortable-item { | |
| 5105 | + display: table; | |
| 5106 | + width: 100%; | |
| 5107 | + margin-bottom: 5px; | |
| 5108 | + border: 1px solid #ccd0d4; | |
| 5109 | +} | |
| 4949 | 5110 | /* Social shape */ |
| 4950 | 5111 | .spf-field.spf-field-layout_preset.social_icon_shape .spf--image.spf--active img { |
| 4951 | - border-color: #E2572C; | |
| 5112 | + border-color: #e1624b; | |
| 4952 | 5113 | } |
| 4953 | - | |
| 4954 | -.spf-field.spf-field-layout_preset.social_icon_shape .spf--image { | |
| 5114 | +.spf-field.spf-field-layout_preset.social_icon_shape .spf--image{ | |
| 4955 | 5115 | text-align: center; |
| 4956 | 5116 | } |
| 4957 | - | |
| 4958 | 5117 | .spf-field.spf-field-layout_preset.social_icon_shape .spf--image img { |
| 4959 | 5118 | color: #7b8898; |
| 4960 | 5119 | margin-right: 10px; |
| 4961 | 5120 | border: 2px solid transparent; |
| 4962 | - border-radius: none; | |
| 5121 | + border-radius:none; | |
| 4963 | 5122 | outline: none; |
| 4964 | 5123 | } |
| 4965 | - | |
| 4966 | -.spf-field.spf-field-layout_preset.social_icon_shape .spf--image:before { | |
| 4967 | - content: no-close-quote; | |
| 5124 | +.spf-field.spf-field-layout_preset.social_icon_shape .spf--image:before{ | |
| 5125 | + content: no-close-quote; | |
| 4968 | 5126 | background: transparent; |
| 4969 | 5127 | } |
| 4970 | - | |
| 4971 | 5128 | /* Group meta custom css */ |
| 4972 | -.spf-field-group.pcp_custom_group_design .spf-cloneable-header-icon { | |
| 5129 | +.spf-field-group.pcp_custom_group_design .spf-cloneable-header-icon{ | |
| 4973 | 5130 | color: #476177; |
| 4974 | 5131 | background-image: none; |
| 4975 | 5132 | position: static; |
| 4976 | 5133 | } |
| 4977 | - | |
| 4978 | -.spf-field-group.pcp_custom_group_design .spf-cloneable-helper i { | |
| 5134 | +.spf-field-group.pcp_custom_group_design .spf-cloneable-helper i{ | |
| 4979 | 5135 | color: #476177; |
| 4980 | - font-family: 'FontAwesome'; | |
| 4981 | - font-style: normal; | |
| 4982 | 5136 | } |
| 4983 | - | |
| 4984 | -.spf-field-group.pcp_custom_group_design .spf-cloneable-helper .spf-cloneable-clone { | |
| 5137 | +.spf-field-group.pcp_custom_group_design .spf-cloneable-helper .spf-cloneable-clone{ | |
| 4985 | 5138 | display: none; |
| 4986 | 5139 | } |
| 4987 | - | |
| 4988 | -.spf-field-group.pcp_custom_group_design .spf-cloneable-title:hover { | |
| 5140 | +.spf-field-group.pcp_custom_group_design .spf-cloneable-title:hover{ | |
| 4989 | 5141 | border-color: #caddec; |
| 4990 | 5142 | } |
| 4991 | - | |
| 4992 | -.spf-field-group.pcp_custom_group_design .spf-cloneable-title { | |
| 4993 | - color: #000; | |
| 4994 | - background: #E8F5FF; | |
| 4995 | - border: 1px solid #AAC6D9; | |
| 4996 | - /* border-bottom-color: transparent; */ | |
| 4997 | - border-radius: 3px; | |
| 4998 | - text-transform: capitalize; | |
| 4999 | -} | |
| 5000 | - | |
| 5001 | -.spf-field-group.advertisements_group .spf-cloneable-title.ui-accordion-header-active, | |
| 5002 | -.spf-field-group.pcp_custom_group_design .spf-cloneable-title.ui-accordion-header-active { | |
| 5003 | - border-bottom-left-radius: 0; | |
| 5004 | - border-bottom-right-radius: 0; | |
| 5143 | +.spf-field-group.pcp_custom_group_design .spf-cloneable-title{ | |
| 5144 | + color: #4C5E6D; | |
| 5145 | + background: #CADDEC; | |
| 5146 | + border: 1px solid #CADDEC; | |
| 5005 | 5147 | border-bottom-color: transparent; |
| 5006 | 5148 | } |
| 5007 | - | |
| 5008 | -.spf-field-group.pcp_custom_group_design .spf-cloneable-content { | |
| 5149 | +.spf-field-group.pcp_custom_group_design .spf-cloneable-content{ | |
| 5009 | 5150 | border: 1px solid #CADDEC; |
| 5010 | 5151 | } |
| 5011 | - | |
| 5012 | -.spf-field-group.pcp_custom_group_design .spf-cloneable-placeholder { | |
| 5152 | +.spf-field-group.pcp_custom_group_design .spf-cloneable-placeholder{ | |
| 5013 | 5153 | background-color: #afc5d6; |
| 5014 | 5154 | } |
| 5015 | - | |
| 5016 | -.spf-field-group.pcp_custom_group_design h4.spf-accordion-title { | |
| 5155 | +.spf-field-group.pcp_custom_group_design h4.spf-accordion-title { | |
| 5017 | 5156 | border: none; |
| 5018 | 5157 | box-shadow: none; |
| 5019 | 5158 | } |
| 5020 | - | |
| 5021 | -.spf-field-group.advertisements_group .spf-cloneable-content, | |
| 5022 | -.spf-field-group.pcp_custom_group_design .spf-cloneable-content { | |
| 5023 | - border: 1px solid #AAC6D9; | |
| 5024 | - border-bottom-left-radius: 3px; | |
| 5025 | - border-bottom-right-radius: 3px; | |
| 5026 | - border-top-color: transparent; | |
| 5027 | -} | |
| 5028 | - | |
| 5029 | 5159 | /* Popup sortable field CSS */ |
| 5030 | 5160 | .spf-field.spf-field-sortable.post_content_sorter_sortable .spf--sortable.ui-sortable { |
| 5031 | 5161 | max-width: 530px; |
| 5032 | 5162 | } |
| 5033 | - | |
| 5034 | -.spf-field.spf-field-sortable.post_content_sorter_sortable .spf--sortable.ui-sortable .spf-field.spf-field-switcher .spf-fieldset { | |
| 5035 | - margin-left: 80%; | |
| 5163 | +.spf-field.spf-field-sortable.post_content_sorter_sortable .spf--sortable.ui-sortable .spf-field.spf-field-switcher .spf-fieldset{ | |
| 5164 | + margin-left: 40%; | |
| 5036 | 5165 | } |
| 5037 | 5166 | |
| 5038 | 5167 | /* |
| 5039 | 5168 | * Pro Only Features |
| @@ -5039,107 +5168,72 @@ | ||
| 5039 | 5168 | * Pro Only Features |
| 5040 | 5169 | * |
| 5041 | 5170 | * The features that are available only on the Smart Post Show Pro only |
| 5042 | 5171 | */ |
| 5172 | + /* Layout Preset Options */ | |
| 5173 | +.spf-field-layout_preset.pcp-layout-preset .spf--image.pcp-pro-only, | |
| 5043 | 5174 | /* Content Orientation Options */ |
| 5044 | -.spf-field-layout_preset:not(.pcp-layout-preset, .pcp-content-orientation) .spf--image.pcp-pro-only, | |
| 5175 | +.spf-field-layout_preset.pcp-content-orientation .spf--image.pcp-pro-only, | |
| 5045 | 5176 | /* Pagination Type */ |
| 5046 | 5177 | .pcp-pagination-type li:nth-child(n+2) label |
| 5047 | - | |
| 5048 | 5178 | /* Advance filter Options ( Filter by - Custom Fields, Date ) */ |
| 5049 | -/* .pcp_advanced_filter ul li:nth-of-type(-2n+6) label */ | |
| 5050 | - { | |
| 5179 | +/* .pcp_advanced_filter ul li:nth-of-type(-2n+6) label */ { | |
| 5051 | 5180 | pointer-events: none; |
| 5052 | 5181 | } |
| 5053 | 5182 | |
| 5054 | 5183 | /* Adding Pro text to the layout_preset field */ |
| 5055 | 5184 | .spf-field-layout_preset.pcp-content-orientation .spf--image.pcp-pro-only:after, |
| 5056 | -.spf-field-layout_preset .spf--image.pcp-pro-only:after { | |
| 5185 | +.spf-field-layout_preset.pcp-layout-preset .spf--image.pcp-pro-only:after { | |
| 5057 | 5186 | position: absolute; |
| 5058 | 5187 | top: 1px; |
| 5059 | - right: 1px; | |
| 5060 | - color: #585B6F; | |
| 5061 | - background-color: #cbd6df; | |
| 5062 | - font-weight: 600; | |
| 5188 | + right: 11px; | |
| 5189 | + color: #a5a5a5; | |
| 5190 | + background-color: #e0e0e0; | |
| 5191 | + font-weight: 500; | |
| 5063 | 5192 | padding: 0 4px; |
| 5064 | 5193 | content: 'PRO'; |
| 5065 | 5194 | text-align: center; |
| 5066 | 5195 | font-size: 8px; |
| 5067 | 5196 | } |
| 5068 | - | |
| 5069 | -.spf-field-layout_preset.pcp-layout-preset .spf--image.pcp-pro-only:after { | |
| 5070 | - right: 2px; | |
| 5071 | -} | |
| 5072 | - | |
| 5073 | 5197 | .spf-field-layout_preset .spf--image { |
| 5074 | 5198 | position: relative; |
| 5075 | 5199 | } |
| 5076 | - | |
| 5077 | 5200 | /* Setting page header */ |
| 5078 | -.sp_post_carousel_page_pcp_replace_layout .spf-header-inner h1 svg, | |
| 5079 | -.sp_post_carousel_page_pcp_settings .spf-header-inner h1 svg { | |
| 5201 | +.sp_post_carousel_page_pcp_settings .spf-header-inner h1 svg{ | |
| 5080 | 5202 | float: left; |
| 5081 | 5203 | margin-right: 8px; |
| 5082 | 5204 | height: 1.5em; |
| 5083 | 5205 | } |
| 5084 | - | |
| 5085 | 5206 | .sp_post_carousel_page_pcp_settings .spf-header-inner h1 { |
| 5086 | 5207 | line-height: 1.5em; |
| 5087 | 5208 | } |
| 5088 | - | |
| 5089 | -.sp_post_carousel_page_pcp_settings .wrap h1 { | |
| 5209 | +.sp_post_carousel_page_pcp_settings .wrap h1{ | |
| 5090 | 5210 | display: none; |
| 5091 | 5211 | } |
| 5092 | - | |
| 5093 | 5212 | /* Pro only accordion fields */ |
| 5094 | -.post_content_sorter .spf--sortable-item .pcp-pro-only .spf-accordion-title, | |
| 5095 | -.post_content_sorter .spf--sortable-item .pcp-pro-only .spf--sortable-helper { | |
| 5213 | +.post_content_sorter .spf--sortable-item .pcp-pro-only .spf-accordion-title, .post_content_sorter .spf--sortable-item .pcp-pro-only .spf--sortable-helper{ | |
| 5096 | 5214 | background-color: rgb(240, 240, 240); |
| 5097 | 5215 | color: #bebebe; |
| 5098 | 5216 | } |
| 5099 | - | |
| 5100 | -.post_content_sorter.spf-field-sortable .pcp-pro-only .spf--sortable-helper { | |
| 5101 | - border-right: 1px solid rgb(190, 190, 190); | |
| 5217 | +.post_content_sorter.spf-field-sortable .pcp-pro-only .spf--sortable-helper{ | |
| 5218 | +border-right: 1px solid rgb(190, 190, 190); | |
| 5102 | 5219 | } |
| 5103 | - | |
| 5104 | -.spf-field.spf-field-checkbox.pcp_disabled h4, | |
| 5105 | -.spf-field.spf-field-checkbox.pcp_disabled .spf-checkbox { | |
| 5106 | - opacity: 0.4; | |
| 5107 | - pointer-events: none; | |
| 5220 | +.spf-field.spf-field-checkbox.pcp_disabled h4 { | |
| 5221 | + opacity: 0.7; | |
| 5108 | 5222 | } |
| 5109 | - | |
| 5110 | -.sp_post_carousel_page_pcp_settings .spf-header-right .spf-buttons .button.spf-save-ajax[disabled] { | |
| 5111 | - background-color: #02cc7b !important; | |
| 5112 | - color: #ffffff !important; | |
| 5113 | - border: none; | |
| 5114 | -} | |
| 5115 | - | |
| 5116 | 5223 | /* Pro only image select */ |
| 5117 | -/* .pcp-display-tabs .spf-tabbed-nav a:last-child, */ | |
| 5118 | -.pcp-post-content-type .spf--button:last-child, | |
| 5119 | -.pro-overlay-options, | |
| 5120 | -.spf-field-image_select .spf--image.pcp-pro-only, | |
| 5121 | -.spf-field-button_set .spf--button.pcp-pro-only { | |
| 5224 | +.spf-field-image_select .spf--image.pcp-pro-only, .spf-field-button_set .spf--button.pcp-pro-only { | |
| 5122 | 5225 | pointer-events: none; |
| 5123 | - opacity: 0.5; | |
| 5124 | -} | |
| 5226 | + opacity: 0.8; | |
| 5125 | 5227 | |
| 5126 | -.spf-field-switcher.pro_only_field, | |
| 5127 | -.spf-field.spf-field-layout_preset .spf--image.pcp-pro-only img, | |
| 5128 | -.spf-field.spf-field-layout_preset .spf--image.pcp-pro-only .sp-carousel-type { | |
| 5129 | - opacity: 0.5; | |
| 5130 | 5228 | } |
| 5131 | - | |
| 5132 | - | |
| 5133 | -/* .pcp-display-tabs .spf-tabbed-nav a:last-child::after, */ | |
| 5134 | -.pcp-post-content-type .spf--button:last-child::after, | |
| 5135 | 5229 | .spf-field-button_set .spf--button.pcp-pro-only:after, |
| 5136 | 5230 | .spf-field-image_select .spf--image.pcp-pro-only:after { |
| 5137 | 5231 | position: absolute; |
| 5138 | 5232 | top: 0; |
| 5139 | 5233 | right: 0; |
| 5140 | - color: #585B6F; | |
| 5141 | - background-color: #cbd6df; | |
| 5234 | + color: #a5a5a5; | |
| 5235 | + background-color: #e0e0e0; | |
| 5142 | 5236 | font-weight: 500; |
| 5143 | 5237 | padding: 0 4px; |
| 5144 | 5238 | content: "PRO"; |
| 5145 | 5239 | text-align: center; |
| @@ -5145,1185 +5239,5 @@ | ||
| 5145 | 5239 | text-align: center; |
| 5146 | 5240 | font-size: 8px; |
| 5147 | 5241 | line-height: 11px; |
| 5148 | 5242 | opacity: 1; |
| 5149 | -} | |
| 5150 | - | |
| 5151 | -/* Show preview button */ | |
| 5152 | -#spsp-show-preview { | |
| 5153 | - position: fixed; | |
| 5154 | - right: 144px; | |
| 5155 | - bottom: 30px; | |
| 5156 | - z-index: 1001; | |
| 5157 | - width: 155px; | |
| 5158 | - text-align: center; | |
| 5159 | - padding: 10px 0px; | |
| 5160 | - background: #54b154; | |
| 5161 | - color: #fff; | |
| 5162 | - border-radius: 3px; | |
| 5163 | - text-decoration: none; | |
| 5164 | - display: block; | |
| 5165 | - font-weight: 500; | |
| 5166 | - text-transform: uppercase; | |
| 5167 | - letter-spacing: 0.2px; | |
| 5168 | - margin: 0; | |
| 5169 | - box-sizing: border-box; | |
| 5170 | - border-color: #44a944; | |
| 5171 | - overflow: hidden; | |
| 5172 | -} | |
| 5173 | - | |
| 5174 | -#spsp-preview-box { | |
| 5175 | - overflow-x: auto; | |
| 5176 | - padding: 0 20px; | |
| 5177 | - resize: vertical; | |
| 5178 | -} | |
| 5179 | - | |
| 5180 | -.spf-field.spf-field-preview { | |
| 5181 | - padding-right: 10px; | |
| 5182 | - padding-left: 10px; | |
| 5183 | -} | |
| 5184 | - | |
| 5185 | -.spf-field.spf-field-preview .pcp-sc-title { | |
| 5186 | - padding-left: 19px; | |
| 5187 | - padding-bottom: 0px; | |
| 5188 | - margin-top: 0; | |
| 5189 | -} | |
| 5190 | - | |
| 5191 | -#poststuff #sp_pcp_display .sp-pcp-section h3, | |
| 5192 | -#poststuff #sp_pcp_display .sp-pcp-section h2, | |
| 5193 | -#poststuff #sp_pcp_display .sp-pcp-section h3 { | |
| 5194 | - padding: 0; | |
| 5195 | - margin: 0 0 9px 0; | |
| 5196 | -} | |
| 5197 | - | |
| 5198 | -#poststuff #sp_pcp_display .sp-pcp-section .pcp-section-title { | |
| 5199 | - color: #444; | |
| 5200 | - margin: 0 0 30px 0; | |
| 5201 | - font-size: 24px; | |
| 5202 | -} | |
| 5203 | - | |
| 5204 | -/* Popup settings field style */ | |
| 5205 | -.spf-field-fieldset.pcp_popup_settings_field .spf-field .spf-fieldset { | |
| 5206 | - padding: 0 13px; | |
| 5207 | - /* opacity: .8; */ | |
| 5208 | - pointer-events: none; | |
| 5209 | -} | |
| 5210 | - | |
| 5211 | -/* .spf-field-fieldset.pcp_popup_settings_field .spf-field:not(.post_content_sorter_sortable) .spf-fieldset{ | |
| 5212 | - opacity: .8; | |
| 5213 | -} */ | |
| 5214 | -.spf-field-fieldset.pcp_popup_settings_field .spf-field-switcher .spf--active { | |
| 5215 | - background-color: #99AAB2; | |
| 5216 | - opacity: 1; | |
| 5217 | -} | |
| 5218 | - | |
| 5219 | -.spf-field-fieldset.pcp_popup_settings_field .spf-fieldset-content { | |
| 5220 | - border: none; | |
| 5221 | -} | |
| 5222 | - | |
| 5223 | -.spf-field-fieldset.pcp_popup_settings_field .spf-fieldset-content .spf-field-switcher .spf-title { | |
| 5224 | - line-height: 24px; | |
| 5225 | -} | |
| 5226 | - | |
| 5227 | -/* pro field style */ | |
| 5228 | -.pcp_only_pro { | |
| 5229 | - opacity: .7; | |
| 5230 | - pointer-events: none; | |
| 5231 | -} | |
| 5232 | - | |
| 5233 | -.spf-field-column.pcp_only_pro .spf--inputs .spf--input:last-child { | |
| 5234 | - position: relative; | |
| 5235 | -} | |
| 5236 | - | |
| 5237 | -.spf-field-column.pcp_only_pro .spf--inputs .spf--input:last-child::after { | |
| 5238 | - content: "PRO"; | |
| 5239 | - background-color: #d4d4d4; | |
| 5240 | - padding: 2px 4px; | |
| 5241 | - font-size: 8px; | |
| 5242 | - border-radius: 2px; | |
| 5243 | - height: 11px; | |
| 5244 | - margin-left: 5px; | |
| 5245 | - margin-top: 7px; | |
| 5246 | -} | |
| 5247 | - | |
| 5248 | -/* Import export css */ | |
| 5249 | -.spf-field.spf-field-button_set.pcp_export { | |
| 5250 | - margin-top: 0; | |
| 5251 | - padding-top: 0; | |
| 5252 | -} | |
| 5253 | - | |
| 5254 | -.spf-field-button_set.pcp_export .spf--button:hover, | |
| 5255 | -.spf-field.spf-field-custom_import.pcp_import button:hover { | |
| 5256 | - background: #135e96; | |
| 5257 | - border-color: #135e96; | |
| 5258 | - color: #fff; | |
| 5259 | -} | |
| 5260 | - | |
| 5261 | -.spf-field.spf-field-custom_import.pcp_import button, | |
| 5262 | -.spf-field-button_set.pcp_export .spf--button { | |
| 5263 | - background: #2271b1; | |
| 5264 | - border-color: #2271b1; | |
| 5265 | - color: #fff; | |
| 5266 | - text-decoration: none; | |
| 5267 | - text-shadow: none; | |
| 5268 | - display: inline-block; | |
| 5269 | - text-decoration: none; | |
| 5270 | - font-size: 13px; | |
| 5271 | - line-height: 2.15384615; | |
| 5272 | - min-height: 30px; | |
| 5273 | - margin: 0; | |
| 5274 | - padding: 0 10px; | |
| 5275 | - cursor: pointer; | |
| 5276 | - border-width: 1px; | |
| 5277 | - border-style: solid; | |
| 5278 | - -webkit-appearance: none; | |
| 5279 | - border-radius: 3px; | |
| 5280 | - white-space: nowrap; | |
| 5281 | - box-sizing: border-box; | |
| 5282 | -} | |
| 5283 | - | |
| 5284 | -.sp-lcp-options .spf-field-select .spf-fieldset { | |
| 5285 | - position: relative; | |
| 5286 | -} | |
| 5287 | - | |
| 5288 | -.spf-field.spf-field-custom_import.pcp_import .spf-fieldset { | |
| 5289 | - position: relative; | |
| 5290 | -} | |
| 5291 | - | |
| 5292 | -.spf-field.spf-field-custom_import.pcp_import p { | |
| 5293 | - padding-bottom: 0; | |
| 5294 | - margin-bottom: 1px; | |
| 5295 | -} | |
| 5296 | - | |
| 5297 | -.spf-field.spf-field-custom_import.pcp_import button { | |
| 5298 | - margin-top: 10px; | |
| 5299 | - padding-bottom: 0px; | |
| 5300 | -} | |
| 5301 | - | |
| 5302 | -.spf-field.spf-field-custom_import.pcp_import .spf-help { | |
| 5303 | - cursor: help; | |
| 5304 | - position: absolute; | |
| 5305 | - top: 80%; | |
| 5306 | - transform: translateY(-50%); | |
| 5307 | - padding: 5px; | |
| 5308 | - font-size: 14px; | |
| 5309 | - color: #aaa; | |
| 5310 | - width: 15px; | |
| 5311 | - left: 64px; | |
| 5312 | -} | |
| 5313 | - | |
| 5314 | -.spf-field.spf-field-select.pcp_post_ids .chosen-container .chosen-drop { | |
| 5315 | - max-width: 400px; | |
| 5316 | -} | |
| 5317 | - | |
| 5318 | -.spf-field.spf-field-select.pcp_post_ids .chosen-container { | |
| 5319 | - max-width: 400px; | |
| 5320 | -} | |
| 5321 | - | |
| 5322 | -.spf-field.spf-field-select.pcp_post_ids { | |
| 5323 | - padding-top: 0; | |
| 5324 | -} | |
| 5325 | - | |
| 5326 | - | |
| 5327 | -.sp-pc-settings .spf-header-inner h1.export-import img { | |
| 5328 | - float: left; | |
| 5329 | - margin-right: 8px; | |
| 5330 | - height: 1.5em; | |
| 5331 | -} | |
| 5332 | - | |
| 5333 | - | |
| 5334 | -.sp-pc-settings.pcp_tools .spf-nav-options li:nth-child(1) a { | |
| 5335 | - background-image: url(../img/export-icon.svg); | |
| 5336 | -} | |
| 5337 | - | |
| 5338 | -.sp-pc-settings.pcp_tools .spf-nav-options li:nth-child(2) a { | |
| 5339 | - background-image: url(../img/import.svg); | |
| 5340 | -} | |
| 5341 | - | |
| 5342 | -.sp-pc-settings.pcp_tools .spf-nav-options li:nth-child(1) a.spf-section-active { | |
| 5343 | - background-image: url(../img/file-export-icon1.svg); | |
| 5344 | -} | |
| 5345 | - | |
| 5346 | -.sp-pc-settings.pcp_tools .spf-nav-options li:nth-child(2) a.spf-section-active { | |
| 5347 | - background-image: url(../img/file-import-icon1.svg); | |
| 5348 | -} | |
| 5349 | - | |
| 5350 | -.sp-pc-settings.pcp_tools .spf-nav-options ul li a { | |
| 5351 | - padding: 15px 30px; | |
| 5352 | - background-size: 14px; | |
| 5353 | - background-position: 10px center; | |
| 5354 | - background-repeat: no-repeat; | |
| 5355 | -} | |
| 5356 | - | |
| 5357 | -.pcp_custom_meta_date_format input { | |
| 5358 | - width: 200px; | |
| 5359 | -} | |
| 5360 | - | |
| 5361 | -/* Replace layout */ | |
| 5362 | -.sp_post_carousel_page_pcp_replace_layout .spf-field-fieldset.spsp_no_border .spf-fieldset-content { | |
| 5363 | - border: 1px solid #ccd0d4; | |
| 5364 | - background-color: #fff; | |
| 5365 | - box-shadow: 0 1px 1px rgb(0 0 0 / 4%); | |
| 5366 | - padding: 20px 20px 2px 15px; | |
| 5367 | - width: 500px; | |
| 5368 | - border-radius: 5px; | |
| 5369 | - margin-left: 25%; | |
| 5370 | -} | |
| 5371 | - | |
| 5372 | -.sp_post_carousel_page_pcp_replace_layout .spf-field-fieldset.spsp_no_border .spf-field .spf-title { | |
| 5373 | - position: relative; | |
| 5374 | - width: auto; | |
| 5375 | - float: none; | |
| 5376 | - margin-bottom: 10px; | |
| 5377 | -} | |
| 5378 | - | |
| 5379 | -.sp_post_carousel_page_pcp_replace_layout .spf-field-fieldset.spsp_no_border .spf-field .spf-fieldset { | |
| 5380 | - margin-left: 0; | |
| 5381 | -} | |
| 5382 | - | |
| 5383 | -.sp_post_carousel_page_pcp_replace_layout .spf.spf-options.spf-theme-light.sp-pc-settings.pcp_replace_layout .spf-container { | |
| 5384 | - opacity: .4; | |
| 5385 | - pointer-events: none; | |
| 5386 | -} | |
| 5387 | - | |
| 5388 | -.sp_post_carousel_page_pcp_replace_layout .pcp_replace_layout_notice p { | |
| 5389 | - background-color: #fff; | |
| 5390 | - color: #444444; | |
| 5391 | - font-size: 15px; | |
| 5392 | - padding: 15px 15px; | |
| 5393 | - border: 1px solid #cecece; | |
| 5394 | -} | |
| 5395 | - | |
| 5396 | -.sp_post_carousel_page_pcp_replace_layout .sp-pc-settings.spf-theme-light .spf-nav ul li:nth-child(1) a, | |
| 5397 | -.sp_post_carousel_page_pcp_replace_layout .sp-pc-settings.spf-theme-light .spf-nav ul li:nth-child(2) a, | |
| 5398 | -.sp_post_carousel_page_pcp_replace_layout .sp-pc-settings.spf-theme-light .spf-nav ul li:nth-child(3) a { | |
| 5399 | - padding: 15px 30px; | |
| 5400 | - background-size: 14px; | |
| 5401 | - background-position: 10px center; | |
| 5402 | - background-repeat: no-repeat; | |
| 5403 | -} | |
| 5404 | - | |
| 5405 | -.sp_post_carousel_page_pcp_replace_layout .sp-pc-settings.spf-theme-light .spf-nav ul li:nth-child(1) a { | |
| 5406 | - background-image: url(../img/standard-h.svg); | |
| 5407 | -} | |
| 5408 | - | |
| 5409 | -.sp_post_carousel_page_pcp_replace_layout .sp-pc-settings.spf-theme-light .spf-nav ul li:nth-child(2) a { | |
| 5410 | - background-image: url(../img/taxonomy-h.svg); | |
| 5411 | -} | |
| 5412 | - | |
| 5413 | -.sp_post_carousel_page_pcp_replace_layout .sp-pc-settings.spf-theme-light .spf-nav ul li:nth-child(3) a { | |
| 5414 | - background-image: url(../img/post.svg); | |
| 5415 | -} | |
| 5416 | - | |
| 5417 | -/* Image custom size & retina display disable option */ | |
| 5418 | -/* .post_content_sorter.spf-field.spf-field-sortable .spf-accordion-content .spf-field-switcher:nth-child(4){ | |
| 5419 | - pointer-events: none; | |
| 5420 | - user-select: none; | |
| 5421 | -} | |
| 5422 | -.post_content_sorter.spf-field.spf-field-sortable .spf-accordion-content .spf-field-switcher:nth-child(4) .spf--switcher{ | |
| 5423 | - background-color: #ed9596; | |
| 5424 | -} */ | |
| 5425 | -/* .post_content_sorter.spf-field.spf-field-sortable .spf-accordion-content .spf-field-switcher:nth-child(4) > .spf-title h4, */ | |
| 5426 | -.post_content_sorter.spf-field.spf-field-sortable .spf-accordion-content .spf-field-dimensions_advanced>.spf-title h4 { | |
| 5427 | - color: #777; | |
| 5428 | -} | |
| 5429 | - | |
| 5430 | -.post_content_sorter.spf-field.spf-field-sortable .spf-accordion-content .spf-field-dimensions_advanced .spf--label { | |
| 5431 | - border: 1px solid #dcdcde; | |
| 5432 | - border-right: none; | |
| 5433 | - color: #dcdcde; | |
| 5434 | -} | |
| 5435 | - | |
| 5436 | -.post_content_sorter.spf-field.spf-field-sortable .spf-accordion-content .spf-field-dimensions_advanced .spf--label .fa-arrows-h:before, | |
| 5437 | -.post_content_sorter.spf-field.spf-field-sortable .spf-accordion-content .spf-field-dimensions_advanced .spf--label .fa-arrows-v:before { | |
| 5438 | - color: #dcdcde; | |
| 5439 | -} | |
| 5440 | - | |
| 5441 | -.pcp-display-tabs .spf-tabbed-nav i, | |
| 5442 | -.pcp-carousel-tabs .spf-tabbed-nav i, | |
| 5443 | -#sp_pcp_view_options .spf-theme-light .spf-nav ul li i, | |
| 5444 | -.sp-pcp-options.spf-theme-light .spf-nav ul li i { | |
| 5445 | - margin-right: 5px; | |
| 5446 | -} | |
| 5447 | - | |
| 5448 | -.spf-field-accordion.filter_by_style.pcp-opened-accordion { | |
| 5449 | - padding-bottom: 5px; | |
| 5450 | - margin-left: 25%; | |
| 5451 | - padding-left: 15px; | |
| 5452 | -} | |
| 5453 | - | |
| 5454 | -.wp-core-ui .spf-cloneable-add.button-primary { | |
| 5455 | - background: #1A74E4; | |
| 5456 | - border-color: #1A74E4; | |
| 5457 | - padding: 4px 16px; | |
| 5458 | - text-transform: uppercase; | |
| 5459 | - line-height: 2.2; | |
| 5460 | - min-height: 38px; | |
| 5461 | -} | |
| 5462 | - | |
| 5463 | -.spf-field-group .ui-accordion .spf-cloneable-item { | |
| 5464 | - display: block; | |
| 5465 | - padding-bottom: 10px; | |
| 5466 | -} | |
| 5467 | - | |
| 5468 | -.spf-field-subheading.pcp_padding_for_filter { | |
| 5469 | - background: none; | |
| 5470 | - padding: 8px; | |
| 5471 | -} | |
| 5472 | - | |
| 5473 | -.spf-field-group.pcp_custom_group_design .spf-cloneable-header-icon { | |
| 5474 | - color: #476177; | |
| 5475 | - background-image: none; | |
| 5476 | - position: static; | |
| 5477 | - background-image: url(../img/drag-and-drop1.svg); | |
| 5478 | - background-repeat: no-repeat; | |
| 5479 | - background-position: left; | |
| 5480 | - padding-left: 30px; | |
| 5481 | - background-size: 24px; | |
| 5482 | -} | |
| 5483 | - | |
| 5484 | -.spf-field-group.pcp_custom_group_design .spf-cloneable-title.ui-accordion-header-active:after { | |
| 5485 | - -moz-transform: rotate(180deg); | |
| 5486 | - transform: rotate(180deg); | |
| 5487 | -} | |
| 5488 | - | |
| 5489 | -.spf-field-group.pcp_custom_group_design .spf-cloneable-title:after { | |
| 5490 | - content: "\f107"; | |
| 5491 | - float: right; | |
| 5492 | - transition: all 0.5s; | |
| 5493 | - font-family: 'FontAwesome'; | |
| 5494 | - text-align: center; | |
| 5495 | - font-size: 18px; | |
| 5496 | - margin-top: -2px; | |
| 5497 | -} | |
| 5498 | - | |
| 5499 | -.spf-field-group.advertisements_group i.spf-cloneable-sort, | |
| 5500 | -.spf-field-group.pcp_custom_group_design i.spf-cloneable-sort { | |
| 5501 | - display: none; | |
| 5502 | -} | |
| 5503 | - | |
| 5504 | -.post-type-sp_post_carousel .postbox-header { | |
| 5505 | - pointer-events: none; | |
| 5506 | -} | |
| 5507 | - | |
| 5508 | -.pcp-layout-preset .spf--image:hover a.sps-live-demo-icon, | |
| 5509 | -.pcp-layout-preset .spf--image.spf--active a.sps-live-demo-icon { | |
| 5510 | - opacity: 1; | |
| 5511 | - pointer-events: painted; | |
| 5512 | - transition: all 0.2s linear; | |
| 5513 | -} | |
| 5514 | - | |
| 5515 | -.pcp-layout-preset .spf--image a.sps-live-demo-icon { | |
| 5516 | - opacity: 0; | |
| 5517 | - pointer-events: none; | |
| 5518 | - position: absolute; | |
| 5519 | -} | |
| 5520 | - | |
| 5521 | -.pcp-layout-preset .sp-carousel-type a.sps-live-demo-icon { | |
| 5522 | - margin-left: 6px; | |
| 5523 | -} | |
| 5524 | - | |
| 5525 | -.pcp-layout-preset .spf--image:nth-child(9) .sp-carousel-type a.sps-live-demo-icon { | |
| 5526 | - margin-left: -1px; | |
| 5527 | -} | |
| 5528 | - | |
| 5529 | -.post_content_sorter.spf-field-sortable .spf--sortable .spf--sortable-item { | |
| 5530 | - display: table; | |
| 5531 | - width: 100%; | |
| 5532 | - margin-bottom: 10px; | |
| 5533 | - border: 1px solid #AAD2F3; | |
| 5534 | - border-radius: 3px; | |
| 5535 | -} | |
| 5536 | - | |
| 5537 | -.post_content_sorter>.spf-title { | |
| 5538 | - display: none; | |
| 5539 | -} | |
| 5540 | - | |
| 5541 | -.post_content_sorter>.spf-fieldset { | |
| 5542 | - margin-left: 0; | |
| 5543 | -} | |
| 5544 | - | |
| 5545 | -.post_content_sorter.spf-field-sortable .spf--sortable-content>.spf-field { | |
| 5546 | - padding: 0; | |
| 5547 | -} | |
| 5548 | - | |
| 5549 | -.post_content_sorter.spf-field-sortable .spf-field-accordion .spf-accordion-item { | |
| 5550 | - margin-bottom: 0; | |
| 5551 | -} | |
| 5552 | - | |
| 5553 | -.post_content_sorter .spf-field-accordion .spf-accordion-title.expanded { | |
| 5554 | - border-radius: 2px 2px 0 0; | |
| 5555 | -} | |
| 5556 | - | |
| 5557 | -.post_content_sorter .spf-field-accordion .spf-accordion-title { | |
| 5558 | - padding: 18px 18px 18px 40px; | |
| 5559 | - /* border-radius: 2px; */ | |
| 5560 | - overflow: hidden; | |
| 5561 | -} | |
| 5562 | - | |
| 5563 | -.post_content_sorter .spf--sortable-helper .spf-accordion-title::before { | |
| 5564 | - background-image: url(../img/drag-and-drop.svg); | |
| 5565 | - background-repeat: no-repeat; | |
| 5566 | - background-position: left; | |
| 5567 | - content: ''; | |
| 5568 | - position: absolute; | |
| 5569 | - left: 10px; | |
| 5570 | - right: auto; | |
| 5571 | - top: 0; | |
| 5572 | - bottom: 0; | |
| 5573 | - width: 50px; | |
| 5574 | -} | |
| 5575 | - | |
| 5576 | -.post_content_sorter .spf--sortable-helper .pcp-pro-only .spf-accordion-title::before { | |
| 5577 | - background-image: url(../img/drag-and-drop1.svg); | |
| 5578 | -} | |
| 5579 | - | |
| 5580 | -.post_content_sorter .clear, | |
| 5581 | -.post_content_sorter .spf-field-accordion .spf-accordion-icon { | |
| 5582 | - display: none; | |
| 5583 | -} | |
| 5584 | - | |
| 5585 | -.post_content_sorter .spf-accordion-title:after, | |
| 5586 | -.pcp-opened-accordion .spf-accordion-title:after { | |
| 5587 | - content: "\f107"; | |
| 5588 | - float: right; | |
| 5589 | - transition: all 0.5s; | |
| 5590 | - font-family: 'FontAwesome'; | |
| 5591 | - text-align: center; | |
| 5592 | - font-size: 18px; | |
| 5593 | - /* margin-top: -2px; */ | |
| 5594 | -} | |
| 5595 | - | |
| 5596 | -/* .post_content_sorter .pcp-pro-only .spf-accordion-title:after { | |
| 5597 | - padding-right: 20px; | |
| 5598 | -} */ | |
| 5599 | - | |
| 5600 | -.post_content_sorter .spf-accordion-title.expanded:after, | |
| 5601 | -.pcp-opened-accordion .spf-accordion-title.expanded:after { | |
| 5602 | - -moz-transform: rotate(180deg); | |
| 5603 | - transform: rotate(180deg); | |
| 5604 | -} | |
| 5605 | - | |
| 5606 | -.pcp_post_meta .spf-field.spf-field-group.pcp_custom_group_design { | |
| 5607 | - max-width: 100%; | |
| 5608 | - width: calc(75% - 25px); | |
| 5609 | - float: right; | |
| 5610 | - z-index: 10; | |
| 5611 | -} | |
| 5612 | - | |
| 5613 | -.spf-field-group .spf-cloneable-wrapper { | |
| 5614 | - position: relative; | |
| 5615 | -} | |
| 5616 | - | |
| 5617 | -.post_content_sorter_sortable .spf--sortable-helper { | |
| 5618 | - background-image: url(../img/drag-and-drop1.svg); | |
| 5619 | - background-repeat: no-repeat; | |
| 5620 | - background-position: left; | |
| 5621 | - padding: 0 0 0 30px; | |
| 5622 | - background-color: transparent; | |
| 5623 | - border-left: none; | |
| 5624 | -} | |
| 5625 | - | |
| 5626 | -.post_content_sorter_sortable .spf--sortable .spf--sortable-item { | |
| 5627 | - padding: 0 0 0 15px; | |
| 5628 | - border-radius: 3px; | |
| 5629 | -} | |
| 5630 | - | |
| 5631 | -/* Style for the option of the navigation and pagination */ | |
| 5632 | - | |
| 5633 | -.spf-field.spf-field-fieldset.navigation-and-pagination-style { | |
| 5634 | - padding: 0 0px 20px 0px; | |
| 5635 | -} | |
| 5636 | - | |
| 5637 | -.spf-field.spf-field-fieldset.navigation-and-pagination-style .spf-fieldset-content { | |
| 5638 | - display: flex; | |
| 5639 | - flex-wrap: wrap; | |
| 5640 | - gap: 0; | |
| 5641 | - box-sizing: border-box; | |
| 5642 | - width: 100%; | |
| 5643 | - padding-left: 20px; | |
| 5644 | - justify-content: flex-start; | |
| 5645 | - float: right; | |
| 5646 | - width: calc(80% - 25px); | |
| 5647 | - border: none; | |
| 5648 | - box-shadow: none; | |
| 5649 | -} | |
| 5650 | - | |
| 5651 | -/* .spf-field.spf-field-fieldset.navigation-and-pagination-style .spf-fieldset-content { | |
| 5652 | - width: calc(75% - 12px); | |
| 5653 | -} */ | |
| 5654 | - | |
| 5655 | -.spf-field.spf-field-fieldset.navigation-and-pagination-style .pcp_navigation, | |
| 5656 | -.spf-field.spf-field-fieldset.navigation-and-pagination-style .pcp_pagination { | |
| 5657 | - display: flex; | |
| 5658 | - justify-self: center; | |
| 5659 | - align-items: center; | |
| 5660 | - max-width: fit-content; | |
| 5661 | - padding: 20px 0 0; | |
| 5662 | - flex: 1; | |
| 5663 | - position: static; | |
| 5664 | -} | |
| 5665 | - | |
| 5666 | -.spf-field.spf-field-fieldset.navigation-and-pagination-style .spf-fieldset-content>.spf-field .spf-title { | |
| 5667 | - width: 100%; | |
| 5668 | - max-width: 49%; | |
| 5669 | -} | |
| 5670 | - | |
| 5671 | -.spf-field.spf-field-fieldset.navigation-and-pagination-style .spf-fieldset-content>.pcp_navigation .spf-title, | |
| 5672 | -.spf-field.spf-field-fieldset.navigation-and-pagination-style .spf-fieldset-content>.pcp_pagination .spf-title { | |
| 5673 | - position: absolute; | |
| 5674 | - left: 20px; | |
| 5675 | -} | |
| 5676 | - | |
| 5677 | -.spf-field.spf-field-fieldset.navigation-and-pagination-style .pcp_pagination, | |
| 5678 | -.spf-field.spf-field-fieldset.navigation-and-pagination-style .pcp_navigation { | |
| 5679 | - padding-right: 10px; | |
| 5680 | -} | |
| 5681 | - | |
| 5682 | -.spf-field.spf-field-fieldset.navigation-and-pagination-style .pcp_hide_on_mobile { | |
| 5683 | - display: flex; | |
| 5684 | - width: 220px; | |
| 5685 | - margin-bottom: -20px; | |
| 5686 | - align-items: center; | |
| 5687 | - justify-content: center; | |
| 5688 | - padding-left: 0; | |
| 5689 | -} | |
| 5690 | - | |
| 5691 | -.spf-field.spf-field-fieldset.navigation-and-pagination-style .pcp_hide_on_mobile .spf-fieldset { | |
| 5692 | - margin-left: 0; | |
| 5693 | -} | |
| 5694 | - | |
| 5695 | -/** | |
| 5696 | - * 12. Responsive of Click Action Type options. | |
| 5697 | - */ | |
| 5698 | -@media only screen and (max-width: 1200px) { | |
| 5699 | - | |
| 5700 | - .spf-field.spf-field-fieldset.navigation-and-pagination-style .pcp_navigation, | |
| 5701 | - .spf-field.spf-field-fieldset.navigation-and-pagination-style .pcp_pagination, | |
| 5702 | - .spf-field.spf-field-fieldset.navigation-and-pagination-style .pcp_hide_on_mobile { | |
| 5703 | - display: block; | |
| 5704 | - } | |
| 5705 | - | |
| 5706 | - .spf-field.spf-field-fieldset.navigation-and-pagination-style .pcp_hide_on_mobile { | |
| 5707 | - padding: 0; | |
| 5708 | - } | |
| 5709 | - | |
| 5710 | - .spf-field.spf-field-fieldset.navigation-and-pagination-style .pcp_hide_on_mobile { | |
| 5711 | - padding-top: 20px; | |
| 5712 | - } | |
| 5713 | - | |
| 5714 | - .spf-field.spf-field-fieldset.navigation-and-pagination-style .spf-fieldset-content { | |
| 5715 | - float: none; | |
| 5716 | - margin-left: 0; | |
| 5717 | - } | |
| 5718 | - | |
| 5719 | - .spf-field.spf-field-fieldset.navigation-and-pagination-style .spf-fieldset-content>.spf-field .spf-title { | |
| 5720 | - left: 0; | |
| 5721 | - position: unset; | |
| 5722 | - } | |
| 5723 | -} | |
| 5724 | - | |
| 5725 | -/* Responsiveness for the click action type's title */ | |
| 5726 | -@media (min-width: 1200px) and (max-width: 1375px) { | |
| 5727 | - | |
| 5728 | - .spf-field.spf-field-fieldset.navigation-and-pagination-style .spf-fieldset-content>.spf-field .spf-title { | |
| 5729 | - max-width: 25%; | |
| 5730 | - } | |
| 5731 | -} | |
| 5732 | - | |
| 5733 | -/* Responsiveness for the carousel navigation option's title */ | |
| 5734 | -@media (min-width: 1200px) and (max-width: 1500px) { | |
| 5735 | - .spf-field.spf-field-fieldset.navigation-and-pagination-style .spf-fieldset-content>.spf-field.pcp_navigation .spf-title { | |
| 5736 | - max-width: 25%; | |
| 5737 | - } | |
| 5738 | -} | |
| 5739 | - | |
| 5740 | -/* Note text style of Image mode = Custom Color */ | |
| 5741 | -.spf-field.spf-field-fieldset.navigation-and-pagination-style .spf-fieldset-content>.hidden, | |
| 5742 | -.spf-field.spf-field-fieldset.navigation-and-pagination-style .spf-fieldset-content>.spf-depend-hidden.spf-depend-on { | |
| 5743 | - display: none; | |
| 5744 | -} | |
| 5745 | - | |
| 5746 | -.spf-field-select.pcp_carousel_nav_position img.icon_preview { | |
| 5747 | - margin-top: 20px; | |
| 5748 | - display: block; | |
| 5749 | -} | |
| 5750 | - | |
| 5751 | -.pcp-pro-notice { | |
| 5752 | - margin-top: 6px; | |
| 5753 | - font-weight: 400; | |
| 5754 | - color: #999; | |
| 5755 | - font-style: italic; | |
| 5756 | -} | |
| 5757 | - | |
| 5758 | -.pcp-pro-notice a { | |
| 5759 | - font-weight: 600; | |
| 5760 | -} | |
| 5761 | - | |
| 5762 | -.spf-field-switcher.pro_only_field .spf--ball::after { | |
| 5763 | - content: "PRO"; | |
| 5764 | - position: relative; | |
| 5765 | - text-align: center; | |
| 5766 | - width: 24px; | |
| 5767 | - float: right; | |
| 5768 | - font-weight: 600; | |
| 5769 | - font-size: 8px; | |
| 5770 | - color: #5E6E7D; | |
| 5771 | - opacity: 1; | |
| 5772 | - line-height: 18px; | |
| 5773 | -} | |
| 5774 | - | |
| 5775 | -.pro_only_field .spf--switcher { | |
| 5776 | - background-color: #99AAB2; | |
| 5777 | - pointer-events: none; | |
| 5778 | - /* color: rgb(135, 150, 161); */ | |
| 5779 | -} | |
| 5780 | - | |
| 5781 | -.only_pro_field .spf-fieldset, | |
| 5782 | -.pcp_content_length_type .spf-fieldset input, | |
| 5783 | -.pcp_post_meta .spf-field-radio .spf-fieldset li:not(:nth-child(1),:nth-child(2)), | |
| 5784 | -.pro-overlay-options-select select option:nth-child(1), | |
| 5785 | -.pcp_title_length input, | |
| 5786 | -.ajax-live-filters .spf-field:not(.taxonomy-ajax-filter-notice) { | |
| 5787 | - opacity: .7; | |
| 5788 | - pointer-events: none; | |
| 5789 | -} | |
| 5790 | - | |
| 5791 | -.taxonomy-ajax-filter-notice { | |
| 5792 | - /* color: #000; */ | |
| 5793 | - font-size: 14px; | |
| 5794 | - padding-top: 0px !important; | |
| 5795 | -} | |
| 5796 | - | |
| 5797 | -.ajax-live-filters>.spf-title { | |
| 5798 | - display: none; | |
| 5799 | -} | |
| 5800 | - | |
| 5801 | -.ajax-live-filters>.spf-fieldset, | |
| 5802 | -.spf-field.spf-field-fieldset.pcp_taxonomy_select_data .spf-fieldset { | |
| 5803 | - margin-left: 0; | |
| 5804 | - z-index: 10; | |
| 5805 | -} | |
| 5806 | - | |
| 5807 | -.ajax-live-filters .spf-fieldset-content, | |
| 5808 | -.pcp_taxonomy_select_data .spf-field, | |
| 5809 | -.pcp_taxonomy_select_data .spf-fieldset-content { | |
| 5810 | - border: none; | |
| 5811 | - box-shadow: none; | |
| 5812 | -} | |
| 5813 | - | |
| 5814 | -/* .spf-field-fieldset:not(.pcp_ajax_keyword) .spf-fieldset-content>.spf-field { | |
| 5815 | - padding: 15px 0; | |
| 5816 | -} */ | |
| 5817 | -.spf-field-layout_preset.pcp-layout-preset { | |
| 5818 | - padding-bottom: 10px; | |
| 5819 | -} | |
| 5820 | - | |
| 5821 | -.spf-field-layout_preset.padding_0 { | |
| 5822 | - padding-top: 0; | |
| 5823 | -} | |
| 5824 | - | |
| 5825 | -.pcp_post_meta .spf-field .spf-title { | |
| 5826 | - width: 25%; | |
| 5827 | -} | |
| 5828 | - | |
| 5829 | -.spf-field.pcp_set_adv { | |
| 5830 | - padding: 0 5px !important; | |
| 5831 | -} | |
| 5832 | - | |
| 5833 | -.pro_preview-image img { | |
| 5834 | - width: 100%; | |
| 5835 | -} | |
| 5836 | - | |
| 5837 | -.pro_preview-image { | |
| 5838 | - opacity: .7; | |
| 5839 | - pointer-events: none; | |
| 5840 | -} | |
| 5841 | - | |
| 5842 | -.pcp_title_length .spf--inputs { | |
| 5843 | - float: none; | |
| 5844 | -} | |
| 5845 | - | |
| 5846 | -.pcp_popup_settings_field { | |
| 5847 | - padding: 0 15px; | |
| 5848 | -} | |
| 5849 | - | |
| 5850 | -/* Update to pro promotional notice */ | |
| 5851 | -.spf-field-shortcode:has(.pcp-pro-notice-wrapper) { | |
| 5852 | - border: 1px solid rgba(187, 153, 238, 1); | |
| 5853 | - border-radius: 4px; | |
| 5854 | - padding: 16px !important; | |
| 5855 | - background-image: linear-gradient(221.41deg, rgba(239, 230, 251, 1) 0.73%, rgba(239, 230, 251, 0.1) 99.41%); | |
| 5856 | -} | |
| 5857 | - | |
| 5858 | -.spf-field-shortcode:has(.pcp-pro-notice-wrapper)::before, | |
| 5859 | -.spf-field-shortcode:has(.pcp-pro-notice-wrapper)::after { | |
| 5860 | - display: none; | |
| 5861 | -} | |
| 5862 | - | |
| 5863 | -#sp_pcp_promotional_notice:has(.pcp-pro-notice-wrapper) { | |
| 5864 | - all: unset; | |
| 5865 | -} | |
| 5866 | - | |
| 5867 | -#sp_pcp_promotional_notice .postbox-header { | |
| 5868 | - display: none; | |
| 5869 | -} | |
| 5870 | - | |
| 5871 | -#sp_pcp_display_shortcode .postbox-header { | |
| 5872 | - border-top-left-radius: 3px; | |
| 5873 | - border-top-right-radius: 3px; | |
| 5874 | -} | |
| 5875 | - | |
| 5876 | -div:is(#sp_pcp_promotional_notice, #sp_pcp_page_builder_notice, #sp_pcp_display_shortcode) .spf-content, | |
| 5877 | -div:is(#sp_pcp_promotional_notice, #sp_pcp_page_builder_notice, #sp_pcp_display_shortcode).postbox { | |
| 5878 | - border-radius: 3px; | |
| 5879 | -} | |
| 5880 | - | |
| 5881 | -.pcp-pro-notice-heading { | |
| 5882 | - margin: 0; | |
| 5883 | - font-weight: 600; | |
| 5884 | - font-size: 14px; | |
| 5885 | - line-height: 20px; | |
| 5886 | - color: #2F2F2F; | |
| 5887 | - /* margin-bottom: 16px; */ | |
| 5888 | -} | |
| 5889 | - | |
| 5890 | -.sp_wpcp_shortcode-area p { | |
| 5891 | - margin-top: 6px; | |
| 5892 | -} | |
| 5893 | - | |
| 5894 | -.pcp-pro-notice-heading span { | |
| 5895 | - color: #641DD7; | |
| 5896 | -} | |
| 5897 | - | |
| 5898 | -.pcp-pro-notice-features { | |
| 5899 | - list-style: none; | |
| 5900 | - margin: 0; | |
| 5901 | - padding: 0; | |
| 5902 | - display: flex; | |
| 5903 | - flex-direction: column; | |
| 5904 | - gap: 8px; | |
| 5905 | -} | |
| 5906 | - | |
| 5907 | -.pcp-pro-notice-features li { | |
| 5908 | - display: flex; | |
| 5909 | - align-items: center; | |
| 5910 | - gap: 5px; | |
| 5911 | - margin: 0; | |
| 5912 | - font-weight: 500; | |
| 5913 | - font-size: 13px; | |
| 5914 | - line-height: 20px; | |
| 5915 | - color: #2F2F2F; | |
| 5916 | -} | |
| 5917 | - | |
| 5918 | -.pcp-pro-feature__icon { | |
| 5919 | - /* flex: 0 0 24px; */ | |
| 5920 | - width: 14px; | |
| 5921 | - height: 14px; | |
| 5922 | - border-radius: 4px; | |
| 5923 | - display: inline-flex; | |
| 5924 | - align-items: center; | |
| 5925 | - justify-content: center; | |
| 5926 | -} | |
| 5927 | - | |
| 5928 | -.pcp-pro-feature__label, | |
| 5929 | -.pcp-pro-feature__link { | |
| 5930 | - flex: 1 1 auto; | |
| 5931 | - min-width: 0; | |
| 5932 | -} | |
| 5933 | - | |
| 5934 | -.pcp-pro-feature__link { | |
| 5935 | - display: inline-flex; | |
| 5936 | - align-items: center; | |
| 5937 | - gap: 4px; | |
| 5938 | - color: #2F2F2F; | |
| 5939 | - text-decoration: none; | |
| 5940 | - transition: all 0.3s ease | |
| 5941 | -} | |
| 5942 | - | |
| 5943 | -.pcp-pro-feature__link:hover, | |
| 5944 | -.pcp-pro-feature__link:focus { | |
| 5945 | - color: #2F2F2F; | |
| 5946 | - box-shadow: none; | |
| 5947 | -} | |
| 5948 | - | |
| 5949 | -.pcp-pro-feature__link:hover { | |
| 5950 | - text-decoration: underline; | |
| 5951 | - color: #641DD7; | |
| 5952 | -} | |
| 5953 | - | |
| 5954 | -.pcp-pro-feature__arrow { | |
| 5955 | - width: 10px; | |
| 5956 | - height: 10px; | |
| 5957 | - display: none; | |
| 5958 | -} | |
| 5959 | - | |
| 5960 | -.pcp-pro-notice-wrapper .pcp-pro-notice-button { | |
| 5961 | - margin: 0; | |
| 5962 | - display: flex; | |
| 5963 | - align-items: center; | |
| 5964 | - justify-content: center; | |
| 5965 | -} | |
| 5966 | - | |
| 5967 | -.pcp-pro-notice-wrapper .pcp-pro-notice-button a { | |
| 5968 | - width: 100%; | |
| 5969 | - display: inline-flex; | |
| 5970 | - align-items: center; | |
| 5971 | - justify-content: center; | |
| 5972 | - gap: 8px; | |
| 5973 | - padding: 14px 12px; | |
| 5974 | - background: #159E2E; | |
| 5975 | - margin-top: 20px; | |
| 5976 | - color: #ffffff; | |
| 5977 | - font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; | |
| 5978 | - font-weight: 700; | |
| 5979 | - font-size: 14px; | |
| 5980 | - line-height: 20px; | |
| 5981 | - text-decoration: none; | |
| 5982 | - border-radius: 4px; | |
| 5983 | - transition: background 0.2s ease; | |
| 5984 | -} | |
| 5985 | - | |
| 5986 | -.pcp-pro-notice-wrapper .pcp-pro-notice-button .sp-go-pro-icon { | |
| 5987 | - height: 16px; | |
| 5988 | - margin: 0; | |
| 5989 | -} | |
| 5990 | - | |
| 5991 | -.pcp-pro-notice-wrapper .pcp-pro-notice-button a:hover, | |
| 5992 | -.pcp-pro-notice-wrapper .pcp-pro-notice-button a:focus { | |
| 5993 | - background: #117F25; | |
| 5994 | - color: #ffffff; | |
| 5995 | - box-shadow: none; | |
| 5996 | - outline: none; | |
| 5997 | -} | |
| 5998 | - | |
| 5999 | -/* Legacy support */ | |
| 6000 | -.pcp-notice-wrapper { | |
| 6001 | - border-width: 1px; | |
| 6002 | - border-radius: 5px; | |
| 6003 | - padding-top: 8px; | |
| 6004 | - padding-bottom: 10px; | |
| 6005 | - text-align: left; | |
| 6006 | -} | |
| 6007 | - | |
| 6008 | -.pcp-notice-heading { | |
| 6009 | - font-weight: 600; | |
| 6010 | - font-size: 16px; | |
| 6011 | - line-height: 20px; | |
| 6012 | - color: rgba(0, 0, 0, 1); | |
| 6013 | -} | |
| 6014 | - | |
| 6015 | -.pcp-notice-heading span { | |
| 6016 | - color: #0C6E63; | |
| 6017 | -} | |
| 6018 | - | |
| 6019 | -.pcp-notice-desc { | |
| 6020 | - font-weight: 400; | |
| 6021 | - font-size: 13px; | |
| 6022 | - line-height: 20px; | |
| 6023 | - color: rgba(101, 105, 118, 1); | |
| 6024 | - margin-bottom: 20px; | |
| 6025 | - margin-top: 10px; | |
| 6026 | -} | |
| 6027 | - | |
| 6028 | -.pcp-notice-wrapper ul li { | |
| 6029 | - font-weight: 500; | |
| 6030 | - font-size: 13px; | |
| 6031 | - line-height: 20px; | |
| 6032 | - color: rgba(0, 0, 0, 1); | |
| 6033 | - display: inline-flex; | |
| 6034 | - gap: 10px; | |
| 6035 | -} | |
| 6036 | - | |
| 6037 | -.pcp-notice-wrapper .pcp-notice-button { | |
| 6038 | - position: relative; | |
| 6039 | - font-size: 16px; | |
| 6040 | - border-radius: 5px; | |
| 6041 | - color: #ffffff; | |
| 6042 | - border: 1px solid transparent; | |
| 6043 | - margin-top: 10px; | |
| 6044 | - display: flex; | |
| 6045 | - align-items: center; | |
| 6046 | - justify-content: center; | |
| 6047 | - cursor: pointer; | |
| 6048 | - overflow: hidden; | |
| 6049 | - z-index: 0; | |
| 6050 | - transition: border-color 0.5s ease; | |
| 6051 | -} | |
| 6052 | - | |
| 6053 | -.pcp-notice-wrapper .pcp-notice-button::before { | |
| 6054 | - content: ''; | |
| 6055 | - position: absolute; | |
| 6056 | - inset: 0; | |
| 6057 | - background: linear-gradient(90deg, #B53361 0%, #E2572C 100%); | |
| 6058 | - z-index: -1; | |
| 6059 | - transition: opacity 0.6s ease; | |
| 6060 | - opacity: 1; | |
| 6061 | -} | |
| 6062 | - | |
| 6063 | -.pcp-notice-wrapper .pcp-notice-button::after { | |
| 6064 | - content: ''; | |
| 6065 | - position: absolute; | |
| 6066 | - inset: 0; | |
| 6067 | - background: linear-gradient(90deg, #E2572C 0%, #B53361 100%); | |
| 6068 | - z-index: -1; | |
| 6069 | - opacity: 0; | |
| 6070 | - transition: opacity 0.6s ease; | |
| 6071 | -} | |
| 6072 | - | |
| 6073 | -.pcp-notice-wrapper .pcp-notice-button:hover::before, | |
| 6074 | -.pcp-notice-wrapper .pcp-notice-button:hover::after { | |
| 6075 | - opacity: 1; | |
| 6076 | -} | |
| 6077 | - | |
| 6078 | -.pcp-notice-wrapper .pcp-notice-button a { | |
| 6079 | - color: #ffffff; | |
| 6080 | - text-decoration: none; | |
| 6081 | - padding: 14px 30px 14px 30px; | |
| 6082 | - position: relative; | |
| 6083 | - z-index: 1; | |
| 6084 | -} | |
| 6085 | - | |
| 6086 | -.pcp-notice-wrapper .pcp-notice-button a:focus { | |
| 6087 | - box-shadow: none; | |
| 6088 | - outline: none; | |
| 6089 | -} | |
| 6090 | - | |
| 6091 | -.pcp-notice-button i { | |
| 6092 | - font-size: 16px; | |
| 6093 | -} | |
| 6094 | - | |
| 6095 | -.pcp-notice-wrapper ul li i { | |
| 6096 | - color: rgba(74, 184, 102, 1); | |
| 6097 | - font-size: 11px; | |
| 6098 | -} | |
| 6099 | - | |
| 6100 | -.pcp-admin-header .heading-wrapper { | |
| 6101 | - display: flex; | |
| 6102 | - min-width: 300px; | |
| 6103 | - gap: 6px; | |
| 6104 | -} | |
| 6105 | - | |
| 6106 | -.pcp-admin-header .sp-pcp-version { | |
| 6107 | - color: #fff; | |
| 6108 | - border: 1px solid #fff; | |
| 6109 | - font-size: 11px; | |
| 6110 | - padding: 4px 9px 4px 9px; | |
| 6111 | - border-radius: 17px; | |
| 6112 | - line-height: 14px; | |
| 6113 | - height: 14px; | |
| 6114 | - font-weight: 600; | |
| 6115 | - margin-top: 2px; | |
| 6116 | -} | |
| 6117 | - | |
| 6118 | -.spf-field-tabbed.pcp-display-tabs .spf-tabbed-nav a:last-child { | |
| 6119 | - opacity: .5; | |
| 6120 | - pointer-events: none; | |
| 6121 | -} | |
| 6122 | - | |
| 6123 | -.spf-field-tabbed.pcp-display-tabs .spf-tabbed-nav a:last-child:after { | |
| 6124 | - content: "PRO"; | |
| 6125 | - color: #585B6F; | |
| 6126 | - background-color: #cbd6df; | |
| 6127 | - padding: 2px 4px; | |
| 6128 | - font-size: 9px; | |
| 6129 | - border-radius: 2px; | |
| 6130 | - height: 11px; | |
| 6131 | - margin-top: 8px; | |
| 6132 | - font-weight: 600; | |
| 6133 | - margin-left: 8px; | |
| 6134 | -} | |
| 6135 | - | |
| 6136 | -/** | |
| 6137 | - * 11. Responsive | |
| 6138 | - */ | |
| 6139 | - | |
| 6140 | -@media only screen and (max-width: 1200px) { | |
| 6141 | - .spf-metabox .spf-field .spf-title { | |
| 6142 | - float: none; | |
| 6143 | - width: 100%; | |
| 6144 | - margin-bottom: 10px; | |
| 6145 | - } | |
| 6146 | - | |
| 6147 | - .spf-metabox .spf-field .spf-fieldset { | |
| 6148 | - margin-left: 0; | |
| 6149 | - } | |
| 6150 | -} | |
| 6151 | - | |
| 6152 | -@media only screen and (max-width: 782px) { | |
| 6153 | - /* .spf-header-inner { | |
| 6154 | - text-align: center; | |
| 6155 | - } | |
| 6156 | - | |
| 6157 | - .spf-header-inner h1 { | |
| 6158 | - width: 100%; | |
| 6159 | - margin-bottom: 10px; | |
| 6160 | - } */ | |
| 6161 | - | |
| 6162 | - /* .spf-search, | |
| 6163 | - .spf-header-right, | |
| 6164 | - .spf-header-left { | |
| 6165 | - width: 100%; | |
| 6166 | - } */ | |
| 6167 | - | |
| 6168 | - .spf-search { | |
| 6169 | - text-align: center; | |
| 6170 | - margin-bottom: 15px; | |
| 6171 | - } | |
| 6172 | - | |
| 6173 | - .spf-footer { | |
| 6174 | - text-align: center; | |
| 6175 | - } | |
| 6176 | - | |
| 6177 | - .spf-buttons { | |
| 6178 | - float: none; | |
| 6179 | - } | |
| 6180 | - | |
| 6181 | - .spf-copyright { | |
| 6182 | - float: none; | |
| 6183 | - margin-top: 10px; | |
| 6184 | - } | |
| 6185 | - | |
| 6186 | - .sp-pcp-options .spf-nav, | |
| 6187 | - .spf-nav, | |
| 6188 | - .spf-expand-all, | |
| 6189 | - .spf-reset-section, | |
| 6190 | - .spf-nav-background { | |
| 6191 | - display: none !important; | |
| 6192 | - } | |
| 6193 | - | |
| 6194 | - .sp-pcp-options .spf-content, | |
| 6195 | - .sp-pc-settings .spf-content { | |
| 6196 | - margin-left: 0; | |
| 6197 | - } | |
| 6198 | - | |
| 6199 | - .spf-field .spf-fieldset { | |
| 6200 | - margin-left: 40%; | |
| 6201 | - } | |
| 6202 | - | |
| 6203 | - .spf-field-radio ul li { | |
| 6204 | - margin-top: 4px; | |
| 6205 | - } | |
| 6206 | - | |
| 6207 | - .spf-modal-inner { | |
| 6208 | - width: 350px; | |
| 6209 | - height: 400px; | |
| 6210 | - } | |
| 6211 | - | |
| 6212 | - .spf-modal-content { | |
| 6213 | - height: 237px; | |
| 6214 | - } | |
| 6215 | - | |
| 6216 | - .spf-icon-dialog .spf-modal-inner { | |
| 6217 | - width: 305px; | |
| 6218 | - height: 380px; | |
| 6219 | - } | |
| 6220 | - | |
| 6221 | - .spf-icon-dialog .spf-modal-content { | |
| 6222 | - height: 267px; | |
| 6223 | - } | |
| 6224 | - | |
| 6225 | - .spf-modal-icon .spf-modal-inner { | |
| 6226 | - width: 330px; | |
| 6227 | - height: 385px; | |
| 6228 | - } | |
| 6229 | - | |
| 6230 | - .spf-modal-icon .spf-modal-content { | |
| 6231 | - height: 252px; | |
| 6232 | - } | |
| 6233 | - | |
| 6234 | - .spf-profile>.spf-field>.spf-title { | |
| 6235 | - float: none; | |
| 6236 | - width: 100%; | |
| 6237 | - margin-bottom: 10px; | |
| 6238 | - } | |
| 6239 | - | |
| 6240 | - .spf-profile>.spf-field>.spf-fieldset { | |
| 6241 | - margin-left: 0; | |
| 6242 | - } | |
| 6243 | - | |
| 6244 | - .spf-section-title, | |
| 6245 | - .sp-pcp-options .spf-section, | |
| 6246 | - .spf-section { | |
| 6247 | - display: block !important; | |
| 6248 | - } | |
| 6249 | - | |
| 6250 | - .spf-field .spf-title { | |
| 6251 | - width: 40%; | |
| 6252 | - } | |
| 6253 | - | |
| 6254 | - .spf-profile>.spf-field>.spf-title { | |
| 6255 | - width: 40%; | |
| 6256 | - } | |
| 6257 | - | |
| 6258 | - .sp_post_carousel_page_pcp_replace_layout .spf-field-fieldset.spsp_no_border .spf-fieldset-content { | |
| 6259 | - max-width: 500px; | |
| 6260 | - width: 100%; | |
| 6261 | - margin-left: 0; | |
| 6262 | - padding: 0; | |
| 6263 | - } | |
| 6264 | -} | |
| 6265 | - | |
| 6266 | -@media only screen and (max-width: 480px) { | |
| 6267 | - | |
| 6268 | - .spf-field .spf-title { | |
| 6269 | - float: none; | |
| 6270 | - width: 100%; | |
| 6271 | - margin-bottom: 10px; | |
| 6272 | - } | |
| 6273 | - | |
| 6274 | - .spf-profile>.spf-field>.spf-title { | |
| 6275 | - float: none; | |
| 6276 | - width: 100%; | |
| 6277 | - margin-bottom: 10px; | |
| 6278 | - } | |
| 6279 | - | |
| 6280 | - .spf-field .spf-fieldset { | |
| 6281 | - margin-left: 0; | |
| 6282 | - } | |
| 6283 | -} | |
| 6284 | - | |
| 6285 | -.spf.spf-options .sp-smart-post-upgrade-to-pro-button { | |
| 6286 | - box-sizing: border-box; | |
| 6287 | - background-color: #12a10d; | |
| 6288 | - border: none; | |
| 6289 | - font-size: 16px; | |
| 6290 | - font-weight: 500; | |
| 6291 | - z-index: 99; | |
| 6292 | - width: 180px; | |
| 6293 | - height: 50px; | |
| 6294 | - border-radius: 6px; | |
| 6295 | - transition: .2s ease-in-out; | |
| 6296 | - position: absolute; | |
| 6297 | - top: 50%; | |
| 6298 | - left: 0; | |
| 6299 | - right: 0; | |
| 6300 | - margin: 0 auto; | |
| 6301 | - transform: translateY(-50%); | |
| 6302 | - display: flex; | |
| 6303 | - align-items: center; | |
| 6304 | - justify-content: center; | |
| 6305 | - cursor: pointer; | |
| 6306 | -} | |
| 6307 | - | |
| 6308 | -.spf.spf-options .sp-smart-post-upgrade-to-pro-button a, | |
| 6309 | -.spf.spf-options .sp-smart-post-upgrade-to-pro-button a:focus { | |
| 6310 | - color: #fff; | |
| 6311 | - outline: none; | |
| 6312 | - box-shadow: none; | |
| 6313 | - padding: 16px 30px; | |
| 6314 | - text-decoration: none; | |
| 6315 | -} | |
| 6316 | - | |
| 6317 | -.spf.spf-options .sp-smart-post-upgrade-to-pro-button:hover { | |
| 6318 | - background-color: #008f00; | |
| 6319 | -} | |
| 6320 | - | |
| 6321 | -.sp_post_carousel_page_pcp_settings a.sp-pcp-classic-settings-page-link { | |
| 6322 | - display: inline-block; | |
| 6323 | - text-align: right; | |
| 6324 | - position: relative; | |
| 6325 | - margin-top: 24px; | |
| 6326 | - color: #1a74e4; | |
| 6327 | - right: 38px; | |
| 6328 | - width: 100%; | |
| 6329 | 5243 | } |
