| @@ -1,13 +1,13 @@ | ||
| 1 | 1 | /*! |
| 2 | - * Filter Everything admin 1.9.2.1 | |
| 2 | + * Filter Everything admin 1.9.7 | |
| 3 | 3 | */ |
| 4 | 4 | :root { |
| 5 | 5 | --wpc-pro-color: #3858E9; |
| 6 | 6 | --wpc-admin-theme-color: #3858e9; |
| 7 | 7 | --wpc--admin-theme-color-darker-10: #2145e6; |
| 8 | + --main-color: #3858E9; | |
| 8 | 9 | } |
| 9 | - | |
| 10 | 10 | #filters-seo-rules .inside, |
| 11 | 11 | #filters-set-items .inside { |
| 12 | 12 | margin: 0; |
| 13 | 13 | padding: 0; |
| @@ -278,8 +278,10 @@ | ||
| 278 | 278 | .wpc-date-type-tr, |
| 279 | 279 | .wpc-date-format-tr, |
| 280 | 280 | .wpc-field-show-term-names-tr, |
| 281 | 281 | .wpc-field-show-selected-and-above-tr, |
| 282 | +.wpc-field-show-range-list-input-tr, | |
| 283 | +.wpc-field-show-range-list-tr, | |
| 282 | 284 | .wpc-field-apply-button-text-tr, |
| 283 | 285 | .wpc-field-apply-button-page-type-tr, |
| 284 | 286 | .wpc-field-reset-button-text-tr, |
| 285 | 287 | .wpc-field-hide-until-parent-tr, |
| @@ -296,8 +298,10 @@ | ||
| 296 | 298 | .wpc-filter-post_meta_date .wpc-date-format-tr, |
| 297 | 299 | .wpc-filter-post_meta_date .wpc-date-type-tr, |
| 298 | 300 | .taxonomy-has-swatches .wpc-field-show-term-names-tr, |
| 299 | 301 | .selected-and-above-show .wpc-field-show-selected-and-above-tr, |
| 302 | +.wpc-view-range .wpc-field-show-range-list-tr, | |
| 303 | +.wpc-view-range-list .wpc-field-show-range-list-input-tr, | |
| 300 | 304 | .wpc-filter-has-brands .wpc-field-show-term-names-tr, |
| 301 | 305 | .wpc-field-apply-button-text-tr.wpc-opened, |
| 302 | 306 | .wpc-field-reset-button-text-tr.wpc-opened, |
| 303 | 307 | .wpc-field-hide-until-parent-tr.wpc-opened, |
| @@ -972,8 +976,24 @@ | ||
| 972 | 976 | .wpc-form-fields-table .wpc-container-handle-wrapper .wpc-help-tip { |
| 973 | 977 | left: 0; |
| 974 | 978 | } |
| 975 | 979 | |
| 980 | +/* Settings pages: keep every option tooltip on one vertical line at the right | |
| 981 | + edge of the label column; the padding reserves that lane so even a long | |
| 982 | + option title wraps instead of running under the icon */ | |
| 983 | +.wpc-form-table.form-table th { | |
| 984 | + position: relative; | |
| 985 | + padding-right: 36px; | |
| 986 | +} | |
| 987 | + | |
| 988 | +.wpc-form-table.form-table th .wpc-help-tip { | |
| 989 | + font-size: 1.3em; | |
| 990 | + display: block; | |
| 991 | + position: absolute; | |
| 992 | + right: 10px; | |
| 993 | + top: 20px; | |
| 994 | +} | |
| 995 | + | |
| 976 | 996 | #tiptip_holder { |
| 977 | 997 | display: none; |
| 978 | 998 | z-index: 8675309; |
| 979 | 999 | position: absolute; |
| @@ -1212,9 +1232,13 @@ | ||
| 1212 | 1232 | display: inline-flex; |
| 1213 | 1233 | align-items: center; |
| 1214 | 1234 | color: var(--wpc-pro-color); |
| 1215 | 1235 | box-sizing: border-box; |
| 1216 | - border: 1px solid var(--wpc-pro-color); | |
| 1236 | + /* multicolour gradient frame, same as the «Get PRO» button on filtereverything.pro */ | |
| 1237 | + border: 2px solid transparent; | |
| 1238 | + background: | |
| 1239 | + linear-gradient(#fff, #fff) padding-box, | |
| 1240 | + linear-gradient(135deg, #FFB300 0%, #FF4D8D 35%, #A855F7 68%, #22D3EE 100%) border-box; | |
| 1217 | 1241 | } |
| 1218 | 1242 | |
| 1219 | 1243 | .wpc-admin-toolbar .wpc-tab.wpc-get-pro-background { |
| 1220 | 1244 | color: #fff; |
| @@ -1533,18 +1557,32 @@ | ||
| 1533 | 1557 | a#wpc-get-license-key { |
| 1534 | 1558 | margin-left: 5px; |
| 1535 | 1559 | } |
| 1536 | 1560 | |
| 1561 | +/* External-link icon. Drawn as a mask filled with currentColor, so it always | |
| 1562 | + matches the link it belongs to: the admin link colour of the running | |
| 1563 | + WordPress version and colour scheme, its :hover / :focus shade, and white | |
| 1564 | + on the primary «Get your License Key» button. It used to be an SVG image | |
| 1565 | + with a hard-coded #2271b1, which drifted from the text once WordPress | |
| 1566 | + started taking link colours from the admin theme colour. */ | |
| 1537 | 1567 | a.wpc-external-link::after, |
| 1538 | 1568 | a#wpc-get-license-key::after { |
| 1539 | - content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cmetadata%3E Svg Vector Icons : http://www.onlinewebfonts.com/icon %3C/metadata%3E%3Cg%3E%3Cpath d='M10,10L10,10L10,10z'/%3E%3Cpath d='M663.3,75.3L794,206L336.7,663.3l65.3,65.3l457.3-457.3L990,402V75.3H663.3z M728.7,859.3H206V336.7h261.3L598,206H75.3v784h784V467.3L728.7,598V859.3z' fill='%232271b1'/%3E%3C/g%3E%3C/svg%3E"); | |
| 1569 | + content: ""; | |
| 1570 | + display: inline-block; | |
| 1571 | + width: 11px; | |
| 1572 | + height: 11px; | |
| 1540 | 1573 | margin: 0 3px 0 5px; |
| 1541 | - width: 11px; | |
| 1542 | - display: inline-block; | |
| 1574 | + background-color: currentColor; | |
| 1575 | + -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath d='M663.3,75.3L794,206L336.7,663.3l65.3,65.3l457.3-457.3L990,402V75.3H663.3z M728.7,859.3H206V336.7h261.3L598,206H75.3v784h784V467.3L728.7,598V859.3z'/%3E%3C/svg%3E") no-repeat center / contain; | |
| 1576 | + mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath d='M663.3,75.3L794,206L336.7,663.3l65.3,65.3l457.3-457.3L990,402V75.3H663.3z M728.7,859.3H206V336.7h261.3L598,206H75.3v784h784V467.3L728.7,598V859.3z'/%3E%3C/svg%3E") no-repeat center / contain; | |
| 1543 | 1577 | } |
| 1544 | 1578 | |
| 1545 | -a#wpc-get-license-key:hover::after { | |
| 1546 | - content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cmetadata%3E Svg Vector Icons : http://www.onlinewebfonts.com/icon %3C/metadata%3E%3Cg%3E%3Cpath d='M10,10L10,10L10,10z'/%3E%3Cpath d='M663.3,75.3L794,206L336.7,663.3l65.3,65.3l457.3-457.3L990,402V75.3H663.3z M728.7,859.3H206V336.7h261.3L598,206H75.3v784h784V467.3L728.7,598V859.3z' fill='%230a4b78'/%3E%3C/g%3E%3C/svg%3E"); | |
| 1579 | +/* Text links are underlined: drop the icon so that its bottom stroke sits on | |
| 1580 | + the underline instead of on the text baseline (measured: the underline runs | |
| 1581 | + ~0.17em below the baseline at the admin's 13–14px). Not for the button — | |
| 1582 | + it has no underline, and there the baseline is the right place. */ | |
| 1583 | +a.wpc-external-link::after { | |
| 1584 | + vertical-align: -0.17em; | |
| 1547 | 1585 | } |
| 1548 | 1586 | |
| 1549 | 1587 | .td-activate-license .wpc-help-tip { |
| 1550 | 1588 | position: relative; |
| @@ -1924,10 +1962,9 @@ | ||
| 1924 | 1962 | .button.wpc-xml-loader:active, |
| 1925 | 1963 | .button.wpc-xml-loader:focus { |
| 1926 | 1964 | position: relative; |
| 1927 | 1965 | overflow: hidden; |
| 1928 | - background: repeating-linear-gradient(135deg, #2271b1 0 10px, #4398dc 0 20px) 0/0% no-repeat, | |
| 1929 | - #f6f7f7; | |
| 1966 | + background: repeating-linear-gradient(135deg, #3858E9 0 10px, #506df4 0 20px) 0 / 0 no-repeat, #f6f7f7; | |
| 1930 | 1967 | animation: fillTo10 2s ease-in-out forwards; |
| 1931 | 1968 | } |
| 1932 | 1969 | |
| 1933 | 1970 | #wpc-loader, |
| @@ -2409,8 +2446,9 @@ | ||
| 2409 | 2446 | |
| 2410 | 2447 | .wpc-available-in-pro-button { |
| 2411 | 2448 | text-decoration: none; |
| 2412 | 2449 | background: transparent; |
| 2450 | + padding: 8px 12px; | |
| 2413 | 2451 | padding: 8px 20px; |
| 2414 | 2452 | border-radius: 2px; |
| 2415 | 2453 | color: var(--wpc-pro-color); |
| 2416 | 2454 | display: inline-flex; |
| @@ -2418,8 +2456,11 @@ | ||
| 2418 | 2456 | align-items: center; |
| 2419 | 2457 | border: 1px solid var(--wpc-pro-color); |
| 2420 | 2458 | } |
| 2421 | 2459 | |
| 2460 | +.locale-de-de .wpc-available-in-pro-button span{ | |
| 2461 | + margin-left: 2px; | |
| 2462 | +} | |
| 2422 | 2463 | .wpc-available-in-pro-button:hover { |
| 2423 | 2464 | opacity: 0.8; |
| 2424 | 2465 | } |
| 2425 | 2466 | |
| @@ -2438,8 +2479,11 @@ | ||
| 2438 | 2479 | |
| 2439 | 2480 | .wpc-row-pro-only { |
| 2440 | 2481 | display: flex; |
| 2441 | 2482 | justify-content: space-between; |
| 2483 | + /* stretch (the default) inflates the PRO badge to the full row height | |
| 2484 | + when the option title wraps to a second line */ | |
| 2485 | + align-items: baseline; | |
| 2442 | 2486 | } |
| 2443 | 2487 | |
| 2444 | 2488 | .wpc-icon-help-tip { |
| 2445 | 2489 | cursor: help; |
| @@ -2493,9 +2537,9 @@ | ||
| 2493 | 2537 | position: relative; |
| 2494 | 2538 | display: flex; |
| 2495 | 2539 | padding: 48px 18px 32px 18px; |
| 2496 | 2540 | gap: 24px; |
| 2497 | - border-radius: 4px; | |
| 2541 | + border-radius: 12px; | |
| 2498 | 2542 | } |
| 2499 | 2543 | |
| 2500 | 2544 | .flrt-upgrade-to-pro-popup-close-btn { |
| 2501 | 2545 | position: absolute; |
| @@ -2568,22 +2612,21 @@ | ||
| 2568 | 2612 | height: 24px; |
| 2569 | 2613 | width: 24px; |
| 2570 | 2614 | min-height: 24px; |
| 2571 | 2615 | min-width: 24px; |
| 2572 | - background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M20.25 6.75L9.75 17.25L4.5 12" stroke="%233858E9" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E'); | |
| 2573 | - background-repeat: no-repeat; | |
| 2574 | - background-position: center; | |
| 2575 | - background-size: 24px 24px; | |
| 2616 | + display: flex; | |
| 2617 | + align-items: center; | |
| 2618 | + justify-content: center; | |
| 2576 | 2619 | margin: 0 auto; |
| 2577 | 2620 | } |
| 2578 | 2621 | |
| 2579 | 2622 | .flrt-upgrade-to-pro-popup-link-icon { |
| 2580 | - height: 24px; | |
| 2581 | - width: 24px; | |
| 2623 | + height: 20px; | |
| 2624 | + width: 20px; | |
| 2582 | 2625 | background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18.0001 12.9999V18.9999C18.0001 19.5303 17.7894 20.039 17.4143 20.4141C17.0392 20.7892 16.5305 20.9999 16.0001 20.9999H5.00001C4.46958 20.9999 3.96087 20.7892 3.58579 20.4141C3.21071 20.039 3 19.5303 3 18.9999V7.99983C3 7.46939 3.21071 6.96068 3.58579 6.58561C3.96087 6.21053 4.46958 5.99982 5.00001 5.99982H11.0001" stroke="%23000000" stroke-width="2.02501" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M15 2.99994H21V8.99998" stroke="%23000000" stroke-width="2.02501" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M10 14L21.0001 2.99994" stroke="%23000000" stroke-width="2.02501" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E'); |
| 2583 | 2626 | background-repeat: no-repeat; |
| 2584 | 2627 | background-position: center; |
| 2585 | - background-size: 24px 24px; | |
| 2628 | + background-size: 20px 20px; | |
| 2586 | 2629 | margin: -2px 0 0 10px; |
| 2587 | 2630 | } |
| 2588 | 2631 | |
| 2589 | 2632 | .flrt-upgrade-to-pro-popup-close-icon { |
| @@ -2640,9 +2683,9 @@ | ||
| 2640 | 2683 | |
| 2641 | 2684 | .flrt-upgrade-to-pro-popup-promo-card { |
| 2642 | 2685 | background-color: #E8ECFF; |
| 2643 | 2686 | border-radius: 12px; |
| 2644 | - padding: 40px 24px; | |
| 2687 | + padding: 24px 24px 24px 24px; | |
| 2645 | 2688 | text-align: center; |
| 2646 | 2689 | } |
| 2647 | 2690 | |
| 2648 | 2691 | .flrt-upgrade-to-pro-popup-promo-title { |
| @@ -2653,12 +2696,72 @@ | ||
| 2653 | 2696 | margin-bottom: 16px; |
| 2654 | 2697 | margin-top: 3px; |
| 2655 | 2698 | } |
| 2656 | 2699 | |
| 2700 | +.flrt-upgrade-to-pro-popup-modal .flrt-td-feature-flex { | |
| 2701 | + display: flex; | |
| 2702 | + /* baseline keeps the badge and the help icon on the FIRST line | |
| 2703 | + when a translated label wraps to two lines */ | |
| 2704 | + align-items: baseline; | |
| 2705 | +} | |
| 2706 | + | |
| 2707 | +.flrt-upgrade-to-pro-popup-modal .fetm-new-badge { | |
| 2708 | + background: #3858E9; | |
| 2709 | + color: #fff; | |
| 2710 | + padding: 2px 6px; | |
| 2711 | + border-radius: 14px; | |
| 2712 | + margin: 0 10px 0 6px; | |
| 2713 | + font-size: 10px; | |
| 2714 | + font-weight: 600; | |
| 2715 | + line-height: 1.5; | |
| 2716 | + display: inline-block; | |
| 2717 | + flex-shrink: 0; | |
| 2718 | + white-space: nowrap; | |
| 2719 | +} | |
| 2720 | + | |
| 2721 | +.flrt-upgrade-to-pro-popup-modal .fetm-help-tip { | |
| 2722 | + display: inline-flex; | |
| 2723 | + align-items: center; | |
| 2724 | + justify-content: center; | |
| 2725 | + flex-shrink: 0; | |
| 2726 | + width: 16px; | |
| 2727 | + height: 16px; | |
| 2728 | + border: 1px solid #929292; | |
| 2729 | + border-radius: 50%; | |
| 2730 | + color: #929292; | |
| 2731 | + background: transparent; | |
| 2732 | + font-size: 11px; | |
| 2733 | + font-weight: 600; | |
| 2734 | + line-height: 1; | |
| 2735 | + margin-left: auto; | |
| 2736 | + cursor: help; | |
| 2737 | +} | |
| 2738 | + | |
| 2739 | +.flrt-upgrade-to-pro-popup-rating { | |
| 2740 | + display: flex; | |
| 2741 | + align-items: center; | |
| 2742 | + justify-content: center; | |
| 2743 | + gap: 0; | |
| 2744 | + margin: -6px 0 12px; | |
| 2745 | +} | |
| 2746 | + | |
| 2747 | +.flrt-upgrade-to-pro-popup-rating svg { | |
| 2748 | + display: block; | |
| 2749 | + margin: 0 -3px 0 0; | |
| 2750 | +} | |
| 2751 | + | |
| 2752 | +.flrt-upgrade-to-pro-popup-rating-number { | |
| 2753 | + color: #000000; | |
| 2754 | + font-size: 14px; | |
| 2755 | + font-weight: 400; | |
| 2756 | + line-height: 130%; | |
| 2757 | + margin-left: 6px; | |
| 2758 | +} | |
| 2759 | + | |
| 2657 | 2760 | .flrt-upgrade-to-pro-popup-subtitle { |
| 2658 | 2761 | color: #000000; |
| 2659 | - font-size: 15px; | |
| 2660 | - font-weight: 400; | |
| 2762 | + font-size: 17px; | |
| 2763 | + font-weight: 600; | |
| 2661 | 2764 | line-height: 130%; |
| 2662 | 2765 | margin-bottom: 33px; |
| 2663 | 2766 | } |
| 2664 | 2767 | |
| @@ -2673,23 +2776,73 @@ | ||
| 2673 | 2776 | |
| 2674 | 2777 | .flrt-upgrade-to-pro-popup-price-dot { |
| 2675 | 2778 | color: #7B879C; |
| 2676 | 2779 | } |
| 2677 | - | |
| 2678 | 2780 | .flrt-upgrade-to-pro-popup-price-tag { |
| 2679 | - font-size: 28px; | |
| 2781 | + font-size: 34px; | |
| 2782 | + line-height: 130%; | |
| 2783 | + font-weight: 600; | |
| 2784 | +} | |
| 2785 | +/* Sale price from the notifications feed: old price struck out above, new price emphasised */ | |
| 2786 | +.flrt-upgrade-to-pro-popup-price-tag--sale { | |
| 2787 | + display: inline-flex; | |
| 2788 | + flex-direction: column; | |
| 2789 | + align-items: center; | |
| 2790 | + line-height: 1.1; | |
| 2791 | +} | |
| 2792 | +.flrt-upgrade-to-pro-popup-price-was { | |
| 2793 | + display: inline-flex; | |
| 2794 | + align-items: center; | |
| 2795 | + gap: 6px; | |
| 2796 | + font-size: 15px; | |
| 2797 | + font-weight: 500; | |
| 2798 | + color: #7B879C; | |
| 2799 | +} | |
| 2800 | +.flrt-upgrade-to-pro-popup-price-was s { | |
| 2801 | + text-decoration-thickness: 2px; | |
| 2802 | +} | |
| 2803 | +.flrt-upgrade-to-pro-popup-price-off { | |
| 2804 | + display: inline-block; | |
| 2805 | + padding: 1px 7px; | |
| 2806 | + border-radius: 999px; | |
| 2807 | + background: #D63638; | |
| 2808 | + color: #ffffff; | |
| 2809 | + font-size: 11px; | |
| 2680 | 2810 | font-weight: 700; |
| 2811 | + letter-spacing: .02em; | |
| 2812 | + line-height: 16px; | |
| 2813 | +} | |
| 2814 | +.flrt-upgrade-to-pro-popup-price-tag--sale .flrt-upgrade-to-pro-popup-price-now { | |
| 2815 | + color: #D63638; | |
| 2816 | +} | |
| 2817 | +.flrt-upgrade-to-pro-popup-sale-note { | |
| 2818 | + margin-top: 14px; | |
| 2819 | + font-size: 13px; | |
| 2820 | + font-weight: 600; | |
| 2821 | + color: #D63638; | |
| 2681 | 2822 | line-height: 130%; |
| 2682 | 2823 | } |
| 2683 | - | |
| 2824 | +.flrt-upgrade-to-pro-popup-sale-note + .flrt-upgrade-to-pro-popup-support-text { | |
| 2825 | + margin-top: 10px; | |
| 2826 | +} | |
| 2827 | +.flrt-upgrade-to-pro-popup-under-button-text, | |
| 2684 | 2828 | .flrt-upgrade-to-pro-popup-support-text { |
| 2685 | - margin-top: 10px; | |
| 2686 | - font-weight: 700; | |
| 2687 | - font-size: 14px; | |
| 2688 | - color: #000000; | |
| 2829 | + margin-top: 28px; | |
| 2830 | + font-weight: 400; | |
| 2831 | + font-size: 13px; | |
| 2832 | + color: #565656; | |
| 2689 | 2833 | line-height: 130%; |
| 2690 | 2834 | } |
| 2691 | - | |
| 2835 | +/* "Plugin keeps working after expiry" only — underlined so the reassurance is not overlooked */ | |
| 2836 | +.flrt-upgrade-to-pro-popup-support-text { | |
| 2837 | + text-decoration: underline; | |
| 2838 | + text-underline-offset: 3px; | |
| 2839 | + text-decoration-thickness: 1px; | |
| 2840 | +} | |
| 2841 | +.flrt-upgrade-to-pro-popup-under-button-text{ | |
| 2842 | + margin: 16px 0 0 0; | |
| 2843 | + text-align: center; | |
| 2844 | +} | |
| 2692 | 2845 | .flrt-upgrade-to-pro-popup-unlock-btn { |
| 2693 | 2846 | background-color: #3858E9 !important; |
| 2694 | 2847 | color: white !important; |
| 2695 | 2848 | text-align: center; |
| @@ -2779,8 +2932,31 @@ | ||
| 2779 | 2932 | } |
| 2780 | 2933 | .wpc-tab-aboutpro { |
| 2781 | 2934 | display: flex; |
| 2782 | 2935 | } |
| 2936 | +/* «PRO benefits» tab: the same multicolour frame as the toolbar button and the | |
| 2937 | + site's «Get PRO». Opaque bottom border on the active tab hides the gradient | |
| 2938 | + there so it still merges with the page like every other active tab. */ | |
| 2939 | +.nav-tab-wrapper .nav-tab.wpc-tab-aboutpro { | |
| 2940 | + border: 2px solid transparent; | |
| 2941 | + border-bottom: none; | |
| 2942 | + padding-top: 4px; | |
| 2943 | + background: | |
| 2944 | + linear-gradient(#dcdcde, #dcdcde) padding-box, | |
| 2945 | + linear-gradient(135deg, #FFB300 0%, #FF4D8D 35%, #A855F7 68%, #22D3EE 100%) border-box; | |
| 2946 | +} | |
| 2947 | +.nav-tab-wrapper .nav-tab.wpc-tab-aboutpro:hover { | |
| 2948 | + background: | |
| 2949 | + linear-gradient(#fff, #fff) padding-box, | |
| 2950 | + linear-gradient(135deg, #FFB300 0%, #FF4D8D 35%, #A855F7 68%, #22D3EE 100%) border-box; | |
| 2951 | +} | |
| 2952 | +.nav-tab-wrapper .nav-tab.wpc-tab-aboutpro.nav-tab-active, | |
| 2953 | +.nav-tab-wrapper .nav-tab.wpc-tab-aboutpro.nav-tab-active:hover { | |
| 2954 | + border-bottom: 1px solid #f0f0f1; | |
| 2955 | + background: | |
| 2956 | + linear-gradient(#f0f0f1, #f0f0f1) padding-box, | |
| 2957 | + linear-gradient(135deg, #FFB300 0%, #FF4D8D 35%, #A855F7 68%, #22D3EE 100%) border-box; | |
| 2958 | +} | |
| 2783 | 2959 | .wpc-nav-tab-icon{ |
| 2784 | 2960 | display: flex; |
| 2785 | 2961 | align-items: center; |
| 2786 | 2962 | margin-left: 4px; |
| @@ -2795,5 +2971,201 @@ | ||
| 2795 | 2971 | .wpc-admin-toolbar .wpc-importerenexporterenpro, |
| 2796 | 2972 | .wpc-admin-toolbar .wpc-tab.wpc-importujeksportujpro{ |
| 2797 | 2973 | display: none; |
| 2798 | 2974 | } |
| 2799 | -} | |
| 2975 | +} | |
| 2976 | +.wpc-range-list-inputs{ | |
| 2977 | + display: flex; | |
| 2978 | +} | |
| 2979 | +.wpc-range-list-inputs div{ | |
| 2980 | + margin-right: 8px; | |
| 2981 | + margin-bottom: 8px; | |
| 2982 | +} | |
| 2983 | +.wpc-range-list-inputs input { | |
| 2984 | + width: 130px !important; | |
| 2985 | +} | |
| 2986 | +.wpc-range-list-value-error, .wpc-range-list-value-error-button{ | |
| 2987 | + color: #d99e00; | |
| 2988 | + background: #fff6e1; | |
| 2989 | + margin-bottom: 8px; | |
| 2990 | + padding: 3px 12px; | |
| 2991 | +} | |
| 2992 | +.wpc-field-show-range-list-input{ | |
| 2993 | + margin-bottom: 8px !important; | |
| 2994 | +} | |
| 2995 | +.wpc_set_fields-custom_posts_container-wrap{ | |
| 2996 | + display: flex; | |
| 2997 | +} | |
| 2998 | +a.button.wpc-choose-selector{ | |
| 2999 | + margin-left: 2px; | |
| 3000 | +} | |
| 3001 | + | |
| 3002 | +#wpc-modal-overlay { | |
| 3003 | + position: fixed; | |
| 3004 | + inset: 0; | |
| 3005 | + background: rgba(0,0,0,0.7); | |
| 3006 | + z-index: 999999; | |
| 3007 | + display: flex; | |
| 3008 | + align-items: center; | |
| 3009 | + justify-content: center; | |
| 3010 | +} | |
| 3011 | + | |
| 3012 | +.wpc-modal-content { | |
| 3013 | + position: relative; | |
| 3014 | + width: 95vw; | |
| 3015 | + height: 95vh; | |
| 3016 | + background: #fff; | |
| 3017 | + border-radius: 8px; | |
| 3018 | + overflow: hidden; | |
| 3019 | + display: flex; | |
| 3020 | + flex-direction: column; | |
| 3021 | +} | |
| 3022 | + | |
| 3023 | +.wpc-modal-header { | |
| 3024 | + padding: 10px 16px; | |
| 3025 | + background: #23282d; | |
| 3026 | + display: flex; | |
| 3027 | + justify-content: space-between; | |
| 3028 | + align-items: center; | |
| 3029 | +} | |
| 3030 | + | |
| 3031 | +.wpc-modal-title { | |
| 3032 | + color: #fff; | |
| 3033 | + font-size: 14px; | |
| 3034 | +} | |
| 3035 | + | |
| 3036 | +.wpc-modal-close { | |
| 3037 | + background: none; | |
| 3038 | + border: none; | |
| 3039 | + color: #fff; | |
| 3040 | + font-size: 20px; | |
| 3041 | + cursor: pointer; | |
| 3042 | + line-height: 1; | |
| 3043 | +} | |
| 3044 | +#wpc-selector-iframe{ | |
| 3045 | + flex: 1; | |
| 3046 | + border: none; | |
| 3047 | + width: 100%; | |
| 3048 | +} | |
| 3049 | +.wpc-modal-description{ | |
| 3050 | + border-radius: 4px; | |
| 3051 | + border: 3px solid#ffdd00; | |
| 3052 | + background: #000; | |
| 3053 | + color: #ffdd00; | |
| 3054 | + padding: 10px 24px; | |
| 3055 | + position: relative; | |
| 3056 | + font-size: 16px; | |
| 3057 | + font-weight: bold; | |
| 3058 | +} | |
| 3059 | +#wpc-choose-element-loading-spinner { | |
| 3060 | + display: flex; | |
| 3061 | + justify-content: center; | |
| 3062 | + align-items: center; | |
| 3063 | + height: 100%; | |
| 3064 | + width: 100%; | |
| 3065 | +} | |
| 3066 | + | |
| 3067 | +#wpc-choose-element-loading-spinner .choose-element-spinner { | |
| 3068 | + border: 4px solid #f3f3f3; | |
| 3069 | + border-top: 4px solid var(--main-color); | |
| 3070 | + border-radius: 50%; | |
| 3071 | + width: 40px; | |
| 3072 | + height: 40px; | |
| 3073 | + animation: spin 1s linear infinite; | |
| 3074 | +} | |
| 3075 | + | |
| 3076 | +@keyframes spin { | |
| 3077 | + 0% { transform: rotate(0deg); } | |
| 3078 | + 100% { transform: rotate(360deg); } | |
| 3079 | +} | |
| 3080 | + | |
| 3081 | +/* What's new page (src/Admin/WhatsNew.php) */ | |
| 3082 | +.wpc-whats-new .wpc-whats-new-date{color:#646970;margin-top:-6px} | |
| 3083 | +.wpc-whats-new-list{list-style:none;margin:16px 0 20px;padding:0;max-width:860px} | |
| 3084 | +.wpc-whats-new-list li{background:#fff;border:1px solid #c3c4c7;border-radius:4px;padding:12px 14px;margin:0 0 8px;font-size:14px;line-height:1.55} | |
| 3085 | +.wpc-whats-new-tag{display:inline-block;font-size:11px;font-weight:600;line-height:1;padding:4px 7px;border-radius:3px;background:#f0f0f1;color:#50575e;margin:0 8px 0 0;vertical-align:middle;text-transform:uppercase;letter-spacing:.02em} | |
| 3086 | +.wpc-whats-new-tag-new{background:#0570e2;color:#fff} | |
| 3087 | +.wpc-whats-new-earlier{max-width:860px;margin-top:24px} | |
| 3088 | +.wpc-whats-new-earlier summary{cursor:pointer;font-weight:600;font-size:14px;padding:6px 0} | |
| 3089 | +.wpc-whats-new-earlier h3{margin:18px 0 6px;font-size:14px} | |
| 3090 | +.wpc-whats-new-earlier h3 small{color:#646970;font-weight:400;margin-left:6px} | |
| 3091 | +.wpc-whats-new-earlier ul{list-style:disc;margin:0 0 0 20px} | |
| 3092 | +.wpc-whats-new-earlier li{margin:0 0 4px;color:#3c434a} | |
| 3093 | +#adminmenu .flrt-whats-new-badge{margin-left:5px} | |
| 3094 | +.nav-tab .flrt-whats-new-badge{display:inline-block;margin-left:6px;vertical-align:1px;background:#d63638;color:#fff;font-size:9px;line-height:17px;font-weight:600;min-width:17px;height:17px;padding:0 5px;border-radius:10px;text-align:center;box-sizing:border-box}.nav-tab .flrt-whats-new-badge .plugin-count{display:inline} | |
| 3095 | +.wpc-whats-new h2{font-size:1.3em;margin:1em 0 .6em} | |
| 3096 | + | |
| 3097 | +/* Toolbar brand: logo + name link back to the Filter Sets list; version in the same colour as the name (both builds) */ | |
| 3098 | +.wpc-admin-toolbar h2 .wpc-toolbar-brand{color:inherit;text-decoration:none;display:inline-block} | |
| 3099 | +.wpc-admin-toolbar h2 .wpc-toolbar-brand:hover, | |
| 3100 | +.wpc-admin-toolbar h2 .wpc-toolbar-brand:focus{color:inherit;text-decoration:none;box-shadow:none} | |
| 3101 | +.wpc-admin-toolbar h2 .wpc-plugin-version{font-size:13px;font-weight:400;color:inherit;margin-left:6px;vertical-align:baseline} | |
| 3102 | + | |
| 3103 | +/* License tab: purchase-source cards */ | |
| 3104 | +.wpc-license-lock { | |
| 3105 | + background: #fcf0f1; | |
| 3106 | + border-left: 4px solid #d63638; | |
| 3107 | + padding: 10px 14px; | |
| 3108 | + margin: 0 0 20px; | |
| 3109 | + max-width: 960px; | |
| 3110 | +} | |
| 3111 | + | |
| 3112 | +.wpc-license-sources { | |
| 3113 | + max-width: 960px; | |
| 3114 | + margin: 0 0 8px; | |
| 3115 | +} | |
| 3116 | + | |
| 3117 | +.wpc-license-sources h3 { | |
| 3118 | + margin: 0 0 4px; | |
| 3119 | + font-size: 15px; | |
| 3120 | +} | |
| 3121 | + | |
| 3122 | +.wpc-license-cards { | |
| 3123 | + display: grid; | |
| 3124 | + grid-template-columns: 1fr 1fr; | |
| 3125 | + gap: 16px; | |
| 3126 | + margin: 16px 0 18px; | |
| 3127 | +} | |
| 3128 | + | |
| 3129 | +.wpc-license-card { | |
| 3130 | + border: 1px solid #c3c4c7; | |
| 3131 | + border-radius: 6px; | |
| 3132 | + padding: 18px 20px; | |
| 3133 | + background: #fbfbfc; | |
| 3134 | +} | |
| 3135 | + | |
| 3136 | +.wpc-license-card h4 { | |
| 3137 | + margin: 0 0 4px; | |
| 3138 | + font-size: 14px; | |
| 3139 | +} | |
| 3140 | + | |
| 3141 | +.wpc-license-card-sub { | |
| 3142 | + color: #646970; | |
| 3143 | + margin: 0 0 12px; | |
| 3144 | +} | |
| 3145 | + | |
| 3146 | +.wpc-license-card ol { | |
| 3147 | + margin: 0 0 12px 18px; | |
| 3148 | + padding: 0; | |
| 3149 | +} | |
| 3150 | + | |
| 3151 | +.wpc-license-card li { | |
| 3152 | + margin: 0 0 6px; | |
| 3153 | +} | |
| 3154 | + | |
| 3155 | +.wpc-license-card-warn { | |
| 3156 | + background: #fff8e5; | |
| 3157 | + border-left: 3px solid #dba617; | |
| 3158 | + padding: 6px 10px; | |
| 3159 | + margin: 8px 0 14px; | |
| 3160 | + font-size: 12px; | |
| 3161 | +} | |
| 3162 | + | |
| 3163 | +.wpc-license-card code { | |
| 3164 | + font-size: 12px; | |
| 3165 | +} | |
| 3166 | + | |
| 3167 | +@media (max-width: 960px) { | |
| 3168 | + .wpc-license-cards { | |
| 3169 | + grid-template-columns: 1fr; | |
| 3170 | + } | |
| 3171 | +} | |
