| @@ -3600,377 +3600,5 @@ | ||
| 3600 | 3600 | |
| 3601 | 3601 | .vigilante-analyzer-check-score { |
| 3602 | 3602 | grid-column: 2 / -1; |
| 3603 | 3603 | } |
| 3604 | -} | |
| 3605 | -/* --------------------------------------------------------------------------- | |
| 3606 | - Self-protection (File Integrity, first block of the results) | |
| 3607 | - | |
| 3608 | - Two shapes, on purpose. With nothing to do it is one line, because a card | |
| 3609 | - with an icon and folded sections for "everything is fine" is furniture. With | |
| 3610 | - something to do it is a card with one row per case, the shape of Site Health, | |
| 3611 | - which is what holds up when there are four findings at once. Colour lives in | |
| 3612 | - the icon, the severity word and a thin edge: never a filled background behind | |
| 3613 | - the text. | |
| 3614 | -/* | |
| 3615 | - * A card of the same family as the rest of the page (the counters use | |
| 3616 | - * border 1px #ddd and radius 8px), not a notice bar: this block belongs to the | |
| 3617 | - * results, it is not something pinned on top of them. | |
| 3618 | - */ | |
| 3619 | -.vigilante-self-card { | |
| 3620 | - background: #fff; | |
| 3621 | - border: 1px solid #ddd; | |
| 3622 | - border-radius: 8px; | |
| 3623 | - padding: 16px 20px; | |
| 3624 | -} | |
| 3625 | - | |
| 3626 | -.vigilante-self-card--quiet { | |
| 3627 | - padding: 12px 20px; | |
| 3628 | -} | |
| 3629 | - | |
| 3630 | -.vigilante-self-box--critical .vigilante-self-card { | |
| 3631 | - border-color: #d63638; | |
| 3632 | -} | |
| 3633 | - | |
| 3634 | -.vigilante-self-box--warning .vigilante-self-card { | |
| 3635 | - border-color: #dba617; | |
| 3636 | -} | |
| 3637 | - | |
| 3638 | -/* --- one line, when there is nothing to act on --- */ | |
| 3639 | -.vigilante-self-line { | |
| 3640 | - display: flex; | |
| 3641 | - align-items: center; | |
| 3642 | - flex-wrap: wrap; | |
| 3643 | - gap: 8px; | |
| 3644 | - margin: 0; | |
| 3645 | -} | |
| 3646 | - | |
| 3647 | -.vigilante-self-line .dashicons { | |
| 3648 | - color: #50575e; | |
| 3649 | -} | |
| 3650 | - | |
| 3651 | -.vigilante-self-box--ok .vigilante-self-line .dashicons { | |
| 3652 | - color: #00a32a; | |
| 3653 | -} | |
| 3654 | - | |
| 3655 | -.vigilante-self-box--info .vigilante-self-line .dashicons { | |
| 3656 | - color: #2271b1; | |
| 3657 | -} | |
| 3658 | - | |
| 3659 | -.vigilante-self-line-meta { | |
| 3660 | - color: #646970; | |
| 3661 | -} | |
| 3662 | - | |
| 3663 | -.vigilante-self-line-help { | |
| 3664 | - margin: 6px 0 0 28px; | |
| 3665 | -} | |
| 3666 | - | |
| 3667 | -/* --- card, when something needs attention --- */ | |
| 3668 | -.vigilante-self-head { | |
| 3669 | - display: flex; | |
| 3670 | - align-items: flex-start; | |
| 3671 | - gap: 12px; | |
| 3672 | -} | |
| 3673 | - | |
| 3674 | -.vigilante-self-icon { | |
| 3675 | - flex: none; | |
| 3676 | - width: 34px; | |
| 3677 | - height: 34px; | |
| 3678 | - border-radius: 50%; | |
| 3679 | - display: flex; | |
| 3680 | - align-items: center; | |
| 3681 | - justify-content: center; | |
| 3682 | - background: #f0f0f1; | |
| 3683 | -} | |
| 3684 | - | |
| 3685 | -.vigilante-self-icon .dashicons { | |
| 3686 | - color: #50575e; | |
| 3687 | -} | |
| 3688 | - | |
| 3689 | -.vigilante-self-box--critical .vigilante-self-icon { | |
| 3690 | - background: #fcf0f1; | |
| 3691 | -} | |
| 3692 | - | |
| 3693 | -.vigilante-self-box--critical .vigilante-self-icon .dashicons { | |
| 3694 | - color: #d63638; | |
| 3695 | -} | |
| 3696 | - | |
| 3697 | -.vigilante-self-box--warning .vigilante-self-icon { | |
| 3698 | - background: #fcf9e8; | |
| 3699 | -} | |
| 3700 | - | |
| 3701 | -.vigilante-self-box--warning .vigilante-self-icon .dashicons { | |
| 3702 | - color: #996800; | |
| 3703 | -} | |
| 3704 | - | |
| 3705 | -.vigilante-self-head-text h2 { | |
| 3706 | - margin: 0; | |
| 3707 | - padding: 0; | |
| 3708 | - border: 0; | |
| 3709 | - font-size: 15px; | |
| 3710 | - line-height: 1.4; | |
| 3711 | -} | |
| 3712 | - | |
| 3713 | -.vigilante-self-meta { | |
| 3714 | - margin: 2px 0 0; | |
| 3715 | - color: #646970; | |
| 3716 | -} | |
| 3717 | - | |
| 3718 | -.vigilante-self-cases { | |
| 3719 | - margin-top: 14px; | |
| 3720 | - border-top: 1px solid #e0e0e0; | |
| 3721 | -} | |
| 3722 | - | |
| 3723 | -.vigilante-self-case { | |
| 3724 | - border-bottom: 1px solid #e0e0e0; | |
| 3725 | -} | |
| 3726 | - | |
| 3727 | -.vigilante-self-case > summary { | |
| 3728 | - display: flex; | |
| 3729 | - align-items: center; | |
| 3730 | - gap: 10px; | |
| 3731 | - padding: 10px 2px; | |
| 3732 | - cursor: pointer; | |
| 3733 | - list-style: none; | |
| 3734 | -} | |
| 3735 | - | |
| 3736 | -.vigilante-self-case > summary::-webkit-details-marker { | |
| 3737 | - display: none; | |
| 3738 | -} | |
| 3739 | - | |
| 3740 | -.vigilante-self-case > summary::before { | |
| 3741 | - content: "\f139"; | |
| 3742 | - font-family: dashicons; | |
| 3743 | - font-size: 18px; | |
| 3744 | - line-height: 1; | |
| 3745 | - color: #646970; | |
| 3746 | -} | |
| 3747 | - | |
| 3748 | -.vigilante-self-case[open] > summary::before { | |
| 3749 | - content: "\f140"; | |
| 3750 | -} | |
| 3751 | - | |
| 3752 | -.vigilante-self-case-title { | |
| 3753 | - font-weight: 600; | |
| 3754 | -} | |
| 3755 | - | |
| 3756 | -.vigilante-self-case-count { | |
| 3757 | - color: #646970; | |
| 3758 | -} | |
| 3759 | - | |
| 3760 | -.vigilante-self-case-severity { | |
| 3761 | - margin-left: auto; | |
| 3762 | - font-size: 12px; | |
| 3763 | - text-transform: lowercase; | |
| 3764 | - color: #646970; | |
| 3765 | -} | |
| 3766 | - | |
| 3767 | -.vigilante-self-case--critical .vigilante-self-case-severity { | |
| 3768 | - color: #d63638; | |
| 3769 | -} | |
| 3770 | - | |
| 3771 | -.vigilante-self-case--warning .vigilante-self-case-severity { | |
| 3772 | - color: #996800; | |
| 3773 | -} | |
| 3774 | - | |
| 3775 | -.vigilante-self-case-body { | |
| 3776 | - padding: 0 2px 12px 28px; | |
| 3777 | -} | |
| 3778 | - | |
| 3779 | -.vigilante-self-paths { | |
| 3780 | - margin: 0 0 8px 18px; | |
| 3781 | - list-style: disc; | |
| 3782 | -} | |
| 3783 | - | |
| 3784 | -.vigilante-self-paths code { | |
| 3785 | - background: rgba(0, 0, 0, 0.05); | |
| 3786 | -} | |
| 3787 | - | |
| 3788 | -.vigilante-self-meaning, | |
| 3789 | -.vigilante-self-todo { | |
| 3790 | - margin: 6px 0 0; | |
| 3791 | -} | |
| 3792 | - | |
| 3793 | -.vigilante-self-steps { | |
| 3794 | - margin: 4px 0 0 20px; | |
| 3795 | -} | |
| 3796 | - | |
| 3797 | -.vigilante-self-steps li { | |
| 3798 | - margin-bottom: 6px; | |
| 3799 | -} | |
| 3800 | - | |
| 3801 | -.vigilante-self-actions { | |
| 3802 | - display: flex; | |
| 3803 | - align-items: center; | |
| 3804 | - flex-wrap: wrap; | |
| 3805 | - gap: 10px; | |
| 3806 | - margin: 14px 0 0; | |
| 3807 | -} | |
| 3808 | - | |
| 3809 | -/* --------------------------------------------------------------------------- | |
| 3810 | - Self-protection on the Dashboard tab: the same card as the ones below it | |
| 3811 | - (white, 1px border, 4px radius, 20px padding), not a notice bar pinned on | |
| 3812 | - top. Its content is centred, like the score cards it sits above. | |
| 3813 | -.vigilante-self-strip { | |
| 3814 | - display: flex; | |
| 3815 | - align-items: center; | |
| 3816 | - justify-content: center; | |
| 3817 | - flex-wrap: wrap; | |
| 3818 | - gap: 10px; | |
| 3819 | - background: #fff; | |
| 3820 | - border: 1px solid #e5e5e5; | |
| 3821 | - border-radius: 4px; | |
| 3822 | - padding: 16px 20px; | |
| 3823 | - margin-bottom: 20px; | |
| 3824 | - text-align: center; | |
| 3825 | -} | |
| 3826 | - | |
| 3827 | -.vigilante-self-strip--critical { | |
| 3828 | - border-color: #d63638; | |
| 3829 | -} | |
| 3830 | - | |
| 3831 | -.vigilante-self-strip--warning { | |
| 3832 | - border-color: #dba617; | |
| 3833 | -} | |
| 3834 | - | |
| 3835 | -.vigilante-self-strip .dashicons { | |
| 3836 | - color: #50575e; | |
| 3837 | -} | |
| 3838 | - | |
| 3839 | -.vigilante-self-strip--critical .dashicons { | |
| 3840 | - color: #d63638; | |
| 3841 | -} | |
| 3842 | - | |
| 3843 | -.vigilante-self-strip--warning .dashicons { | |
| 3844 | - color: #996800; | |
| 3845 | -} | |
| 3846 | - | |
| 3847 | -.vigilante-self-strip--ok .dashicons { | |
| 3848 | - color: #00a32a; | |
| 3849 | -} | |
| 3850 | - | |
| 3851 | -.vigilante-self-strip-state { | |
| 3852 | - color: #1d2327; | |
| 3853 | -} | |
| 3854 | - | |
| 3855 | -.vigilante-self-strip--critical .vigilante-self-strip-state { | |
| 3856 | - color: #d63638; | |
| 3857 | - font-weight: 600; | |
| 3858 | -} | |
| 3859 | - | |
| 3860 | -.vigilante-self-strip--warning .vigilante-self-strip-state { | |
| 3861 | - color: #996800; | |
| 3862 | - font-weight: 600; | |
| 3863 | -} | |
| 3864 | - | |
| 3865 | -.vigilante-self-strip-count { | |
| 3866 | - color: #646970; | |
| 3867 | -} | |
| 3868 | - | |
| 3869 | -.vigilante-self-notice .dashicons { | |
| 3870 | - vertical-align: text-bottom; | |
| 3871 | -} | |
| 3872 | - | |
| 3873 | -.vigilante-analyzer-capped { | |
| 3874 | - margin: 0 0 12px; | |
| 3875 | - padding: 10px 14px; | |
| 3876 | - border-left: 4px solid #d63638; | |
| 3877 | - border-radius: 3px; | |
| 3878 | - background: #fcf0f1; | |
| 3879 | -} | |
| 3880 | - | |
| 3881 | -.vigilante-analyzer-capped .dashicons { | |
| 3882 | - color: #d63638; | |
| 3883 | - vertical-align: text-bottom; | |
| 3884 | -} | |
| 3885 | - | |
| 3886 | -/* Notice: what happened on one line, the explanation on another, the actions at | |
| 3887 | - the end. All of it inline was a wall nobody reads at a glance. */ | |
| 3888 | -/* Two lines and not one pixel more than they need: a notice that takes a | |
| 3889 | - quarter of the screen is a notice that pushes the page down every time. */ | |
| 3890 | -.vigilante-self-notice { | |
| 3891 | - padding: 6px 12px; | |
| 3892 | -} | |
| 3893 | - | |
| 3894 | -.vigilante-self-notice p { | |
| 3895 | - margin: 3px 0; | |
| 3896 | - line-height: 1.5; | |
| 3897 | -} | |
| 3898 | - | |
| 3899 | -.vigilante-self-notice-title { | |
| 3900 | - display: flex; | |
| 3901 | - align-items: center; | |
| 3902 | - gap: 6px; | |
| 3903 | - font-size: 13px; | |
| 3904 | -} | |
| 3905 | - | |
| 3906 | -.vigilante-self-notice-title .dashicons { | |
| 3907 | - font-size: 17px; | |
| 3908 | - width: 17px; | |
| 3909 | - height: 17px; | |
| 3910 | -} | |
| 3911 | - | |
| 3912 | -.vigilante-self-notice-text { | |
| 3913 | - display: flex; | |
| 3914 | - align-items: center; | |
| 3915 | - flex-wrap: wrap; | |
| 3916 | - gap: 10px; | |
| 3917 | - max-width: 75em; | |
| 3918 | - color: #3c434a; | |
| 3919 | -} | |
| 3920 | - | |
| 3921 | -/* | |
| 3922 | - * On the Vigilant screens the notice lands inside the header row, where | |
| 3923 | - * WordPress drops it after the first h1. It goes after the search box and | |
| 3924 | - * takes the space that is left, in two lines: what happened, and the | |
| 3925 | - * explanation with its button. | |
| 3926 | - */ | |
| 3927 | -.vigilante-header-row .vigilante-page-title { | |
| 3928 | - order: 1; | |
| 3929 | -} | |
| 3930 | - | |
| 3931 | -.vigilante-header-row .vigilante-search-wrapper { | |
| 3932 | - order: 2; | |
| 3933 | -} | |
| 3934 | - | |
| 3935 | -.vigilante-header-row .vigilante-self-notice { | |
| 3936 | - order: 3; | |
| 3937 | - /* Only as wide as what it says: a notice is block level and would take the | |
| 3938 | - rest of the row, which on a wide screen is a band of colour with a line | |
| 3939 | - of text lost in it. Outside the Vigilant screens it keeps the full width | |
| 3940 | - of any WordPress notice, because there it is the alarm. */ | |
| 3941 | - flex: 0 1 auto; | |
| 3942 | - max-width: 100%; | |
| 3943 | - margin: 0; | |
| 3944 | -} | |
| 3945 | - | |
| 3946 | -/* The submenu counter of File Integrity: the core bubble is small and low on | |
| 3947 | - contrast down there, and a counter nobody can read is a counter that is not | |
| 3948 | - there. */ | |
| 3949 | -#adminmenu .toplevel_page_vigilante .wp-submenu .awaiting-mod, | |
| 3950 | -#adminmenu .toplevel_page_vigilante .wp-submenu .update-plugins { | |
| 3951 | - background: #d63638; | |
| 3952 | - color: #fff; | |
| 3953 | - font-size: 11px; | |
| 3954 | - font-weight: 600; | |
| 3955 | - line-height: 18px; | |
| 3956 | - min-width: 18px; | |
| 3957 | - padding: 0 6px; | |
| 3958 | - border-radius: 9px; | |
| 3959 | - margin-left: 6px; | |
| 3960 | -} | |
| 3961 | - | |
| 3962 | -#adminmenu .toplevel_page_vigilante .wp-submenu .update-plugins.vigilante-badge-warning { | |
| 3963 | - background: #dba617; | |
| 3964 | - color: #1d2327; | |
| 3965 | -} | |
| 3966 | - | |
| 3967 | -#adminmenu .toplevel_page_vigilante .wp-submenu .awaiting-mod .pending-count, | |
| 3968 | -#adminmenu .toplevel_page_vigilante .wp-submenu .update-plugins .pending-count { | |
| 3969 | - background: transparent; | |
| 3970 | - color: inherit; | |
| 3971 | - font-size: inherit; | |
| 3972 | - font-weight: inherit; | |
| 3973 | - padding: 0; | |
| 3974 | -} | |
| 3604 | +} | |
