Jump to content

MediaWiki:Minerva.css: Difference between revisions

From The Untenables
Created page with "All CSS here will be loaded for users of the MinervaNeue skin: --- Fix Untenables logo alignment on mobile (Minerva skin) ---: .mw-logo { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; margin: 0 auto; padding: 0.5em 0; } .mw-logo img { max-width: 180px; Adjust for logo width: height: auto; margin: 0 auto; } .minerva-header .header { flex-direction: column !imp..."
 
Tag: Replaced
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* All CSS here will be loaded for users of the MinervaNeue skin */
/* All CSS here will be loaded for users of the MinervaNeue skin */
/* --- Fix Untenables logo alignment on mobile (Minerva skin) --- */
.mw-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    padding: 0.5em 0;
}
.mw-logo img {
    max-width: 180px; /* Adjust for logo width */
    height: auto;
    margin: 0 auto;
}
.minerva-header .header {
    flex-direction: column !important;
    align-items: center !important;
}
/* Push icons below the logo */
.minerva-header .minerva-icon,
.minerva-header .toggle-list {
    order: 2;
    margin-top: 0.3em;
    display: inline-flex;
    justify-content: center;
    width: 100%;
}
/* Slight padding under the logo so menu doesn’t overlap */
#page-secondary-actions {
    margin-top: 0.5em;
}

Latest revision as of 19:14, 19 October 2025

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