MediaWiki:Minerva.css: Difference between revisions

Revision as of 03:53, 27 May 2025

/* All CSS here will be loaded for users of the MinervaNeue skin */

/* Mobile override for infobox */
.infobox-float {
  float: none !important;
  clear: both !important;
  margin: 1em auto !important;
  display: block !important;
  width: auto !important;
  max-width: 90% !important;
  top: 0 !important;
  position: relative;
}

/* Dark mode override */
@media (prefers-color-scheme: dark) {
  body.skin-minerva .infobox,
  body.skin-minerva .infobox-table,
  body.skin-minerva .infobox-header,
  body.skin-minerva .infobox-image-container,
  body.skin-minerva .infobox-image,
  body.skin-minerva .infobox-caption,
  body.skin-minerva .infobox-data-row {
    background-color: #1e1e1e;
    color: #f8f9fa;
    border-color: #555;
  }
  
  body.skin-minerva .art-infobox,
  body.skin-minerva .art-infobox-table,
  body.skin-minerva .art-infobox-header,
  body.skin-minerva .art-infobox-image-container,
  body.skin-minerva .art-infobox-image,
  body.skin-minerva .art-infobox-caption,
  body.skin-minerva .art-infobox-data-row {
    background-color: #1e1e1e;
    color: #f8f9fa;
    border-color: #555;
  }

  body.skin-minerva .infobox-caption {
    color: #ccc;
  }

  body.skin-minerva .art-infobox-caption {
    color: #ccc;
  }
  
  body.skin-minerva .infobox-data-row th,
  body.skin-minerva .infobox-data-row td {
    color: #f8f9fa;
  }
  
  body.skin-minerva .art-infobox-data-row th,
  body.skin-minerva .art-infobox-data-row td {
    color: #f8f9fa;
  }
  
  body.skin-minerva #editlock {
    background-color: #173a5e !important;
  }
  
}  

/* Rule 1: For when the user explicitly chooses "Night" mode in MediaWiki preferences */
body.skin-minerva.skin-theme-clientpref-dark #welcome-notice {
    background-color: #2f352a !important;
}

@media (prefers-color-scheme: dark) {
  /* This targets if the device is dark AND the user HASN'T explicitly chosen "Day" mode */
  body.skin-minerva:not(.skin-theme-clientpref-light) #welcome-notice {
    background-color: #2f352a !important;
  }
}