MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1,107: / Line 1,107: @@
 /* =========================================================
-    OOO BUILDING TABS (Same as item buttons)
+    OOO BUILDING TABS - Styled Like Item Buttons
     ========================================================= */
 .ooo-card .tabber__tabs {
    display: flex;
-   gap: 8px;
+   gap: 10px;
    margin-bottom: 14px;
 }
@@ Line 1,122: / Line 1,123: @@
    font-weight: 700;
    cursor: pointer;
-   transition: 0.15s ease;
+   transition: background 0.15s ease, border-color 0.15s ease;
 }
 /* Hover effect matching item button style */
 .ooo-card .tabber__tab:hover {
+  background: rgba(245,196,0,0.07); /* Same hover as item buttons */
    border-color: rgba(245,196,0,0.55);
-  background: rgba(245,196,0,0.07); /* Same hover effect as item buttons */
 }
-/* Active tab with stronger highlight */
+/* Active tab styling matching item buttons */
 .ooo-card .tabber__tab--active {
+  background: rgba(245,196,0,0.10); /* Same active background as item buttons */
    border-color: rgba(245,196,0,0.80);
-   background: rgba(245,196,0,0.10); /* Same active background as item buttons */
+}
+/* Optional: Add focus styles for better accessibility */
+.ooo-card .tabber__tab:focus {
+  outline: none;
+   box-shadow: 0 0 3px rgba(245, 196, 0, 0.6); /* Yellow glow on focus */
 }