MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1,113: / Line 1,113: @@
    border-bottom: 1px solid var(--ooo-border);
    margin-bottom: 16px;
+}
+.ooo-buildbox .tabber__tabs {
+  display: flex;
+  gap: 10px;
+  margin-bottom: 10px;
 }
@@ Line 1,120: / Line 1,126: @@
    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 {
    color: var(--ooo-accent);
+  background: #e5e5e5; /* Slight hover effect */
 }
 .ooo-buildbox .tabber__tab--active {
-   color: var(--ooo-accent);
+   color: white; /* Active tab text color */
+  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 */
-   OOO Browser Manual Text Box
+@media (max-width: 900px) {
-   ========================================================= */
+  .ooo-buildbox .tabber__tabs {
+    flex-direction: column; /* Stack tabs vertically */
-.ooo-browser-textbox {
+    align-items: center;
+   }
-  margin-top: 16px;
-  padding: 12px 14px;
-  border-left: 3px solid var(--ooo-accent);
-   background: rgba(245,196,0,0.05);
-   line-height: 1.6;
+   .ooo-buildbox .tabber__tab {
-  font-size: 0.95rem;
+    width: 100%; /* Full width tabs on mobile */
+    text-align: center;
+  }
 }