« MediaWiki:Common.css » : différence entre les versions
Page créée avec « →Le CSS placé ici sera appliqué à tous les habillages. : // Sommaire des pages flottant à droite #toc { float: right }; » |
Aucun résumé des modifications |
||
| (11 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
/* Le CSS placé ici sera appliqué à tous les habillages. */ | /* Le CSS placé ici sera appliqué à tous les habillages. */ | ||
// | /* Test : justification de tous les textes */ | ||
# | div.mw-parser-output > 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; | |||
} | |||