Aller au contenu

« MediaWiki:Common.css » : différence entre les versions

De Wikiquestia
Aucun résumé des modifications
Balise : Révoqué
Aucun résumé des modifications
 
(226 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
<div class="infobox">
/* =========================================================
    <div class="header header_wood_nation">
  GLOBAL CLEAN BASE
        <p>{{{Titre|{{PAGENAME}}}}}</p>
========================================================= */
        <div class="infobox-LO">{{#if:{{{(Nom LO)|}}}|<tr>
                <td>{{{(Nom LO)}}}}}</td>
            </tr>
        </div>
        <div class="infobox-LO">{{#if:{{{(Nom LO2)|}}}|<tr>
                <td>{{{(Nom LO2)}}}}}</td>
            </tr>
        </div>
        <div class="infobox-LO">{{#if:{{{(Nom LO3)|}}}|<tr>
                <td>{{{(Nom LO3)}}}}}</td>
            </tr>
        </div>
    </div>
<div class="infobox-center">
{{#if:{{{Drapeau Caption|}}}|
[[File:{{PAGENAME:{{{Drapeau}}}}}|200px]]
<div class="infobox-caption">
<td>{{{Drapeau Caption|}}}</td>
<div class="infobox-LO">
{{#if:{{{Drapeau Caption (LO)|}}}|
<tr>
<th></th>
<td>(LO){{{Drapeau Caption (LO)|}}}}}</td>
</tr>
</div>
</div>
</div>}}
<div class="infobox-center">
</tr>
{{#if:{{{Écu Caption|}}}|
[[File:{{PAGENAME:{{{Écu}}}}}|100px]]
<div class="infobox-caption">
<tr>{{{Écu Caption|}}}</tr>
<div class="infobox-LO">
<tr>{{#if:{{{Écu Caption (LO)|}}}|
<th></th>
<td>(LO){{{Écu Caption (LO)|(LO)}}}}}</td>
</tr>
</div>
</div>
</div>}}
{{#if:{{{(Sous Titre1)|}}}|
<tr>
<div class="border-line wood_nation_border"></div>
<div class="subheader subheader_wood_nation">
<th></th>
<td>{{{(Sous Titre1)}}}}}</td>
</div>
</tr>


<table class="infobox-table">
hr {
{{#if:{{{Devise|}}}|
  margin: 0.3em 0.5em;
<tr>
}
<th>Devise</th>
<td>{{{Devise}}}</td>}}
</tr>
{{#if:{{{Fête nationale date|}}}|
<tr>
<th>Fête nationale</th>
<td>{{{Fête nationale date}}}</td>}}
</tr>
{{#if:{{{Fête nationale Évènement|}}}|
<tr>
<th></th>
<td>{{{Fête nationale Évènement}}}</td>}}
</tr>
{{#if:{{{Hymne national|}}}|
<tr>
<th>Hymne</th>
<td><i>{{{Hymne national}}}</i></td>}}
</tr>
{{#if:{{{Hymne audio|}}}|
<tr>
<th></th>
<td>[[File:{{PAGENAME:{{{Hymne audio}}}}}]]</td>}}
</tr>
{{#if:{{{Continent|}}}|
<tr>
<th>Continent</th>
<td>{{{Continent}}}</td>}}
</tr>
{{#if:{{{Pays limitrophe 1|}}}|
<tr>
<th>Pays limitrophe·s</th>
<td>{{{Pays limitrophe 1}}}</td>
</tr>}}
{{#if:{{{Pays limitrophe 2|}}}|
<tr>
<th></th>
<td>{{{Pays limitrophe 2}}}</td>
</tr>}}
{{#if:{{{Pays limitrophe 3|}}}|
<tr>
<th></th>
<td>{{{Pays limitrophe 3}}}</td>}}
</tr>
{{#if:{{{Pays limitrophe 4|}}}|
<tr>
<th></th>
<td>{{{Pays limitrophe 4}}}</td>}}
</tr>
{{#if:{{{Pays limitrophe 5|}}}|
<tr>
<th></th>
<td>{{{Pays limitrophe 5}}}</td>}}
</tr>
{{#if:{{{Pays limitrophe 6|}}}|
<tr>
<th></th>
<td>{{{Pays limitrophe 6}}}</td>}}
</tr>
{{#if:{{{Pays limitrophe 7|}}}|
<tr>
<th></th>
<td>{{{Pays limitrophe 7}}}</td>}}
</tr>
{{#if:{{{Pays limitrophe 8|}}}|
<tr>
<th></th>
<td>{{{Pays limitrophe 8}}}</td>}}
</tr>
{{#if:{{{Pays limitrophe 9|}}}|
<tr>
<th></th>
<td>{{{Pays limitrophe 9}}}</td>}}
</tr>
{{#if:{{{Pays limitrophe 10|}}}|
<tr>
<th></th>
<td>{{{Pays limitrophe 10}}}</td>}}
</tr>
</table>
<table>
<div class="infobox-center">
{{#if:{{{Carte Caption|}}}|
[[File:{{PAGENAME:{{{Carte}}}}}|thumb]]
<div class="infobox-caption">
</tr><b>{{{Carte Caption|}}}</b></tr>}}
</div>
</table>


{{#if:{{{(Sous Titre2)|}}}|
/* =========================================================
<tr>
  INFOBOX V4 (CORE)
<div class="border-line wood_nation_border"></div>
========================================================= */
<div class="subheader subheader_wood_nation">
<th></th>
<td>{{{(Sous Titre2)}}}}}</td>
</div>
</tr>
<table class="infobox-table">
{{#if:{{{Statut|}}}|
<tr>
<th>Statut</th>
<td>{{{Statut}}}</td>}}
</tr>
{{#if:{{{Titre Dirigeant 1|}}}|
<tr>
<th>{{{Titre Dirigeant 1}}}</th>
<td>{{{Nom Dirigeant 1}}}</td>}}
</tr>
{{#if:{{{Titre Dirigeant 2|}}}|
<tr>
<th>{{{Titre Dirigeant 2}}}</th>
<td>{{{Nom Dirigeant 2}}}</td>}}
</tr>
{{#if:{{{Titre Dirigeant 3|}}}|
<tr>
<th>{{{Titre Dirigeant 3}}}</th>
<td>{{{Nom Dirigeant 3}}}</td>}}
</tr>
{{#if:{{{Titre Dirigeant 4|}}}|
<tr>
<th>{{{Titre Dirigeant 4}}}</th>
<td>{{{Nom Dirigeant 4}}}</td>}}
</tr>
{{#if:{{{Titre Dirigeant 5|}}}|
<tr>
<th>{{{Titre Dirigeant 5}}}</th>
<td>{{{Nom Dirigeant 5}}}</td>}}
</tr>
{{#if:{{{Titre Dirigeant 6|}}}|
<tr>
<th>{{{Titre Dirigeant 6}}}</th>
<td>{{{Nom Dirigeant 6}}}</td>}}
</tr>
{{#if:{{{Titre Dirigeant 7|}}}|
<tr>
<th>{{{Titre Dirigeant 7}}}</th>
<td>{{{Nom Dirigeant 7}}}</td>}}
</tr>
{{#if:{{{Gouvernance|}}}|
<tr>
<th>Gouvernance</th>
<td>{{{Gouvernance}}}</td>}}
</tr>
{{#if:{{{Capitale|}}}|
<tr>
<th>Capitale</th>
<td>{{{Capitale}}}</td>}}
</tr>
{{#if:{{{Langue Officielle|}}}|
<tr>
<th>Langue Officielle</th>
<td>{{{Langue Officielle}}}</td>}}
</tr>
{{#if:{{{Langue de Jure|}}}|
<tr>
<th>Langue·s</th>
<td>{{{Langue de Jure}}} <i>(de Jure)</i></td>}}
</tr>
{{#if:{{{Langue de Facto|}}}|
<tr>
<th></th>
<td>{{{Langue de Facto}}} <i>(de Facto)</i></td>}}
</tr>
{{#if:{{{Langue 3|}}}|
<tr>
<th></th>
<td><i>{{{Langue 3}}}</td>}}
</tr>
{{#if:{{{Langue 4|}}}|
<tr>
<th></th>
<td><i>{{{Langue 4}}}</td>}}
</tr>
{{#if:{{{Langue 5|}}}|
<tr>
<th></th>
<td><i>{{{Langue 5}}}</td>}}
</tr>
{{#if:{{{Monnaie|}}}|
<tr>
<th>Monnaie</th>
<td>{{{Monnaie}}}</td>}}
</tr>
</table>


{{#if:{{{(Sous Titre3)|}}}|
.infobox,
<tr>
.infoboxv4 {
<div class="border-line wood_nation_border"></div>
    width: 320px;
<div class="subheader subheader_wood_nation">
    float: right;
<th></th>
    clear: right;
<td>{{{(Sous Titre3)}}}}}</td>
    margin: 0 0 0.5em 1em;
</div>
    padding: 0;
</tr>
    background: #f9f9f9;
    border: 1px solid #a2a9b1;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
    font-size: 0.9em;
    line-height: 1.4;
    overflow: hidden;
}


<table class="infobox-table">
/* =========================================================
{{#if:{{{Ville Principale 1|}}}|
  ENTÊTE
<tr>
========================================================= */
<th>Ville·s principale·s</th>
<td>{{{Ville Principale 1}}}</td>}}
</tr>
{{#if:{{{Ville Principale 2|}}}|
<tr>
<th></th>
<td>{{{Ville Principale 2}}}</td>}}
</tr>
{{#if:{{{Ville Principale 3|}}}|
<tr>
<th></th>
<td>{{{Ville Principale 3}}}</td>}}
</tr>
{{#if:{{{Ville Principale 4|}}}|
<tr>
<th></th>
<td>{{{Ville Principale 4}}}</td>}}
</tr>
{{#if:{{{Ville Principale 5|}}}|
<tr>
<th></th>
<td>{{{Ville Principale 5}}}</td>}}
</tr>
{{#if:{{{Composition 1|}}}|
<tr>
<th>Composition</th>
<td>{{{Composition 1}}}</td>
</tr>}}
{{#if:{{{Composition 2|}}}|
<tr>
<th></th>
<td>{{{Composition 2}}}</td>
</tr>}}
{{#if:{{{Composition 3|}}}|
<tr>
<th></th>
<td>{{{Composition 3}}}</td>}}
</tr>
{{#if:{{{Composition 4|}}}|
<tr>
<th></th>
<td>{{{Composition 4}}}</td>}}
</tr>
{{#if:{{{Composition 5|}}}|
<tr>
<th></th>
<td>{{{Composition 5}}}</td>}}
</tr>
{{#if:{{{Composition 6|}}}|
<tr>
<th></th>
<td>{{{Composition 6}}}</td>}}
</tr>
{{#if:{{{Composition 7|}}}|
<tr>
<th></th>
<td>{{{Composition 7}}}</td>}}
</tr>
{{#if:{{{Composition 8|}}}|
<tr>
<th></th>
<td>{{{Composition 8}}}</td>}}
</tr>
{{#if:{{{Composition 9|}}}|
<tr>
<th></th>
<td>{{{Composition 9}}}</td>}}
</tr>
{{#if:{{{Composition 10|}}}|
<tr>
<th></th>
<td>{{{Composition 10}}}</td>}}
</tr>
{{#if:{{{Composition 1|}}}|
<tr>
<th></th>
<td>{{{Composition 11}}}</td>
</tr>}}
{{#if:{{{Composition 12|}}}|
<tr>
<th></th>
<td>{{{Composition 12}}}</td>
</tr>}}
{{#if:{{{Composition 13|}}}|
<tr>
<th></th>
<td>{{{Composition 13}}}</td>}}
</tr>
{{#if:{{{Composition 14|}}}|
<tr>
<th></th>
<td>{{{Composition 14}}}</td>}}
</tr>
{{#if:{{{Composition 15|}}}|
<tr>
<th></th>
<td>{{{Composition 15}}}</td>}}
</tr>
{{#if:{{{Superficie|}}}|
<tr>
<th>Superficie</th>
<td>{{{Superficie}}}</td>}}
</tr>
</table>


{{#if:{{{(Sous Titre4)|}}}|
.infoboxv4-entete {
<tr>
    position: relative;
<div class="border-line wood_nation_border"></div>
    font-weight: bold;
<div class="subheader subheader_wood_nation">
    text-align: center;
<th></th>
    font-size: 1.3em;
<td>{{{(Sous Titre4)}}}</td>}}
    padding: 0.5em 2.2em 0.5em 0.6em;
</div>
    margin: 0;
</tr>
}
<table class="infobox-table">
{{#if:{{{Gentillé|}}}|
<tr>
<th>Gentillé</th>
<td>{{{Gentillé}}}</td>}}
</tr>
{{#if:{{{Race 1|}}}|
<tr>
<th>Race·s</th>
<td>{{{Race 1}}}</td>}}
</tr>
{{#if:{{{Race 2|}}}|
<tr>
<th></th>
<td>{{{Race 2}}}</td>}}
</tr>
{{#if:{{{Race 3|}}}|
<tr>
<th></th>
<td>{{{Race 3}}}</td>}}
</tr>
{{#if:{{{Race 4|}}}|
<tr>
<th></th>
<td>{{{Race 4}}}</td>}}
</tr>
{{#if:{{{Race 5|}}}|
<tr>
<th></th>
<td>{{{Race 5}}}</td>}}
</tr>
{{#if:{{{Race 6|}}}|
<tr>
<th></th>
<td>{{{Race 6}}}</td>}}
</tr>
{{#if:{{{Race 7|}}}|
<tr>
<th></th>
<td>{{{Race 7}}}</td>}}
</tr>


<tr>
/* Icône entête */
{{#if:{{{population|}}}|<tr>
.infoboxv4-entete::after {
<th>population</th>
    content: "";
<td>{{{population}}}</td>}}
    position: absolute;
</tr>
    top: 50%;
</table>
    right: 8px;
{{#if:{{{(Sous Titre5)|}}}|
    width: 18px;
<tr>
    height: 18px;
<div class="border-line wood_nation_border"></div>
    transform: translateY(-50%);
<div class="subheader subheader_wood_nation">
    background-size: contain;
<th></th>
    background-repeat: no-repeat;
<td>{{{(Sous Titre5)}}}</td>}}
    opacity: 0.85;
</div>
}
</tr>
 
<table class="infobox-table">
/* sous-texte */
{{#if:{{{Date 1|}}}|
.infoboxv4-lo {
<tr>
    font-size: 0.7em;
<th>{{{Date 1}}}</th>}}
    font-weight: normal;
</td>{{#if:{{{Évènement 1|}}}|<td>
    margin-top: 0.2em;
<td>{{{Évènement 1}}}</td>}}
}
</tr>
 
{{#if:{{{Date 2|}}}|
/* =========================================================
<tr>
  BLOCS (SECTIONS)
<th>{{{Date 2}}}</th>}}
========================================================= */
</td>{{#if:{{{Évènement 2|}}}|<td>
 
<td>{{{Évènement 2}}}</td>}}
.infoboxv4-titre-bloc {
</tr>
    position: relative;
{{#if:{{{Date 3|}}}|
    text-align: center;
<tr>
    font-weight: bold;
<th>{{{Date 3}}}</th>}}
    padding: 0.45em 2em 0.45em 0.6em;
</td>{{#if:{{{Évènement 3|}}}|<td>
    margin: 0;
<td>{{{Évènement 3}}}</td>}}
    font-size: 0.95em;
</tr>
}
{{#if:{{{Date 4|}}}|<tr>
 
<th>{{{Date 4}}}</th>}}
/* Icône bloc */
</td>{{#if:{{{Évènement 4|}}}|<td>
.infoboxv4-titre-bloc::after {
<td>{{{Évènement 4}}}</td>}}
    content: "";
</tr>
    position: absolute;
{{#if:{{{Date 5|}}}|<tr>
    right: 8px;
<th>{{{Date 5}}}</th>}}
    top: 50%;
</td>{{#if:{{{Évènement 5|}}}|<td>
    width: 14px;
<td>{{{Évènement 5}}}</td>}}
    height: 14px;
</tr>
    transform: translateY(-50%);
{{#if:{{{Date 6|}}}|<tr>
    background-size: contain;
<th>{{{Date 6}}}</th>}}
    background-repeat: no-repeat;
</td>{{#if:{{{Évènement 6|}}}|<td>
    opacity: 0.7;
<td>{{{Évènement 6}}}</td>}}
}
</tr>
 
{{#if:{{{Date 7|}}}|<tr>
/* =========================================================
<th>{{{Date 7}}}</th>}}
  IMAGES
</td>{{#if:{{{Évènement 7|}}}|<td>
========================================================= */
<td>{{{Évènement 7}}}</td>}}
 
</tr>
.infoboxv4-portrait,
{{#if:{{{Date 8|}}}|<tr>
.infoboxv4-carte,
<th>{{{Date 8}}}</th>}}
.infoboxv4-image {
</td>{{#if:{{{Évènement 8|}}}|<td>
    text-align: center;
<td>{{{Évènement 8}}}</td>}}
    padding: 0.5em;
</tr>
}
{{#if:{{{Date 9|}}}|<tr>
 
<th>{{{Date 9}}}</th>}}
.infoboxv4-portrait img,
</td>{{#if:{{{Évènement 9|}}}|<td>
.infoboxv4-carte img,
<td>{{{Évènement 9}}}</td>}}
.infoboxv4-image img {
</tr>
    max-width: 100%;
</table>
    height: auto;
<table>
    border-radius: 4px;
<div class="border-line-thin"></div>
}
<table class="infobox-table">
 
<table class="infobox-list-left">
.infoboxv4-portrait div,
{{#if:{{{Entité précédente 1|}}}|
.infoboxv4-carte div,
<tr>
.infoboxv4-image div {
<tr>
    font-size: 0.8em;
<th>Entité·s précédente·s</th>
    color: #54595d;
</tr>
    margin-top: 0.3em;
<th>{{{Entité précédente 1}}}</th>}}
}
</tr>
 
{{#if:{{{Entité précédente 2|}}}|
/* =========================================================
<tr>
  TABLEAUX
<th>{{{Entité précédente 2}}}</th>}}
========================================================= */
</tr>
 
{{#if:{{{Entité précédente 3|}}}|
.infoboxv4-tableau {
<tr>
    width: 100%;
<th>{{{Entité précédente 3}}}</th>}}
    border-collapse: collapse;
</tr>
}
{{#if:{{{Entité précédente 4|}}}|
 
<tr>
.infoboxv4-tableau th,
<th>{{{Entité précédente 4}}}</th>}}
.infoboxv4-tableau td {
</tr>
    padding: 0.35em 0.5em;
{{#if:{{{Entité précédente 5|}}}|
    vertical-align: top;
<tr>
}
<th>{{{Entité précédente 5}}}</th>}}
 
</tr>
.infoboxv4-tableau th {
{{#if:{{{Entité précédente 6|}}}|
    width: 40%;
<tr>
    font-weight: normal;
<th>{{{Entité précédente 6}}}</th>}}
    color: #202122;
</tr>
}
{{#if:{{{Entité précédente 7|}}}|
 
<tr>
.infoboxv4-tableau td {
<th>{{{Entité précédente 7}}}</th>}}
    width: 60%;
</tr>
}
{{#if:{{{Entité précédente 8|}}}|
 
<tr>
.infoboxv4-tableau tr + tr td,
<th>{{{Entité précédente 8}}}</th>}}
.infoboxv4-tableau tr + tr th {
</tr>
    border-top: 1px solid #eaecf0;
{{#if:{{{Entité précédente 9|}}}|
}
<tr>
 
<th>{{{Entité précédente 9}}}</th>}}
/* =========================================================
</tr>
  SÉPARATEURS
{{#if:{{{Entité précédente 10|}}}|
========================================================= */
<tr>
 
<th>{{{Entité précédente 10}}}</th>}}
.infoboxv4-separateur {
</tr>
    border-top: 1px solid #a2a9b1;
</table>
    margin: 0.3em 0;
<table class="infobox-list-right">
}
{{#if:{{{Entité suivante 1|}}}|
 
<tr>
/* =========================================================
<tr>
  ICÔNES PAR CHARTE
<th>Entité·s suivante·s</th>
========================================================= */
</tr>
 
<th>{{{Entité suivante 1}}}</th>}}
.infoboxv4-entete.empire::after,
</tr>
.infoboxv4-titre-bloc.empire::after {
{{#if:{{{Entité suivante 2|}}}|
    background-image: url(https://wiki.alakihel.ovh/images/d/df/Pictogram_feather.png);
<tr>
}
<th>{{{Entité suivante 2}}}</th>}}
 
</tr>
.infoboxv4-entete.biographie::after,
{{#if:{{{Entité suivante 3|}}}|
.infoboxv4-titre-bloc.biographie::after {
<tr>
    background-image: url(https://wiki.alakihel.ovh/images/1/19/Pictogram_flower.png);
<th>{{{Entité suivante 3}}}</th>}}
}
</tr>
 
{{#if:{{{Entité suivante 4|}}}|
.infoboxv4-entete.geographie::after,
<tr>
.infoboxv4-titre-bloc.geographie::after {
<th>{{{Entité suivante 4}}}</th>}}
    background-image: url(https://wiki.alakihel.ovh/images/c/c8/Pictogram_sonlight.png);
</tr>
}
{{#if:{{{Entité suivante 5|}}}|
 
<tr>
.infoboxv4-entete.darkgods::after,
<th>{{{Entité suivante 5}}}</th>}}
.infoboxv4-titre-bloc.darkgods::after {
</tr>
    background-image: url(https://wiki.alakihel.ovh/images/e/ea/Pictogram_darkgods.png);
{{#if:{{{Entité suivante 6|}}}|
}
<tr>
 
<th>{{{Entité suivante 6}}}</th>}}
.infoboxv4-entete.cite_independante::after,
</tr>
.infoboxv4-titre-bloc.cite_independante::after {
{{#if:{{{Entité suivante 7|}}}|
    background-image: url(https://wiki.alakihel.ovh/images/2/28/Pictogram_freecity.png);
<tr>
}
<th>{{{Entité suivante 7}}}</th>}}
 
</tr>
.infoboxv4-entete.björkan::after,
{{#if:{{{Entité suivante 8|}}}|
.infoboxv4-titre-bloc.björkan::after {
<tr>
    background-image: url(https://wiki.alakihel.ovh/images/9/9b/Pictogram_Björkan_Närävar.png);
<th>{{{Entité suivante 8}}}</th>}}
}
</tr>
 
{{#if:{{{Entité suivante 9|}}}|
/* =========================================================
<tr>
  CORRECTIONS MEDIAWIKI
<th>{{{Entité suivante 9}}}</th>}}
========================================================= */
</tr>
 
{{#if:{{{Entité suivante 10|}}}|
.infobox > p:only-child {
<tr>
    display: none;
<th>{{{Entité suivante 10}}}</th>}}
}
</tr>
 
</table>
.infobox table {
</table>
    border-collapse: collapse;
</tr>
    width: 100%;
</div>
}
 
.infobox th,
.infobox td {
    border: none;
}

Dernière version du 9 avril 2026 à 16:42

/* =========================================================
   GLOBAL CLEAN BASE
========================================================= */

hr {
  margin: 0.3em 0.5em;
}

/* =========================================================
   INFOBOX V4 (CORE)
========================================================= */

.infobox,
.infoboxv4 {
    width: 320px;
    float: right;
    clear: right;
    margin: 0 0 0.5em 1em;
    padding: 0;
    background: #f9f9f9;
    border: 1px solid #a2a9b1;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
    font-size: 0.9em;
    line-height: 1.4;
    overflow: hidden;
}

/* =========================================================
   ENTÊTE
========================================================= */

.infoboxv4-entete {
    position: relative;
    font-weight: bold;
    text-align: center;
    font-size: 1.3em;
    padding: 0.5em 2.2em 0.5em 0.6em;
    margin: 0;
}

/* Icône entête */
.infoboxv4-entete::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.85;
}

/* sous-texte */
.infoboxv4-lo {
    font-size: 0.7em;
    font-weight: normal;
    margin-top: 0.2em;
}

/* =========================================================
   BLOCS (SECTIONS)
========================================================= */

.infoboxv4-titre-bloc {
    position: relative;
    text-align: center;
    font-weight: bold;
    padding: 0.45em 2em 0.45em 0.6em;
    margin: 0;
    font-size: 0.95em;
}

/* Icône bloc */
.infoboxv4-titre-bloc::after {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    width: 14px;
    height: 14px;
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.7;
}

/* =========================================================
   IMAGES
========================================================= */

.infoboxv4-portrait,
.infoboxv4-carte,
.infoboxv4-image {
    text-align: center;
    padding: 0.5em;
}

.infoboxv4-portrait img,
.infoboxv4-carte img,
.infoboxv4-image img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.infoboxv4-portrait div,
.infoboxv4-carte div,
.infoboxv4-image div {
    font-size: 0.8em;
    color: #54595d;
    margin-top: 0.3em;
}

/* =========================================================
   TABLEAUX
========================================================= */

.infoboxv4-tableau {
    width: 100%;
    border-collapse: collapse;
}

.infoboxv4-tableau th,
.infoboxv4-tableau td {
    padding: 0.35em 0.5em;
    vertical-align: top;
}

.infoboxv4-tableau th {
    width: 40%;
    font-weight: normal;
    color: #202122;
}

.infoboxv4-tableau td {
    width: 60%;
}

.infoboxv4-tableau tr + tr td,
.infoboxv4-tableau tr + tr th {
    border-top: 1px solid #eaecf0;
}

/* =========================================================
   SÉPARATEURS
========================================================= */

.infoboxv4-separateur {
    border-top: 1px solid #a2a9b1;
    margin: 0.3em 0;
}

/* =========================================================
   ICÔNES PAR CHARTE
========================================================= */

.infoboxv4-entete.empire::after,
.infoboxv4-titre-bloc.empire::after {
    background-image: url(https://wiki.alakihel.ovh/images/d/df/Pictogram_feather.png);
}

.infoboxv4-entete.biographie::after,
.infoboxv4-titre-bloc.biographie::after {
    background-image: url(https://wiki.alakihel.ovh/images/1/19/Pictogram_flower.png);
}

.infoboxv4-entete.geographie::after,
.infoboxv4-titre-bloc.geographie::after {
    background-image: url(https://wiki.alakihel.ovh/images/c/c8/Pictogram_sonlight.png);
}

.infoboxv4-entete.darkgods::after,
.infoboxv4-titre-bloc.darkgods::after {
    background-image: url(https://wiki.alakihel.ovh/images/e/ea/Pictogram_darkgods.png);
}

.infoboxv4-entete.cite_independante::after,
.infoboxv4-titre-bloc.cite_independante::after {
    background-image: url(https://wiki.alakihel.ovh/images/2/28/Pictogram_freecity.png);
}

.infoboxv4-entete.björkan::after,
.infoboxv4-titre-bloc.björkan::after {
    background-image: url(https://wiki.alakihel.ovh/images/9/9b/Pictogram_Björkan_Närävar.png);
}

/* =========================================================
   CORRECTIONS MEDIAWIKI
========================================================= */

.infobox > p:only-child {
    display: none;
}

.infobox table {
    border-collapse: collapse;
    width: 100%;
}

.infobox th,
.infobox td {
    border: none;
}