Template:Hlist/styles.css - Revision history

CosmicAvelyn: 1 revision imported

2025-09-14T05:11:17Z

1 revision imported

← Older revision	Revision as of 01:11, 14 September 2025
(No difference)

CosmicAvelyn: Created page with "/** * Style for horizontal lists (separator following item). * @source https://www.mediawiki.org/wiki/Snippets/Horizontal_lists * @revision 9 (2016-08-10) * @author User:Edokter / .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } / Display list items inline / .hlist dd, .hlist dt, .hlist li { / don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again / margin: 0; display: inline; } /..."

2025-09-14T05:03:31Z

Created page with "* * Style for horizontal lists (separator following item). * @source https://www.mediawiki.org/wiki/Snippets/Horizontal_lists * @revision 9 (2016-08-10) * @author User:Edokter: .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } Display list items inline: .hlist dd, .hlist dt, .hlist li { don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again: margin: 0; display: inline; } /*..."

← Older revision		Revision as of 01:03, 14 September 2025
Line 1:		Line 1:
	/* ~~{{pp-protected\|reason=match parent\|small=yes}} */~~		/**
	/*		* Style for horizontal lists (separator following item).
	* ~~hlist styles are defined in core and Minerva and differ in Minerva. The~~		* @source https://www.mediawiki.org/wiki/Snippets/Horizontal_lists
	* current definitions here (~~2023-01-01~~) ~~are sufficient to override Minerva~~		* @revision 9 (2016-08-10)
	* without use of the hlist-separated class. ~~The most problematic styles were~~		* @author [[User:Edokter]]
	* ~~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 dl,
Line 22:		Line 16:
	.hlist dt,		.hlist dt,
	.hlist li {		.hlist li {
	/*		/* don't trust the note that says margin doesn't work with inline
	* don't trust the note that says margin doesn't work with inline		* removing margin: 0 makes dds have margins again */
	* removing margin: 0 makes dds have margins again		margin: 0;
	* We also want to reset margin-right in Minerva
	*/
	margin: 0;
	display: inline;		display: inline;
	}		}

	/* Display ~~requested top-level~~ lists inline */		/* Display nested lists inline */
	.hlist.inline,		.hlist.inline,
	.hlist.inline dl,		.hlist.inline dl,
	.hlist.inline ol,		.hlist.inline ol,
	.hlist.inline ul,		.hlist.inline ul,
	~~/* Display nested lists inline */~~
	.hlist dl dl,		.hlist dl dl,
	.hlist dl ol,		.hlist dl ol,
Line 50:		Line 40:

	/* Hide empty list items */		/* Hide empty list items */
	.hlist .mw-empty-li {		.hlist .mw-empty-li,
			.hlist .mw-empty-elt {
	display: none;		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: ": ";		content: ": ";
	}		}

	.hlist dd::after,		.hlist dd:after,
	.hlist li::after {		.hlist li:after {
	content: " · ";		content: " · ";
	font-weight: bold;		font-weight: bold;
	}		}

	.hlist dd:last-child::after,		.hlist dd:last-child:after,
	.hlist dt:last-child::after,		.hlist dt:last-child:after,
	.hlist li:last-child::after {		.hlist li:last-child:after {
	content: none;		content: none;
	}		}

	/* Add parentheses around nested lists */		/* Add parentheses around nested lists */
	.hlist dd dd:first-child::before,		.hlist dd dd:first-child:before,
	.hlist dd dt:first-child::before,		.hlist dd dt:first-child:before,
	.hlist dd li:first-child::before,		.hlist dd li:first-child:before,
	.hlist dt dd:first-child::before,		.hlist dt dd:first-child:before,
	.hlist dt dt:first-child::before,		.hlist dt dt:first-child:before,
	.hlist dt li:first-child::before,		.hlist dt li:first-child:before,
	.hlist li dd:first-child::before,		.hlist li dd:first-child:before,
	.hlist li dt:first-child::before,		.hlist li dt:first-child:before,
	.hlist li li:first-child::before {		.hlist li li:first-child:before {
	content: " (";		content: " (";
	font-weight: normal;		font-weight: normal;
	}		}

	.hlist dd dd:last-child::after,		.hlist dd dd:last-child:after,
	.hlist dd dt:last-child::after,		.hlist dd dt:last-child:after,
	.hlist dd li:last-child::after,		.hlist dd li:last-child:after,
	.hlist dt dd:last-child::after,		.hlist dt dd:last-child:after,
	.hlist dt dt:last-child::after,		.hlist dt dt:last-child:after,
	.hlist dt li:last-child::after,		.hlist dt li:last-child:after,
	.hlist li dd:last-child::after,		.hlist li dd:last-child:after,
	.hlist li dt:last-child::after,		.hlist li dt:last-child:after,
	.hlist li li:last-child::after {		.hlist li li:last-child:after {
	content: ")";		content: ")";
	font-weight: normal;		font-weight: normal;
Line 118:		Line 98:
	}		}

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

	.hlist dd ol > li:first-child::before,		.hlist dd ol > li:first-child:before,
	.hlist dt ol > li:first-child::before,		.hlist dt ol > li:first-child:before,
	.hlist li ol > li:first-child::before {		.hlist li ol > li:first-child:before {
	content: " (" counter(listitem) "\a0";		content: " (" counter(listitem) "\a0";
	}		}

Wikipedia>Izno: actually remove that block, someone can dig for authorship

2022-12-26T18:00:17Z

actually remove that block, someone can dig for authorship

New page

/* {{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()
*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.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;
}

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

.hlist dd::after,
.hlist li::after {
content: " · ";
font-weight: bold;
}

.hlist dd:last-child::after,
.hlist dt:last-child::after,
.hlist li:last-child::after {
content: none;
}

/* Add parentheses around nested lists */
.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 dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.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 {
content: ")";
font-weight: normal;
}

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

.hlist ol > li {
counter-increment: listitem;
}

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

.hlist dd ol > li:first-child::before,
.hlist dt ol > li:first-child::before,
.hlist li ol > li:first-child::before {
content: " (" counter(listitem) "\a0";
}