« MediaWiki:Common.css » : différence entre les versions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
Ligne 2 : | Ligne 2 : | ||
/* Test : justification de tous les textes */ | /* Test : justification de tous les textes */ | ||
div | div > p { | ||
text-align: justify; | text-align: justify; | ||
} | } |
Version du 7 janvier 2024 à 15:47
/* Le CSS placé ici sera appliqué à tous les habillages. */ /* Test : justification de tous les textes */ div > p { text-align: justify; } /* Classe pour les listes horizontales séparées par des puces. Adaptation de la classe 'hlist' de en:User:Edokter. (cf. [[mw:Snippets/Horizontal lists]]). */ body:not(.skin-minerva) .liste-horizontale ul, body:not(.skin-minerva) .liste-horizontale ol, body:not(.skin-minerva) .liste-horizontale li { display: inline; margin-left: 0; } body.skin-minerva .liste-horizontale ul, body.skin-minerva .liste-horizontale ol, body.skin-minerva .liste-horizontale li { display: inline; padding-left: 0; /* pour la skin Minerva, padding-left au lieu de margin-left */ } /* utilisation de la valeur de "min-width-breakpoint-desktop" */ /* https://doc.wikimedia.org/codex/latest/design-tokens/breakpoint.html */ @media (min-width: 1120px) { .liste-horizontale li { white-space: nowrap; } } .liste-horizontale 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 */ } body:not(.skin-minerva) .liste-horizontale li > ul, body:not(.skin-minerva) .liste-horizontale li > ol { white-space: normal; } body.skin-minerva .liste-horizontale li > ul, body.skin-minerva .liste-horizontale li > ol { white-space: normal; margin-left: 0; /* pour la skin Minerva, override d'un style appliqué aux listes imbriquées */ } .liste-horizontale li > ul::before, .liste-horizontale li > ol::before { content: " ("; } .liste-horizontale li > ul::after, .liste-horizontale li > ol::after { content: ")"; } .liste-horizontale ol { counter-reset: listitem; } .liste-horizontale ol > li { counter-increment: listitem; } .liste-horizontale ol > li::before { content: counter(listitem) ".\A0"; } /* Boîtes de messages */ /* Types de boites */ .bandeau-article, .bandeau-discussion, .bandeau-simple, .bandeau-systeme, .bandeau-section{ border-style: solid; overflow: hidden; position: relative; } .bandeau-article { border-width: 1px 1px 1px 10px; font-size: 0.9em; line-height: 1.25em; padding: 0.5em 1em; margin: 0.8em 10%; } .bandeau-systeme { clear: both; border-width: 2px; padding: 0.5em 1em; margin: 0.8em 3%; } .bandeau-simple { clear: both; border-width: 1px; padding: 0.5em 1em; margin: 0.8em auto; } .bandeau-discussion { border-width: 1px; border-radius: 10px; padding: 0.2em 0.5em; margin: 0.8em 7%; } @media (max-width: 981px) { .bandeau-discussion { margin: 0.8em 4%; } } div.bandeau-section { /* Pour le [[modèle: Article détaillé]] et autres */ display: block; font-size: 0.95em; border-width: 1px 0; padding: 0.2em 0.5em 0.3em 0; margin: 0.3em 0 0.7em 2em; } .bandeau-centrer { display: table; width: 100%; text-align: center; } .bandeau-cell { display: table-cell; vertical-align: middle; } .bandeau-cell > p:first-child { margin-top: 0; } .bandeau-cell > p:last-child { margin-bottom: 0; } /* Style des bandeaux d'articles. Voir [[Wikipédia:Prise de décision/Changement de style des messages d'avertissement]]. */ .bandeau-niveau-grave { border-color: #aa0044; background-color: #ffcccc; } .bandeau-niveau-modere { border-color: #ff8822; background-color: #ffeedd; } .bandeau-niveau-ebauche, .bandeau-niveau-information { border-color: #77ccff; background-color: #fbfbfb; } .bandeau-simple.bandeau-niveau-information, .bandeau-discussion.bandeau-niveau-information { /* Dérive de la classe vectorbox */ border-color: #a7d7f9; background-color: #f5faff; } .bandeau-niveau-detail, /* Voir [[Wikipédia:Prise de décision/Unification des modèles : article détaillé et Loupe]] */ .bandeau-section.bandeau-niveau-information { border-color: #e7e7e7; background-color: #fdfdfd; } .bandeau-niveau-neutre { border-color: #aaa; background: #f9f9f9; } .bandeau-icone { vertical-align: middle; text-align: center; width: 45px; /* @noflip */ padding-right: 1em; } :is(.homonymie, .bandeau-section) .bandeau-icone { width: auto; /* @noflip */ padding-right: 0.5em; } .bandeau-titre { font-size: 1.1em; line-height: 1.4em; } .bandeau-texte { font-size: 0.9em; line-height: 1.2em; }