Шаблон:Hlist/styles.css

Матеріал з Вікіпедії — вільної енциклопедії.
Перейти до навігації Перейти до пошуку
/* {{pp-protected|reason=match parent|small=yes}} */
/*
* hlist styles are defined in core and Minerva and differ in Minerva. The
* 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()
*/
.hlistdl,
.hlistol,
.hlistul{
margin:0;
padding:0;
}

/* Display list items inline */
.hlistdd,
.hlistdt,
.hlistli{
/*
* 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.inlinedl,
.hlist.inlineol,
.hlist.inlineul,
/* Display nested lists inline */
.hlistdldl,
.hlistdlol,
.hlistdlul,
.hlistoldl,
.hlistolol,
.hlistolul,
.hlistuldl,
.hlistulol,
.hlistulul{
display:inline;
}

/* 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 */
.hlistdt::after{
content:":";
}

.hlistdd::after,
.hlistli::after{
content:"·";
font-weight:bold;
}

.hlistdd:last-child::after,
.hlistdt:last-child::after,
.hlistli:last-child::after{
content:none;
}

/* Add parentheses around nested lists */
.hlistdddd:first-child::before,
.hlistdddt:first-child::before,
.hlistddli:first-child::before,
.hlistdtdd:first-child::before,
.hlistdtdt:first-child::before,
.hlistdtli:first-child::before,
.hlistlidd:first-child::before,
.hlistlidt:first-child::before,
.hlistlili:first-child::before{
content:"(";
font-weight:normal;
}

.hlistdddd:last-child::after,
.hlistdddt:last-child::after,
.hlistddli:last-child::after,
.hlistdtdd:last-child::after,
.hlistdtdt:last-child::after,
.hlistdtli:last-child::after,
.hlistlidd:last-child::after,
.hlistlidt:last-child::after,
.hlistlili:last-child::after{
content:")";
font-weight:normal;
}

/* Put ordinals in front of ordered list items */
.hlistol{
counter-reset:listitem;
}

.hlistol>li{
counter-increment:listitem;
}

.hlistol>li::before{
content:""counter(listitem)"\a0";
}

.hlistddol>li:first-child::before,
.hlistdtol>li:first-child::before,
.hlistliol>li:first-child::before{
content:"("counter(listitem)"\a0";
}
/* [[Категорія:Підсторінки CSS]] */