MediaWiki:Vector-2022.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
 /* ==============================
-    Vector 2022 header background
+    Vector 2022 – Header background
     ============================== */
-/* Vector 2022 header background */
+.mw-header {
+    position: relative;
+    background-image: url("/wiki/index.php?title=Special:Redirect/file/Bgheader.jpg");
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+/* White overlay to brighten the image */
+.mw-header::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    background: rgba(255, 255, 255, 0.6); /* increase/decrease to taste */
+    z-index: 0;
+}
+/* Ensure text/icons stay on top */
+.mw-header > * {
+    position: relative;
+    z-index: 1;
+}
-.mw-header {
+/* Make header text dark and readable */
-    background-image: url("/wiki/index.php?title=Special:Redirect/file/Bgheader.jpg") !important;
+.mw-header,
-    background-size: cover !important;
+.mw-header a,
-    background-position: center !important;
+.mw-header .mw-ui-icon {
-     background-repeat: no-repeat !important;
+     color: #1f1f1f !important;
 }