MediaWiki:Common.css
Révision datée du 10 juin 2021 à 20:36 par Goultard (discussion | contributions)
Note : après avoir enregistré vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.
- Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac)
- Google Chrome : appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac)
- Internet Explorer : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5
- Opera : allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité & sécurité → Effacer les données d’exploration → Images et fichiers en cache.
/* 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:95% } 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 */ res-img { max-width:100%; height:auto; } /* Styles de [[Modèle:Méta palette de navigation]] */ table.navbox { background: #f9f9f9; border: 1px solid #aaa; clear: both; font-size: 89%; 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: 90%; 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: 11px; color: #584763; line-height: 16px; } .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: 18px; padding: 10px 25px; overflow: hidden; } .va-quotation-body { display: block; } .va-quotation-quote { display: block; position: relative; z-index: 1; } .va-quotation-left, .va-quotation-right { border-bottom: 1px solid #AAA; border-top: 1px solid #AAA; width: 200px; } .va-quotation-left { clear: left; float: left; margin: 10px 10px 10px 0; } .va-quotation-right { clear: right; float: right; margin: 10px 0 10px 10px; } .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: 40px; z-index: -1; position: absolute; color: #DBD2CC; font: bold 55px/40px serif; height: 18px; } .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: -2px; top: -3px !ie; } .va-quotation-quot-r { bottom: 2px; bottom: 3px !ie; } /* Quoted text/audio file desc */ .va-quotation-text { font-size: 12px; 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: 10px; line-height: 15px; } blockquote { margin: 0; } blockquote p { padding: 15px; background: #eee; border-radius: 5px; } blockquote p::before { content: '\201C'; } /* 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: 1px; 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; 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:12.8px; padding-bottom:12.8px; padding-right:12.8px; padding-left:12.8px; 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:12.8px; padding-bottom:12.8px; padding-right:12.8px; padding-left:12.8px; 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; } /* Classe pour les listes horizontales séparées par des puces. */ .liste-horizontale ul, .liste-horizontale ol, .liste-horizontale li { margin-left: 0; display: inline; white-space: nowrap; } .liste-horizontale li:after { content: " "; /* au cas ou Mediawiki supprime les retours ligne */ } .liste-horizontale li + li:before { white-space: normal; content: "· "; font-weight: bold; } .liste-horizontale li li:first-child:before { white-space: normal; content: " ("; } .liste-horizontale li ul:after, .liste-horizontale li ol:after{ content: ")"; margin-left: -0.28em; } .liste-horizontale ol { counter-reset: listitem; } .liste-horizontale ol > li { counter-increment: listitem; } .liste-horizontale ol > li:first-child:before { content: "1.\202F"; } .liste-horizontale li ol > li:first-child:before { content: " (1.\202F"; } .liste-horizontale ol > li + li:before { content: "· " counter(listitem) ".\202F"; font-weight: normal; } /* [[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; }