MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Craig Holly (talk | contribs) Created page with "→CSS placed here will be applied to all skins: →Nested bullet styles: ul { list-style-type: disc; →first-level bullets: } ul ul { list-style-type: circle; →second-level bullets: } ul ul ul { list-style-type: square; →third-level bullets: } ul ul ul ul { list-style-type: decimal; →fourth-level bullets: }" |
Craig Holly (talk | contribs) No edit summary |
||
| (4 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 */ | /* Nested bullet styles for Vector skin, scoped to page content */ | ||
ul { | 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; } | ||
ul ul { | 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; } | ||
ul ul ul { | 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; } | ||
ul ul ul ul { | |||
/* 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; | |||
} | |||
} | } | ||
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;
}
}