MediaWiki:Common.css: Difference between revisions

Revision as of 03:50, 27 November 2025

/* CSS placed here will be applied to all skins */
/* Nested bullet styles for Vector skin, scoped to page content */
body.skin-vector .mw-parser-output ul { list-style-image: none !important; }
body.skin-vector .mw-parser-output ul { list-style-type: disc !important; margin-left: 1.2em; }
body.skin-vector .mw-parser-output ul ul { list-style-type: circle !important; margin-left: 1.2em; }
body.skin-vector .mw-parser-output ul ul ul { list-style-type: square !important; margin-left: 1.2em; }
body.skin-vector .mw-parser-output ul ul ul ul { list-style-type: disc !important; margin-left: 1.2em; }
body.skin-vector .mw-parser-output ul ul ul ul ul { list-style-type: circle !important; margin-left: 1.2em; }
body.skin-vector .mw-parser-output ul ul ul ul ul ul { list-style-type: square !important; margin-left: 1.2em; }
body.skin-vector .mw-parser-output ul ul ul ul ul ul ul { list-style-type: disc !important; margin-left: 1.2em; }
body.skin-vector .mw-parser-output ul ul ul ul ul ul ul ul { list-style-type: circle !important; margin-left: 1.2em; }

/* Mobile-friendly: keep bullets visible and inside */
@media (max-width: 768px) {
    body.skin-vector .mw-parser-output ul,
    body.skin-vector .mw-parser-output ul ul,
    body.skin-vector .mw-parser-output ul ul ul,
    body.skin-vector .mw-parser-output ul ul ul ul,
    body.skin-vector .mw-parser-output ul ul ul ul ul,
    body.skin-vector .mw-parser-output ul ul ul ul ul ul,
    body.skin-vector .mw-parser-output ul ul ul ul ul ul ul,
    body.skin-vector .mw-parser-output ul ul ul ul ul ul ul ul {
        list-style-position: inside !important;
    }
}

/* Make the site logo container larger so the full image displays */
#p-logo {
    width: 180px !important;
    height: 260px !important;
}

/* Adjust the clickable area for the logo */
#p-logo a {
    display: block;
    width: 180px !important;
    height: 260px !important;
    background-size: contain !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}