MediaWiki:Common.css

De 24 Wiki FR
Aller à la navigationAller à la recherche

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é 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;
}