MediaWiki:Common.css: Difference between revisions

From Information Revolt
Jump to navigation Jump to search
No edit summary
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* Nested bullet styles for all screens */
/* Nested bullet styles for Vector skin, scoped to page content */
body ul {
body.skin-vector .mw-parser-output ul { list-style-image: none !important; }
    list-style-type: disc !important;       /* first-level bullets */
body.skin-vector .mw-parser-output ul { list-style-type: disc !important; margin-left: 1.2em; }
    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 ul ul {
body.skin-vector .mw-parser-output ul ul ul ul { list-style-type: disc !important; margin-left: 1.2em; }
    list-style-type: circle !important;     /* second-level bullets */
body.skin-vector .mw-parser-output ul ul ul ul ul { list-style-type: circle !important; margin-left: 1.2em; }
    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 ul ul ul {
body.skin-vector .mw-parser-output ul ul ul ul ul ul ul ul { list-style-type: circle !important; margin-left: 1.2em; }
    list-style-type: square !important;     /* third-level bullets */
    margin-left: 1.2em;
}
body ul ul ul ul {
    list-style-type: decimal !important;   /* fourth-level bullets */
    margin-left: 1.2em;
}


/* Force bullets on mobile */
/* Mobile-friendly: keep bullets visible and inside */
@media (max-width: 768px) {
@media (max-width: 768px) {
     body ul, body ul ul, body ul ul ul, body ul ul ul ul {
     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;
         list-style-position: inside !important;
     }
     }
}
}

Latest revision as of 00:18, 6 October 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;
    }
}