Aller au contenu

Modèle:Liste verticale-horizontale/styles.css

Une page de Wikipédia, l'encyclopédie libre.
/* Classe ne s'appliquant qu'aux listes à partir du 2e niveau
   Le style est identique à celui produit par [[Modèle:Liste horizontale]]
   Le premier niveau est affiché comme une liste verticale normale
   Adapté depuis la classe .liste-horizontale de [[MediaWiki:Common.css]] */

.liste-verticale-horizontale > ul > li ul,
.liste-verticale-horizontale > ul > li ol,
.liste-verticale-horizontale > ul > li li,
.liste-verticale-horizontale > ol > li ul,
.liste-verticale-horizontale > ol > li ol,
.liste-verticale-horizontale > ol > li li
{
	display: inline;
	margin-left: 0;
	padding-left: 0; /* pour la version mobile, padding-left au lieu de margin-left */
}

.liste-verticale-horizontale > ul > li li,
.liste-verticale-horizontale > ol > li li
{
	white-space: nowrap;
}
.liste-verticale-horizontale > ul > li li:not(:last-child):after,
.liste-verticale-horizontale > ol > li li:not(:last-child):after
{
	content: "\A0· ";
	font-weight: bold;
	white-space: normal; /* nécessaire s'il n'y a pas d'espace entre les <li> dans le HTML */
}

.liste-verticale-horizontale > ul > li li > ul,
.liste-verticale-horizontale > ul > li li > ol,
.liste-verticale-horizontale > ol > li li > ul,
.liste-verticale-horizontale > ol > li li > ol
{
	white-space: normal;
	margin-left: 0; /* pour la version mobile, override d'un style appliqué aux listes imbriquées */
}
.liste-verticale-horizontale > ul > li li > ul:before,
.liste-verticale-horizontale > ul > li li > ol:before,
.liste-verticale-horizontale > ol > li li > ul:before,
.liste-verticale-horizontale > ol > li li > ol:before
{
	content: " (";
}
.liste-verticale-horizontale > ul > li li > ul:after,
.liste-verticale-horizontale > ul > li li > ol:after,
.liste-verticale-horizontale > ol > li li > ul:after,
.liste-verticale-horizontale > ol > li li > ol:after
{
	content: ")";
}

.liste-verticale-horizontale > ul > li ol,
.liste-verticale-horizontale > ol > li ol
{
	counter-reset: listitem;
}
.liste-verticale-horizontale > ul > li ol > li,
.liste-verticale-horizontale > ol > li ol > li
{
	counter-increment: listitem;
}
.liste-verticale-horizontale > ul > li ol > li:before,
.liste-verticale-horizontale > ol > li ol > li:before
{
	content: counter(listitem) ".\A0";
}
/* [[Catégorie:Sous-page de modèle feuille de style]] */