MediaWiki:Common.css: Difference between revisions

From Information Revolt
Jump to navigation Jump to search
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: }"
 
No edit summary
 
(10 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; }
    list-style-type: disc;       /* first-level bullets */
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;
    }
}
}
ul ul {
 
    list-style-type: circle;    /* second-level bullets */
/* Increased site logo size */
}
#p-logo,
ul ul ul {
#p-logo a {
     list-style-type: square;    /* third-level bullets */
     width: 200px !important;
}
    height: 300px !important;
ul ul ul ul {
    background-size: contain !important;
     list-style-type: decimal;   /* fourth-level bullets */
     background-position: center top !important;
     background-repeat: no-repeat !important;
}
}

Latest revision as of 03:54, 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;
    }
}

/* Increased site logo size */
#p-logo,
#p-logo a {
    width: 200px !important;
    height: 300px !important;
    background-size: contain !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}