/**
* Base Admin Settings Styles
*
* Shared admin chrome, base-only settings UI, license status UI, and the
* plugin deactivation dialog live here. Pro preview and real pro admin
* styles are loaded from their own dedicated stylesheets.
*
* @package MWPSFE_Manager
*/
/* ===========================
CSS Custom Properties (Root Variables)
=========================== */
:root {
/* WordPress Admin Colors */
--mwp-sfe-admin-color-primary-light: #b8d4f1;
--mwp-sfe-admin-color-primary: #2271b1;
--mwp-sfe-admin-color-primary-hover: #135e96;
--mwp-sfe-admin-color-success: #00a32a;
--mwp-sfe-admin-color-warning: #f56e28;
--mwp-sfe-admin-color-danger: #d63638;
--mwp-sfe-admin-color-danger-hover: #b32d2e;
--mwp-sfe-admin-color-neutral: #787c82;
/* Background Colors */
--mwp-sfe-admin-bg-white: #fff;
--mwp-sfe-admin-bg-light: #f6f7f7;
--mwp-sfe-admin-bg-lighter: #f9f9f9;
--mwp-sfe-admin-bg-gray: #f0f0f1;
--mwp-sfe-admin-bg-hover: #e8eaeb;
--mwp-sfe-admin-bg-info: #f0f6fc;
/* Border Colors */
--mwp-sfe-admin-border-main: #ccd0d4;
--mwp-sfe-admin-border-lighter: #f0f0f1;
--mwp-sfe-admin-border-light: #dcdcde;
--mwp-sfe-admin-border-medium: #c3c4c7;
--mwp-sfe-admin-border-lt-blue: #b8d4f1;
/* Text Colors */
--mwp-sfe-admin-text-primary: #1d2327;
--mwp-sfe-admin-text-secondary: #50575e;
--mwp-sfe-admin-text-tertiary: #787c82;
--mwp-sfe-admin-text-light: #666;
--mwp-sfe-admin-text-body: #2c3338;
/* Shadows */
--mwp-sfe-admin-shadow-sm: 0 2px 8px rgba(0,0,0,.05);
--mwp-sfe-admin-shadow-md: 0 2px 8px rgba(0,0,0,.1);
--mwp-sfe-admin-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px 0 rgba(0, 0, 0, .05);
--mwp-sfe-admin-shadow-inset-md: inset var(--mwp-sfe-admin-shadow-md);
/* Border Radius */
--mwp-sfe-admin-radius-xs: 2px;
--mwp-sfe-admin-radius-sm: 3px;
--mwp-sfe-admin-radius-md: 4px;
--mwp-sfe-admin-radius-lg: 6px;
--mwp-sfe-admin-radius-xl: 8px;
--mwp-sfe-admin-radius-pill: 999px;
}
/* ===========================
Tab Navigation
=========================== */
/*
* Overrides WordPress default nav-tab-wrapper padding/margin so the
* tab border merges cleanly into the content area top border.
*/
.mwp-sfe-settings-nav.nav-tab-wrapper {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 1px solid var(--mwp-sfe-admin-border-medium);
}
/* ===========================
Settings Tab Content Area
=========================== */
/*
* Sits immediately below .mwp-sfe-settings-nav.
* margin-top: 0 prevents a visual gap that would break the tab connection.
*/
.mwp-sfe-settings-tab-content {
margin-top: 0;
}
/* -----------------------------------------------------------------------
License status badge - inline to the right of the key input
----------------------------------------------------------------------- */
.mwp-sfe-license-status-badge {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 3px 10px 3px 7px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.02em;
white-space: nowrap;
line-height: 1.6;
vertical-align: middle;
}
.mwp-sfe-license-status-dot {
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
flex-shrink: 0;
}
@keyframes status-dot-pulse {
0% {
box-shadow: 0 0 0 0px #a8ddb2;
scale: 0.9;
}
50% {
box-shadow: 0 0 0 6px rgba(168, 221, 178, 0);
scale: 1.1;
}
100% {
scale: 0.9;
}
}
/* Active - green */
.mwp-sfe-license-status-active {
background: #edfaef;
color: var(--mwp-sfe-admin-color-success);
border: 1px solid #a8ddb2;
}
.mwp-sfe-license-status-active .mwp-sfe-license-status-dot {
background: var(--mwp-sfe-admin-color-success);
animation: status-dot-pulse 2s ease-in-out infinite;
}
/* Inactive / unverified - amber */
.mwp-sfe-license-status-inactive {
background: #fef9ec;
color: #7a5a00;
border: 1px solid #f0d070;
}
.mwp-sfe-license-status-inactive .mwp-sfe-license-status-dot {
background: #c89a00;
box-shadow: 0 0 0 2px #f5e090;
}
/* Verifying - neutral grey */
.mwp-sfe-license-status-loading {
background: #f6f7f7;
color: #50575e;
border: 1px solid #ccd0d4;
}
WhatShed
Skip to content
Home
- Category: Garden Design
Today we are channeling our inner mystic, oriental power as we give you a few ideas and suggestions for ways you can add a bit of Japanese style..
Full Details
When you think of an Italian garden, you may start to scratch your head and wonder, just what is an Italian garden? Well, we would bet that you..
Full Details
Bonjour! Today we are taking a closer look at what makes a typical French garden. Now you may be thinking that a French garden does not really have..
Full Details
The Greek climate of dry and hot summers along with winters that can be very wet requires gardeners to really work hard. A typical Greek garden is going..
Full Details
We know that many of you have enjoyed our series looking at the way different countries and cultures design and tend to their gardens. Well, today, we are..
Full Details
Today we are having a look at some of the more extravagant styles of gardens that are in the world and those are gardens of the Persian and..
Full Details
Today we are mixing things up a little bit as we are not just looking at one country, but three! We are looking at gardens from China, Thailand,..
Full Details
The weather is taking a turn for the better and the outdoor space in outside your house that resembles Jurassic Park is due for a makeover. Well today,..
Full Details