MediaWiki:Common.css
Révision datée du 27 septembre 2020 à 11:32 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: none; } } /* 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 { margin: 0; padding: 2px; border: 1px #AAA; text-align: center; border-collapse: collapse; font-size: 95%; } /* monobookocentré début */ div.NavFrame + div.NavFrame { border-top-style: hidden } div.NavPic { background: #FFF; margin: 0; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; font-size: 100%; background: #EFEFEF; } div.NavFrame p, div.NavFrame div.NavContent, div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0; padding: 0; line-height: 1px; clear: both; } /* monobookocentré fin */ /* 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: 90%; margin: 1em 0 0; padding: 2px; text-align: center; width: 100%; } table.navbox th { background: #B6B6B4; padding-left: 1em; padding-right: 1em; } table.navbox td.group { background: #DBD2CC; vertical-align: middle; width: 150px; padding-left: 1em; padding-right: 1em; font-weight: bold; } table.navbox td.list { text-align: left } table.navbox td.even { background: #EEEAE7 } table.navbox td.banner { background: #DBD2CC; vertical-align: middle; padding-left: 1em; padding-right: 1em; } /* Modèle de palettes groupées, [[Modèle:Palette]] */ div.navbox_group { border: 1px solid #aaaaaa; margin-top: 15px; } 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; } /* In navboxes, the show/hide button balances the v·d·e links from [[Template:Navbar]], so they need to be the same width. */ .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; } .va-quotation { 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; } .va-transcript-icon { position: relative; } .va-quotation-quot-l, .va-quotation-quot-r { position: absolute; } .va-quotation-quot-l, .va-quotation-quot-r { color: #DBD2CC; font: bold 55px/40px serif; height: 18px; } .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; } .va-quotation-text { font-style: italic; } .va-transcript-text { font-family: monospace; } .va-quotation-text { 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; } .va-quotation-source { display: block; font-size: 10px; line-height: 15px; } /* * TABLEAUX ET INFOBOX * */ /* WIKITABLE */ /* Classe pour tableaux standards, légèrement grisés. Syntaxe : {| class="wikitable" */ /* Tableaux selon la charte graphique. Ils sont centrés par défaut. */ table.wikitable th, table.wikitable td { padding: 0.3em; } .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; } /* infobox_V3 */ /* 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.4em; margin: 0 0 0.5em 1em; max-width: 325px; word-wrap: break-word; } .infobox_v3 th[scope="row"] { max-width: 140px; word-wrap: normal; } .infobox_v3 th[scope="col"] { text-align: center !important; word-wrap: normal; } .infobox_v3 .entete { font-weight: bold; text-align: center; font-size: 1.4em; line-height: 1.1em; margin: 0 0 10px 0; padding: 3px 0; background-color: #B6B6B4; border: 2px solid #B6B6B4; } .infobox_v3 .entete.icon { padding: 13px 50px 12px 50px; background-position: right center !important; border: 0; } .infobox_v3.large .entete.icon { padding: 13px 10px 12px 10px; } /* tumb */ .infobox_v3 .thumbimage { border: none; max-width: 99%; height: auto !important; } .infobox_v3 .thumbinner { background-color: transparent; border: none; padding: 0 !important; } .infobox_v3 .thumb, .infobox_v3 .thumbinner { display: inline; } .infobox_v3 .thumbcaption { display: none; } .infobox_v3 .legend { font-size: 0.9em; text-align: center; margin: 5px 0 8px 0; } .infobox_v3 .image2 { text-align: center; padding: 5px 0; } .infobox_v3 .image2 div.thumb { display: inline-block; float: none; margin: 0; vertical-align: middle; } /* tableaux */ .infobox_v3 table { width: 100%; margin: 5px 0; table-layout: fixed; border-collapse: collapse; } .infobox_v3 th[scope=col].double { text-align: left; } .infobox_v3 th[scope=row] { text-align: left; vertical-align: super; padding-right: 10px; /* width: 30%; */ width: 8em; } .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 #B6B6B4; } .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; } /* titres bloc et caption tableaux */ .infobox_v3 p.bloc, .infobox_v3 p.bordered, .infobox_v3 caption { font-weight: bold; text-align: center; line-height: 1.1em; margin: 0 0 5px 0; padding: 4px 10px 4px 5px; } .infobox_v3 caption, .infobox_v3 p.bloc { 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; } /* TODO : mettre à jour la classe .hidden générique */ .infobox_v3 caption.hidden { margin: 0 !important; padding: 0 !important; line-height: 1px; /* be kind to IE7*/ font-size: 1px; /* be kind to IE7*/ } /* 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; position: relative; /* be kind to IE7*/ } /* tnavbar */ .infobox_v3 .navbar { text-align: right !important; font-size: 0.8em; margin: 0; } .infobox_v3 .navbar .plainlinks { float: left } /* navigateur */ .infobox_v3 .overflow { overflow: hidden; } .infobox_v3 .bordered.nav, .infobox_v3 .bordered.navbar { border-bottom: 0 !important; font-weight: normal !important; } .infobox_v3 .prev a, .infobox_v3 .prev_bloc { background: url("//lagbt.wiwiland.net/wikibiblio/images/1/13/Arr_l.png") no-repeat left 0.1em; float: left; max-width: 40%; padding: 0 0 0 16px; } .infobox_v3 .next a, .infobox_v3 .next_bloc { background: url("//lagbt.wiwiland.net/wikibiblio/images/a/ad/Arr_r.png") no-repeat right 0.1em; float: right; max-width: 40%; padding: 0 16px 0 0; text-align: right; } /* Divers */ #article .infobox_v3 ul, #bodyContent .infobox_v3 ul, #mw_content .infobox_v3 ul, #article .infobox_v3 ol, #bodyContent .infobox_v3 ol, #mw_content .infobox_v3 ol { text-align: left; } /* 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; } /* 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); } /* Double Wiki */ table.doubleWikiTable td { background-color: #B593CD !important; } mw-content-ltr { background-color: #EEEAE7 !important; } /* Styles pour [[Modèle:Animation]] */ .diaporamaControl img { background-color: white; border: 1px solid #ddd; } .diaporamaControl .ScrollBar { background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Round_Edge.png/5px-Round_Edge.png"); background-position: top; background-repeat: repeat-x; } .diaporamaControl .ScrollBarContainer { background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/3/3b/Round_Edge_bis.png/5px-Round_Edge_bis.png"); background-position: top; background-repeat: repeat-x; } .diaporama .magnify { display: none; } .diaporama select { font-size: 12px; vertical-align: middle; margin-left: 0.5em; }