MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
 /*************************************************
     BorderConnect Main Page Portal Styles
-   Scoped to .bc-wrap so it won't impact other wiki pages.
 *************************************************/
@@ Line 11: / Line 10: @@
 }
-/* Ensure portal content inherits base sizing */
 .bc-wrap .bc-card,
 .bc-wrap .bc-cleanlist,
@@ Line 184: / Line 182: @@
 /*************************************************
-    HEADER LOGO — LARGE, ICON-ONLY, BODY-ALIGNED
+    HEADER — LARGE LOGO, TIGHT HEIGHT, BODY ALIGNED
 *************************************************/
@@ Line 200: / Line 198: @@
 }
-/* Align header content width to article body */
+/* Constrain ALL Vector header inner wrappers */
-.mw-header-content {
+.vector-header,
-     max-width: var(--width-content);
+.vector-header-container,
-     margin-left: auto;
+.mw-header-container,
-     margin-right: auto;
+.mw-header-inner,
-     padding-left: 16px;
+.mw-page-header__inner {
-     padding-right: 16px;
+     max-width: var(--width-content) !important;
-     box-sizing: border-box;
+     margin-left: auto !important;
+     margin-right: auto !important;
+     padding-left: 16px !important;
+     padding-right: 16px !important;
+     box-sizing: border-box !important;
 }
-/* Header container height (controls bar height) */
+/* Header bar height */
 .mw-header {
      height: 90px;
      padding: 0 !important;
      overflow: visible !important;
+    box-sizing: border-box;
 }
-/* Remove forced min height */
+/* Remove min-height forcing */
 .mw-header,
-.mw-header-content {
+.vector-header,
+.vector-header-container {
      min-height: unset !important;
 }
-/* Center logo inside shorter header */
+/* Center logo vertically */
-.mw-header-content,
+.mw-logo,
-.mw-logo {
+.vector-header .mw-logo {
      display: flex;
      align-items: center;
@@ Line 231: / Line 235: @@
 }
-/* Large logo (intentional overflow) */
+/* Large logo (overflows header intentionally) */
 .mw-logo img {
      height: 135px !important;
@@ Line 245: / Line 249: @@
 /*************************************************
-    Night Mode Support
+    Night Mode
 *************************************************/