Aller au contenu

MediaWiki:Common.css

De Wikiquestia

Note : après avoir publié 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 appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
  • Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
  •  Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
.tabber__tabs {
        justify-content: space-evenly;
}

hr {
  margin: 0 0.5em;
}

/* HEADER */
.header, .subheader {
    font-weight: bold;
    text-align: center;
    padding: 0.5em;
    margin: 0.5em;
}

.header {
    font-size: 1.2em;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}


.header-defaut {
    background-color: #333;
}
.header-rouge {
    background-color: #8B0000;
}
.header-vert {
    background-color: #228B22;
}
.header-or {
    background-color: #DAA520;
}

.infobox, .infobox_top_border, .infobox_bottom_border {
    padding: 5px;
    background: #f9f9f9;
    border: 1px solid #aaa;
    max-width: 325px;
    word-wrap: break-word;
    float: right;
    clear: right;
    font-size: 0.9em;
    line-height: 1.4;
    margin: 0 0 0.5em 1em;
    border-radius: 10px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1)
}

.infobox_bottom_border {
    width: 100%;
    max-width: 100%;
    border-bottom: 1px solid #aaa;
}

.infobox-title {
    font-weight: bold;
    text-align: center;
    color: #000;
    background: #54994C;
    padding: 1px;
    width: 100%;
    height: 45px;
}

.infobox-subtitle, .infobox-subtitle-biography {
    font-weight: bold;
    text-align: center;
    background-color: #5c76be;
    margin: 0.5em;
    padding: 0.2em;
}

.infobox-LO, .infobox-caption {
    font-size: small;
    font-style: italic;
    margin: 0.5em 0;
    text-align: center;
    width: -webkit-fill-available;
}

.infobox-séparateur, .infobox_separator {
    padding: 0.5em;
    border-top: 1px solid;
    border-bottom: 1px solid;
    font-weight: bold;
    text-align: center;
    background: #EBEBEB;
    color: #333;
}

.infobox-image {
    font-size: smaller;
    font-style: italic;
    margin: 0.5em 0;
    text-align: center;
}

.infobox-center, .infobox-left, .infobox-right {
    font-size: smaller;
    font-style: italic;
    margin: 0.5em 0;
    text-align: center;
    width: -webkit-fill-available;
}

.infobox-left {
    text-align: left;
}

.infobox-right {
    text-align: right;
}

.infobox-table th, .infobox-table td {
    text-align: left;
    vertical-align: top;
}

.infobox-table th {
    width: 10em;
}

.infobox-table td {
    width: 15em;
}

.infobox-list-left {
    text-align: center;
    float: left;
    width: 45%;
}

.infobox-list-right {
    text-align: center;
    float: right;
    width: 45%;
}

.border-line {
    border-top-style: solid;
    border-width: 1px;
    height: 2px;
    margin: 5px 0.5em;
}

hr.nation {
    background-color: #65cec9cc;
    margin: 0.5em;
}

.infobox-container {
    float: right;
    clear: right;
    width: 33%;
    margin-left: 10px;
}

audio {
    width: -webkit-fill-available;
    height: 20px;
}

.row {
    display: table;
    clear: both;
}

.column {
    float: left;
    width: 50%;
    padding: 10px;
}

/* HEADER */
.header, .subheader {
    font-weight: bold;
    text-align: center;
    padding: 0.5em;
    margin: 0.5em;
}

.header {
    font-size: 1.2em;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.subheader {
    line-height: 1.1;
    padding: 4px;
}


/* Navbox Template */

/* Navbox Styling */
.navbox {
    border: 1px solid #aaa;
    padding: 2px;
    font-size: 88%;
    background: #f9f9f9;
    margin: 5px 0;
    clear: both;
    width: 100%;
    box-sizing: border-box;
}

.navbox-title {
    background-color: #ccccff;
    font-weight: bold;
    text-align: center;
    padding: 2px;
}

.navbox-list {
    text-align: left;
    padding: 5px;
}

.navbox-group {
    width: 12%;
    text-align: right;
    padding-right: 0.5em;
    font-weight: bold;
    white-space: nowrap;
}

.navbox-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.navbox hlist {
    list-style: none;
    padding: 0;
    margin: 0;
}

.navbox hlist ul {
    display: inline;
}

.navbox hlist li {
    display: inline;
    margin-right: 10px;
}


/* TEMPLATE HEADER */
.header_hero_PNJ,
.header_enemy,
.header_PNJ,
.header_PJ,
.header_organization,
.header_nation,
.header_dwarf_nation,
.header_wood_nation,
.header_geography,
.header_city,
.header_place,
.header_race,
.header_monsters,
.header_items,
.header_events,
.header_langue,
.header_book,
.header_lightgods,
.header_darkgods,
{
    background-size: cover;
}

/* TEMPLATE BORDER */
.hero_PNJ_border,
.enemy_border,
.PNJ_border,
.PJ_border,
.organization_border,
.nation_border,
.dwarf_nation_border,
.wood_nation_border,
.geography_border,
.city_border,
.place_border,
.race_border,
.monsters_border,
.items_border,
.events_border,
.langue_border,
.book_border,
.lightgods_border,
.darkgods_border {
    border-color: currentColor;
}

/* SPECIFIC TEMPLATES */


/* LANGUE */
.header_langue {
    background-color: #40E0D0;
    background-image: url();
}
.subheader_langue {
    background-color: #7befe3;
}
hr.langue {
    background-color: #40E0D0;
    margin: 0.5em;
}

/* HERO TEMPLATES */
.header_hero_PNJ {
    background-image: url(https://wiki.alakihel.ovh/images/d/df/Pictogram_feather.png);
}
.subheader_hero_PNJ {
    background: #a9c8e09c;
}
hr.PNJ_border {
    border-color: #a9c8e0;
    margin: 0.5em;
    }

/* ENEMY TEMPLATES */
.header_enemy {
    background-color: #39414d;
    background-image: url(https://wiki.alakihel.ovh/images/d/d3/Pictogram_oeil_102x45.png);
    color: #e4e4e4;
}
.subheader_enemy {
    background: #3B394D;
    color: #e4e4e4;
}
.enemy_border {
    border-color: #39414d;
}

/* PNJ TEMPLATES */
.header_PNJ {
    background-color: #dac5a3ca;
    background-image: url(https://wiki.alakihel.ovh/images/1/19/Pictogram_flower.png);
}
.subheader_PNJ {
    background: #dac5a367;
}
.PNJ_border {
    border-color: #dac5a3;
}

/* PJ TEMPLATES */
.header_PJ {
    background-color: #ADA9E0;
    background-image: url(https://wiki.alakihel.ovh/images/c/c8/Pictogram_sonlight.png);
}
.subheader_PJ {
    background: #aca9e099;
}
.PJ_border {
    border-color: #ADA9E0;
}

/* ORGANIZATION TEMPLATES */
.header_organization {
    background-color: #9d943ccc;
    background-image: url(//upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png);
}
.subheader_organization {
    background: #9d933c7b;
}
.organization_border {
    border-color: #9d943ccc;
}

/* NATION TEMPLATES */
.header_nation {
    background-color: #65cec9;
    background-image: url(https://wiki.alakihel.ovh/images/4/40/Pictogram_nation_102x45.png);
}
.subheader_nation {
    background: #65cec9cc;
}

.header_book {
    background-color: #ffe4c4;
}

.book_border {
    border-color: #ffe4c4;
}

/* ACTORIA (GOUVERNORATE) TEMPLATES */

.header_actoria_governorate {
    background-color: #0b57dbb5;
    background-image: url(https://wiki.alakihel.ovh/images/4/41/Pictogram_actoria_%28gouvernorate%29.png);
}
.subheader_actoria_governorate {
    background: #0b57db76;
}
hr.actoria_governorate {
    background-color: #0b57dbb5;
    margin: 0.5em;
}

/* ACTORIA (KINGDOM) TEMPLATES */

.header_actoria_kingdom {
    background-color: #0b57dbb5;
    background-image: url(https://wiki.alakihel.ovh/images/4/41/Pictogram_actoria_%28gouvernorate%29.png);
}
.subheader_actoria_kingdom {
    background: #0b57db76;
}
hr.actoria_kingdom {
    background-color: #0b57dbb5;
    margin: 0.5em;
}

/* CÉDOYIN TEMPLATES */

.header_cédoyin {
    background-color: #0b69dbc1;
    background-image: url(https://wiki.alakihel.ovh/images/6/6f/Pictogram_cédoyin.png);
}
.subheader_cédoyin {
    background: #0b69db90;
}
hr.cédoyin {
    background-color: #0b69dbc1;
    margin: 0.5em;
}

/* DAEÏKAARD TEMPLATES */

.header_daeïkaard {
    background-color: #650599f8;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_daeïkaard {
    background: #650599c0;
}
hr.daeïkaard {
    background-color: #650599f8;
    margin: 0.5em;
}

/* ELPONIE TEMPLATES */

.header_elponie {
    background-color: #c8212fd9;
    background-image: url(https://wiki.alakihel.ovh/images/6/6d/Pictogram_elponie.png);
}
.subheader_elponie {
    background: #c8212f79;
}
hr.elponie {
    background-color: #c8212fd9;
    margin: 0.5em;
}

/* ELNASTOR TEMPLATES */

.header_elnastor {
    background-color: #db0b1db5;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_elnastor {
    background: #db0b1ca8;
}
hr.elnastor {
    background-color: #db0b1db5;
    margin: 0.5em;
}

/* EZENTEK TEMPLATES */

.header_ezentek {
    background-color: #ffffff;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_ezentek {
    background: #ffffffb4;
}
hr.ezentek {
    background-color: #ffffff;
    margin: 0.5em;
}

/* FARDWER TEMPLATES */

.header_fardwer {
    background-color: #91006de2;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
    color: #e4e4e4;
}
.subheader_fardwer {
    background: #91006db3;
    color: #e4e4e4;
}
hr.fardwer {
    background-color: #91006de2;
    margin: 0.5em;
}

/* FLEK TEMPLATES */

.header_flek {
    background-color: #b3009be5;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_flek {
    background: #b3009b9c;
}
hr.flek {
    background-color: #b3009be5;
    margin: 0.5em;
}

/* FREYDJ TEMPLATES */

.header_freydj {
    background-color: #8bdb0bed;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_freydj {
    background: #8bdb0bd1;
}
hr.freydj {
    background-color: #8bdb0bed;
    margin: 0.5em;
}

/* HERMIAN TEMPLATES */

.header_hermian {
    background-color: #000000b5;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
    color: #e4e4e4;
}
.subheader_hermian {
    background: #0000008b;
    color: #e4e4e4;
}
hr.hermian {
    background-color: #000000b5;
    margin: 0.5em;
}

/* HITARU-ATO TEMPLATES */

.header_hitaruato {
    background-color: #d00079e6;
    background-image: url(https://wiki.alakihel.ovh/images/f/f4/Pictogram_hitaruato.png);
}
.subheader_hitaruato {
    background: #d00079c6;
}
hr.hitaruato {
    background-color: #d00079e6;
    margin: 0.5em;
}

/* INDERC TEMPLATES */

.header_inderc {
    background-color: #00752bdf;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_inderc {
    background: #00752ba7;
}
hr.inderc {
    background-color: #00752bdf;
    margin: 0.
}

/* ITIRITH TEMPLATES */

.header_itirith {
    background-color: #35bd65d8;
    background-image: url(https://wiki.alakihel.ovh/images/0/00/Pictogram_itirith.png);
}
.subheader_itirith {
    background: #35bd65a8;
}
hr.itirith {
    background-color: #35bd65d8;
    margin: 0.5em;
}

/* ISTARELD TEMPLATES */

.header_istareld {
    background-color: #df4e5aec;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_istareld {
    background: #df4e5abb;
}
hr.istareld {
    background-color: #df4e5aec;
    margin: 0.5em;
}

/* KARANANERGHIR TEMPLATES */

.header_karananerghir {
    background-color: #344500f3;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
    color: #e4e4e4;
}
.subheader_karananerghir {
    background: #344500bd;
    color: #e4e4e4;
}
hr.karananerghir {
    background-color: #344500f3;
    margin: 0.5em;
}

/* KARANANGROM TEMPLATES */

.header_karanangrom {
    background-color: #501c00df;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
    color: #e4e4e4;
}
.subheader_karanangrom {
    background: #501c00a2;
    color: #e4e4e4;
}
hr.karanangrom {
    background-color: #501c00df;
    margin: 0.5em;
}


/* KARANANKRIM TEMPLATES */

.header_karanankrim {
    background-color: #001649e5;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
    color: #e4e4e4;
}
.subheader_karanankrim {
    background: #001649a8;
    color: #e4e4e4;
}
hr.karanankrim {
    background-color: #001649e5;
    margin: 0.5em;
}


/* KARANANKRENZD TEMPLATES */

.header_karanankrenzd {
    background-color: #512a00ec;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
    color: #e4e4e4;
}
.subheader_karanankrenzd {
    background: #512a00c6;
    color: #e4e4e4;
}
hr.karanankrenzd {
    background-color: #512a00ec;
    margin: 0.5em;
}


/* KARANANRERIR TEMPLATES */

.header_karanannerir {
    background-color: #3f1418eb;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
    color: #e4e4e4;
}
.subheader_karanannerir {
    background: #3f1418bd;
    color: #e4e4e4;
}
hr.karanannerir {
    background-color: #3f1418eb;
    margin: 0.5em;
}


/* KARANANZERG TEMPLATES */

.header_karananzerg {
    background-color: #494c3bf1;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
    color: #e4e4e4;
}
.subheader_karananzerg {
    background: #494c3bd1;
    color: #e4e4e4;
}
hr.karananzerg {
    background-color: #494c3bf1;
    margin: 0.5em;
}


/* KILINIAARD TEMPLATES */

.header_kiliniaard {
    background-color: #65e4cdf4;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_kiliniaard {
    background: #65e4cdb7;
}
hr.kiliniaard {
    background-color: #65e4cdf4;
    margin: 0.5em;
}


/* KREUZFLUß TEMPLATES */

.header_kreuzfluß {
    background-color: #0044d6ef;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_kreuzfluß {
    background: #0044d6ca;
}
hr.kreuzfluß {
    background-color: #0044d6ef;
    margin: 0.5em;
}

/* MALDENZIRB TEMPLATES */

.header_maldenzirb {
    background-color: #92b000eb;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_maldenzirb {
    background: #93b000c6;
}
hr.maldenzirb {
    background-color: #92b000eb;
    margin: 0.5em;
}


/* NIOMNISAR TEMPLATES */

.header_niomnisar {
    background-color: #310004dc;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
    color: #e4e4e4;
}
.subheader_niomnisar {
    background: #310004b5;
    color: #e4e4e4;
}
hr.niomnisar {
    background-color: #310004dc;
    margin: 0.5em;
}


/* PSTRANßE SUR REGNERG TEMPLATES */

.header_pstranße-sur-regnerg {
    background-color: #db0b1db5;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_pstranße-sur-regnerg {
    background: #db0b1ca8;
}
hr.pstranße-sur-regnerg {
    background-color: #db0b1db5;
    margin: 0.5em;
}


/* RINATROV TEMPLATES */

.header_rinatrov {
    background-color: #171dcbec;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
    color: #e4e4e4;
}
.subheader_rinatrov {
    background: #171dcbbe;
    color: #e4e4e4;
}
hr.rinatrov {
    background-color: #171dcbec;
    margin: 0.5em;
}

/* RONWELLA TEMPLATES */

.header_ronwella {
    background-color: #dbcd0bfb;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_ronwella {
    background: #dbcd0ba7;
}
hr.ronwella {
    background-color: #dbcd0bfb;
    margin: 0.5em;
}

/* SÄSWILL SOLDÄLL TEMPLATES */

.header_säswill-soldäll {
    background-color: #73ff00e8;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_säswill-soldäll {
    background: #73ff00b3;
}
hr.säswill-soldäll {
    background-color: #73ff00e8;
    margin: 0.5em;
}

/* SHELIBA TEMPLATES */

.header_sheliba {
    background-color: #00da5bee;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_sheliba {
    background: #00da5bbd;
}
hr.sheliba {
    background-color: #00da5bee;
    margin: 0.5em;
}


/* TAL EI' DJAAR TEMPLATES */

.header_taleidjaar {
    background-color: #dbbc0bdb;
    background-image: url(https://wiki.alakihel.ovh/images/4/40/Pictogram_Tal_Ei%27_Djaar.png);
}
.subheader_taleidjaar {
    background: #dbbc0b9e;
}
hr.taleidjaar {
    background-color: #dbbc0bdb;
    margin: 0.5em;
}

/* TOLKONOR TEMPLATES */

.header_tolkonor {
    background-color: #efe700eb;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_tolkonor {
    background: #efe700ad;
}
hr.tolkonor {
    background-color: #efe700eb;
    margin: 0.5em;
}


/* TUNDRAR TEMPLATES */

.header_tundrar {
    background-color: #d57100eb;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_tundrar {
    background: #d5720096;
}
hr.tundrar {
    background-color: #d57100eb;
    margin: 0.5em;
}

/* VALDENGAARD TEMPLATES */

.header_valdengaard {
    background-color: #c3c3c3;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_valdengaard {
    background: #c3c3c3b5;
}
hr.valdengaard {
    background-color: #c3c3c3;
    margin: 0.5em;
}

/* VALDÔME TEMPLATES */

.header_valdôme {
    background-color: #cececed9;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_valdôme {
    background: #cececeb3;
}
hr.valdôme {
    background-color: #cececed9;
    margin: 0.5em;
}

/* VELHAW TEMPLATES */

.header_velhaw {
    background-color: #279300d8;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_velhaw {
    background: #279300a2;
}
hr.velhaw {
    background-color: #279300d8;
    margin: 0.5em;
}


/* VEECHORION TEMPLATES */

.header_veechorion {
    background-color: #9b9b9bd8;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_veechorion {
    background: #9b9b9ba1;
}
hr.veechorion {
    background-color: #9b9b9bd8;
    margin: 0.5em;
}

/* VENN TEMPLATES */

.header_venn {
    background-color: #1bec00ef;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_venn {
    background: #1cec00aa;
}
hr.venn {
    background-color: #1bec00ef;
    margin: 0.5em;
}


/* WALLAND TEMPLATES */

.header_walland {
    background-color: #e86108e4;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_walland {
    background: #e86208aa;
}
hr.walland {
    background-color: #e86108e4;
    margin: 0.5em;
}

/* XOUILN TEMPLATES */

.header_xouiln {
    background-color: #ff1428ee;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_xouiln {
    background: #ff1427be;
}
hr.xouiln {
    background-color: #ff1428ee;
    margin: 0.5em;
}


/* YOYJDIN TEMPLATES */

.header_yoyjdin {
    background-color: #00dbf8;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_yoyjdin {
    background: #00dbf8b0;
}
hr.yoyjdin {
    background-color: #00dbf8;
    margin: 0.5em;
}

/* ZAÏNDIR TEMPLATES */

.header_zaïndir {
    background-color: #ffffff;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_elnastor.png);
}
.subheader_zaïndir {
    background: #ffffffc7;
}
hr.zaïndir {
    background-color: #ffffff;
    margin: 0.5em;
}

/* ZELZELB TEMPLATES */

.header_zelzelb {
    background-color: #1116add8;
    background-image: url(https://wiki.alakihel.ovh/images/2/22/Pictogram_zelzelb.png);
}
.subheader_zelzelb {
    background: #1116adc8;
}
hr.zelzelb {
    background-color: #1116add8;
    margin: 0.5em;
}

.header_dwarf_nation {
    background-color: #5e5e5e;
    background-image: url(https://wiki.alakihel.ovh/images/8/8a/Pictogram_dwarf_city.png);
    color: #e1e1e1;
}
.subheader_dwarf_nation {
    background: #8e8e8e9d;
}
.dwarf_nation_border {
    border-color: #5e5e5e;
}

.header_wood_nation {
    background-color: #48ba78;
    background-image: url(https://wiki.alakihel.ovh/images/6/67/Pictogram_wood_nation.png);
}
.subheader_wood_nation {
    background: #48ba779e;
}
.wood_nation_border {
    border-color: #48ba78;
}

.header_geography {
    background-color: #CEF2D4;
    background-image: url(https://wiki.alakihel.ovh/images/4/40/Pictogram_nation_102x45.png);
}
.subheader_geography {
    background: #cef2d4a6;
}
.geography_border {
    border-color: #CEF2D4;
}

.header_city {
    background-color: #F5F5DC;
    background-image: url(https://wiki.alakihel.ovh/images/4/40/Pictogram_nation_102x45.png);
}
.subheader_city {
    background: #f5f5dc91;
}
hr.city {
    background-color: #0b57dbb5;
    margin: 0.5em;
}
.header_place {
    background-color: #54994c99;
    background-image: url(https://wiki.alakihel.ovh/images/4/40/Pictogram_nation_102x45.png);
}
.subheader_place {
    background: #54994ccc;
}
.place_border {
    border-color: #c6c4ea;
}

.header_race {
    background-color: #a1730ccc;
    background-image: url(https://wiki.alakihel.ovh/images/4/40/Pictogram_nation_102x45.png);
}
.subheader_race {
    background: #a1720c95;
}
.race_border {
    border-color: #a1730ccc;
}

.header_monsters {
    background-color: #54994c99;
    background-image: url(https://wiki.alakihel.ovh/images/4/40/Pictogram_nation_102x45.png);
}
.subheader_monsters {
    background: #54994ccc;
}
.monsters_border {
    border-color: #c6c4ea;
}

.header_items {
    background-color: #9f262699;
    background-image: url(https://wiki.alakihel.ovh/images/4/40/Pictogram_nation_102x45.png);
}
.subheader_items {
    background: #9f26265d;
}
.items_border {
    border-color: #9f262699;
}

.header_events {
    background-color: #54994c99;
    background-image: url(https://wiki.alakihel.ovh/images/4/40/Pictogram_nation_102x45.png);
}
.subheader_events {
    background: #54994ccc;
}
.events_border {
    border-color: #c6c4ea;
}

/* LIGHTGODS TEMPLATES */

.header_lightgods {
    background-color: #fefff9f4;
    background-image: url(https://wiki.alakihel.ovh/images/c/c6/Pictogram_lightgods.png);
}
.subheader_lightgods {
    background: #fefff9d0;
}
hr.lightgods {
    background-color: #070707e2;
    margin: 0.5em;
}

/* DARKGODS TEMPLATES */

.header_darkgods {
    background-color: #070707e2;
    background-image: url(https://wiki.alakihel.ovh/images/e/ea/Pictogram_darkgods.png);
    color: #e4e4e4;
}
.subheader_darkgods {
    background: #070707bd;
    color: #e4e4e4;
}
hr.darkgods {
    background-color: #070707e2;
    margin: 0.5em;
}

hr.enemy {
    background-color: #39414d;
}


/* END OF TEMPLATES */

.selectable-table tr:hover {
    background-color: #f0f8ff;
    cursor: pointer;
}

/* Conteneur des onglets */
.tabs {
  display: flex;
  flex-wrap: wrap;
  margin: 1em 0;
  border-bottom: 2px solid #ccc;
}

/* Cache les boutons radio */
.tabs input[type="radio"] {
  display: none;
}

/* Style des labels (onglets cliquables) */
.tabs label {
  padding: 10px 20px;
  margin-right: 5px;
  background-color: #eee;
  cursor: pointer;
  border: 1px solid #ccc;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}

/* Onglet actif */
.tabs input[type="radio"]:checked + label {
  background-color: #fff;
  border-bottom: 2px solid white;
  font-weight: bold;
}

/* Contenu des onglets */
.tab-content {
  display: none;
  width: 100%;
  border: 1px solid #ccc;
  padding: 15px;
  background-color: #fff;
}

/* Affiche le contenu de l'onglet sélectionné */
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3 {
  display: block;
}