無編輯摘要
imported>CYL992 (建立內容為「.hlist ul, .hlist ol { padding-left: 0; } →reset hlist margins of Minerva: .hlist li, .hlist dd, .hlist dt { margin: 0; display: inline; } .hlist dt:after, .hlist dd:after, .hlist li:after { white-space: normal; } →Generate interpuncts: .hlist dt:after { content: " :"; } .hlist dd:after, .hlist li:after { content: " · "; font-weight: bold; } .hlist-pipe dd:after, .hlist-pipe li:after { content: " | "; font-weight: normal; }…」的新頁面) |
Erzherrscher(留言 | 貢獻) 無編輯摘要 |
||
第1行: | 第1行: | ||
.hlist | /* | ||
.hlist ol { | * hlist styles are defined in core and Minerva and differ in Minerva. The | ||
padding | * current definitions here (2023-01-01) are sufficient to override Minerva | ||
* without use of the hlist-separated class. The most problematic styles were | |||
* related to margin, padding, and the bullet. Check files listed at | |||
* [[MediaWiki talk:Common.css/to do#hlist-separated]] | |||
*/ | |||
/* | |||
* TODO: When the majority of readership supports it (or some beautiful world | |||
* in which grade C support is above the minimum threshold), use :is() | |||
*/ | |||
.hlist dl, | |||
.hlist ol, | |||
.hlist ul { | |||
margin: 0; | |||
padding: 0; | |||
} | } | ||
/* | |||
/* Display list items inline */ | |||
.hlist dd, | .hlist dd, | ||
.hlist dt { | .hlist dt, | ||
margin: 0; | .hlist li { | ||
/* | |||
* don't trust the note that says margin doesn't work with inline | |||
* removing margin: 0 makes dds have margins again | |||
* We also want to reset margin-right in Minerva | |||
*/ | |||
margin: 0; | |||
display: inline; | |||
} | |||
/* Display requested top-level lists inline */ | |||
.hlist.inline, | |||
.hlist.inline dl, | |||
.hlist.inline ol, | |||
.hlist.inline ul, | |||
/* Display nested lists inline */ | |||
.hlist dl dl, | |||
.hlist dl ol, | |||
.hlist dl ul, | |||
.hlist ol dl, | |||
.hlist ol ol, | |||
.hlist ol ul, | |||
.hlist ul dl, | |||
.hlist ul ol, | |||
.hlist ul ul { | |||
display: inline; | display: inline; | ||
} | } | ||
.hlist | /* Hide empty list items */ | ||
. | .hlist .mw-empty-li { | ||
display: none; | |||
} | } | ||
/* TODO: :not() can maybe be used here to remove the later rule. naive test | |||
* seems to work. more testing needed. like so: | |||
*.hlist dt:not(:last-child)::after { | |||
* content: ": "; | |||
*} | |||
*.hlist dd:not(:last-child)::after, | |||
*.hlist li:not(:last-child)::after { | |||
* content: " · "; | |||
* font-weight: bold; | |||
*} | |||
*/ | |||
/* Generate interpuncts */ | /* Generate interpuncts */ | ||
.hlist dt:after { | .hlist dt::after { | ||
content: " :"; | |||
} | } | ||
.hlist dd:after, | |||
.hlist li:after { | .hlist dd::after, | ||
.hlist li::after { | |||
content: " · "; | |||
font-weight: bold; | |||
} | } | ||
.hlist-pipe dd:after, | |||
.hlist-pipe li:after { | .hlist-pipe dd::after, | ||
.hlist-pipe li::after { | |||
content: " | "; | |||
font-weight: normal; | |||
} | } | ||
.hlist-hyphen dd:after, | .hlist-hyphen dd::after, | ||
.hlist-hyphen li:after { | .hlist-hyphen li::after { | ||
content: " - "; | |||
font-weight: normal; | |||
} | } | ||
.hlist-comma dd:after, | .hlist-comma dd::after, | ||
.hlist-comma li:after { | .hlist-comma li::after { | ||
content: "、"; | content: "、"; | ||
font-weight: normal; | font-weight: normal; | ||
} | } | ||
.hlist dd:last-child:after, | |||
.hlist dt:last-child:after, | .hlist dd:last-child::after, | ||
.hlist li:last-child:after { | .hlist dt:last-child::after, | ||
.hlist li:last-child::after { | |||
content: none; | content: none; | ||
} | } | ||
/* | |||
/* Add parentheses around nested lists | |||
.hlist | .hlist dd dd:first-child::before, | ||
.hlist dd dt:first-child::before, | |||
.hlist dd li:first-child::before, | |||
.hlist dt dd:first-child::before, | |||
.hlist dt dt:first-child::before, | |||
.hlist dt li:first-child::before, | |||
.hlist li dd:first-child::before, | |||
.hlist li dt:first-child::before, | |||
.hlist li li:first-child::before { | |||
content: "("; | |||
font-weight: normal; | |||
} | } | ||
.hlist | .hlist dd dd:last-child::after, | ||
.hlist dd dt:last-child::after, | |||
.hlist dd li:last-child::after, | |||
.hlist dt dd:last-child::after, | |||
.hlist | .hlist dt dt:last-child::after, | ||
.hlist dt li:last-child::after, | |||
.hlist li dd:last-child::after, | |||
.hlist li dt:last-child::after, | |||
.hlist li li:last-child::after { | |||
.hlist dd | content: ")"; | ||
.hlist dt | font-weight: normal; | ||
.hlist li | |||
content: " | |||
} | } | ||
*/ | |||
/* Put ordinals in front of ordered list items */ | /* Put ordinals in front of ordered list items */ | ||
.hlist ol { | .hlist ol { | ||
counter-reset: listitem; | counter-reset: listitem; | ||
} | } | ||
.hlist ol > li { | .hlist ol > li { | ||
counter-increment: listitem; | counter-increment: listitem; | ||
} | } | ||
.hlist ol > li:before { | |||
.hlist ol > li::before { | |||
content: " " counter(listitem) "\a0"; | content: " " counter(listitem) "\a0"; | ||
} | } | ||
.hlist dd ol > li:first-child:before, | |||
.hlist dt ol > li:first-child:before, | .hlist dd ol > li:first-child::before, | ||
.hlist li ol > li:first-child:before { | .hlist dt ol > li:first-child::before, | ||
content: " | .hlist li ol > li:first-child::before { | ||
content: "(" counter(listitem) "\a0"; | |||
} | } | ||
/* make an inline list with either comma or semicolon separators */ | /* make an inline list with either comma or semicolon separators */ | ||
ul.cslist, ul.sslist { | ul.cslist, | ||
ul.sslist { | |||
margin: 0; | margin: 0; | ||
padding: 0; | |||
display: inline-block; | |||
list-style: none; | |||
} | } | ||
.cslist li, .sslist li { | |||
.cslist li, | |||
.sslist li { | |||
margin: 0; | |||
display: inline-block; | |||
} | } | ||
.cslist li:after { | |||
.cslist li::after { | |||
content: ","; | |||
} | } | ||
.sslist li:after { | |||
.sslist li::after { | |||
content: ";"; | |||
} | } | ||
.cslist li:last-child:after, .sslist li:last-child:after { | |||
.cslist li:last-child::after, | |||
.sslist li:last-child::after { | |||
content: none; | |||
} | } |