Jump to content

Module:Infobox/styles.css: Difference between revisions

From Insurer Brain
Content deleted Content added
No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
/* === Force infobox background to white in all modes === */
/* === Force infobox background to white with standard borders/text === */


/* Light/default (also affects pages without any dark-mode class) */
/* Light/default and general base styles */
.infobox,
.infobox,
.infobox-subbox,
.infobox-subbox,
.infobox-table {
.infobox-table {
background-color: #fff !important;
background-color: #fff !important;
color: #000; /* keep text legible on white */
color: #202122 !important; /* Standard MediaWiki text color */
border: 1px solid #202122 !important; /* Box line color */
}
}


/* Night mode override: force white instead of #1f1f23 */
/* Night mode override: ensure background stays white and text/borders stay dark */
@media screen {
@media screen {
html.skin-theme-clientpref-night .infobox,
html.skin-theme-clientpref-night .infobox,
html.skin-theme-clientpref-night .infobox-full-data:not(.notheme) > div:not(.notheme)[style] {
html.skin-theme-clientpref-night .infobox-full-data:not(.notheme) > div:not(.notheme)[style] {
background: #fff !important;
background: #fff !important;
color: #000 !important;
color: #202122 !important;
border: 1px solid #202122 !important;
}
}
}
}


/* OS-driven dark mode override: force white instead of #1f1f23 */
/* OS-driven dark mode override */
@media screen and (prefers-color-scheme: dark) {
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .infobox,
html.skin-theme-clientpref-os .infobox,
html.skin-theme-clientpref-os .infobox-full-data:not(.notheme) > div:not(.notheme)[style] {
html.skin-theme-clientpref-os .infobox-full-data:not(.notheme) > div:not(.notheme)[style] {
background: #fff !important;
background: #fff !important;
color: #000 !important;
color: #202122 !important;
border: 1px solid #202122 !important;
}
}
}

/* Remove the forced border specifically for the navigation menu infobox */
.infobox.navigation-menu {
border: none !important;
background-color: transparent !important;
}

/* If the internal cells still show lines, use this: */
.infobox.navigation-menu th,
.infobox.navigation-menu td {
border: none !important;
}
}

Latest revision as of 22:03, 22 December 2025

/* === Force infobox background to white with standard borders/text === */

/* Light/default and general base styles */
.infobox,
.infobox-subbox,
.infobox-table {
  background-color: #fff !important;
  color: #202122 !important; /* Standard MediaWiki text color */
  border: 1px solid #202122 !important; /* Box line color */
}

/* Night mode override: ensure background stays white and text/borders stay dark */
@media screen {
  html.skin-theme-clientpref-night .infobox,
  html.skin-theme-clientpref-night .infobox-full-data:not(.notheme) > div:not(.notheme)[style] {
    background: #fff !important;
    color: #202122 !important;
    border: 1px solid #202122 !important;
  }
}

/* OS-driven dark mode override */
@media screen and (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os .infobox,
  html.skin-theme-clientpref-os .infobox-full-data:not(.notheme) > div:not(.notheme)[style] {
    background: #fff !important;
    color: #202122 !important;
    border: 1px solid #202122 !important;
  }
}

/* Remove the forced border specifically for the navigation menu infobox */
.infobox.navigation-menu {
    border: none !important;
    background-color: transparent !important;
}

/* If the internal cells still show lines, use this: */
.infobox.navigation-menu th, 
.infobox.navigation-menu td {
    border: none !important;
}