MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1,110: / Line 1,110: @@
     ========================================================= */
-.ooo-buildbox .tabber__header {
+.ooo-card .tabber__header {
    border-bottom: 1px solid var(--ooo-border);
    margin-bottom: 16px;
 }
-.ooo-buildbox .tabber__tabs {
+.ooo-card .tabber__tab {
-  display: flex;
-  gap: 10px;
-  margin-bottom: 10px;
-}
-.ooo-buildbox .tabber__tab {
    font-weight: 700;
    padding: 8px 12px;
    margin-right: 8px;
    border-bottom: 2px solid transparent;
-  background: #f5f5f5; /* Light background color for tabs */
-  transition: background 0.3s ease, color 0.3s ease;
 }
-.ooo-buildbox .tabber__tab:hover {
+.ooo-card .tabber__tab:hover {
    color: var(--ooo-accent);
-  background: #e5e5e5; /* Slight hover effect */
 }
-.ooo-buildbox .tabber__tab--active {
+.ooo-card .tabber__tab--active {
-   color: white; /* Active tab text color */
+   color: var(--ooo-accent);
-  background: var(--ooo-accent); /* Active tab background */
    border-bottom: 2px solid var(--ooo-accent);
-  font-weight: 800; /* Make active tab bolder */
-}
-/* Mobile Adjustment: Stack tabs vertically on smaller screens */
-@media (max-width: 900px) {
-  .ooo-buildbox .tabber__tabs {
-    flex-direction: column; /* Stack tabs vertically */
-    align-items: center;
-  }
-  .ooo-buildbox .tabber__tab {
-    width: 100%; /* Full width tabs on mobile */
-    text-align: center;
-  }
 }