diff --git a/admin/css/seoprostack-admin.css b/admin/css/seoprostack-admin.css index 142db83..8418343 100644 --- a/admin/css/seoprostack-admin.css +++ b/admin/css/seoprostack-admin.css @@ -33,7 +33,7 @@ } .seoprostack-version { - color: #d35400; /* Updated to dark orange */ + color: #646970; /* Neutral gray color */ font-size: 13px; font-weight: 400; } @@ -42,7 +42,7 @@ .nav-tab-wrapper, .wrap h2.nav-tab-wrapper { border-bottom: 1px solid #c3c4c7; - margin: 0 -20px; + margin: 15px -20px 0; padding: 0 20px; background: #fff; position: sticky; @@ -89,10 +89,23 @@ font-weight: 600; } -/* Improve tab content container */ +/* Tab content container */ .tab-content { padding: 20px 0; animation: fadeIn 0.3s ease-in-out; + background: transparent; +} + +/* Ensure tab content containers don't have a background color */ +.seoprostack-settings-content { + background: transparent; +} + +/* Make sure toggle containers have background */ +.seoprostack-toggle, .seoprostack-setting-base, .seoprostack-setting-row { + background: #fff; + border: 1px solid #c3c4c7; + box-shadow: 0 1px 1px rgba(0,0,0,0.04); } @keyframes fadeIn { @@ -882,7 +895,7 @@ input:checked + .seoprostack-toggle-slider:before { .nav-tab-wrapper, .wrap h2.nav-tab-wrapper { border-bottom: 1px solid #c3c4c7; - margin: 0 -20px; + margin: 15px -20px 0; padding: 0 20px; background: #fff; position: sticky; @@ -923,10 +936,10 @@ input:checked + .seoprostack-toggle-slider:before { } .seoprostack-settings-content { - background: #fff; - border: 1px solid #c3c4c7; - border-radius: 4px; - padding: 20px; + background: transparent; + border: none; + border-radius: 0; + padding: 0; margin-bottom: 20px; }