← All changes | assets/css/admin.css +1 -371 3.0.0 → 2.11.12 View file →

		@@ -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	+}