Jump to content

MediaWiki:Common.css

From nUSA Wiki
Revision as of 04:01, 2 January 2025 by Jord (talk | contribs) (Jord changed the content model of the page MediaWiki:Common.css from "CSS" to "JavaScript")

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
.infobox-subbox {
    padding: 0;
    border: none;
    margin: -3px;
    width: auto;
    min-width: 100%;
    font-size: 100%;
    clear: none;
    float: none;
    background-color: transparent;
}

.infobox-3cols-child {
    margin: auto;
}

.infobox .navbar {
    font-size: 100%;
}

/* Dark theme: [[William_Wragg]], [[Coral_Castle]] */
@media screen {
    html.skin-theme-clientpref-night .infobox-full-data:not(.notheme) > div:not(.notheme)[style] {
        background: #1f1f23 !important;
        color: #f8f9fa;
    }
}

@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .infobox-full-data:not(.notheme) div:not(.notheme) {
        background: #1f1f23 !important;
        color: #f8f9fa;
    }
}

/* Responsive infobox table styles */
@media (min-width: 640px) {
    body.skin--responsive .infobox-table {
        display: table !important;
    }
    body.skin--responsive .infobox-table > caption {
        display: table-caption !important;
    }
    body.skin--responsive .infobox-table > tbody {
        display: table-row-group;
    }
    body.skin--responsive .infobox-table tr {
        display: table-row !important;
    }
    body.skin--responsive .infobox-table th,
    body.skin--responsive .infobox-table td {
        padding-left: inherit;
        padding-right: inherit;
    }
}