MediaWiki:Common.css: Difference between revisions

Latest revision as of 01:13, 27 October 2026

/* Make the Cite extension list of references look smaller */
ol.references {
    font-size: 90%;
}

/* Mobile view: Ensure single column across all native wrapper elements */
.mw-references-wrap,
.mw-references-columns,
ol.references,
.references {
    column-count: 1 !important;
    column-width: auto !important;
}

/* Tablet & Desktop view: Prevent nested columns, lock layout to exactly 2 columns */
@media screen and (min-width: 768px) {
    /* 1. Turn off columns entirely on the parent outer containers */
    .mw-references-wrap,
    .mw-references-columns {
        column-count: 1 !important;
        column-width: auto !important;
    }
    
    /* 2. Force exactly 2 columns strictly on the actual list layer with a forced gap */
    ol.references,
    .references {
        column-count: 2 !important;
        column-width: auto !important;
        column-gap: 3.5em !important; /* Forces a wide, highly visible gap between the columns */
    }

    /* 3. Extra safeguard: Ensure list items don't crowd the center line */
    ol.references li,
    .references li {
        padding-right: 1.5em !important; /* Pushes the citation text away from the center gap */
        break-inside: avoid-column; /* Prevents an individual reference from splitting across columns */
    }
}