Modèle:Liste horizontale/styles.css

/* Should be kept in sync with [[MediaWiki:Common.css]] */

/**
 * Style for horizontal lists (separator following item).
 * @source https://www.mediawiki.org/wiki/Snippets/Horizontal_lists
 * @revision 9 (2016-08-10)
 * @author [[User:Edokter]]
 */
.liste-horizontale dl,
.liste-horizontale ol,
.liste-horizontale ul {
	margin: 0;
	padding: 0;
}

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

/* Display nested lists inline */
.liste-horizontale.inline,
.liste-horizontale.inline dl,
.liste-horizontale.inline ol,
.liste-horizontale.inline ul,
.liste-horizontale dl dl, .liste-horizontale dl ol, .liste-horizontale dl ul,
.liste-horizontale ol dl, .liste-horizontale ol ol, .liste-horizontale ol ul,
.liste-horizontale ul dl, .liste-horizontale ul ol, .liste-horizontale ul ul {
	display: inline;
}

/* Hide empty list items */
.liste-horizontale .mw-empty-li,
.liste-horizontale .mw-empty-elt {
	display: none;
}

/* Generate interpuncts */
.liste-horizontale dt:after {
	content: ": ";
}

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

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

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

.liste-horizontale dd dd:last-child:after, .liste-horizontale dd dt:last-child:after, .liste-horizontale dd li:last-child:after,
.liste-horizontale dt dd:last-child:after, .liste-horizontale dt dt:last-child:after, .liste-horizontale dt li:last-child:after,
.liste-horizontale li dd:last-child:after, .liste-horizontale li dt:last-child:after, .liste-horizontale li li:last-child:after {
	content: ")";
	font-weight: normal;
}

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

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

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

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