MediaWiki:Minerva.css: Difference between revisions

From The Reed and Rite
mNo edit summary
mNo edit summary
Line 14: Line 14:


/* Light mode (default) */
/* Light mode (default) */
.infobox {
.infobox,
   background-color: #f8f9fa; /* Light background */
.infobox-table,
   color: #000;               /* Dark text */
.infobox-header,
.infobox-image-container,
.infobox-image,
.infobox-caption,
.infobox-data-row {
   background-color: #f8f9fa;
   color: #000;
}
 
.infobox-caption {
  color: #000;
}
}


/* Dark mode overrides */
/* Dark mode overrides */
@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
   .infobox {
   .infobox,
     background-color: #1e1e1e; /* Dark background */
  .infobox-table,
     color: #f8f9fa;           /* Light text */
  .infobox-header,
  .infobox-image-container,
  .infobox-image,
  .infobox-caption,
  .infobox-data-row {
     background-color: #1e1e1e;
    color: #f8f9fa;
    border-color: #555;
  }
 
  .infobox-caption {
    color: #ccc; /* Slightly dimmer than full white */
  }
 
  .infobox-data-row th,
  .infobox-data-row td {
     color: #f8f9fa;
   }
   }
}
}

Revision as of 04:07, 26 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;
}

/* Light mode (default) */
.infobox,
.infobox-table,
.infobox-header,
.infobox-image-container,
.infobox-image,
.infobox-caption,
.infobox-data-row {
  background-color: #f8f9fa;
  color: #000;
}

.infobox-caption {
  color: #000;
}

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

  .infobox-caption {
    color: #ccc; /* Slightly dimmer than full white */
  }

  .infobox-data-row th,
  .infobox-data-row td {
    color: #f8f9fa;
  }
}