MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Craig Holly (talk | contribs) No edit summary |
Craig Holly (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* | /* Force standard bullets in Vector skin */ | ||
body ul { | body.skin-vector ul { | ||
list-style-type: disc !important; | list-style-image: none !important; /* remove the SVG bullets */ | ||
list-style-type: disc !important; /* first-level */ | |||
margin-left: 1.2em; | margin-left: 1.2em; | ||
} | } | ||
body ul ul { | body.skin-vector ul ul { | ||
list-style-type: circle !important; | list-style-type: circle !important; /* second-level */ | ||
margin-left: 1.2em; | margin-left: 1.2em; | ||
} | } | ||
body ul ul ul { | body.skin-vector ul ul ul { | ||
list-style-type: square !important; | list-style-type: square !important; /* third-level */ | ||
margin-left: 1.2em; | margin-left: 1.2em; | ||
} | } | ||
body ul ul ul ul { | body.skin-vector ul ul ul ul { | ||
list-style-type: decimal !important; | list-style-type: decimal !important; /* fourth-level */ | ||
margin-left: 1.2em; | margin-left: 1.2em; | ||
} | } | ||
/* | /* Optional: mobile-friendly */ | ||
@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 ul, | ||
body.skin-vector ul ul, | |||
body.skin-vector ul ul ul, | |||
body.skin-vector ul ul ul ul { | |||
list-style-position: inside !important; | list-style-position: inside !important; | ||
} | } | ||
} | } | ||
Revision as of 00:01, 6 October 2025
/* CSS placed here will be applied to all skins */
/* Force standard bullets in Vector skin */
body.skin-vector ul {
list-style-image: none !important; /* remove the SVG bullets */
list-style-type: disc !important; /* first-level */
margin-left: 1.2em;
}
body.skin-vector ul ul {
list-style-type: circle !important; /* second-level */
margin-left: 1.2em;
}
body.skin-vector ul ul ul {
list-style-type: square !important; /* third-level */
margin-left: 1.2em;
}
body.skin-vector ul ul ul ul {
list-style-type: decimal !important; /* fourth-level */
margin-left: 1.2em;
}
/* Optional: mobile-friendly */
@media (max-width: 768px) {
body.skin-vector ul,
body.skin-vector ul ul,
body.skin-vector ul ul ul,
body.skin-vector ul ul ul ul {
list-style-position: inside !important;
}
}