MediaWiki:Common.css : Différence entre versions
(Page créée avec « →‎Le CSS placé ici sera appliqué à tous les habillages. : /* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at Wikipedia:NavFrame... ») |
|||
(228 révisions intermédiaires par 4 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
− | /* | + | /* Remplacements de couleurs (Par rapport à Wikipedia) */ |
+ | /* Backgounds : */ | ||
+ | /* #EEF => #EEEAE7 */ | ||
+ | /* #CCF => #B6B6B4 */ | ||
+ | /* #DDF => #DBD2CC */ | ||
+ | /* #DFEDFF => #B6B6B4 */ | ||
− | /* | + | /* ACCUEIL PRINCIPAL */ |
− | + | ||
− | + | /* Retire le nom de la page d'accueil */ | |
+ | |||
+ | body.action-view.page-Accueil #firstHeading { | ||
+ | position: absolute; | ||
+ | top: -5000px; | ||
+ | } | ||
+ | |||
+ | @media (max-width: 982px) { | ||
+ | .accueil_entete { | ||
+ | display: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 982px) { | ||
+ | .accueil_mobile { | ||
+ | display: true; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* Double Wiki */ | ||
+ | .mw-content-ltr { | ||
+ | background-color: #EEEAE7 !important; | ||
+ | } | ||
+ | |||
+ | /* BOÎTES DÉROULANTES */ | ||
+ | |||
+ | /* Styles des boîtes déroulantes, voir [[Modèle:Boîte déroulante/Documentation]]. */ | ||
+ | |||
+ | div.NavFrame{ | ||
+ | padding:2px; | ||
+ | border:1px #AAA; | ||
+ | text-align:center; | ||
+ | border-collapse:collapse; | ||
+ | font-size:0.95em | ||
+ | } | ||
+ | |||
+ | div.NavPic{ | ||
+ | padding:2px; | ||
+ | float:left | ||
+ | } | ||
+ | |||
+ | div.NavFrame div.NavHead{ | ||
+ | font-weight:700; | ||
+ | background:#efefef | ||
+ | } | ||
+ | |||
+ | div.NavEnd{ | ||
+ | height:0; | ||
+ | clear:both | ||
+ | } | ||
+ | |||
+ | /* Largeur minimale du cadre des miniatures d'images */ | ||
+ | .thumbinner { | ||
+ | min-width: 100px; | ||
+ | } | ||
+ | |||
+ | /* Images should be responsive */ | ||
+ | img { height: auto; max-width: 96%; } | ||
+ | |||
+ | /* Styles de [[Modèle:Méta palette de navigation]] */ | ||
+ | |||
+ | table.navbox { | ||
+ | background: #f9f9f9; | ||
+ | border: 1px solid #aaa; | ||
+ | clear: both; | ||
+ | font-size: 0.89em; | ||
+ | margin: 1em 0 0; | ||
+ | padding: 2px; | ||
+ | text-align: center; | ||
+ | width: 100%; | ||
+ | } | ||
+ | table.navbox-subgroup { | ||
+ | background: transparent; | ||
+ | border: 0; | ||
+ | margin: -3px; | ||
+ | padding: 0; | ||
+ | text-align: center; | ||
+ | width: calc(100% + 6px); | ||
+ | } | ||
+ | th.navbox-title { | ||
+ | background: #B6B6B4; | ||
+ | padding-left: 1em; | ||
+ | padding-right: 1em; | ||
+ | } | ||
+ | th.navbox-group { | ||
+ | background: #DBD2CC; | ||
+ | vertical-align: middle; | ||
+ | width: 150px; | ||
+ | padding-left: 1em; | ||
+ | padding-right: 1em; | ||
+ | } | ||
+ | th.navbox-group + td.navbox-list, | ||
+ | table.navbox-subgroup td.navbox-list { | ||
+ | text-align: left; | ||
+ | } | ||
+ | td.navbox-even { | ||
+ | background: #eeeae7; | ||
+ | } | ||
+ | table.navbox-subgroup td.navbox-even { | ||
+ | background: transparent; | ||
+ | } | ||
+ | td.navbox-banner { | ||
+ | background: #DBD2CC; | ||
+ | vertical-align: middle; | ||
+ | padding-left: 1em; | ||
+ | padding-right: 1em; | ||
+ | } | ||
+ | tr.navboxHidden { | ||
+ | display: none; | ||
+ | } | ||
+ | @media (max-width: 981px) { | ||
+ | td.navbox-image { | ||
+ | display: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* Modèle de palettes groupées, [[Modèle:Palette]] */ | ||
+ | |||
+ | div.navbox_group { | ||
+ | border: 1px solid #aaa; | ||
+ | margin-top: 1em; | ||
+ | } | ||
+ | |||
+ | div.navbox_group table.navbox { | ||
+ | border: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | /* Liens de masquage/affichage : [[Modèle:Boîte déroulante]] et [[Modèle:Méta palette de navigation]] */ | ||
+ | |||
+ | .navboxToggle, | ||
+ | .NavToggle { | ||
+ | font-size: 0.90em; | ||
+ | font-weight: normal; | ||
+ | float: right !important; | ||
+ | min-width: 6em; | ||
+ | } | ||
+ | |||
+ | /* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript | ||
+ | in [[MediaWiki:Common.js]] are styled here so they can be customised. */ | ||
+ | .collapseButton { | ||
+ | /* @noflip */ | ||
+ | float: right; | ||
+ | font-weight: normal; | ||
+ | /* @noflip */ | ||
+ | margin-left: 0.5em; | ||
+ | /* @noflip */ | ||
+ | text-align: right; | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | .navbox .collapseButton { | ||
+ | width: 6em; | ||
+ | } | ||
+ | |||
+ | /* Styling for JQuery makeCollapsible, matching that of collapseButton */ | ||
+ | .mw-collapsible-toggle { | ||
+ | font-weight: normal; | ||
+ | /* @noflip */ | ||
+ | text-align: right; | ||
+ | } | ||
+ | .navbox .mw-collapsible-toggle { | ||
+ | width: 6em; | ||
+ | } | ||
+ | |||
+ | /* Template:Sourcebox */ | ||
+ | .va-sourcebox { | ||
+ | margin: 0; | ||
+ | border-collapse: collapse; | ||
+ | font-size: 1em; | ||
+ | color: #584763; | ||
+ | line-height: 1,5%; | ||
+ | } | ||
+ | |||
+ | .va-sourcebox th { | ||
+ | vertical-align: middle; | ||
+ | text-align: center; | ||
+ | padding: 0 5px; | ||
+ | } | ||
+ | |||
+ | .va-sourcebox td { | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .va-sourcebox td span { | ||
+ | border-top: 1px solid #AAA; | ||
+ | border-bottom: 1px solid #AAA; | ||
+ | display: block; | ||
+ | padding: 2px 5px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | /* Printing */ | ||
+ | @media print { | ||
+ | .va-copybox, .va-sourcebox { | ||
+ | background: none; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* ############################## */ | ||
+ | /* ### QUOTES ### */ | ||
+ | /* ### (Template:Quotation) ### */ | ||
+ | /* ############################## */ | ||
+ | |||
+ | /* Container */ | ||
+ | |||
+ | .va-quotation { | ||
+ | line-height: 1.2em; | ||
+ | padding: 1em 1em; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .va-quotation-body { | ||
+ | display: flex; | ||
+ | } | ||
+ | |||
+ | .va-quotation-quote { | ||
+ | display: flex; | ||
+ | position: relative; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .va-quotation-left, | ||
+ | .va-quotation-right { | ||
+ | border-bottom: 0px solid #AAA; | ||
+ | border-top: 0px solid #AAA; | ||
+ | width: 5%; | ||
+ | } | ||
+ | |||
+ | .va-quotation-left { | ||
+ | clear: left; | ||
+ | float: left; | ||
+ | margin: 1em 1em 1em 0; | ||
+ | } | ||
+ | |||
+ | .va-quotation-right { | ||
+ | clear: right; | ||
+ | float: right; | ||
+ | margin: 1em 0 1em 1em; | ||
+ | } | ||
+ | |||
+ | .va-quotation-center { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .va-quotation-center .va-quotation-body { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | /* Quotation marks/icons */ | ||
+ | .va-quotation-quot-l, | ||
+ | .va-quotation-quot-r { | ||
+ | width: 2%; | ||
+ | z-index: -1; | ||
+ | position: absolute; | ||
+ | color: #DBD2CC; | ||
+ | font: bold 4em serif; | ||
+ | height: 1,5em; | ||
+ | } | ||
+ | |||
+ | .va-transcript-icon { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .va-quotation-quot-l { | ||
+ | left: -15px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .va-quotation-quot-r { | ||
+ | right: -15px; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .va-quotation-quot-l { | ||
+ | top: 0px; | ||
+ | } | ||
+ | |||
+ | .va-quotation-quot-r { | ||
+ | bottom: 0px; | ||
+ | } | ||
+ | |||
+ | /* Quoted text/audio file desc */ | ||
+ | .va-quotation-text { | ||
+ | font-size: 1em; | ||
+ | font-style: italic; | ||
+ | display: block; | ||
+ | margin-top: -0.4em; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .va-quotation-text ol, | ||
+ | .va-quotation-text p, | ||
+ | .va-quotation-text ul { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | /* Source */ | ||
+ | .va-quotation-source { | ||
+ | padding: 5px 0 0; | ||
+ | text-align: right; | ||
+ | display: block; | ||
+ | font-size: 1em; | ||
+ | line-height: 1em; | ||
+ | } | ||
+ | |||
+ | .blockquote { | ||
margin: 0; | margin: 0; | ||
− | padding: | + | } |
− | border: | + | |
+ | .blockquote p { | ||
+ | padding: 1em; | ||
+ | background: #eee; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | |||
+ | .blockquote p::before { | ||
+ | content: '\201C'; | ||
+ | } | ||
+ | |||
+ | .blockquote p::after { | ||
+ | content: '\201D'; | ||
+ | } | ||
+ | |||
+ | .figure { | ||
+ | border: thin #c0c0c0 solid; | ||
+ | display: flex; | ||
+ | flex-flow: column; | ||
+ | padding: 5px; | ||
+ | max-width: 220px; | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | .figcaption { | ||
+ | background-color: #222; | ||
+ | color: #fff; | ||
+ | font: italic smaller sans-serif; | ||
+ | padding: 3px; | ||
text-align: center; | text-align: center; | ||
− | |||
− | |||
} | } | ||
− | div. | + | |
− | + | /* Alignement du tableau : flottant à droite ou à gauche, ou centré. | |
− | + | On peut aligner à droite ou à gauche sans flottement en ajoutant | |
+ | le [[modèle:Clr]] en bas du tableau. */ | ||
+ | table.gauche, | ||
+ | table.left { | ||
+ | float: left; | ||
+ | margin: 0 1em 1em 0; | ||
+ | } | ||
+ | table.droite, | ||
+ | table.right { | ||
+ | float: right; | ||
+ | margin: 0 0 1em 1em; | ||
+ | } | ||
+ | table.centre, | ||
+ | table.center { | ||
+ | margin: 1em auto; | ||
+ | } | ||
+ | /* Pour les cas où le code de l'article contienne un paramètre align de valeur center */ | ||
+ | table.wikitable[align=center] { | ||
+ | margin: 1em auto; | ||
+ | } | ||
+ | /* Annule propriétés issues de ".center" dans le /resources/src/mediawiki.legacy/oldshared.css */ | ||
+ | table.center { | ||
+ | width: auto; /* annule width: 100%; */ | ||
+ | text-align: inherit; /* annule text-align: center; */ | ||
+ | } | ||
+ | |||
+ | /* Workaround pour les captions ridiculement étroits quand table repliée */ | ||
+ | table.mw-collapsible:not(.centre):not(.center) > caption { | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | /* Méthode différente pour les tables centrées (corrige aussi le centrage erroné avec firefox) */ | ||
+ | table.mw-collapsible.centre, table.mw-collapsible.center { | ||
+ | min-width: 60%; | ||
+ | } | ||
+ | /* Système différent pour écrans étroits, au cas où le caption dépasserait en largeur */ | ||
+ | @media (max-width: 981px) { | ||
+ | table.mw-collapsible:not(.centre):not(.center) > caption { | ||
+ | white-space: normal; | ||
+ | } | ||
+ | table.mw-collapsible { | ||
+ | width: 100%; | ||
+ | float: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* infobox_V3 */ | ||
+ | |||
+ | /* Icone */ | ||
+ | |||
+ | .entete { | ||
+ | background-position: right center; | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | .entete.divinite { | ||
+ | background-image: url("//lagbt.wiwiland.net/images/0/06/Dieu.png"); | ||
+ | } | ||
+ | .entete.conflit { | ||
+ | background-image: url("//lagbt.wiwiland.net/images/2/28/Bataille.png"); | ||
+ | } | ||
+ | .entete.constellation { | ||
+ | background-image: url("//lagbt.wiwiland.net/images/d/d7/Champion.png"); | ||
+ | } | ||
+ | .entete.faction { | ||
+ | background-image: url("//lagbt.wiwiland.net/images/5/55/Faction.png"); | ||
+ | } | ||
+ | .entete.film { | ||
+ | background-image: url("//lagbt.wiwiland.net/images/0/05/Film.png"); | ||
+ | } | ||
+ | .entete.jeu { | ||
+ | background-image: url("//lagbt.wiwiland.net/images/3/34/Jeux.png"); | ||
+ | } | ||
+ | .entete.livre { | ||
+ | background-image: url("//lagbt.wiwiland.net/images/d/df/Livre.png"); | ||
+ | } | ||
+ | .entete.personnalite { | ||
+ | background-image: url("//lagbt.wiwiland.net/images/b/be/Perso.png"); | ||
+ | } | ||
+ | .entete.ville { | ||
+ | background-image: url("//lagbt.wiwiland.net/images/2/23/Ville.png"); | ||
+ | } | ||
+ | |||
+ | /* Entête */ | ||
+ | |||
+ | div.infobox_v3 { | ||
+ | padding: 5px; | ||
+ | width: 25em; | ||
+ | background: #f9f9f9; | ||
+ | border: 1px solid #aaa; | ||
+ | clear: right; | ||
+ | float: right; | ||
+ | font-size: 0.9em; | ||
+ | line-height: 1.4; | ||
+ | margin: 0 0 0.5em 1em; | ||
+ | max-width: 325px; | ||
+ | word-wrap: break-word; | ||
+ | } | ||
+ | |||
+ | .infobox_v3 .entete { | ||
+ | display: table; | ||
+ | height: 45px; | ||
+ | width: 100%; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | font-size: 1.4em; | ||
+ | line-height: 1.1; | ||
+ | margin-bottom: 10px; | ||
+ | background-color: #B6B6B4; | ||
+ | } | ||
+ | .infobox_v3 .entete > div { | ||
+ | display: table-cell; | ||
+ | vertical-align: middle; | ||
+ | padding: 3px; | ||
+ | } | ||
+ | .infobox_v3:not(.large) .entete.icon > div { | ||
+ | padding: 3px 48px; | ||
+ | } | ||
+ | |||
+ | /* Images */ | ||
+ | .infobox_v3 .images { | ||
+ | text-align: center; | ||
+ | display: flex; | ||
+ | justify-content: space-around; | ||
+ | align-items: center; | ||
+ | } | ||
+ | .infobox_v3 .images a { | ||
+ | max-width: 100%; | ||
+ | flex: 0 0 auto; /* be kind ie11 */ | ||
+ | } | ||
+ | .infobox_v3 .deux-images a { | ||
+ | max-width: 48%; | ||
+ | } | ||
+ | .infobox_v3 .images img { | ||
+ | max-width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .infobox_v3 .legend { | ||
+ | font-size: 0.9em; | ||
+ | text-align: center; | ||
+ | margin: 5px 0 8px 0; | ||
+ | } | ||
+ | |||
+ | /* Tableaux */ | ||
+ | .infobox_v3 table { | ||
+ | width: 100%; | ||
+ | margin: 5px 0; | ||
+ | table-layout: fixed; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | .infobox_v3 th[scope="col"] { | ||
+ | text-align: center; | ||
+ | word-wrap: normal; | ||
+ | } | ||
+ | .infobox_v3 th[scope=row] { | ||
+ | text-align: left; | ||
+ | padding-right: 10px; | ||
+ | width: 8em; | ||
+ | max-width: 140px; | ||
+ | word-wrap: normal; | ||
+ | } | ||
+ | .infobox_v3 th[scope=row], | ||
+ | .infobox_v3 td { | ||
+ | padding-top: 4px; | ||
+ | vertical-align: super; | ||
+ | } | ||
+ | .infobox_v3 th[scope=row].middle { | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .infobox_v3.bordered th[scope=row], | ||
+ | .infobox_v3.bordered td { | ||
+ | padding-bottom: 4px; | ||
+ | border-top: 1px solid #dfedff; | ||
+ | } | ||
+ | .infobox_v3.bordered caption.bordered { | ||
+ | margin: 0 0 -1px 0; | ||
+ | } | ||
+ | .infobox_v3 tr.left td { | ||
+ | text-align: left; | ||
+ | } | ||
+ | .infobox_v3 tr.vborder td { | ||
+ | border-left: 1px dotted #aaa; | ||
+ | } | ||
+ | .infobox_v3 tr.vborder td:first-child { | ||
+ | border-left: none; | ||
+ | } | ||
+ | .infobox_v3 td.data { | ||
+ | text-align: center; | ||
+ | } | ||
+ | .infobox_v3 tr:first-child ul:first-child { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | /* Titres bloc et caption tableaux */ | ||
+ | .infobox_v3 p.bloc, | ||
+ | .infobox_v3 caption { | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | line-height: 1.1; | ||
+ | margin: 0 0 5px 0; | ||
+ | padding: 4px; | ||
+ | background: #B6B6B4; | ||
+ | } | ||
+ | .infobox_v3 p.bloc { | ||
+ | margin: 5px 0; | ||
+ | } | ||
+ | .infobox_v3 caption.bordered, | ||
+ | .infobox_v3 p.bordered { | ||
+ | border-top: 1px solid #B6B6B4; | ||
+ | border-bottom: 1px solid #B6B6B4; | ||
+ | background: transparent; | ||
+ | } | ||
+ | .infobox_v3 .bordered.navbar, | ||
+ | .infobox_v3 .bordered.nav { | ||
+ | padding-top: 4px; | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | /* TODO : mettre à jour la classe .hidden générique */ | ||
+ | .infobox_v3 caption.hidden { | ||
+ | margin: 0 !important; | ||
+ | padding: 0 !important; | ||
+ | } | ||
+ | |||
+ | /* Séparateur */ | ||
+ | .infobox_v3 .hr { | ||
+ | font-size: 0.1em; | ||
+ | line-height: 1px; | ||
+ | margin: 5px 0; | ||
+ | background-color: #AAA; | ||
+ | } | ||
+ | .infobox_v3 .hr.collapse { | ||
+ | margin: 5px 0 -8px 0; | ||
+ | } | ||
+ | |||
+ | /* Tnavbar */ | ||
+ | .infobox_v3 .navbar { | ||
+ | text-align: right; | ||
+ | font-size: 0.8em; | ||
+ | line-height: 1.1; | ||
+ | margin: 8px 0 0; | ||
+ | } | ||
+ | .infobox_v3 .navbar .plainlinks { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | /* Navigateur */ | ||
+ | .infobox_v3 .overflow { | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .infobox_v3 .prev a, | ||
+ | .infobox_v3 .prev_bloc { | ||
+ | background: url("//lagbt.wiwiland.net/images/1/13/Arr_l.png") no-repeat left center; | ||
+ | float: left; | ||
+ | max-width: 40%; | ||
+ | padding: 0 0 0 18px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .infobox_v3 .next a, | ||
+ | .infobox_v3 .next_bloc { | ||
+ | background: url("//lagbt.wiwiland.net/images/a/ad/Arr_r.png") no-repeat right center; | ||
+ | float: right; | ||
+ | max-width: 40%; | ||
+ | padding: 0 18px 0 0; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | /* HOMONYMIE */ | ||
+ | |||
+ | /* Classe servant à personnaliser l'apparence des liens vers les pages d'homonymie. */ | ||
+ | |||
+ | .homonymie { | ||
+ | padding-left: 2em; | ||
+ | padding-bottom: .5em; | ||
+ | margin-bottom: .5em; | ||
+ | margin-top: -0.6em; | ||
+ | font-style: italic; | ||
+ | font-size: 1em; | ||
+ | color: #584763; | ||
+ | border-bottom: 1px #AAA solid; | ||
+ | } | ||
+ | |||
+ | /* Style des bandeaux d'articles. Voir [[Wikipédia:Prise de décision/Changement de style des messages d'avertissement]]. */ | ||
+ | .bandeau-niveau-information { | ||
+ | border-color: #77ccff; | ||
+ | background-color: #fbfbfb; | ||
+ | } | ||
+ | |||
+ | /* Commentaire au passage de la souris */ | ||
+ | |||
+ | Div.Commentaire span { | ||
+ | display: inline; | ||
+ | position: absolute; | ||
+ | border:1px solid #DDD; | ||
+ | background:#F9F9F9; | ||
+ | padding-top:0.5%; | ||
+ | padding-bottom:0.5%; | ||
+ | padding-right:0.5%; | ||
+ | padding-left:0.5%; | ||
+ | visibility:hidden; | ||
+ | opacity:0; | ||
+ | transition:visibility 0s linear 0.5s,opacity 0.5s linear; | ||
+ | } | ||
+ | |||
+ | Div.Commentaire:hover span { | ||
+ | visibility:visible; | ||
+ | opacity:1; | ||
+ | transition:visibility 0s linear 0.0s; | ||
+ | } | ||
+ | |||
+ | Span.Commentaire span { | ||
+ | display: block; | ||
+ | position: Absolute; | ||
+ | border:1px solid #DDD; | ||
+ | background:#F9F9F9; | ||
+ | padding-top:0.5%; | ||
+ | padding-bottom:0.5%; | ||
+ | padding-right:0.5%; | ||
+ | padding-left:0.5%; | ||
+ | visibility:hidden; | ||
+ | opacity:0; | ||
+ | transition:visibility 0s linear 0.5s,opacity 0.5s linear; | ||
+ | } | ||
+ | |||
+ | Span.Commentaire:hover span { | ||
+ | visibility:visible; | ||
+ | opacity:1; | ||
+ | transition:visibility 0s linear 0.0s; | ||
+ | } | ||
+ | |||
+ | /*Polices Personnalisées*/ | ||
+ | |||
+ | .police span.Actif{ | ||
+ | Display : inline; | ||
+ | } | ||
+ | .police span.Inactif{ | ||
+ | Display : none; | ||
+ | } | ||
+ | .police:hover span.Inactif{ | ||
+ | Display : inline; | ||
+ | } | ||
+ | .police:hover span.Actif{ | ||
+ | Display : none; | ||
+ | } | ||
+ | /* Polices de langues ES */ | ||
+ | @font-face { | ||
+ | font-family: Daedric; | ||
+ | src: url(/../woff/Daedric.woff); | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: SKDaedric; | ||
+ | src: url(/../woff/SKDaedric.woff); | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: Oblivion; | ||
+ | src: url(/../woff/Oblivion.woff); | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: OblivionWorn; | ||
+ | src: url(/../woff/OblivionWorn.woff); | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: OblivionScript; | ||
+ | src: url(/../woff/OblivionScript.woff); | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: OblivionScriptWorn; | ||
+ | src: url(/../woff/OblivionScriptWorn.woff); | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: Dwemer; | ||
+ | src: url(/../woff/Dwemer.woff); | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: Dwemeris; | ||
+ | src: url(/../woff/Dwemeris.woff); | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: DwemericAldmeric; | ||
+ | src: url(/../woff/DwemericAldmeric.woff); | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: DragonScript; | ||
+ | src: url(/../woff/DragonScript.woff); | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: Dragon; | ||
+ | src: url(/../woff/Dragon.woff); | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: Falmer; | ||
+ | src: url(/../woff/Falmer.woff); | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: MageScript; | ||
+ | src: url(/../woff/MageScript.woff); | ||
+ | } | ||
+ | |||
+ | @import url( 'https://fonts.googleapis.com/css2?family=IM+Fell+English&display=swap|IMFellEnglish-Regular'); | ||
+ | |||
+ | @font-face { | ||
+ | font-family: IMFellEnglish-Regular, serif; | ||
+ | } | ||
+ | |||
+ | /* Double Wiki */ | ||
+ | table.doubleWikiTable td { | ||
+ | background-color: #B593CD !important; | ||
+ | } | ||
+ | |||
+ | mw-content-ltr { | ||
+ | background-color: #EEEAE7 !important; | ||
+ | } | ||
+ | |||
+ | /* [[Modèle:Colonnes]] et [[Modèle:Début de colonnes]]. */ | ||
+ | .colonnes > ol, .colonnes > ul { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | /* Compensation du style précédent */ | ||
+ | .colonnes { | ||
+ | margin-top: 0.3em; | ||
+ | } | ||
+ | |||
+ | /* Évitons de couper les éléments de listes sur plusieurs colonnes */ | ||
+ | .colonnes li, | ||
+ | .references-small li{ | ||
+ | -webkit-column-break-inside: avoid; | ||
+ | page-break-inside: avoid; | ||
+ | break-inside: avoid-column; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* 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]]). */ | ||
+ | .liste-horizontale ul, | ||
+ | .liste-horizontale ol, | ||
+ | .liste-horizontale li { | ||
+ | display: inline; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .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 */ | ||
+ | } | ||
+ | |||
+ | .liste-horizontale li > ul, | ||
+ | .liste-horizontale li > ol { | ||
+ | white-space: normal; | ||
+ | } | ||
+ | .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"; | ||
+ | } | ||
+ | |||
+ | /* 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"; | |
− | |||
− | |||
− | |||
} | } |
Version actuelle datée du 11 novembre 2022 à 20:27
/* Remplacements de couleurs (Par rapport à Wikipedia) */ /* Backgounds : */ /* #EEF => #EEEAE7 */ /* #CCF => #B6B6B4 */ /* #DDF => #DBD2CC */ /* #DFEDFF => #B6B6B4 */ /* ACCUEIL PRINCIPAL */ /* Retire le nom de la page d'accueil */ body.action-view.page-Accueil #firstHeading { position: absolute; top: -5000px; } @media (max-width: 982px) { .accueil_entete { display: none; } } @media (min-width: 982px) { .accueil_mobile { display: true; } } /* Double Wiki */ .mw-content-ltr { background-color: #EEEAE7 !important; } /* BOÎTES DÉROULANTES */ /* Styles des boîtes déroulantes, voir [[Modèle:Boîte déroulante/Documentation]]. */ div.NavFrame{ padding:2px; border:1px #AAA; text-align:center; border-collapse:collapse; font-size:0.95em } div.NavPic{ padding:2px; float:left } div.NavFrame div.NavHead{ font-weight:700; background:#efefef } div.NavEnd{ height:0; clear:both } /* Largeur minimale du cadre des miniatures d'images */ .thumbinner { min-width: 100px; } /* Images should be responsive */ img { height: auto; max-width: 96%; } /* Styles de [[Modèle:Méta palette de navigation]] */ table.navbox { background: #f9f9f9; border: 1px solid #aaa; clear: both; font-size: 0.89em; margin: 1em 0 0; padding: 2px; text-align: center; width: 100%; } table.navbox-subgroup { background: transparent; border: 0; margin: -3px; padding: 0; text-align: center; width: calc(100% + 6px); } th.navbox-title { background: #B6B6B4; padding-left: 1em; padding-right: 1em; } th.navbox-group { background: #DBD2CC; vertical-align: middle; width: 150px; padding-left: 1em; padding-right: 1em; } th.navbox-group + td.navbox-list, table.navbox-subgroup td.navbox-list { text-align: left; } td.navbox-even { background: #eeeae7; } table.navbox-subgroup td.navbox-even { background: transparent; } td.navbox-banner { background: #DBD2CC; vertical-align: middle; padding-left: 1em; padding-right: 1em; } tr.navboxHidden { display: none; } @media (max-width: 981px) { td.navbox-image { display: none; } } /* Modèle de palettes groupées, [[Modèle:Palette]] */ div.navbox_group { border: 1px solid #aaa; margin-top: 1em; } div.navbox_group table.navbox { border: 0; margin: 0; } /* Liens de masquage/affichage : [[Modèle:Boîte déroulante]] et [[Modèle:Méta palette de navigation]] */ .navboxToggle, .NavToggle { font-size: 0.90em; font-weight: normal; float: right !important; min-width: 6em; } /* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript in [[MediaWiki:Common.js]] are styled here so they can be customised. */ .collapseButton { /* @noflip */ float: right; font-weight: normal; /* @noflip */ margin-left: 0.5em; /* @noflip */ text-align: right; width: auto; } .navbox .collapseButton { width: 6em; } /* Styling for JQuery makeCollapsible, matching that of collapseButton */ .mw-collapsible-toggle { font-weight: normal; /* @noflip */ text-align: right; } .navbox .mw-collapsible-toggle { width: 6em; } /* Template:Sourcebox */ .va-sourcebox { margin: 0; border-collapse: collapse; font-size: 1em; color: #584763; line-height: 1,5%; } .va-sourcebox th { vertical-align: middle; text-align: center; padding: 0 5px; } .va-sourcebox td { padding: 0; } .va-sourcebox td span { border-top: 1px solid #AAA; border-bottom: 1px solid #AAA; display: block; padding: 2px 5px; float: left; } /* Printing */ @media print { .va-copybox, .va-sourcebox { background: none; background-color: transparent; } } /* ############################## */ /* ### QUOTES ### */ /* ### (Template:Quotation) ### */ /* ############################## */ /* Container */ .va-quotation { line-height: 1.2em; padding: 1em 1em; overflow: hidden; } .va-quotation-body { display: flex; } .va-quotation-quote { display: flex; position: relative; z-index: 1; } .va-quotation-left, .va-quotation-right { border-bottom: 0px solid #AAA; border-top: 0px solid #AAA; width: 5%; } .va-quotation-left { clear: left; float: left; margin: 1em 1em 1em 0; } .va-quotation-right { clear: right; float: right; margin: 1em 0 1em 1em; } .va-quotation-center { text-align: center; } .va-quotation-center .va-quotation-body { display: inline-block; } /* Quotation marks/icons */ .va-quotation-quot-l, .va-quotation-quot-r { width: 2%; z-index: -1; position: absolute; color: #DBD2CC; font: bold 4em serif; height: 1,5em; } .va-transcript-icon { position: relative; } .va-quotation-quot-l { left: -15px; text-align: left; } .va-quotation-quot-r { right: -15px; text-align: right; } .va-quotation-quot-l { top: 0px; } .va-quotation-quot-r { bottom: 0px; } /* Quoted text/audio file desc */ .va-quotation-text { font-size: 1em; font-style: italic; display: block; margin-top: -0.4em; text-align: left; } .va-quotation-text ol, .va-quotation-text p, .va-quotation-text ul { margin-bottom: 0; } /* Source */ .va-quotation-source { padding: 5px 0 0; text-align: right; display: block; font-size: 1em; line-height: 1em; } .blockquote { margin: 0; } .blockquote p { padding: 1em; background: #eee; border-radius: 5px; } .blockquote p::before { content: '\201C'; } .blockquote p::after { content: '\201D'; } .figure { border: thin #c0c0c0 solid; display: flex; flex-flow: column; padding: 5px; max-width: 220px; margin: auto; } .figcaption { background-color: #222; color: #fff; font: italic smaller sans-serif; padding: 3px; text-align: center; } /* Alignement du tableau : flottant à droite ou à gauche, ou centré. On peut aligner à droite ou à gauche sans flottement en ajoutant le [[modèle:Clr]] en bas du tableau. */ table.gauche, table.left { float: left; margin: 0 1em 1em 0; } table.droite, table.right { float: right; margin: 0 0 1em 1em; } table.centre, table.center { margin: 1em auto; } /* Pour les cas où le code de l'article contienne un paramètre align de valeur center */ table.wikitable[align=center] { margin: 1em auto; } /* Annule propriétés issues de ".center" dans le /resources/src/mediawiki.legacy/oldshared.css */ table.center { width: auto; /* annule width: 100%; */ text-align: inherit; /* annule text-align: center; */ } /* Workaround pour les captions ridiculement étroits quand table repliée */ table.mw-collapsible:not(.centre):not(.center) > caption { white-space: nowrap; } /* Méthode différente pour les tables centrées (corrige aussi le centrage erroné avec firefox) */ table.mw-collapsible.centre, table.mw-collapsible.center { min-width: 60%; } /* Système différent pour écrans étroits, au cas où le caption dépasserait en largeur */ @media (max-width: 981px) { table.mw-collapsible:not(.centre):not(.center) > caption { white-space: normal; } table.mw-collapsible { width: 100%; float: none; } } /* infobox_V3 */ /* Icone */ .entete { background-position: right center; background-repeat: no-repeat; } .entete.divinite { background-image: url("//lagbt.wiwiland.net/images/0/06/Dieu.png"); } .entete.conflit { background-image: url("//lagbt.wiwiland.net/images/2/28/Bataille.png"); } .entete.constellation { background-image: url("//lagbt.wiwiland.net/images/d/d7/Champion.png"); } .entete.faction { background-image: url("//lagbt.wiwiland.net/images/5/55/Faction.png"); } .entete.film { background-image: url("//lagbt.wiwiland.net/images/0/05/Film.png"); } .entete.jeu { background-image: url("//lagbt.wiwiland.net/images/3/34/Jeux.png"); } .entete.livre { background-image: url("//lagbt.wiwiland.net/images/d/df/Livre.png"); } .entete.personnalite { background-image: url("//lagbt.wiwiland.net/images/b/be/Perso.png"); } .entete.ville { background-image: url("//lagbt.wiwiland.net/images/2/23/Ville.png"); } /* Entête */ div.infobox_v3 { padding: 5px; width: 25em; background: #f9f9f9; border: 1px solid #aaa; clear: right; float: right; font-size: 0.9em; line-height: 1.4; margin: 0 0 0.5em 1em; max-width: 325px; word-wrap: break-word; } .infobox_v3 .entete { display: table; height: 45px; width: 100%; font-weight: bold; text-align: center; font-size: 1.4em; line-height: 1.1; margin-bottom: 10px; background-color: #B6B6B4; } .infobox_v3 .entete > div { display: table-cell; vertical-align: middle; padding: 3px; } .infobox_v3:not(.large) .entete.icon > div { padding: 3px 48px; } /* Images */ .infobox_v3 .images { text-align: center; display: flex; justify-content: space-around; align-items: center; } .infobox_v3 .images a { max-width: 100%; flex: 0 0 auto; /* be kind ie11 */ } .infobox_v3 .deux-images a { max-width: 48%; } .infobox_v3 .images img { max-width: 100%; height: auto; } .infobox_v3 .legend { font-size: 0.9em; text-align: center; margin: 5px 0 8px 0; } /* Tableaux */ .infobox_v3 table { width: 100%; margin: 5px 0; table-layout: fixed; border-collapse: collapse; } .infobox_v3 th[scope="col"] { text-align: center; word-wrap: normal; } .infobox_v3 th[scope=row] { text-align: left; padding-right: 10px; width: 8em; max-width: 140px; word-wrap: normal; } .infobox_v3 th[scope=row], .infobox_v3 td { padding-top: 4px; vertical-align: super; } .infobox_v3 th[scope=row].middle { vertical-align: middle; } .infobox_v3.bordered th[scope=row], .infobox_v3.bordered td { padding-bottom: 4px; border-top: 1px solid #dfedff; } .infobox_v3.bordered caption.bordered { margin: 0 0 -1px 0; } .infobox_v3 tr.left td { text-align: left; } .infobox_v3 tr.vborder td { border-left: 1px dotted #aaa; } .infobox_v3 tr.vborder td:first-child { border-left: none; } .infobox_v3 td.data { text-align: center; } .infobox_v3 tr:first-child ul:first-child { margin-top: 0; } /* Titres bloc et caption tableaux */ .infobox_v3 p.bloc, .infobox_v3 caption { font-weight: bold; text-align: center; line-height: 1.1; margin: 0 0 5px 0; padding: 4px; background: #B6B6B4; } .infobox_v3 p.bloc { margin: 5px 0; } .infobox_v3 caption.bordered, .infobox_v3 p.bordered { border-top: 1px solid #B6B6B4; border-bottom: 1px solid #B6B6B4; background: transparent; } .infobox_v3 .bordered.navbar, .infobox_v3 .bordered.nav { padding-top: 4px; border-bottom: 0; } /* TODO : mettre à jour la classe .hidden générique */ .infobox_v3 caption.hidden { margin: 0 !important; padding: 0 !important; } /* Séparateur */ .infobox_v3 .hr { font-size: 0.1em; line-height: 1px; margin: 5px 0; background-color: #AAA; } .infobox_v3 .hr.collapse { margin: 5px 0 -8px 0; } /* Tnavbar */ .infobox_v3 .navbar { text-align: right; font-size: 0.8em; line-height: 1.1; margin: 8px 0 0; } .infobox_v3 .navbar .plainlinks { float: left; } /* Navigateur */ .infobox_v3 .overflow { overflow: hidden; } .infobox_v3 .prev a, .infobox_v3 .prev_bloc { background: url("//lagbt.wiwiland.net/images/1/13/Arr_l.png") no-repeat left center; float: left; max-width: 40%; padding: 0 0 0 18px; text-align: left; } .infobox_v3 .next a, .infobox_v3 .next_bloc { background: url("//lagbt.wiwiland.net/images/a/ad/Arr_r.png") no-repeat right center; float: right; max-width: 40%; padding: 0 18px 0 0; text-align: right; } /* HOMONYMIE */ /* Classe servant à personnaliser l'apparence des liens vers les pages d'homonymie. */ .homonymie { padding-left: 2em; padding-bottom: .5em; margin-bottom: .5em; margin-top: -0.6em; font-style: italic; font-size: 1em; color: #584763; border-bottom: 1px #AAA solid; } /* Style des bandeaux d'articles. Voir [[Wikipédia:Prise de décision/Changement de style des messages d'avertissement]]. */ .bandeau-niveau-information { border-color: #77ccff; background-color: #fbfbfb; } /* Commentaire au passage de la souris */ Div.Commentaire span { display: inline; position: absolute; border:1px solid #DDD; background:#F9F9F9; padding-top:0.5%; padding-bottom:0.5%; padding-right:0.5%; padding-left:0.5%; visibility:hidden; opacity:0; transition:visibility 0s linear 0.5s,opacity 0.5s linear; } Div.Commentaire:hover span { visibility:visible; opacity:1; transition:visibility 0s linear 0.0s; } Span.Commentaire span { display: block; position: Absolute; border:1px solid #DDD; background:#F9F9F9; padding-top:0.5%; padding-bottom:0.5%; padding-right:0.5%; padding-left:0.5%; visibility:hidden; opacity:0; transition:visibility 0s linear 0.5s,opacity 0.5s linear; } Span.Commentaire:hover span { visibility:visible; opacity:1; transition:visibility 0s linear 0.0s; } /*Polices Personnalisées*/ .police span.Actif{ Display : inline; } .police span.Inactif{ Display : none; } .police:hover span.Inactif{ Display : inline; } .police:hover span.Actif{ Display : none; } /* Polices de langues ES */ @font-face { font-family: Daedric; src: url(/../woff/Daedric.woff); } @font-face { font-family: SKDaedric; src: url(/../woff/SKDaedric.woff); } @font-face { font-family: Oblivion; src: url(/../woff/Oblivion.woff); } @font-face { font-family: OblivionWorn; src: url(/../woff/OblivionWorn.woff); } @font-face { font-family: OblivionScript; src: url(/../woff/OblivionScript.woff); } @font-face { font-family: OblivionScriptWorn; src: url(/../woff/OblivionScriptWorn.woff); } @font-face { font-family: Dwemer; src: url(/../woff/Dwemer.woff); } @font-face { font-family: Dwemeris; src: url(/../woff/Dwemeris.woff); } @font-face { font-family: DwemericAldmeric; src: url(/../woff/DwemericAldmeric.woff); } @font-face { font-family: DragonScript; src: url(/../woff/DragonScript.woff); } @font-face { font-family: Dragon; src: url(/../woff/Dragon.woff); } @font-face { font-family: Falmer; src: url(/../woff/Falmer.woff); } @font-face { font-family: MageScript; src: url(/../woff/MageScript.woff); } @import url( 'https://fonts.googleapis.com/css2?family=IM+Fell+English&display=swap|IMFellEnglish-Regular'); @font-face { font-family: IMFellEnglish-Regular, serif; } /* Double Wiki */ table.doubleWikiTable td { background-color: #B593CD !important; } mw-content-ltr { background-color: #EEEAE7 !important; } /* [[Modèle:Colonnes]] et [[Modèle:Début de colonnes]]. */ .colonnes > ol, .colonnes > ul { margin-top: 0; } /* Compensation du style précédent */ .colonnes { margin-top: 0.3em; } /* Évitons de couper les éléments de listes sur plusieurs colonnes */ .colonnes li, .references-small li{ -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; } /* 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]]). */ .liste-horizontale ul, .liste-horizontale ol, .liste-horizontale li { display: inline; margin-left: 0; } .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 */ } .liste-horizontale li > ul, .liste-horizontale li > ol { white-space: normal; } .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"; } /* 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"; }