« MediaWiki:Common.css » : différence entre les versions
https://en.wikipedia.org/w/index.php?title=MediaWiki:Common.css&action=edit |
Aucun résumé des modifications |
||
| (13 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
/* | /** | ||
/* | * Cette page contrôle l'apparence pour tous les skins. Les | ||
* modifications devant s'appliquer à l'apparence Monobook | |||
font-style: | * seulement doivent aller dans [[MediaWiki:Monobook.css]]. | ||
*/ | |||
/* <nowiki> */ | |||
/* Aspect des tags de filtrage dans les modifications récentes. */ | |||
.mw-tag-markers { | |||
font-style: italic; | |||
font-size: 90%; | |||
} | } | ||
/* | /* Masquage du sous-titre des RC */ | ||
.mw-special-Recentchanges .mw-specialpage-summary { | |||
display: none; | |||
} | } | ||
/* | /* Redirections sur [[Special:AllPages]], [[Special:PrefixIndex]] et [[Special:EditWatchlist]]. */ | ||
.allpagesredirect > a, | |||
.watchlistredir > a { | |||
margin: 1em 0; | color: #0b0; | ||
} | |||
/* Révisions dans l'historique et "(← liens)" dans les pages liées. */ | |||
.history-size, | |||
.mw-whatlinkshere-tools { | |||
font-size: 80%; | |||
} | |||
/* Affichage des coordonnées géo à côté du titre, pour tous les skins. */ | |||
#coordinates { | |||
margin-right: 1em; | |||
} | |||
#coordinates_osm { | |||
font-size: 110%; | |||
box-shadow: 0 0 5px #c0c0f0; | |||
border-radius: 5px; | |||
margin-left: 7px; | |||
padding: 3px; | |||
background-color: #e0e0e0; | |||
} | |||
#coordinates_osm:hover { | |||
box-shadow: 0 0 5px #a0a0c0; | |||
background-color: #b0b0b0; | |||
} | |||
/* Décoration des titres de sous-chapitre. */ | |||
#mw-content-text h3 { | |||
border-bottom: dotted 1px #aaa; | |||
} | |||
#mw-content-text h4, | |||
#mw-content-text h5, | |||
#mw-content-text h6 { | |||
border-bottom: dotted 1px #ddd; | |||
} | |||
/* rewritePageH1bis() du Common.js, pour [[Modèle:Aide contextuelle]] et plusieurs inlinages du modèle dans des messages système | |||
n'affiche pas le lien avant son déplacement via JavaScript, pour ne pas avoir de FOUC */ | |||
#helpPage { | |||
display: none; | |||
} | |||
/* Sous-titre ([[Modèle:Sous-titre]]) */ | |||
h1 #sous_titre_h1 { | |||
display: block; | |||
font-size: 0.7em; | |||
line-height: 1.3em; | |||
margin: 0.2em 0 0.1em 0.5em; | |||
} | |||
/* Masque le texte avant que JavaScript le déplace au bon endroit */ | |||
.client-js #mw-content-text #sous_titre_h1 { | |||
display: none; | |||
} | } | ||
/* | /* Met en italique, et met en romain les italiques imbriqués */ | ||
.italique { | |||
font-style: italic; | |||
} | |||
.italique i { | |||
font-style: normal; | |||
} | } | ||
/* | /* Balises source, pre, code */ | ||
pre { | |||
overflow-x: auto; | |||
} | } | ||
. | /* Exception pour l'espace de nom MediaWiki (NS 8) pour les fichiers *.js et *.css */ | ||
. | .ns-8 pre { | ||
overflow-x: visible; | |||
} | } | ||
/* | /* Balise abbr discrète */ | ||
. | abbr.abbr { | ||
text-decoration: none; /* Firefox, Chrome */ | |||
border-bottom: 0; /* IE */ | |||
} | } | ||
/* | /* Balise dfn (instance d'un terme défini) */ | ||
dfn { | |||
font-style: normal; | |||
font-weight: bold; | font-weight: bold; | ||
} | |||
i > dfn { | |||
font-style: italic; | |||
} | } | ||
/* | /* Empêche la césure ; utilisé par [[Modèle:Nobr]], entre autres */ | ||
. | .nowrap { | ||
. | white-space: nowrap; | ||
. | } | ||
/* Pour les copier-collers, retire les alternatives textuelles "Voir et modifier les données sur Wikidata" | |||
des liens "petit crayon" créés par [[Module:Wikidata]] */ | |||
.wikidata-linkback { | |||
-moz-user-select: none; | |||
-webkit-user-select: none; | |||
-ms-user-select: none; | |||
user-select: none; | |||
} | |||
/* Pages [[Spécial:Modifications récentes]], [[Spécial:Suivi des liens]], voir [[MediaWiki:Recentchangestext]] */ | |||
.rcoptions { | |||
clear: both; | |||
margin: 0 0 2px 0; | |||
padding: 0 0.5em; | |||
border: 1px solid #ddddf7; | |||
border-left: 10px solid #ddddf7; | |||
background-color: #fff; | |||
} | |||
.rcoptions hr { | |||
clear: both; | |||
} | |||
fieldset.rcoptions { | |||
padding-bottom: 0.5em; | |||
} | |||
/* Apparence de [[MediaWiki:Noarticletext]] */ | |||
.noarticletext { | |||
background: #f9f9f9; | |||
margin-top: 1em; | |||
padding: 5px; | |||
border: 1px solid #aaa; | |||
border-right: 2px solid #aaa; | |||
border-bottom: 2px solid #aaa; | |||
} | |||
/* Workaround à cause de [[MediaWiki:Searchmenu-new]] | |||
qui ferme prématurémént son conteneur "p.mw-search-createlink" */ | |||
.mw-searchresults-has-iw .mw-search-createlink { | |||
float: none; | |||
} | |||
/* Formulaire des pages d'historique */ | |||
#mw-history-search { | |||
border-color: #aaa; | |||
} | |||
/* Largeur minimale du cadre des miniatures d'images */ | |||
.thumbinner { | |||
min-width: 100px; | |||
} | |||
/* Place un damier de vérification en arrière-plan dans la page de description | |||
de l'image, visible seulement en cas d'image transparente ou semi-transparente. */ | |||
#file img { | |||
background: url("//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png"); | |||
} | |||
/* Barre d'outils */ | |||
.ns-0 #mw-editbutton-signature { | |||
display: none; | display: none; | ||
} | } | ||
/* | /* Fond gris pour les pages protégées en modification */ | ||
. | #wpTextbox1[readonly], | ||
#wpTextbox1[readonly] + .ui-resizable > .ace_editor { | |||
background: #eee; | |||
} | |||
/* Ne pas afficher le lien complet des URL externes sur la version imprimable | |||
(à faire manuellement, grâce à class="plainlinksneverexpand"). */ | |||
.plainlinksneverexpand a.external.text:after, | |||
.plainlinksneverexpand a.external.autonumber:after { | |||
display: none !important; | |||
} | |||
/* Supprimer la flèche de lien externe pour ces liens. */ | |||
.plainlinksneverexpand a { | |||
background: none !important; | |||
padding: 0 !important; | |||
} | } | ||
/* | /* Réserver un contenu à l'impression (display rétabli dans MediaWiki:Print.css) | ||
utilisé pour les entrées de ref group. */ | |||
.printcssonly { | |||
display: none; | display: none; | ||
} | } | ||
/* | /* Bandeau des brouillons problématique avec l'éditeur visuel. */ | ||
.ve-init-target .user-draft-header { | |||
display: none; | |||
} | } | ||
/* | /* Message-système des sous-pages de discussion. Classe .fieldsetlike etc. | ||
. | pour permettre la réutilisation de ces styles. */ | ||
.fieldsetlike { | |||
text-align: center; | |||
border: 1px solid #aaa; | |||
margin: 1em 0; | |||
padding: 0 0 0.4em 0; | |||
} | |||
.fieldsetlike .legendlike { | |||
margin-top: -0.8em; | |||
} | |||
.fieldsetlike .legendtextlike { | |||
padding: 0 8px; | |||
background: white; | |||
} | |||
.fieldsetlike ul { | |||
list-style-type: none; | |||
margin: 0; | |||
} | |||
.fieldsetlike li { | |||
display: inline; | |||
white-space: nowrap; | |||
} | |||
.fieldsetlike li:not(:last-child):after { | |||
content: '\a0- '; | |||
} | |||
#talkpageheader li { | |||
color: #707070; | |||
} | } | ||
/* | /* Catégories cachées */ | ||
#mw-hidden-catlinks { | |||
font-size: 0.85em; | |||
. | |||
} | } | ||
/* | /* Personnalisation de l'apparence des liens vers les pages d'homonymie. */ | ||
.homonymie { | |||
padding-left: 2em; | |||
padding-bottom: 0.5em; | |||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
margin-top: -0.5em; | |||
background: white; | |||
font-style: italic; | |||
border-bottom: 1px #aaa solid; | |||
} | |||
/* Masque les bordures adjacentes */ | |||
.homonymie + .homonymie { | |||
margin-top: calc(-0.5em - 1.05px); /* -margin-bottom - (1px + léger excédent) */ | |||
} | } | ||
/* Pour ne pas rogner le bandeau d'en-tête « Version supprimée de... » sur les pages d'admin « Voir et restaurer des pages supprimées » */ | |||
#mw-undelete-revision ~ .mw-parser-output > .homonymie:first-child { | |||
margin-top: 0; | |||
} | } | ||
/* | /* Bandeau label et icônes des AdQ/BA à côté des liens interlangues et | ||
/ | dans les modèles {{Q}} et {{B}}. */ | ||
li.AdQ, | |||
li.LdQ, | |||
li.PdQ, | |||
li.badge-featuredarticle, | |||
li.badge-featuredlist, | |||
li.badge-featuredportal { | |||
list-style-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/6/64/Article_de_qualite.svg/10px-Article_de_qualite.svg.png"); | |||
} | |||
li.BA, | |||
li.badge-goodarticle { | |||
list-style-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/1/11/Bon_article.svg/10px-Bon_article.svg.png"); | |||
} | } | ||
/* | /* [[Modèle:Indication de langue]] et [[Modèle:Lien]]. */ | ||
.indicateur-langue, | |||
.indicateur-format { | |||
font-family: monospace; | |||
font-weight: bold; | |||
font-size: small; | |||
font-style: normal; | |||
word-spacing: -0.4em; | |||
} | } | ||
/* [[Modèle:Colonnes]] et [[Modèle:Début de colonnes]]. */ | |||
.colonnes > ol, .colonnes > ul { | |||
margin-top: 0; | 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; | -webkit-column-break-inside: avoid; | ||
page-break-inside: avoid; | page-break-inside: avoid; | ||
| Ligne 120 : | Ligne 302 : | ||
} | } | ||
/* | /* Taille et famille des polices pour les écritures non-latines. | ||
Voir aussi [[modèle:Langue]]. */ | |||
:lang(grc), | |||
:lang(el) { /* Écriture grecque : moderne (monotonique), ancien (polytonique) */ | |||
*/ | font-family: 'Arial Unicode MS', 'DejaVu Sans', Athena, Gentium, 'Palatino Linotype', 'Lucida Sans Unicode', 'Lucida Grande', Code2000, sans-serif; | ||
. | } | ||
. | :lang(th) { /* Écriture thaïe */ | ||
. | font-family: 'Segoe UI', Tahoma, sans-serif; | ||
} | |||
/* Affichage des chiffres romains, voir [[modèle:Rom]] ou [[modèle:Romain]]. */ | |||
.romain { | |||
text-transform: lowercase; | |||
font-variant: small-caps; | |||
} | |||
/* Affichage des petites capitales, voir [[modèle:Petites capitales]]. */ | |||
.petites_capitales { | |||
font-variant: small-caps; | |||
} | |||
/* Taille et alignement des formules mathématiques. */ | |||
.texhtml { | |||
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif; | |||
font-size: 118%; | |||
line-height: 1; | |||
white-space: nowrap; | |||
-webkit-font-feature-settings: "lnum", "tnum"; /* Chrome 47, Opera 33 */ | |||
-webkit-font-kerning: none; /* safari 9, ios safari 9 */ | |||
font-feature-settings: "lnum", "tnum", "kern" 0; /* ie11 edge 13 */ | |||
font-variant-numeric: lining-nums tabular-nums; /* firefox 42+ */ | |||
font-kerning: none; /* firefox, Chrome, Opera */ | |||
} | |||
.texhtml .texhtml { | |||
font-size: 100%; | |||
} | |||
img.tex.center { | |||
width: auto; | |||
display: block; | |||
margin: 0 auto; | |||
} | |||
img.tex.left { | |||
display: block; | |||
margin-left: 1.6em; | |||
} | |||
/* Lien souligné, modèle projet jeu vidéo */ | |||
.annoncelabel:hover { | |||
text-decoration: underline; | |||
} | |||
/* Change la couleur des liens, pour les fonds colorés sombres ; limité aux | |||
espaces de nom de discussions, projets (ns-102), portails (ns-100), pages | |||
utilisateur (ns-2), et espace Wikipédia (ns-4 : Bistro...). */ | |||
body.ns-2 .lienClair a, | |||
body.ns-4 .lienClair a, | |||
body.ns-100 .lienClair a, | |||
body.ns-102 .lienClair a, | |||
body.ns-talk .lienClair a { | |||
color: #a0a0a0; | |||
} | |||
body.ns-2 .lienClair a:hover, | |||
body.ns-4 .lienClair a:hover, | |||
body.ns-100 .lienClair a:hover, | |||
body.ns-102 .lienClair a:hover, | |||
body.ns-talk .lienClair a:hover { | |||
color: #a0a0a0; | |||
text-decoration: underline; | |||
} | |||
body.ns-2 .lienClair a:visited, | |||
body.ns-4 .lienClair a:visited, | |||
body.ns-100 .lienClair a:visited, | |||
body.ns-102 .lienClair a:visited, | |||
body.ns-talk .lienClair a:visited { | |||
color: #b9b9b9; | |||
} | |||
/* Lien vers une ébauche */ | |||
a.stub { | |||
color: #339900; | |||
} | } | ||
a.stub:visited { | |||
. | color: #336600; | ||
} | } | ||
/* | |||
. | /* Références : éviter une trop grande réduction de taille de caractères | ||
dans certaines configurations. */ | |||
.references small { | |||
font-size: 1em !important; | |||
} | } | ||
/* | |||
. | /* Par défaut, cacher les crochets autour des notes. */ | ||
.cite_crochet { | |||
display: none; | display: none; | ||
} | } | ||
/* | |||
. | /* Pour que « Note 1 » ne soit ni en gras, ni en italique. */ | ||
sup.reference { | |||
font-weight: normal; | |||
font-style: normal; | |||
} | } | ||
/** | |||
/* Éviter d'obtenir un interlignage de taille variable. */ | |||
.reference, | |||
.exposant { | |||
vertical-align: text-top; | |||
. | position: relative; | ||
. | font-size: 0.8em; | ||
top: -5px; | |||
} | |||
.reference-text sup { | |||
vertical-align: text-top; | |||
position: relative; | |||
font-size: 0.75em; | |||
top: -0.1em; | |||
} | |||
.reference { | |||
padding-left: 1px; | |||
} | |||
/* Diminution décalage, en raison du line-height réduit dans .infobox_v2 */ | |||
.infobox_v2 .reference { | |||
top: -2px; | |||
} | |||
small.cachelinks, | |||
small.cachelinks a { | |||
color: #36b; | |||
} | |||
/* Numérotations différentes des appels de notes. */ | |||
.references-small.lower-alpha ol { | |||
list-style-type: lower-alpha; | |||
} | |||
.references-small.lower-greek ol { | |||
list-style-type: lower-greek; | |||
} | |||
.references-small.decimal ol, | |||
.references-small.lower-alpha ol ol, | |||
.references-small.lower-greek ol ol { | |||
list-style-type: decimal; | |||
} | |||
/* Répartition égale des références sur plusieurs colonnes : | |||
pas d'espace supplémentaire en haut de première colonne */ | |||
.references-small ol { | |||
margin-top: 0; | |||
} | |||
/* Compensation du style précédent */ | |||
.references-small { | |||
margin-top: 0.3em; | |||
} | |||
/* Mise en surbrillance de l'ouvrage cliqué pour faciliter la navigation, | |||
comme fait déjà MediaWiki pour les notes et références. */ | |||
.ouvrage:target { | |||
background: #eaf3ff; | |||
} | |||
/* Cadre pour [[Modèle:Références nombreuses]] */ | |||
.reference-cadre { | |||
height: 30em; | |||
overflow: auto; | |||
padding: 3px; | |||
border: 1px solid #AAA; | |||
} | |||
/* Ligne de tableau dans « Informations sur la page » */ | |||
body.action-info tr:target { | |||
background: #eaf3ff; | |||
} | } | ||
. | /* Style des modèles [[modèle:Référence nécessaire]] et [[modèle:Citation nécessaire]]. */ | ||
. | span.need_ref { | ||
border-bottom: 1px solid #aaa; | |||
} | } | ||
div.need_ref { | |||
border: 1px solid #aaa; | |||
padding: 0.5em; | |||
. | |||
} | } | ||
/* Référence présente */ | |||
. | span.ref:hover { | ||
border-bottom: 1px solid #aaa; | |||
} | } | ||
/* | |||
. | /* Gestion automatique de l'ISBN par MediaWiki. */ | ||
.mw-magiclink-isbn { | |||
white-space: nowrap; | |||
} | } | ||
. | |||
/* Mode d'affichage par défaut des données dans l'espace référence. */ | |||
.edition-Liste { | |||
display: block; | |||
} | } | ||
. | .edition-WikiNorme, | ||
.edition-BibTeX, | |||
.edition-ISBD, | |||
.edition-ISO690 { | |||
display: none; | |||
} | } | ||
. | /* Style de { , } entre les références */ | ||
.cite_virgule { | |||
padding-left: 0; | |||
padding-right: 1px; | |||
} | } | ||
/* | /* Boites et messages */ | ||
. | div.boite-a-droite { | ||
display: table; | |||
clear: right; | |||
float: right; | |||
margin: 1em 0 1em 1em; | |||
width: 20em; | |||
position: relative; /* Pour les images manuelles */ | |||
border-style: solid; | |||
border-width: 1px; | |||
padding: 4px; | |||
text-align: left; | |||
} | |||
.boite-sans-fond { | |||
border-color: #aaa; /* Comme boite-grise */ | |||
} | } | ||
. | .boite-grise { /* Similaire au bandeau de catégorie */ | ||
border-color: #aaa; | |||
background-color: #f9f9f9; | |||
} | } | ||
/* | /* 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.1em 0; | |||
margin: 0.3em 0 0.7em 2em; | |||
} | |||
.bandeau-centrer{ | |||
display: table; | |||
width: 100%; | width: 100%; | ||
text-align: center; | text-align: center; | ||
} | } | ||
. | .bandeau-cell { | ||
margin- | display: table-cell; | ||
vertical-align: middle; | |||
} | |||
.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; | |||
} | } | ||
. | |||
margin- | .bandeau { | ||
text-align: left; | |||
margin: 8px 10% 12px; | |||
border-style: solid; | |||
border-width: 1px 1px 1px 10px; | |||
padding: 2px 10px; | |||
} | } | ||
. | .bandeau table { | ||
background-color: transparent; | |||
} | } | ||
. | .bandeau-icone { | ||
vertical-align: middle; | |||
text-align: center; | text-align: center; | ||
width: 45px; | |||
/* @noflip */ | |||
padding-right: 1em; | |||
} | |||
.bandeau-titre { | |||
font-size: 1.1em; | |||
line-height: 1.4em; | |||
} | } | ||
.bandeau-texte { | |||
font-size: 0.9em; | |||
line-height: 1.2em; | |||
} | } | ||
. | .bandeau-problemes-multiples .bandeau-niveau-information, .bandeau-problemes-multiples .bandeau-niveau-modere, .bandeau-problemes-multiples .bandeau-niveau-grave { | ||
. | background: none !important; | ||
background | border: none !important; | ||
} | } | ||
. | .bandeau-problemes-multiples .bandeau { | ||
margin: 0 !important; | |||
border- | border-top: 1px solid grey !important; | ||
border-bottom: 1px solid grey !important; | |||
} | } | ||
.bandeau-problemes-multiples .NavContent { | |||
background: none !important; | |||
padding-top: 0 !important; | |||
padding-bottom: 0 !important; | |||
border-top: 1px solid grey !important; | |||
border- | border-bottom: 1px solid grey !important; | ||
margin-left: 2em !important; | |||
margin-right: 2em !important; | |||
} | } | ||
. | .bandeau-ebauche-problemes-multiples .bandeau-niveau-ebauche { | ||
. | margin-bottom: 0 !important; | ||
} | } | ||
. | .bandeau-ebauche-problemes-multiples .bandeau-problemes-multiples { | ||
margin-top: 0 !important; | |||
. | |||
} | } | ||
. | .bandeau-ebauche-problemes-multiples .bandeau-niveau-ebauche .bandeau-texte { | ||
display: none; | |||
} | } | ||
. | .bandeau-ebauche-problemes-multiples-niveau-grave .bandeau-niveau-ebauche { | ||
background-color: # | border-color: #aa0044 !important; | ||
background-color: #ffcccc !important; | |||
} | } | ||
. | .bandeau-ebauche-problemes-multiples-niveau-modere .bandeau-niveau-ebauche { | ||
background-color: | border-color: #ff8822 !important; | ||
background-color: #ffeedd !important; | |||
} | } | ||
. | .bandeau-ebauche-problemes-multiples-niveau-information .bandeau-niveau-ebauche { | ||
border-color: #77ccff !important; | |||
background-color: #fbfbfb !important; | |||
} | } | ||
/* | /* Styles pour les bannières */ | ||
. | |||
.topbanner { | |||
position: relative; | |||
overflow: hidden; | |||
max-width: 1800px; | |||
height: auto; | |||
} | |||
.topbanner img { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
.topbanner-box { | |||
position: absolute; | |||
z-index: 2; | |||
margin-top: 1.5em; | |||
color: white; | |||
width: 50%; | |||
min-width: 20em; | |||
left: 2%; | |||
text-align: left; | |||
} | } | ||
. | .topbanner .name { | ||
position: absolute; | |||
z-index: 2; | |||
margin: 0.6em 0 0 0.4em; | |||
padding: 8px 7px; | |||
font-size: 2.2em; | |||
background: rgb(16,16,16); | |||
background: rgba(0,0,0,0.5); | |||
border-radius: 4px; | |||
color: white; | |||
white-space: nowrap; | white-space: nowrap; | ||
line-height: 0.9em; | |||
} | |||
/* Petites icônes */ | |||
.indentation, /* pas d'image correspondante */ | |||
.loupe, /* loupe, voir le [[modèle:Article détaillé]] */ | |||
.general, /* flèche pour le [[modèle:Article principal]] */ | |||
.accessibilite, /* symbole handicap, pour le [[modèle:Encart]] */ | |||
.etoile-or, | |||
.etoile-argent, | |||
.categorie, /* symbole du [[modèle:Catégorie principale]] */ | |||
.biblio, /* livres pour le [[modèle:Sources de section]] */ | |||
.recyclage, /* symbole du [[modèle:Section à recycler]] */ | |||
.archives, /* symbole d'archivage */ | |||
.sons, /* pour le [[modèle:Média externe]] */ | |||
.videos, /* pour le [[modèle:Média externe]] */ | |||
.incomplet, /* cône de chantier pour le [[modèle:Section vide ou incomplète]] */ | |||
.sources, /* livre ouvert du [[modèle:Section à sourcer]] */ | |||
.important, /* triangle rouge : mise en garde */ | |||
.en-travaux, /* triangle jaune : en construction */ | |||
.information, | |||
.conflit-edition, | |||
.incubator, | |||
.extension, /* extensions MediaWiki */ | |||
.wikispecies, | |||
.metawiki, | |||
.wikiversity, | |||
.wikipedia, | |||
.wikibooks, | |||
.wikinews, | |||
.wikiquote, | |||
.wikisource, | |||
.commons, | |||
.wikimedia, | |||
.wiktionary, | |||
.wikidata, | |||
.wikivoyage, | |||
.wwwmediawiki { | |||
background-repeat: no-repeat; | |||
line-height: 1.5em; | |||
text-indent: 23px; | |||
display: inline-block; | |||
} | |||
.loupe { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/6/61/Searchtool.svg/15px-Searchtool.svg.png"); | |||
background-position: 2px 3px; | |||
} | |||
.general { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/2/2d/Nuvola_apps_download_manager2-70%25.svg/15px-Nuvola_apps_download_manager2-70%25.svg.png"); | |||
background-position: 2px 3px; | |||
} | |||
.accessibilite { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/44/Gnome-preferences-desktop-accessibility.svg/18px-Gnome-preferences-desktop-accessibility.svg.png"); | |||
background-position: 2px 0; | |||
} | |||
.etoile-or { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/6/64/Article_de_qualite.svg/19px-Article_de_qualite.svg.png"); | |||
background-position: 1px 1px; | |||
} | |||
.etoile-argent { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/1/11/Bon_article.svg/19px-Bon_article.svg.png"); | |||
background-position: 1px 1px; | |||
} | |||
.categorie { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/3/34/Nuvola_apps_kpager.svg/21px-Nuvola_apps_kpager.svg.png"); | |||
background-position: 0 0; | |||
} | |||
.biblio { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/4b/Books-aj.svg_aj_ashton_01.svg/20px-Books-aj.svg_aj_ashton_01.svg.png"); | |||
background-position: 2px 2px; | |||
} | |||
.recyclage { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/e/ed/Recycle002.svg/20px-Recycle002.svg.png"); | |||
background-position: 1px 1px; | |||
} | |||
.archives { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/9/94/Filing_cabinet_icon.svg/21px-Filing_cabinet_icon.svg.png"); | |||
background-position: 0 1px; | |||
} | |||
.conflit-edition { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Human-emblem-important-blue-128.png/12px-Human-emblem-important-blue-128.png"); | |||
background-position: 0 3px; | |||
text-indent: 16px; | |||
line-height: 1.3em; | |||
} | |||
.sons { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/44/Nuvola_apps_arts.png/18px-Nuvola_apps_arts.png"); | |||
background-position: 1px 1px; | |||
} | |||
.videos { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Nuvola_apps_kaboodle.svg/18px-Nuvola_apps_kaboodle.svg.png"); | |||
background-position: 1px 1px; | |||
} | |||
.incomplet { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/6/6a/Fairytale_waring.png/16px-Fairytale_waring.png"); | |||
background-position: 2px 3px; | |||
} | |||
.sources { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/6/64/Question_book-4.svg/20px-Question_book-4.svg.png"); | |||
background-position: 1px 4px; | |||
} | |||
.important { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/f7/Nuvola_apps_important.svg/19px-Nuvola_apps_important.svg.png"); | |||
background-position: 1px 2px; | |||
} | |||
.en-travaux { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/81/Under_contruction_icon-yellow.svg/20px-Under_contruction_icon-yellow.svg.png"); | |||
background-position: 1px 2px; | |||
} | } | ||
. | .information { | ||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/e/eb/Information_icon_with_gradient_background.svg/19px-Information_icon_with_gradient_background.svg.png"); | |||
background-position: 1px 2px; | |||
} | |||
.incubator { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/e/e3/Incubator-logo.svg/15px-Incubator-logo.svg.png"); | |||
background-position: 1px 1px; | |||
} | |||
.extension { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/b/bb/MediaWiki-notext.svg/21px-MediaWiki-notext.svg.png"); | |||
background-position: 0 4px; | |||
} | |||
.wikispecies { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/d/df/Wikispecies-logo.svg/17px-Wikispecies-logo.svg.png"); | |||
background-position: 1px 0; | |||
} | |||
.wikisource { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Wikisource-logo.svg/17px-Wikisource-logo.svg.png"); | |||
background-position: 1px 1px; | |||
} | |||
.wikipedia { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/6/63/Wikipedia-logo.png/19px-Wikipedia-logo.png"); | |||
background-position: 1px 0; | |||
} | |||
.wikibooks { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Wikibooks-logo.svg/19px-Wikibooks-logo.svg.png"); | |||
background-position: 1px 1px; | |||
} | |||
.metawiki { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/7/75/Wikimedia_Community_Logo.svg/18px-Wikimedia_Community_Logo.svg.png"); | |||
background-position: 1px 1px; | |||
} | |||
.wikiversity { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/9/91/Wikiversity-logo.svg/20px-Wikiversity-logo.svg.png"); | |||
background-position: 0 2px; | |||
} | |||
.wiktionary { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/e/ec/Wiktionary-logo.svg/20px-Wiktionary-logo.svg.png"); | |||
background-position: 0 1px; | |||
} | |||
.wikinews { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/2/24/Wikinews-logo.svg/20px-Wikinews-logo.svg.png"); | |||
background-position: 0 5px; | |||
} | |||
.wikiquote { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Wikiquote-logo.svg/16px-Wikiquote-logo.svg.png"); | |||
background-position: 2px 1px; | |||
} | |||
.commons { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/14px-Commons-logo.svg.png"); | |||
background-position: 3px 0; | |||
} | } | ||
. | .wikimedia { | ||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/81/Wikimedia-logo.svg/20px-Wikimedia-logo.svg.png"); | |||
background-position: 0 0; | |||
} | } | ||
. | .wikidata { | ||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/ff/Wikidata-logo.svg/22px-Wikidata-logo.svg.png"); | |||
background-position: 0 5px; | |||
} | } | ||
/ | .wikivoyage { | ||
. | background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Wikivoyage-Logo-v3-icon.svg/20px-Wikivoyage-Logo-v3-icon.svg.png"); | ||
background-position: 1px 1px; | |||
} | } | ||
. | .wwwmediawiki { | ||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/b/bb/MediaWiki-notext.svg/20px-MediaWiki-notext.svg.png"); | |||
background-position: 1px 3px; | |||
} | } | ||
. | |||
/* Grosses icônes */ | |||
.grosse-icone { | |||
display: table-cell; | |||
vertical-align: middle; | |||
/* | padding-left: 60px; | ||
background-repeat: no-repeat; | |||
background-position: left center; | |||
text-indent: 0; /* Certaines icones ont une version « en ligne ». */ | |||
height: 48px; | |||
} | } | ||
/ | .grosse-icone.etoile-or { | ||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/6/64/Article_de_qualite.svg/40px-Article_de_qualite.svg.png"); | |||
. | } | ||
/ | .grosse-icone.etoile-argent { | ||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/1/11/Bon_article.svg/40px-Bon_article.svg.png"); | |||
} | |||
/ | .grosse-icone.archives { | ||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/9/94/Filing_cabinet_icon.svg/48px-Filing_cabinet_icon.svg.png"); | |||
/ | } | ||
.grosse-icone.ancienne-version { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Clock_and_warning.svg/46px-Clock_and_warning.svg.png"); | |||
} | |||
.grosse-icone.maintenance { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/a/a3/Tools_nicu_buculei_01.svg/46px-Tools_nicu_buculei_01.svg.png"); | |||
} | |||
.grosse-icone.protection-admin { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/9/97/Full-protection-shackle-frwiki.svg/32px-Full-protection-shackle-frwiki.svg.png"); | |||
} | |||
.grosse-icone.semi-protection { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/d/de/Semi-protection-shackle-frwiki.svg/32px-Semi-protection-shackle-frwiki.svg.png"); | |||
} | |||
.grosse-icone.roue-dentee { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Crystal_Clear_action_run.png/46px-Crystal_Clear_action_run.png"); | |||
} | |||
.grosse-icone.conflit-edition { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/86/Passage_pieton_rouge.png/46px-Passage_pieton_rouge.png"); | |||
} | |||
.grosse-icone.titre-protege { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/c/c4/System-lock-screen.svg/46px-System-lock-screen.svg.png"); | |||
} | |||
.grosse-icone.gros-warning { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/f/f6/OOjs_UI_icon_alert-destructive.svg"); | |||
background-size: 46px; | |||
} | |||
.grosse-icone.attention { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/3/3b/OOjs_UI_icon_alert-warning.svg"); | |||
background-size: 46px; | |||
} | |||
.grosse-icone.information { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/1/13/OOjs_UI_icon_notice-progressive.svg"); | |||
background-size: 46px; | |||
} | |||
.grosse-icone.ebauche { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/8/8a/OOjs_UI_icon_edit-ltr-progressive.svg"); | |||
background-size: 46px; | |||
} | } | ||
/* | /* Styles par défaut pour les bandeaux en haut des articles. Voir | ||
. | [[Projet:Charte graphique/Harmonisation des messages d'avertissement]] | ||
et [[Wikipédia:Prise de décision/Harmonisation des messages d'avertissement]]. */ | |||
/* Classe pour toutes les alertes. */ | |||
.alerte { | |||
padding: 0.11em; | |||
background: #ffd; | |||
margin-bottom: 0.4em; | |||
font-style: italic; | |||
} | } | ||
/* Classe supplémentaire pour les alertes graves. */ | |||
.grave { | |||
border: 1px solid #f96; | |||
} | } | ||
/* | /* Styles des « messagebox » standard. */ | ||
. | .messagebox { | ||
border: 1px solid # | border: 1px solid #aaa; | ||
background: #f9f9f9; | |||
background | width: 80%; | ||
margin: 0 auto 1em auto; | |||
margin: 0 | |||
padding: 0.2em; | padding: 0.2em; | ||
/* | text-align: justify; | ||
} | |||
/* | .messagebox.standard-talk { | ||
clear: | border: 1px solid #c0c090; | ||
font-size: | background: #f8eaba; | ||
} | |||
.vectorbox { | |||
width: 85%; | |||
background: #f5faff; | |||
border: 1px solid #a7d7f9; | |||
border-radius: 10px; | |||
margin: 0 auto 1em auto; | |||
} | |||
/* Boîtes utiles sur les pages d'aide (exemple : [[Aide:Note#Exemples]]). */ | |||
.exemple { | |||
margin: 0.5em; | |||
padding: 0.5em; | |||
border: dashed 1px #add8e6; | |||
background: #fff; | |||
} | |||
/* Standardisation de quelques messages systèmes : | |||
* class="mw-alerte" : bandeaux d'alerte comme [[MediaWiki:Editinginterface]]. | |||
* class="mw-toolbox" : boîtes à outils comme sur [[MediaWiki:Sp-contributions-footer]]. */ | |||
/* Suppression du message avertissant du lag de 1 seconde dans la liste de suivi. */ | |||
.mw-lag-warn-normal { | |||
display: none; | |||
} | |||
/* Messages d'alerte */ | |||
.mw-alerte { | |||
width: 100%; | |||
clear: both; | |||
background: #faebd7; | |||
border: 2px solid #ff8c00; | |||
} | |||
/* Boîtes à outils */ | |||
.mw-toolbox { | |||
font-size: 90%; | |||
background: #f8f8f8; | |||
border: 1px solid #b8b8b8; | |||
padding: 0.25em 1em; | |||
clear: both; | |||
} | |||
/* 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: bold; | font-weight: bold; | ||
padding: 0 | background: #efefef; | ||
} | |||
div.NavEnd { | |||
height: 0; | |||
clear: both; | |||
} | |||
/* 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; | text-align: center; | ||
width: calc(100% + 6px); | |||
} | } | ||
. | th.navbox-title { | ||
. | background: #ccf; | ||
vertical-align: | padding-left: 1em; | ||
padding-right: 1em; | |||
} | |||
th.navbox-group { | |||
background: #ddf; | |||
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; | text-align: left; | ||
} | } | ||
. | td.navbox-even { | ||
background: #f0f0ff; | |||
} | |||
table.navbox-subgroup td.navbox-even { | |||
background: transparent; | |||
} | |||
td.navbox-banner { | |||
background: #ddf; | |||
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]]. */ | ||
border: 1px solid # | div.navbox-container { | ||
border: 1px solid #aaa; | |||
margin-top: 1em; | |||
} | } | ||
. | div.navbox-container table.navbox { | ||
border: 0; | 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-size: 90%; | ||
font-weight: normal; | |||
float: right !important; | |||
min-width: 6em; | |||
} | |||
/* Styles pour [[Modèle:Section déroulante début]] */ | |||
.client-js .titre-section-deroulante { | |||
padding-left: 18px; | |||
} | |||
.client-js .mw-made-collapsible .titre-section-deroulante, | |||
.client-js .mw-made-collapsible .titre-section-deroulante.mw-collapsible-toggle-expanded { | |||
background: | |||
url("//upload.wikimedia.org/wikipedia/commons/0/03/MediaWiki_Vector_skin_right_arrow.svg") -9999px -9999px no-repeat, | |||
url("//upload.wikimedia.org/wikipedia/commons/f/f1/MediaWiki_Vector_skin_action_arrow.svg") left center no-repeat; | |||
} | |||
.client-js .mw-made-collapsible .titre-section-deroulante.mw-collapsible-toggle-collapsed { | |||
background: | |||
url("//upload.wikimedia.org/wikipedia/commons/0/03/MediaWiki_Vector_skin_right_arrow.svg") left center no-repeat, | |||
url("//upload.wikimedia.org/wikipedia/commons/f/f1/MediaWiki_Vector_skin_action_arrow.svg") -9999px -9999px no-repeat; | |||
} | |||
/* Classe pour tableaux standards, légèrement grisés. */ | |||
.wikitable th[scope=row] { | |||
text-align: left; | |||
} | } | ||
. | /* 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, ou en précisant style="float:none" | |||
dans l'en-tête 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; | |||
} | |||
} | } | ||
. | /* Classe pour substituer l'attribut obsolète cellpadding=0 */ | ||
. | table.nocellpadding > * > tr > td, | ||
table.nocellpadding > * > tr > th { | |||
padding: 0; | |||
} | } | ||
/* | /* Classes permettant d'alterner les couleurs de ligne dans les | ||
tableaux selon le nombre de lignes d'en-tête : | |||
. | * .alternance si nombre impair ou .alternance2 si nombre pair. | ||
* .sortable : les tableaux triables nécessitent d'inverser | |||
l'alternance. */ | |||
.alternance, | |||
.alternance2 { | |||
border-collapse: collapse; | border-collapse: collapse; | ||
} | |||
table.alternance > * > tr > th, | |||
table.alternance2 > * > tr > th { | |||
background-color: #e6e6e6; | |||
} | |||
.alternance tr, | |||
.alternance th[scope="row"] { | |||
background-color: #fcfcfc; | |||
} | |||
.alternance:not(.sortable) tr:nth-child(odd), | |||
.alternance.sortable tr:nth-child(even), | |||
.alternance:not(.sortable) tr:nth-child(odd) th[scope="row"], | |||
.alternance.sortable tr:nth-child(even) th[scope="row"] { | |||
background-color: #eee; | |||
} | |||
.alternance2 tr, | |||
.alternance2 th[scope="row"] { | |||
background-color: #eee; | |||
} | |||
.alternance2 tr:nth-child(odd), | |||
.alternance2 tr:nth-child(odd) th[scope="row"] { | |||
background-color: #fcfcfc; | |||
} | } | ||
/* Classe pour permettre un titre d'une couleur différente sans avoir à l'imposer dans chaque cellule */ | |||
. | table.titre-en-couleur > * > tr > th { | ||
background-color: transparent; | |||
} | } | ||
. | |||
/* Classe pour aligner les cellules en haut sans avoir à répéter le style dans chaque cellule */ | |||
table.td-align-top > * > tr > td { | |||
vertical-align: top; | |||
} | } | ||
. | /* Espacement du lien "[afficher]" ajouté par la classe mw-collapsible | ||
. | en attendant résolution de https://phabricator.wikimedia.org/T155347 */ | ||
caption .mw-collapsible-toggle, | |||
th .mw-collapsible-toggle { | |||
margin-left: 0.3em; | |||
} | |||
/* @noflip */ | |||
.mw-content-ltr caption .mw-collapsible-toggle, | |||
.mw-content-ltr th .mw-collapsible-toggle, | |||
.mw-content-rtl .mw-content-ltr caption .mw-collapsible-toggle, | |||
.mw-content-rtl .mw-content-ltr th .mw-collapsible-toggle { | |||
margin-left: 0.3em; | |||
} | |||
/* @noflip */ | |||
.mw-content-rtl caption .mw-collapsible-toggle, | |||
.mw-content-rtl th .mw-collapsible-toggle, | |||
.mw-content-ltr .mw-content-rtl caption .mw-collapsible-toggle, | |||
.mw-content-ltr .mw-content-rtl th .mw-collapsible-toggle { | |||
margin-right: 0.3em; | |||
} | } | ||
. | /* 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 { | |||
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; | |||
} | } | ||
/* Listes sans puces */ | |||
. | .liste-simple ul { | ||
line-height: inherit; | |||
list-style: none none; | |||
margin: 0; | |||
} | |||
.liste-simple ul li { | |||
margin-bottom: 0; | |||
} | } | ||
/* | /* Amélioration de la présentation des <templatedata> */ | ||
. | .mw-templatedata-doc-desc + p, | ||
.mw-templatedata-doc-param-name code:first-of-type { | |||
font-weight: bold; | |||
} | |||
.mw-templatedata-doc-params dl { | |||
font-size: 85%; | |||
margin: 0.5em 1em; | |||
} | |||
.mw-templatedata-doc-params dt { | |||
float: left; | |||
clear: both; | |||
font-weight: normal; | font-weight: normal; | ||
/* @ | font-style: italic; | ||
} | |||
.mw-templatedata-doc-params dt:after { | |||
content: "\a0:\a0"; | |||
} | |||
.mw-templatedata-doc-params dd { | |||
float: left; | |||
margin: 0; | |||
} | |||
.mw-templatedata-doc-muted { | |||
color: grey; | |||
} | |||
/* Style par défaut des bandeaux de portail décidés sur | |||
[[Wikipédia:Prise de décision/Bandeaux de portails]] | |||
Utilisé dans [[Modèle:Méta lien vers portail]] et [[Modèle:Portail]]. */ | |||
#bandeau-portail { | |||
border: solid #aaa 1px; | |||
background-color: #f9f9f9; | |||
text-align: center; | |||
margin-top: 1em; | |||
} | |||
#bandeau-portail, | |||
#liste-portail { | |||
padding: 4px; | |||
margin-left: 0; | |||
clear: both; | |||
} | |||
#liste-portail li, | |||
#bandeau-portail li{ | |||
display: inline; | |||
} | |||
.bandeau-portail-element { | |||
white-space: nowrap; | |||
margin: 0 1.5em; | |||
} | |||
.bandeau-portail-icone { | |||
margin-right: 0.5em; | |||
} | |||
.bandeau-portail-texte { | |||
font-weight: bold; | |||
} | |||
/* Classes pour les colonnes des portails */ | |||
.portail-gauche, | |||
.portail-droite { | |||
box-sizing: border-box; | |||
} | |||
.portail-gauche { | |||
float: left; | |||
padding-right: 1.2rem; | |||
} | |||
.portail-droite { | |||
float: right; | |||
} | |||
@media (max-width: 981px) { | |||
.portail-gauche, | |||
.portail-droite { | |||
float: none; | |||
width: auto !important; | |||
} | |||
.portail-gauche { | |||
padding-right: 0; | |||
} | |||
} | |||
/* Page d'accueil et portail utilisant la même structure */ | |||
.accueil-contenu { | |||
margin: 0.4em -1% 0.4em 0; | |||
display: flex; | |||
flex-flow: wrap; | |||
overflow: hidden; /*be kind ie10 et les navigateurs ne gérant pas les flexbox */ | |||
} | |||
.accueil-droite, | |||
.accueil-gauche { | |||
display: flex; | |||
flex-flow: wrap; | |||
align-content: flex-start; | |||
margin: 0.4em 1% 0.4em 0; | |||
border: 1px solid #a7d7f9; | |||
border-radius: 1em; | |||
} | |||
.accueil-droite { | |||
background: #f5faff; | |||
flex: 21em; | |||
overflow: hidden;/*ie10*/ | |||
} | |||
.accueil-gauche { | |||
flex: 2 35em; | |||
float: left; /*ie10*/ | |||
width: 64%; /*ie10*/ | |||
} | |||
.accueil-cadre { | |||
padding: 1.2em; | |||
} | |||
.accueil-cadre .mw-headline-number { | |||
display: none; | |||
} | |||
/* Retire le nom de la page d'accueil */ | |||
body.action-view.page-Wikipédia_Accueil_principal #firstHeading { | |||
position: absolute; | |||
top: -5000px; | |||
} | |||
/* | |||
Retire les numéros ajoutés lorsque "Préférences > Apparence > Numéroter automatiquement les titres de section" est coché | |||
TODO : éventuellement créer une classe générique à ajouter à un div conteneur, permettant d'utiliser la fonctionnalité ailleurs | |||
*/ | |||
body.page-Wikipédia_Accueil_principal .mw-headline-number { | |||
display: none; | |||
} | |||
/* Bandeau accueil */ | |||
#interwiki-listecomplete { | |||
font-weight: bold; | |||
} | |||
/* Mise en page Accueil version 2017 */ | |||
#accueil_2017_en-tete { | |||
background: linear-gradient(to bottom, #fff, #e8f2f8); | |||
border-bottom: solid 1px #a8d7fc; | |||
} | |||
#accueil_2017_bandeau { | |||
background: url("//upload.wikimedia.org/wikipedia/commons/a/aa/Wikipedia-logo-v2-o50.svg") no-repeat -110px -15px; | |||
background-size: 300px 300px; | |||
padding: 1.5rem 1rem 1rem; | |||
font-family: 'Open Sans', Sans-serif; | |||
} | |||
#accueil_2017_bloc-titre { | |||
display: inline-block; | |||
margin-left: 14rem; | |||
margin-bottom: 1rem; | |||
text-align: left; | text-align: left; | ||
line-height: 1.6; | |||
color: #457; | |||
} | |||
#accueil_2017_bloc-titre > h2 { | |||
margin: 0; | |||
padding: 0; | |||
border: none; | |||
font-size: 200%; | |||
font-weight: bold; | |||
font-family: 'Open Sans', Sans-serif; | |||
color: #457; | |||
} | |||
#accueil_2017_bloc-titre > p { | |||
margin: 0; | |||
padding: 0; | |||
font-size: 95%; | |||
} | |||
#accueil_2017_bloc-liens { | |||
text-align: center; | |||
font-size: 90%; | |||
font-weight: bold; | |||
} | |||
#accueil_2017_lien-mobile { | |||
margin-bottom: 1rem; | |||
} | } | ||
/* | #accueil_2017_contenu { | ||
. | margin-top: 1rem; | ||
. | } | ||
. | #accueil_2017_contenu .portail-gauche { | ||
/* | width: 60%; | ||
} | |||
#accueil_2017_contenu .portail-droite { | |||
width: 40%; | |||
} | |||
#accueil_2017_contenu:after { | |||
clear: both; | |||
display: table; | |||
content: ''; | |||
} | |||
.accueil_2017_cadre { | |||
box-shadow: 0 0 0.3rem #999; | |||
border-radius: 0.2rem; | |||
padding: 1.2rem; | |||
margin-bottom: 1.6rem; | |||
} | |||
/* S'assurer que ces règles emportent bien la priorité sur toutes les skins */ | |||
#mw-content-text .accueil_2017_cadre h2 { | |||
font-variant: small-caps; | |||
letter-spacing: 0.01em; | |||
border-bottom: solid 0.2rem #bdd8fb; | |||
margin: -0.4rem 0 0.5rem; | |||
} | |||
.accueil_2017_pied { | |||
padding: 1.3em 0 0; | |||
font-size: 85%; | |||
text-align: right; | |||
} | |||
@media (min-width: 982px) { | |||
#accueil_2017_contenu { | |||
display: flex; | |||
} | |||
#accueil_2017_contenu .portail-gauche, | |||
#accueil_2017_contenu .portail-droite { | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
.accueil_2017_cadre:nth-child(1) { | |||
flex-grow: 1; | |||
} | |||
.accueil_2017_cadre:nth-child(2) { | |||
flex-grow: 2; | |||
} | |||
.accueil_2017_cadre:nth-child(3) { | |||
flex-grow: 3; | |||
} | |||
} | |||
/* Divers */ | |||
.globegris { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png"); | |||
background-repeat: no-repeat; | |||
background-position: -40px -15px; | |||
} | |||
.assistant { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/6/67/Nuvola_apps_khelpcenter_25%25.png"); | |||
} | |||
.headergris { | |||
background: #f0f0f0 url("//upload.wikimedia.org/wikipedia/commons/1/1b/Wikibar2.png") no-repeat right; | |||
margin: 0; | |||
font-size: 120%; | |||
font-weight: bold; | |||
border: 1px solid #a3b0bf; | |||
text-align: left; | text-align: left; | ||
color: #000; | |||
padding: 0.15em 0.4em; | |||
} | |||
.cadregris { | |||
border: 1px solid #aaa; | |||
background: #fcfcfc; | |||
vertical-align: top; | |||
padding: 7px; | |||
margin-bottom: 0.6em; | |||
} | } | ||
.accueil_cadre_lien { | |||
text-align: right; | |||
margin-right: 0.5em; | |||
font-size: xx-small; | |||
} | } | ||
/* | /* Tracé de lignes ferroviares ([[Modèle:3voies]] et cie) */ | ||
.tablelignesferroviaires td { | |||
white-space: nowrap; | |||
} | } | ||
/* | /* Infobox V2 (voir : [[Projet:Infobox/V2]]) */ | ||
.infobox_v2 { | |||
background: #f9f9f9; | |||
color: #000; | |||
font-size: 90%; | |||
line-height: 1.2em; | |||
float: right; | |||
clear: right; | |||
margin: 0 0 0.5em 1em; | |||
width: 294px; | |||
border: 1px solid #aaa; | |||
border-spacing: 5px; | |||
} | |||
.infobox_v2 th { | |||
vertical-align: super; | |||
text-align: left; | |||
} | |||
.infobox_v2 .entete { | |||
height: 43px; | |||
vertical-align: middle; | vertical-align: middle; | ||
text-align: center; | |||
font-size: 140%; | |||
font-weight: bolder; | |||
line-height: 1.1em; | |||
color: #000; | |||
} | |||
/* Padding si pictogramme d'infobox, e.g. ".entete.foobar" | |||
Pas de pictogramme donc pas de padding sur ".entete.defaut" et ".entete" | |||
Possibilité de désactiver ce padding en ajoutant une classe "large" */ | |||
.infobox_v2 .entete:not(.defaut):not([class="entete"]):not(.large) { | |||
padding: 1px 48px; | |||
} | |||
/* Pour [[Modèle:Image et son]], etc. */ | |||
.infobox_v2 .media { | |||
height: 35px; | |||
vertical-align: middle; | |||
text-align: center; | |||
font-weight: bolder; | |||
color: #000; | |||
} | |||
/* Graphiques transparents d'en-têtes des Infobox */ | |||
.entete { | |||
background-position: right center; | |||
background-repeat: no-repeat; | |||
} | |||
.media.audio { | |||
background: url("//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/35px-Gnome-speakernotes.png") no-repeat left top; | |||
} | |||
.media.video { | |||
background: url("//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Tango-video-x-generic.png/35px-Tango-video-x-generic.png") no-repeat left top; | |||
} | } | ||
/* | /* Pour le [[modèle:Infobox/Géolocalisation multiple]] et le [[modèle:Géolocdual]]. */ | ||
.img_toogle ul { | |||
list-style-type: none !important; | |||
list-style-image: none !important; | |||
. | list-style-position: outside !important; | ||
text-align: center; | |||
} | } | ||
/* | /* Infobox V3 */ | ||
. | div.infobox_v3 { | ||
border: 1px solid # | padding: 5px; | ||
width: 25em; | |||
background: #f9f9f9; | |||
margin: 0 | 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; | text-align: center; | ||
font-size: 1.4em; | |||
line-height: 1.1; | |||
margin-bottom: 10px; | |||
background-color: #dfedff; | |||
} | |||
.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; | 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: | margin: 5px 0 8px 0; | ||
} | } | ||
/* | /* Tableaux */ | ||
. | .infobox_v3 table { | ||
width: 100%; | width: 100%; | ||
margin: | margin: 5px 0; | ||
padding: | 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; | |||
border: none; | |||
} | } | ||
td. | .infobox_v3 td.data { | ||
text-align: center; | 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; | text-align: center; | ||
line-height: 1.1; | |||
margin: 0 0 5px 0; | |||
padding: 4px; | |||
background: #dfedff; | |||
} | } | ||
.infobox_v3 p.bloc { | |||
margin: 5px 0; | |||
} | } | ||
.infobox_v3 caption.bordered, | |||
.infobox_v3 p.bordered { | |||
border-top: 1px solid #dfedff; | |||
border-bottom: 1px solid #dfedff; | |||
border: 1px solid # | background: transparent; | ||
border- | |||
background | |||
} | } | ||
.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 { | ||
padding: 0 | margin: 0 !important; | ||
padding: 0 !important; | |||
} | } | ||
/* Séparateur */ | |||
.infobox_v3 .hr { | |||
font-size: 1px; | |||
line-height: 1px; | |||
margin: 5px 0; | |||
background-color: #dfedff; | |||
} | } | ||
. | .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("//upload.wikimedia.org/wikipedia/commons/thumb/4/49/ArrowLeftNavbox.svg/12px-ArrowLeftNavbox.svg.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("//upload.wikimedia.org/wikipedia/commons/thumb/1/10/ArrowRightNavbox.svg/12px-ArrowRightNavbox.svg.png") no-repeat right center; | |||
float: right; | |||
max-width: 40%; | |||
padding: 0 18px 0 0; | |||
text-align: right; | |||
} | } | ||
table. | /* Divers */ | ||
.infobox_v3 table.maillot-equipe td { | |||
padding: 0; | |||
} | } | ||
table. | .infobox_v3 table.maillot-equipe { | ||
table-layout: auto; | |||
} | } | ||
/* | /* Taxobox V3 (cf. [[Utilisateur:Hexasoft/Taxobox code V3]]) */ | ||
.taxobox_v3 { | |||
font-size: 0.99em !important; | |||
padding: 1px; | |||
} | |||
/* Style global par défaut */ | |||
div.taxobox_v3 .entete, | |||
.taxobox_v3 caption, | |||
.taxobox_v3 p.bloc { | |||
font-style: normal; | |||
} | } | ||
/* Ne pas utiliser le gras dans la partie gauche des lignes données mixtes */ | |||
.taxobox_v3 th { | |||
font-weight: normal; | |||
} | } | ||
/* Change la couleur des séparateur d'un bleu pâle à gris pâle */ | |||
div.taxobox_v3.bordered th[scope=row], | |||
div.taxobox_v3.bordered td { | |||
padding-bottom: 4px; | |||
border-top: 1px solid #ededed; | |||
} | } | ||
/* Couleur "animal" (titre, sections) */ | |||
div.taxobox_v3.animal .entete { | |||
background-color: LightSalmon; | |||
} | |||
.taxobox_v3.animal caption, | |||
.taxobox_v3.animal p.bloc { | |||
background-color: Bisque; | |||
} | |||
/* Couleur "plante" (titre, sections) */ | |||
div.taxobox_v3.plante .entete { | |||
background-color: lightgreen; | |||
} | |||
.taxobox_v3.plante caption, | |||
.taxobox_v3.plante p.bloc { | |||
background-color: #ccffcc; | |||
} | } | ||
/* Couleur "champignon" (titre, sections) */ | |||
div.taxobox_v3.champignon .entete { | |||
background-color: | background-color: SkyBlue; | ||
} | } | ||
.taxobox_v3.champignon caption, | |||
.taxobox_v3.champignon p.bloc { | |||
background-color: PowderBlue; | |||
} | } | ||
/* Couleur "test" (titre, sections) */ | |||
div.taxobox_v3.test .entete { | |||
background-color: #50a0a0; | |||
} | } | ||
.taxobox_v3.test caption, | |||
.taxobox_v3.test p.bloc { | |||
background-color: #70c0c0; | |||
} | } | ||
/* Couleur "algue" (titre, sections) */ | |||
div.taxobox_v3.algue .entete { | |||
background-color: MediumAquamarine; | |||
} | } | ||
.taxobox_v3.algue caption, | |||
.taxobox_v3.algue p.bloc { | |||
background-color: #bfffe6; | |||
} | } | ||
/* Couleur "archaea" (titre, sections) */ | |||
div.taxobox_v3.archaea .entete { | |||
background-color: | background-color: darkgray; | ||
} | } | ||
.taxobox_v3.archaea caption, | |||
.taxobox_v3.archaea p.bloc { | |||
background-color: lightgray; | |||
} | } | ||
/* Couleur "protiste" (titre, sections) */ | |||
/* | div.taxobox_v3.protiste .entete { | ||
background-color: khaki; | |||
background-color: | |||
} | } | ||
.taxobox_v3.protiste caption, | |||
.taxobox_v3.protiste p.bloc { | |||
background-color: | background-color: PaleGoldenrod; | ||
} | } | ||
/* Couleur "virus" (titre, sections) */ | |||
div.taxobox_v3.virus .entete { | |||
background-color: #d1d1f9; | |||
background-color: # | |||
} | } | ||
.taxobox_v3.virus caption, | |||
background-color: | .taxobox_v3.virus p.bloc { | ||
background-color: Lavender; | |||
} | } | ||
/* Couleur "neutre" (titre, sections) */ | |||
background-color: # | div.taxobox_v3.neutre .entete { | ||
background-color: #eee; | |||
} | } | ||
.taxobox_v3.neutre caption, | |||
background-color: # | .taxobox_v3.neutre p.bloc { | ||
background-color: #eee; | |||
} | } | ||
/* Couleurs "bactérie", "eucaryote" et "procaryote" (titre, sections) */ | |||
background-color: | div.taxobox_v3.bacterie .entete, | ||
div.taxobox_v3.eucaryote .entete, | |||
div.taxobox_v3.procaryote .entete { | |||
background-color: lightgrey; | |||
} | } | ||
.taxobox_v3.bacterie caption, | |||
background-color: # | .taxobox_v3.bacterie p.bloc, | ||
.taxobox_v3.eucaryote caption, | |||
.taxobox_v3.eucaryote p.bloc, | |||
.taxobox_v3.procaryote caption, | |||
.taxobox_v3.procaryote p.bloc { | |||
background-color: #e6e6e6; | |||
} | } | ||
/* | /* Style typographique : zoologie ou rien (botanique) */ | ||
div.taxobox_v3 .taxobox_classification { | |||
font-style: italic; | |||
} | |||
div.taxobox_v3 .taxobox_classification .rnormal, | |||
div.taxobox_v3.zoologie .taxobox_classification .normal, | |||
div.taxobox_v3 th[scope="row"] { | |||
font-style: normal; | |||
} | } | ||
table. | /* Version distincte de "alternance", afin d'être indépendant des choix fait par | ||
ailleurs et de pouvoir modifier à volonté l'aspect. */ | |||
table.taxoalternance tr, | |||
.taxoalternance.wikitable th[scope="row"] { | |||
background: #fff; | |||
} | } | ||
table. | table.taxoalternance tr:nth-child(odd), | ||
.taxoalternance.wikitable tr:nth-child(odd) th[scope="row"] { | |||
background | background: #f5f5f5; | ||
} | } | ||
/* Effets dégradés : utilisables pour un effet ombragé dans les modèles de cadre | |||
(par exemple : [[Portail:Montréal/Cadre]]). Ceux-ci ne doivent pas dépasser 43 | |||
pixels de hauteur au risque d'y voir un effet indésirable. */ | |||
.degrade { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/f/fb/Gradient_43px.png"); | |||
background-position: top; | |||
background-size: 100% 100%; | |||
background-repeat: repeat-x; | |||
} | } | ||
.degrade_rev { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/6/61/Gradient_reversed_43px.png"); | |||
background-position: top; | |||
background-repeat: repeat-x; | |||
} | } | ||
.degrade_double { | |||
background-image: url("//upload.wikimedia.org/wikipedia/commons/b/ba/Double_Gradient_60px_V.png"); | |||
background-position: top; | |||
background-repeat: repeat; | |||
} | } | ||
/* Classe de masquage, remplace display:none. Contenu non affiché mais lisible par les lecteurs d'écrans. */ | |||
.hidden { | |||
position: absolute; | |||
left: 0; | |||
top: -5000px; | |||
width: 1px; | |||
height: 1px; | |||
overflow: hidden; | |||
} | } | ||
caption.hidden { | |||
position: static; | |||
text-indent: -5000px; | |||
} | } | ||
/* | /* Géolocalisation dynamique */ | ||
table. | .img_toogle div, .img_toogle table, .img_toogle ul { | ||
margin: | margin: 0 auto !important; | ||
} | |||
.img_toogle .a_toogle { | |||
display: block; | |||
text-align: center !important; | |||
font-size: 0.95em; | |||
} | } | ||
. | .img_toogle .geobox { | ||
position: relative | |||
} | } | ||
. | .img_toogle .geobox +.geobox { | ||
border-top: 5px solid #aaa | |||
} | } | ||
. | .img_toogle .geopoint { | ||
position: absolute; | |||
font-size: | width: 5px; | ||
height: 5px; | |||
font-size: 1px; | |||
border: 1px solid #000; | |||
background: #f00; | |||
} | } | ||
/* Gallery */ | |||
ul.gallery { | |||
margin: 2px auto; | |||
text-align: center; | |||
} | } | ||
.gallerytext { | |||
text-align: left; | |||
font-size: 89%; | |||
} | } | ||
.mw-gallery-slideshow-caption .gallerytext { | |||
text-align: center; | |||
} | } | ||
.image-border img { | |||
border: | border: 1px solid #c8ccd1; | ||
} | } | ||
/* Classes pour modèles de sommaires allégés */ | |||
.toc_niveau_1 ul ul, | |||
.toc_niveau_2 ul ul ul, | |||
.toc_niveau_3 ul ul ul ul, | |||
.toc_niveau_4 ul ul ul ul ul, | |||
.toc_niveau_5 ul ul ul ul ul ul { | |||
display: none; | |||
} | } | ||
.mw-textarea-protected { | |||
border: | border: 2px solid #ff0000; | ||
color: navy; | |||
} | } | ||
/* | /* Abusefilter */ | ||
.mw-abusefilter-diff-context, | |||
.mw-abusefilter-diff-multiline td { /* Les longues lignes sans espace sont fréquentes. */ | |||
word-wrap: break-word; | |||
max-width: 40em; | |||
} | } | ||
/* | /* Subdivisions administratives */ | ||
.communes th[scope=col] { /* Défaut, voir le [[modèle:ÉluDébut]] */ | |||
background-color: #ddffdd; | |||
} | |||
.localites th[scope=col] { | |||
background-color: #ffffbb; | |||
background-color: # | } | ||
.intercommunalites th[scope=col] { | |||
background-color: #ffe2bf; | |||
} | } | ||
.cantons th[scope=col] { | |||
background-color: # | background-color: #ece5ca; | ||
} | } | ||
.arrondissements th[scope=col] { | |||
background-color: #e1e1e1; | |||
background-color: # | |||
} | } | ||
.departements th[scope=col] { | |||
background-color: | background-color: #f6f3dd; | ||
} | } | ||
.regions th[scope=col] { | |||
background-color: #bbdefd; | |||
background-color: # | |||
} | } | ||
/* | /* Éditeur visuel : adaptation des messages d'avertissement */ | ||
.ve-ui-mwSaveDialog #cpwarn { | |||
background: none; | |||
color: #111; | |||
padding: 3px; | |||
} | |||
.ve-ui-mwSaveDialog #avertissement-filtre { | |||
background: none; | |||
border: none; | |||
margin: | margin: 0; | ||
padding: 0; | |||
} | |||
.ve-ui-mwSaveDialog .grosse-icone { | |||
background: none; | |||
padding: 0; | |||
} | } | ||
.ve-ui-mwSaveDialog .bandeau-icone { | |||
display: none; | |||
} | } | ||
/* | /* Aide et accueil */ | ||
/* | #aa-bloc-tete { /* Messages système */ | ||
. | display: table; | ||
. | width: 100%; | ||
. | margin-bottom: 1em; | ||
} | |||
#aa-bloc-gauche, | |||
#aa-bloc-droite { | |||
display: table; | |||
vertical-align: middle; | |||
margin-bottom: 1em; | |||
} | |||
#aa-bloc-tete #aa-bloc-gauche, | |||
#aa-bloc-tete #aa-bloc-droite { | |||
display: table-cell; | |||
margin-bottom: 0; | |||
} | |||
.ve-ui-mwNoticesPopupTool-item #aa-bloc-gauche, | |||
.ve-ui-mwNoticesPopupTool-item #aa-bloc-droite, | |||
.ve-ui-mwNoticesPopupTool-item #aa-bloc-tete #aa-bloc-gauche, | |||
.ve-ui-mwNoticesPopupTool-item #aa-bloc-tete #aa-bloc-droite { | |||
display: block; | |||
float: none; | |||
} | |||
.ve-ui-mwNoticesPopupTool-item #aa-bloc-gauche .boutons-action, | |||
.ve-ui-mwNoticesPopupTool-item #aa-bloc-droite.aa-rechercher-autres-wikis { | |||
display: none; | display: none; | ||
} | } | ||
/* | #aa-bloc-droite { | ||
. | width: 30%; | ||
} | |||
#aa-bloc-dessous { | |||
padding: 5px 10px; | |||
} | |||
#aa-bloc-tete h2 { | |||
margin-top: 4pt; /* Correction du style des titres par défaut pour une meilleure intégration */ | |||
} | |||
/* Couleur et apparence des éléments */ | |||
.aa-fond-gris { | |||
background-color: #f6f6f6; | |||
padding: 10px; | |||
} | |||
.aa-filet-gris { | |||
border: 1px solid #ccc; | |||
border-left-width: 6px; | |||
} | |||
.aa-filet-bleu { | |||
border: 0 solid #3366cc; | |||
border-left-width: 6px; | |||
} | |||
.aa-filet-orange { | |||
border: 0 solid #f16633; | |||
border-left-width: 6px; | |||
} | |||
.aa-filet-rouge { | |||
border: 0 solid #d33; | |||
border-left-width: 6px; | |||
} | |||
.aa-fond-blanc { | |||
background-color: #fff; | |||
padding: 10px; | |||
} | |||
.aa-fond-avertissement { | |||
display: block; | |||
border-bottom: 1px solid #c00; | |||
background-color: #fff; | |||
padding: 10px; | |||
} | |||
.aa-titre-bleu { | |||
color: #3366bb; | |||
border: none; | |||
} | |||
.aa-titre-rouge { | |||
color: #c00; | |||
border: none; | |||
} | |||
.aa-titre-vert { | |||
color: #008769; | |||
border: none; | border: none; | ||
} | |||
.aa-incipit { | |||
font-family: sans-serif; | |||
padding: 0 | font-weight: bold; | ||
font-size: 1.5em; | |||
line-height: 1.3; | |||
} | |||
.aa-intertitre { | |||
font-family: sans-serif; | |||
font-weight: bold; | |||
font-size: 1.17em; | |||
} | |||
.aa-faux-h2 { | |||
font-weight: normal; | |||
font-size: 1.5em; | |||
line-height: 1.3; | |||
} | |||
.aa-faux-h3 { | |||
font-weight: normal; | |||
font-size: 1.17em; | |||
} | |||
.aa-en-tete-aide-largeur { | |||
max-width: 1000px; | |||
} | |||
.aa-en-tete-aide-droite { | |||
width: 140px; | |||
float: right; | |||
background: #fff; | |||
padding: 6px; | |||
margin-left: 20px; | |||
font-size: 0.9em; | |||
} | |||
.aa-en-tete-aide-ariane { | |||
font-size: 0.9em; | |||
display: block; | display: block; | ||
margin: 0 0 5px 10px; | |||
padding: 5px 5px 5px 0; | |||
} | |||
.aa-en-tete-aide-chapo { | |||
margin: 10px; | |||
margin-right: 166px; | |||
} | |||
.aa-en-tete-aide-petit { | |||
font-size: 0.9em; | |||
} | |||
.aa-couleur-aide { | |||
color: #ff5d00; | |||
} | |||
.aa-couleur-niveau-avance { | |||
padding: 3px; | |||
color: #fff; | |||
background: #347bff; | |||
} | } | ||
.aa-couleur-niveau-expert { | |||
padding: 3px; | |||
color: #fff; | |||
background: #d11813; | |||
} | } | ||
.aa-couleur-niveau-debutant { | |||
. | padding: 3px; | ||
padding: | color: #fff; | ||
background: #00af89; | |||
} | } | ||
. | .aa-en-tete-aide-statut { | ||
background: none repeat scroll 0 0 #ffe7db; | |||
padding: 3px; | |||
} | } | ||
/* Migrated from [[MediaWiki:Cite references prefix]] */ | |||
ol.references { | |||
font-size: 85%; | |||
} | } | ||
/* | |||
. | /* Masquage de certains avertissements si le JS est activé, utilisé dans le [[Modèle:Noscript]] */ | ||
.client-js .template-noscript { | |||
display: none; | display: none; | ||
} | } | ||
/* | /* </nowiki> */ | ||
. | |||
/* Temp */ | |||
/*** Portails ***/ | |||
/* Général */ | |||
.portail-bloc { | |||
border:2px solid #b9cce4; | |||
margin-bottom: 0.5em; | |||
padding: 0.8em; | |||
} | |||
#mw-content-text > .portail-bloc:first-of-type { | |||
border-radius: 8px 8px 0px 0px; | |||
-moz-border-radius: 8px 8px 0px 0px; | |||
-webkit-border-radius: 8px 8px 0px 0px; | |||
} | |||
#mw-content-text > .portail-bloc:last-of-type { | |||
border-radius: 0px 0px 8px 8px; | |||
-moz-border-radius: 0px 0px 8px 8px; | |||
-webkit-border-radius: 0px 0px 8px 8px; | |||
} | |||
/* Section Présentation */ | |||
#portail-presentation { | |||
text-align: center; | |||
flex-wrap: wrap; | |||
} | |||
#portail-introduction { | |||
-ms-flex-positive: 1; | |||
flex-grow: 1; | |||
-ms-flex-preferred-size: 18rem; | |||
flex-basis: 18rem; | |||
} | |||
#portail-exploration { | |||
-ms-flex-positive: 1; | |||
flex-grow: 1; | |||
-ms-flex-preferred-size: 9rem; | |||
flex-basis: 9rem; | |||
font-variant: small-caps; | |||
margin: auto auto; | |||
} | |||
#portail-illustration { | |||
-ms-flex-item-align: start; | |||
align-self: flex-start; | |||
background: white; | |||
width: 120px; | |||
border-radius: 100px; | |||
-moz-border-radius: 100px; | |||
-webkit-border-radius: 100px; | |||
border: solid 4px #b9cce4; | |||
padding: 6px; | |||
margin: 1em; | |||
} | |||
/* Section Contributions */ | |||
#portail-contributions { | |||
text-align: center; | |||
padding: 0.1em 0.1em; | |||
flex-wrap: wrap; | |||
} | |||
#portail-contributions > div { | |||
background-color:#eaf4fd; | |||
margin: 0.1em; | |||
-ms-flex-positive: 1; | |||
flex-grow: 1; | |||
line-height:2rem; | |||
} | |||
#portail-contributions > div:first-child { | |||
-ms-flex-positive: 1.3; | |||
flex-grow: 1.3; | |||
font-weight: bold; | |||
} | |||
/*** Faire des lignes et des colonnes, sans tableaux ***/ | |||
.bloc-ligne { | |||
display:-ms-flexbox; | |||
display:flex; | |||
-ms-flex-align: stretch; | |||
align-items: stretch; | |||
-ms-flex-pack: justify; | |||
justify-content: space-between; | |||
} | |||
/** Template stylings **/ | |||
/* [[Template:Inventory slot]]: [[File:InvSprite.png]] */ | |||
.invslot { | |||
position: relative; | |||
display: inline-block; | |||
background: #8B8B8B no-repeat center center / 32px 32px; | |||
border: 2px solid; | |||
border-color: #373737 #FFF #FFF #373737; | |||
width: 32px; | |||
height: 32px; | |||
font-size: 16px; | |||
line-height: 1; | |||
text-align: left; | |||
vertical-align: bottom; | |||
} | |||
.invslot::before, | |||
.invslot::after { | |||
content: ""; | |||
position: absolute; | position: absolute; | ||
left: - | background-color: #8B8B8B; | ||
top: | height: 2px; | ||
width: | width: 2px; | ||
height: | pointer-events: none; | ||
} | |||
.invslot::before { | |||
bottom: -2px; | |||
left: -2px; | |||
} | |||
.invslot::after { | |||
top: -2px; | |||
right: -2px; | |||
} | |||
.invslot-large { | |||
padding: 8px; | |||
} | |||
.invslot-item, | |||
.invslot-item > a:first-child { | |||
position: relative; | |||
display: block; | |||
margin: -2px; | |||
padding: 2px; | |||
width: 32px; | |||
height: 32px; | |||
} | |||
.invslot-item-image > a.new:first-child { | |||
background: url(/media/4/44/InvSprite.png) no-repeat content-box; | |||
width: 32px; | |||
height: 32px; | |||
text-indent: -9999px; | |||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
.invslot-stacksize { | |||
position: absolute; | |||
right: 0; | |||
bottom: 0; | |||
font-family: Minecraft, sans-serif !important; | |||
font-weight: normal !important; | |||
color: #FFF !important; | |||
text-shadow: 2px 2px 0 #3F3F3F; | |||
filter: dropshadow(color=#3F3F3F, offx=2, offy=2); | |||
z-index: 2; | |||
} | } | ||
/* | /* Plain slot with no border or background */ | ||
. | .invslot-plain { | ||
. | background-color: transparent; | ||
border: 0; | |||
} | |||
.invslot-plain::before, | |||
.invslot-plain::after { | |||
content: none; | |||
} | |||
.invslot-plain > .invslot-item, | |||
.invslot-plain > .invslot-item > a:first-child { | |||
margin: 0; | |||
padding: 0; | |||
} | } | ||
/* | /* [[Template:hp]] */ | ||
.mc-hearts::before { | |||
content: ' ('; | |||
} | } | ||
.mc-hearts::after { | |||
content: ')'; | |||
} | } | ||
/* Generic Minecraft interface styling: [[Module:UI]] */ | |||
.mcui { | |||
display: inline-block; | |||
position: relative; | position: relative; | ||
background-color: #C6C6C6; | |||
border: 2px solid; | |||
border-color: #DBDBDB #5B5B5B #5B5B5B #DBDBDB; | |||
padding: 6px; | |||
text-align: left; | |||
white-space: nowrap; | |||
vertical-align: bottom; | |||
} | } | ||
.mcui-Crafting_Table > *, | |||
.mcui-Furnace > * { | |||
display: inline-block; | |||
vertical-align: top; | |||
} | |||
/* [[Template:Crafting Table]]: | |||
[[File:Grid layout Arrow (small).png]], [[File:Grid layout Shapeless.png]], [[File:Grid layout Fixed.png]] */ | |||
.mcui-Crafting_Table .mcui-row { | |||
display: block; | |||
} | |||
.mcui-Crafting_Table > .mcui-arrow { | |||
background: url(/media/8/86/Grid_layout_Arrow_%28small%29.png) no-repeat; | |||
width: 32px; | |||
height: 26px; | |||
margin: 40px 4px 0; | |||
} | |||
.mcui-Crafting_Table > .mcui-output { | |||
margin-top: 28px; | |||
} | } | ||
.mcui-Crafting_Table > .mcui-icons { | |||
position: absolute; | position: absolute; | ||
top: | top: 6px; | ||
right: 6px; | |||
} | |||
.mcui-Crafting_Table .mcui-shapeless, | |||
.mcui-Crafting_Table .mcui-fixed { | |||
display: inline-block; | |||
background-repeat: no-repeat; | |||
width: 19px; | |||
height: 15px; | |||
cursor: help; | |||
} | |||
.mcui-Crafting_Table .mcui-shapeless { | |||
background-image: url(/media/a/a9/Grid_layout_Shapeless.png); | |||
} | |||
.mcui-Crafting_Table .mcui-fixed { | |||
background-image: url(/media/b/b8/Grid_layout_Fixed.png); | |||
} | } | ||
/* | |||
. | /* [[Template:Furnace]]: | ||
[[File:Grid layout Fire.png]], [[File:Grid layout Fire (in-active).png]] | |||
[[File:Grid layout Furnace Progress.png]], [[File:Grid layout Furnace Progress (in-active).png]] */ | |||
.mcui-Furnace .mcui-fuel { | |||
display: block; | |||
background: url(/media/d/d8/Grid_layout_Fire.png) no-repeat; | |||
width: 36px; | |||
height: 36px; | |||
} | } | ||
. | .mcui-Furnace .mcui-fuel.mcui-inactive { | ||
background-image: url(/media/a/ab/Grid_layout_Fire_%28in-active%29.png); | |||
} | } | ||
/ | .mcui-Furnace > .mcui-arrow { | ||
background: url(/media/8/8e/Grid_layout_Furnace_Progress.png) no-repeat; | |||
margin | width: 44px; | ||
height: 32px; | |||
margin: 36px 18px 0 14px; | |||
} | } | ||
.mcui-Furnace > .mcui-arrow.mcui-inactive { | |||
background-image: url(/media/d/dc/Grid_layout_Furnace_Progress_%28in-active%29.png); | |||
} | } | ||
.mcui-Furnace > .mcui-output { | |||
. | margin-top: 28px; | ||
} | } | ||
. | |||
/* [[Template:Brewing Stand]]: | |||
[[File:Grid layout Brewing Bubbles.gif]], [[File:Grid layout Brewing Bubbles (In-active).png]], | |||
[[File:Grid layout Brewing Arrow.png]], [[File:Grid layout Brewing Arrow (In-active).png]], | |||
[[File:Grid layout Brewing Paths.png]], [[File:Grid layout Brewing Empty.png]] */ | |||
.mcui-Brewing_Stand > * { | |||
display: block; | display: block; | ||
} | } | ||
. | |||
.mcui-Brewing_Stand .invslot { | |||
vertical-align: top; | |||
} | } | ||
.mcui-Brewing_Stand > .mcui-input { | |||
text-align: center; | |||
} | } | ||
. | |||
.mcui-Brewing_Stand > .mcui-input > .invslot { | |||
margin-top: 3px; | |||
} | } | ||
. | |||
.mcui-Brewing_Stand .mcui-bubbling, | |||
.mcui-Brewing_Stand .mcui-arrow { | |||
display: inline-block; | |||
background-repeat: no-repeat; | |||
width: 24px; | |||
height: 57px; | |||
} | } | ||
.mcui-Brewing_Stand .mcui-bubbling { | |||
background-image: url(/media/6/65/Grid_layout_Brewing_Bubbles.gif); | |||
} | |||
.mcui-Brewing_Stand > .mcui-input.mcui-inactive > .mcui-bubbling { | |||
background-image: url(/media/d/db/Grid_layout_Brewing_Bubbles_%28In-active%29.png); | |||
background- | |||
} | } | ||
.mcui-Brewing_Stand .mcui-arrow { | |||
background-image: url(/media/4/4b/Grid_layout_Brewing_Arrow.png); | |||
. | |||
. | |||
} | } | ||
. | .mcui-Brewing_Stand > .mcui-input.mcui-inactive > .mcui-arrow { | ||
background-image: url(/media/5/59/Grid_layout_Brewing_Arrow_%28In-active%29.png); | |||
} | } | ||
/ | |||
.mcui-Brewing_Stand > .mcui-paths { | |||
position: relative; | |||
background: url(/media/8/82/Grid_layout_Brewing_Paths.png) no-repeat; | |||
width: 60px; | |||
height: 40px; | |||
margin: -20px auto -16px; | |||
z-index: 1; | |||
} | } | ||
/ | .mcui-Brewing_Stand .mcui-output .invslot { | ||
/ | background-image: url(/media/5/59/Grid_layout_Brewing_Empty.png); | ||
. | } | ||
.mcui-Brewing_Stand .mcui-output2 { | |||
margin: | margin: 14px 10px 0; | ||
} | } | ||
/* | /* [[Template:Hotbar]] */ | ||
.mcui-Hotbar { | |||
display: inline-block; | |||
position: relative; | |||
border: 0; | |||
padding: 0; | |||
background-color: transparent; | |||
} | |||
.mcui-Hotbar > .mcui-selector { | |||
position: absolute; | |||
top: -2px; | |||
margin-left: -2px; | |||
} | |||
.mcui-Hotbar > .mcui-slots { | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
margin: 2px; | |||
} | |||
.mcui-Hotbar .invslot { | |||
margin: 4px; | |||
} | } | ||
/* | /* [[Template:Loom]] */ | ||
. | .mcui-Loom > * { | ||
display: inline-block; | |||
vertical-align: top; | |||
} | |||
.mcui-Loom > .mcui-tapestry { | |||
background: url(/media/6/64/Grid_layout_Loom.png) no-repeat; | |||
width: 98px; | |||
height: 108px; | |||
} | |||
.mcui-Loom > .mcui-loomArrow { | |||
background: url(/media/7/71/Grid_layout_Loom_Arrow.png) no-repeat; | |||
width: 54px; | |||
height: 54px; | |||
margin: 28px 4px 0 4px; | |||
} | |||
.mcui-Loom > .mcui-output { | |||
margin-top: 38px; | |||
} | |||
.mcui-Loom .mcui-inputBanner { | |||
margin: 22px 10px; | |||
position: absolute; | |||
} | |||
.mcui-Loom .mcui-inputDye { | |||
margin: 22px 50px; | |||
position: absolute; | |||
} | |||
.mcui-Loom .mcui-inputPattern { | |||
margin: 60px 30px; | |||
position: absolute; | |||
} | |||
.mcui-Loom .mcui-bannerSprite { | |||
margin-left: 4px; | |||
} | } | ||
/* | |||
/* [[Template:Grindstone]] */ | |||
.mcui-Grindstone > * { | |||
display: inline-block; | |||
vertical-align: top; | |||
} | |||
.mcui-Grindstone > .mcui-grindstone { | |||
background: url(/media/d/de/Grid_layout_Grindstone.png) no-repeat; | |||
width: 108px; | |||
height: 112px; | |||
} | |||
.mcui-Grindstone .mcui-input1 { | |||
margin: 6px 36px; | |||
position: absolute; | |||
} | |||
.mcui-Grindstone .mcui-input2 { | |||
margin: 48px 36px; | |||
position: absolute; | |||
} | |||
.mcui-Grindstone > .mcui-arrow { | |||
background: url(/media/d/dc/Grid_layout_Furnace_Progress_%28in-active%29.png) no-repeat; | |||
width: 44px; | |||
height: 34px; | |||
margin: 36px 22px 0 22px; | |||
} | |||
.mcui-Grindstone > .mcui-output { | |||
margin-top: 34px; | |||
} | } | ||
/* | |||
/* [[Template:Stonecutter]] */ | |||
. | .mcui-Stonecutter > * { | ||
display: inline-block; | |||
vertical-align: top; | |||
} | |||
.mcui-Stonecutter > .mcui-stonecutterArrow { | |||
background: url(/media/9/97/Grid_layout_Stonecutter_Arrow.png) no-repeat; | |||
width: 58px; | |||
height: 60px; | |||
margin: 9px 4px 0 4px; | |||
} | } | ||
. | .mcui-Stonecutter > .mcui-output { | ||
margin: 28px 0 28px 0; | |||
} | } | ||
. | .mcui-Stonecutter > .mcui-input { | ||
margin-top: 36px; | |||
} | } | ||
. | .mcui-Stonecutter .mcui-stonecutterSprite { | ||
margin: 4px 0 0 5px; | |||
} | } | ||
/* | /* [[Template:Infobox]], [[Template:Infobox row]] */ | ||
. | .notaninfobox { | ||
position: relative; | |||
clear: right; | |||
margin: 0 0 1em 1em; | |||
width: 300px; | |||
font-size: 90%; | font-size: 90%; | ||
background: #FFF; | |||
float: right; | |||
border: 1px solid #CCC; | |||
padding: 2px; | |||
overflow: auto; | |||
z-index: 1; | |||
} | |||
@media all and (max-width: 511px) { | |||
.notaninfobox { | |||
float: none; | |||
margin-left: 0; | |||
width: auto; | |||
} | |||
} | |||
@media all and (max-width: 337px) { | |||
.notaninfobox { | |||
margin-left: -16px; | |||
margin-right: -16px; | |||
border-left: none; | |||
border-right: none; | |||
} | |||
} | } | ||
.notaninfobox > .infobox-title { | |||
font-weight: bold; | |||
text-align: center; | |||
font-size: 120%; | |||
} | } | ||
.infobox-imagearea { | |||
text-align: center; | |||
padding: 4px; | |||
} | |||
.infobox-imagearea > div:not(:first-child) { | |||
padding-top: 1em; | |||
} | |||
/* Horizontally centre animated images */ | |||
#bodyContent .infobox-imagearea .animated { | |||
display: inline-flex; | |||
align-items: center; | |||
} | |||
.notaninfobox .infobox-rows { | |||
display: table; | |||
. | margin: 0 !important; | ||
. | width: 100% !important; | ||
. | border-collapse: separate !important; | ||
border-spacing: 1px !important; | |||
} | |||
.infobox-rows > tbody > tr > th { | |||
text-align: left; | |||
white-space: nowrap; | |||
} | |||
#bodyContent .infobox-rows p { | |||
margin: 0; | |||
} | |||
/* Merge adjacent dls in the infobox (since they're usually supposed to be one, but the wiki screws up sometimes) */ | |||
.infobox-rows dl + dl { | |||
margin-top: -0.4em; | |||
} | |||
.infobox-rows dl:last-child { | |||
margin-bottom: 0.2em; | |||
} | |||
.infobox-footer { | |||
text-align: center; | |||
} | } | ||
/* | /* [[Template:Sprite]] */ | ||
.sprite { | |||
display: inline-block; | |||
vertical-align: text-top; | |||
height: 16px; | |||
width: 16px; | |||
background-repeat: no-repeat; | |||
} | |||
.sprite + .sprite-text { | |||
padding-left: 0.312em; | |||
} | } | ||
/* [[Template:CommentSprite]]: [[File:CommentCSS.png]] */ | |||
.comment-sprite { | |||
background-image: url(/media/9/9c/CommentCSS.png); | |||
} | } | ||
/* | /* [[Template:Schematic]]: [[File:SchematicSprite.png]] */ | ||
. | .schematic-sprite { | ||
background-image: url(/media/c/c2/SchematicSprite.png); | |||
background-size: 32em auto; | |||
width: 1em; | |||
height: 1em; | |||
} | } | ||
/* | |||
* [[Template:InvSprite]]: [[File:InvSprite.png]] | |||
* [[Template:SlotSprite]] | |||
*/ | |||
.inv-sprite, | |||
.slot-sprite { | |||
width: 32px; | |||
height: 32px; | |||
vertical-align: middle; | |||
} | } | ||
.mfSign-sprite { | |||
width: 192px; | |||
height: 192px; | |||
vertical-align: middle; | |||
} | } | ||
/* [[Template:Nbt/sprite]]: [[File:Nbtsheet.png]] */ | |||
.nbt-sprite { | |||
background-image: url(/media/d/d0/Nbtsheet.png); | |||
} | } | ||
/* | |||
. | /* [[Template:Schematic]] */ | ||
. | .thumb .schematic { | ||
margin: auto; | |||
- | } | ||
font- | table.schematic { | ||
border-collapse: collapse; | |||
font- | font-size: 32px; | ||
} | |||
span.schematic { | |||
display: inline-block; | |||
font-size: 32px; | |||
} | } | ||
table.schematic td { | |||
. | vertical-align: top; | ||
. | } | ||
table.schematic td, | |||
span.schematic { | |||
background-color: #FFF; | |||
border: 1px solid #CCC; | |||
padding: 0; | |||
width: 1em; | |||
height: 1em; | |||
overflow: hidden; | |||
} | |||
table.schematic td > div, | |||
span.schematic { | |||
position: relative; | |||
} | |||
table.schematic td > div .sprite, | |||
table.schematic td > div .text, | |||
span.schematic .sprite, | |||
span.schematic .text { | |||
position: absolute; | |||
left: 0; | |||
} | } | ||
. | |||
.schematic .text { | |||
line-height: 1.5em; | |||
font-size: 75%; | |||
width: 100%; | |||
color: black; | |||
font-weight: bold; | |||
text-align: center; | |||
text-shadow: 0 0 2px #FFF; | |||
} | } | ||
/* | /* [[Template:Layered blueprint]] */ | ||
.layered-blueprint { | |||
position: relative; | |||
} | } | ||
.layered-blueprint-radio { | |||
display: none; | display: none; | ||
} | } | ||
.layered-blueprint-tab { | |||
. | display: inline-block; | ||
. | cursor: pointer; | ||
margin-left: 100%; | |||
border-left: 4px solid #252525; | |||
padding: 0.2em 0.5em; | |||
white-space: nowrap; | |||
transition: color 200ms, border-color 200ms; | |||
-webkit-user-select: none; | |||
-moz-user-select: none; | |||
-ms-user-select: none; | |||
user-select: none; | |||
} | |||
.layered-blueprint-tab:hover { | |||
color: #80b640; | |||
} | |||
.layered-blueprint-radio:checked + .layered-blueprint-tab { | |||
color: #80b640; | |||
border-left-color: #80b640; | |||
} | |||
.layered-blueprint-layer { | |||
position: absolute; | |||
top: 0; | |||
background-color: rgba(230, 239, 244, 0.6); | |||
width: 100%; | |||
height: 100%; | |||
} | } | ||
.layered-blueprint-radio:checked + .layered-blueprint-tab + .layered-blueprint-layer ~ .layered-blueprint-layer { | |||
. | |||
visibility: hidden; | visibility: hidden; | ||
} | } | ||
/* | /* [[Template:Sound]] */ | ||
. | .sound-audio { | ||
display: block; | |||
} | |||
/** Misc stuff **/ | |||
/* Element animator */ | |||
#bodyContent .animated > *:not(.animated-active), | |||
#bodyContent .animated > .animated-subframe > *:not(.animated-active) { | |||
display: none | |||
} | |||
#bodyContent span.animated, | |||
#bodyContent span.animated.animated-visible > *, | |||
#bodyContent span.animated.animated-visible > .animated-subframe > * { | |||
display: inline-block; | |||
} | |||
#bodyContent div.animated.animated-visible > *, | |||
#bodyContent div.animated.animated-visible > .animated-subframe > * { | |||
display: block; | |||
} | |||
/* Horizontal list */ | |||
#bodyContent .hlist ul { | |||
display: inline; | |||
margin: 0; | margin: 0; | ||
padding: 0; | |||
right: | } | ||
bottom: 0; | #bodyContent .hlist li { | ||
left: 0; | display: inline; | ||
} | |||
#bodyContent .hlist li:not(:last-child) { | |||
padding-right: 0.286em; | |||
} | |||
#bodyContent .hlist li:not(:last-child)::after { | |||
content: ""; | |||
display: inline-block; | |||
position: relative; | |||
left: 0.286em; | |||
bottom: 0.214em; | |||
background-color: #000; | |||
height: 3px; | |||
width: 3px; | |||
} | |||
#bodyContent .hlist li li:first-child::before { | |||
content: "("; | |||
font-weight: normal; | |||
} | |||
#bodyContent .hlist li li:last-child::after { | |||
content: ")"; | |||
font-weight: normal; | |||
} | |||
#bodyContent .hlist li li li { | |||
font-size: x-small; | |||
} | |||
/** Template stylings **/ | |||
/* [[Template:Navbox]] */ | |||
.navbox { | |||
background: #FFF; | |||
border: 1px solid #CCC; | |||
margin: 1em auto 0; | |||
width: 100%; | |||
} | |||
.navbox table { | |||
background: #FFF; | |||
margin-left: -4px; | |||
margin-right: -2px; | |||
} | |||
.navbox table:first-child { | |||
margin-top: -2px; | |||
} | |||
.navbox table:last-child { | |||
margin-bottom: -2px; | |||
} | |||
.navbox .navbox-top { | |||
white-space: nowrap; | |||
background-color: #CCC; | |||
padding: 0 3px; | |||
text-align: center; | |||
} | } | ||
.navbox-navbar, | |||
. | .navbox-navbar-mini { | ||
. | float: left; | ||
font-size: 80%; | |||
} | } | ||
.navbox-title { | |||
. | padding: 0 10px; | ||
font-size: 110%; | |||
} | } | ||
.navbox th { | |||
background-color: #EEE; | |||
padding: 0 10px; | |||
white-space: nowrap; | |||
text-align: right; | |||
} | |||
.navbox td { | |||
width: 100%; | |||
padding: 0 0 0 2px; | |||
} | |||
/* [[Template:LoadBox]] with navbox */ | |||
.loadbox-navbox { | |||
padding: 2px !important; | |||
margin: 1em 0 0 !important; | |||
clear: both; | |||
} | |||
#content .loadbox-navbox > p { | |||
background-color: #CCC; | |||
text-align: center; | |||
margin: 0; | |||
padding: 0 3px; | |||
} | |||
.loadbox-navbox > p > b { | |||
font-size: 110%; | |||
} | } | ||
.loadbox-navbox .navbox { | |||
margin: 0 -2px -2px; | |||
border: 0; | |||
} | |||
.loadbox-navbox > .load-page-content > .mw-parser-output > .navbox > tbody > tr:first-child { | |||
display: none; | |||
} | } | ||