MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 396: / Line 396: @@
 /* =========================================================
-    OOO SECTION TITLE (Industrial – Dark Glow Accent)
+    OOO SECTION TITLE (Responsive Industrial)
     ========================================================= */
 .ooo-section-title {
-   position: relative;
+   display: flex;
-   text-align: center;
+   align-items: center;
+  justify-content: center;
+  gap: 1.5rem;
    font-size: 1.8rem;
    font-weight: 700;
    margin: 5rem 0 2.5rem 0;
    letter-spacing: 0.5px;
+  text-align: center;
 }
@@ Line 411: / Line 414: @@
 .ooo-section-title::after {
    content: "";
-   position: absolute;
+   flex: 1;
-  top: 50%;
-  width: 35%;
    height: 2px;
    background: linear-gradient(
@@ Line 423: / Line 424: @@
 }
-.ooo-section-title::before {
+/* Dark Mode Glow */
-  left: 0;
-}
-.ooo-section-title::after {
-  right: 0;
-}
-/* ===== Dark Mode Glow ===== */
 .skin-theme-clientpref-night .ooo-section-title::before,
 .skin-theme-clientpref-night .ooo-section-title::after {
@@ Line 442: / Line 434: @@
    .skin-theme-clientpref-os .ooo-section-title::after {
      box-shadow: 0 0 8px rgba(255,122,0,0.6);
+  }
+}
+/* On very small screens, remove lines */
+@media (max-width: 600px) {
+  .ooo-section-title::before,
+  .ooo-section-title::after {
+    display: none;
    }
 }