MediaWiki:Common.css
De 24 Wiki FR
Aller à la navigationAller à la rechercheNote : 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é et sécurité → Effacer les données d’exploration → Images et fichiers en cache.
/* Le CSS placé ici sera appliqué à tous les habillages. */
@font-face {
font-family: LCD;
src: url('https://images.wikia.nocookie.net/__cb20161004075228/24wikia/images/d/db/LCD_ITC-Normal.otf') format('opentype'),url('https://images.wikia.nocookie.net/__cb20161004075229/24wikia/images/a/a5/LCD_ITC-Normal.woff') format('woff'),url('https://images.wikia.nocookie.net/__cb20161004075228/24wikia/images/1/1e/LCD_ITC-N0ormal.ttf') format('truetype')
}
@font-face {
font-family: BankGothic;
src: url('https://vignette.wikia.nocookie.net/24wikia/images/7/78/BankGothic.otf') format('opentype'),
url('https://images.wikia.nocookie.net/__cb20161004091533/24wikia/images/1/13/BankGothicLt.woff') format('woff'),url('https://images.wikia.nocookie.net/__cb20161004091533/24wikia/images/5/57/BankGothicLt.ttf') format('truetype')
}
.digital,
.digital > *,
.tally em {
font-weight: normal !important;
font-family: LCD;
letter-spacing: -0.15em
}
@font-face {
font-family: LCD-Legacy;
src: url('https://vignette.wikia.nocookie.net/__cb20170201005332/24wikia/images/d/de/LCD-Legacy.otf') format('opentype'), url('https://vignette.wikia.nocookie.net/__cb20170201005332/24wikia/images/d/df/LCD-Legacy.woff') format('woff'), url('https://vignette.wikia.nocookie.net/__cb20170201005331/24wikia/images/e/ed/LCD-Legacy.ttf') format('truetype')
}
.mw-body {
color: #fff;
}
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content #firstHeading {
font-family: BankGothic;
color: #ffdd00;
}
/** TABLEAUX ET INFOBOX **/
/* WIKITABLE */
/* Classe pour tableaux standards, légèrement grisés. Syntaxe : {| class="wikitable" */
/* ### CSS regarding portal pages ### */
.portail {
background-color: #000000;
border: 1px solid #ffc9c9;
vertical-align: top;
color: #FFFFFF;
padding: 12px 15px 12px 15px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.portail h1 {
margin: 0;
background-color: #222222;
border: 1px solid #444;
font-family: BankGothic;
font-weight: bold;
text-align:left ;color:#FFFFFF;
padding: 0.4em;
margin: .3em 0 .5em 0;
}
/* Tableaux selon la charte graphique. Ils sont centrés par défaut. */
table.prettytable, table.wikitable { /* monobookocentré debut */
margin-top:1em;
margin-bottom:1em;
background:#222222;
border:1px #aaaaaa solid;
border-collapse:collapse;
}
table.prettytable th, table.wikitable tr th, table.prettytable td, table.wikitable tr td {
border:1px #aaaaaa solid;
padding:.3em;
}
table.prettytable th, table.wikitable tr th {
background: #112a44;
text-align:center;
}
table.prettytable caption, table.wikitable caption {
margin-left:inherit;
margin-right:inherit;
} /* monobookocentré fin */
/* 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 { /* monobookocentré debut */
background: #222222;
color: #FFFFFF;
font-size:90%;
line-height:1.1em;
float:right;
clear:right;
margin:0 0 .5em 1em; /* haut droite bas gauche */
width:300px;
border: 1px solid #AAA;
padding: 0.1em;
}
.infobox caption {
background:#222222;
border-left:1px solid #AAA;
border-top:1px solid #AAA;
border-right:1px solid #AAA;
padding:.2em;
margin-left:.57em;
font-weight:bolder;
text-align:center;
color:#112a44;
font-size:160%;
}
.infobox th, .infobox td {
padding:.2em .2em .2em .5em;
}
.infobox td {
vertical-align:middle;
text-align:left;
background:#222222;
}
.infobox th {
vertical-align:top;
font-weight:bold;
text-align:left;
background:#222222;
}
.infobox .entete {
height:45px;
vertical-align:middle;
text-align:center;
font-size:150%;
font-weight:bolder;
line-height:1.2em;
color:#FFFFFF;
background-color: #112a44;
}
.infobox .infoboximage { /* emplacement pour les photos et une description */
background:#222222;
padding:0;
margin-top:0;
color:#FFFFFF;
text-align:center;
}
.infobox .infoboxsoustitre { /* sous-titre */
color:#FFFFFF;
background: #112a44;
font-weight:bold;
font-size:115%;
line-height:1;
text-align:center;
}
.infobox dl { clear:both }
.infobox dt {
float:left;
clear:left;
width:35%;
}
.infobox dd { margin-left:40% } /* monobookocentré fin */
/* Styles de [[Modèle:Barre de navigation]] */
table.navbox {
background:#222222;
border:1px solid #AAA;
clear:both;
font-size:90%;
margin:1em 0 0;
padding:2px;
text-align:center;
width:100%;
}
table.navbox th {
background:#112a44;
padding-left:1em;
padding-right:1em;
}
table.navbox td.group {
background:#183B61;
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:#2E2E2E
}
table.navbox td.below {
background:#112a44;
vertical-align:middle;
padding-left:1em;
padding-right:1em;
}
/* Default style for navigation boxes */
table.navbox { /* Navbox container style */
background:#222222;
border: 1px solid #aaa;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
text-align: center; /* Title and above/below styles */
padding-left: 1em;
padding-right: 1em;
}
.navbox-group { /* Group style */
white-space: nowrap;
/* @noflip */
text-align: right;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
}
.navbox,
.navbox-subgroup {
background: #222222; /* Background color */
}
.navbox-list {
border-color: #222222; /* Must match background color */
}
.navbox-title,
table.navbox th {
background: #112a44; /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background: #183B61; /* Level 2 color */
border-right: transparent;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background: #112a44; /* Level 3 color */
}
.navbox-even {
background: #222222; /* Even row striping */
}
.navbox-odd {
background: #222222; /* Odd row striping */
}
.navbox .hlist dl,
.navbox .hlist ol,
.navbox .hlist ul {
padding: 0.125em 0; /* Adjust hlist padding in navboxes */
}
.navbox .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
white-space: nowrap; /* Nowrap list items in navboxes */
white-space: normal !ie; /* IE < 8 no-wraps entire list, so disable it */
}
.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
white-space: normal; /* But allow parent list items to be wrapped */
}
ol + table.navbox,
ul + table.navbox {
margin-top: 0.5em; /* Prevent lists from clinging to navboxes */
}
/* Default styling for Navbar template */
.navbar {
display: inline;
font-size: 88%;
font-weight: normal;
padding-right: 0.25em;
word-spacing: -0.125em;
}
.navbar ul {
display: inline;
white-space: nowrap;
}
/* Navbar styling when nested in navbox */
.navbox .navbar {
display: block;
float: left;
font-size: 100%;
text-align: left;
width: 6em;
}
.navbox .navbar ul {
display: block;
}
/* DAMIER SUR LES IMAGES */
/* 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("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") }
/* VERSION IMPRIMABLE */
/* Ne pas afficher le lien complet des URL externes sur la version imprimable
(à faire manuellement, grâce à class="plainlinksneverexpand"). */
.plainlinksneverexpand a.external.text:after {
display:none !important;
}
.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;
}
/* Classes pour Boîtes déroulantes */
.collapseButtonTest {
display: -moz-inline-box;
display: -webkit-inline-box;
display: inline-block;
font-weight: normal;
min-width: 5em;
margin-left: 0.5em;
color: #0645ad;
white-space: nowrap;
padding: 0;
text-align: left;
}
.collapseButtonBalance {
display: -moz-inline-box;
display: -webkit-inline-box;
display: inline-block;
width: 5em;
margin-right: 2.5em;
}
.collapseButtonContent {
padding: 0 0.25em 0 0.25em;
border: 1px solid transparent;
text-decoration: none;
color: #0645ad;
}
a.collapseButtonContent:hover {
border: 1px solid;
border-color: white black black white;
cursor: pointer;
cursor: hand;
text-decoration: none;
color: #0645ad;
}
.collapseButtonHide {
background-image: url(http://upload.wikimedia.org/wikipedia/en/9/99/ArrowUpNavbox.gif);
}
.collapseButtonShow {
background-image: url(http://upload.wikimedia.org/wikipedia/en/7/7b/ArrowDownNavbox.gif);
}
.collapseButtonHide,
.collapseButtonShow,
.collapseButtonHideIE6,
.collapseButtonShowIE6 {
color: #0645ad;
padding-left: 0.7em;
background-repeat: no-repeat;
background-position: left center;
}
span.navbarEditLinks {
display: none;
}
/** BOÎTES ET MESSAGES **/
/* BANDEAUX D'AVERTISSEMENT */
/* style par défaut des bandeaux d'avertissement décidés sur
Wikipédia:Prise de décision/Changement de style des messages d'avertissement
Utilisé dans Modèle:Méta bandeau d'avertissement
*/
.bandeau { /* monobookocentré */
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-niveau-grave { border-color: #aa0044; background-color: #222222 }
.bandeau-niveau-modere { border-color: #ff8822; background-color: #222222 }
.bandeau-niveau-ebauche { border-color: #ff8822; background-color: #222222 }
.bandeau-niveau-information { border-color: #77ccff; background-color: #222222 }
.bandeau-icone { vertical-align: middle; text-align: center; min-width: 45px; padding-right: 10px }
.bandeau-titre { font-size: 1em; line-height: 1.4em; margin-bottom: 0.5em }
.bandeau-texte { font-size: 0.9em; line-height: 1.2em }
/* ARTICLE DÉTAILLÉ */
/* Classes pour les modèles basés sur [[modèle:Article détaillé]] ainsi que [[Modèle:Article principal]],
[[Modèle:Commonscat simple]], [[Modèle:Galerie détaillée]] et [[Modèle:...]] ;
style décidé dans [[Wikipédia:Prise de décision/Unification des modèles : article détaillé et Loupe]]. */
.detail, .details {
margin:0 0 .7em 2em;
border:solid #aaaaaa;
border-width:1px 0;
text-align:left;
font-size:95%;
background:#2A2A2A url(http://upload.wikimedia.org/wikipedia/commons/thumb/6/61/Searchtool.svg/15px-Searchtool.svg.png) no-repeat left center;
padding:1px 4px 1px 24px;
overflow:hidden;
}
.detail.commons {
background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/15px-Commons-logo.svg.png);
background-repeat:no-repeat;
}
.detail.principal {
background-image: url(http://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-repeat:no-repeat;
}
.detail.section {
background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/Fairytale_waring.png/15px-Fairytale_waring.png);
background-repeat:no-repeat;
}
/* BALISE ABBR discrète */
abbr.abbr {
border-bottom: 0;
color: inherit;
}
div.smwfact { background-color: #0a2139; }
.mw-body dt {
font-family: LCD;
}