MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 703: / Line 703: @@
 }
-.mainpage-wrapper .main-banner {
+/* The banner box */
-	color: var(--color-emphasized);
+.main-banner {
+    position: relative;
+    height: 450px;
+    max-width: 2440px;          /* stop growing beyond image width */
+    margin: 1em auto;           /* centre the container */
+    overflow: hidden;           /* crop sides */
      background-color: var(--color-surface-2);
      border: var(--border-width-base) solid var(--border-color-base);
-    overflow: hidden;
      border-radius: var(--border-radius-large);
-     padding: 0em;
+     color: var(--color-emphasized);
-     margin: 1em;
+     padding: 0;
-    background-position: center center;
 }
+/* centre ANY img inside (not just mw-file-element) */
+.main-banner img {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    transform: translateX(-50%);
+    height: 100%;
+    width: auto;
+    max-width: none;
+}
+.main-banner > a { display:block; height:100%; }
 .mainpage-wrapper .lower-row {