MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 693: / Line 693: @@
 }
-.mainpage-wrapper .info-box,.about-box,.intro-text,.search-area,.main-banner {
+.mainpage-wrapper .info-box,.about-box,.intro-text,.search-area{
 	color: var(--color-emphasized);
      background-color: var(--color-surface-2);
@@ Line 702: / Line 702: @@
      margin: 1em;
 }
+/* The banner box */
+.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);
+    border-radius: var(--border-radius-large);
+    color: var(--color-emphasized);
+    padding: 0;
+}
+/* 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 {
@@ Line 801: / Line 830: @@
 }
-/* Default: show light-mode logo, hide dark-mode one */
+/* Light mode (default) */
-.patreon-logo.dark-mode {
+.patreon-logo-dark {
    display: none;
 }
-.patreon-logo.light-mode {
+.patreon-logo-light {
    display: inline;
 }
-/* Respect user's dark mode preference */
+/* Dark mode (activated via root class) */
-@media (prefers-color-scheme: dark) {
+:root.skin-theme-clientpref-night .patreon-logo-light {
-  .patreon-logo.light-mode {
+  display: none;
-    display: none;
+}
-  }
+:root.skin-theme-clientpref-night .patreon-logo-dark {
-  .patreon-logo.dark-mode {
+  display: inline;
-    display: inline;
-  }
 }