Basculer la recherche
Basculer le menu
401
1.1K
38
10.9K
Nefald Wiki
Changer de menu des préférences
Basculer le menu personnel
Non connecté(e)
Votre adresse IP sera visible au public si vous faites des modifications.

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

Page de l’interface de MediaWiki
Autres actions
← Modification précédente
Hiob (discussion | contributions)
Bureaucrates, checkuser, Propriétaire, Administrateurs, uploader, upwizcampeditors
7 872 modifications
mAucun résumé des modifications
Hiob (discussion | contributions)
Bureaucrates, checkuser, Propriétaire, Administrateurs, uploader, upwizcampeditors
7 872 modifications
Cleanup
 
(41 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
/* Le CSS placé ici sera appliqué à tous les habillages. */
/* Le CSS placé ici sera appliqué à tous les habillages. */
 
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }
 
body.page-Accueil .pagetitle.page-header { display: none; }
 
body {
background-color: #FCFDFD!important;
background-image: none!important;
background-repeat: none;
}


.mw-widget-dateInputWidget-calendar {position: inherit!important;}
.mw-widget-dateInputWidget-calendar {position: inherit!important;}
Ligne 16 : Ligne 6 :


.keyboard-key, .kbd {color:#0a7cc8; text-decoration: none;}
.keyboard-key, .kbd {color:#0a7cc8; text-decoration: none;}
/* Couleurs des liens */
a {color:#0a7cc8; text-decoration: none;}
a:hover {color:#181D2E;text-decoration: none;}
a:active{color:#4E8DAF;}
a:visited {color:#0a7cc8;text-decoration: none;}
.new a , #p-personal .new a,#quickbar .new a, .new a:hover, .new a:visited {font-weight:italic!important;}
code, code a {
background-color:#DFF0D8!important;
color: #468847!important;
}


.coord {
.coord {
Ligne 37 : Ligne 15 :
     border: 1px solid #EAEAEA;
     border: 1px solid #EAEAEA;
     background-color:#D7EFEE!important;
     background-color:#D7EFEE!important;
  color:#468781!important;
    color:#468781!important;
}
}


code .red {
code .red {
Ligne 45 : Ligne 22 :
     background-color: #f9f2f4!important;
     background-color: #f9f2f4!important;
}
}


.coord a {
.coord a {
     background-color:#D7EFEE!important;
     background-color:#D7EFEE!important;
  color:#468781!important;
    color:#468781!important;
}
}


/* Modèles
/* Modèles
----------------------------------- */
----------------------------------- */


#ouvrage {
#ouvrage {
width:70%;
    width:70%;
font-style: italic;
    font-style: italic;
margin: 0.25em 0;
    margin: 0.25em 0;
padding: 0.25em 40px;
    padding: 0.25em 40px;
line-height: 1.45;
    line-height: 1.45;
position: relative;
    position: relative;
color: #31708F;
    color: #31708F;
text-align:justify;  
    text-align:justify;  
text-justify: auto;
    text-justify: auto;
}
}


#ouvrage p {
#ouvrage p {
font-size:1.1em;
    font-size:1.1em;
}
}


#ouvrage h2 {
#ouvrage h2 {
border-bottom: none!important;
    border-bottom: none!important;
color:#1B3E57;
    color:#1B3E57;
margin-bottom:0.3em!important;
    margin-bottom:0.3em!important;
}
}


#ouvrage cite {
#ouvrage cite {
color: #999999;
    color: #999999;
font-size: 14px;
    font-size: 14px;
display: block;
    display: block;
margin-top: 5px;
    margin-top: 5px;
}
}
   
   
#ouvrage cite:before {
#ouvrage cite:before {
content: "\2014 \2009";
    content: "\2014 \2009";
}
}


#citation {
#citation {
width:70%;
    width:70%;
font-style: italic;
    font-style: italic;
margin: 0.25em 0;
    margin: 0.25em 0;
padding: 0.25em 40px;
    padding: 0.25em 40px;
line-height: 1.45;
    line-height: 1.45;
position: relative;
    position: relative;
color: #31708F;
    color: #31708F;
text-align:justify;  
    text-align:justify;  
text-justify: auto;
    text-justify: auto;
}
}


#citation p {
#citation p {
font-size:1.1em;
    font-size:1.1em;
}
}


#citation h2 {
#citation h2 {
border-bottom: none!important;
    border-bottom: none!important;
color:#1B3E57;
    color:#1B3E57;
margin-bottom:0.3em!important;
    margin-bottom:0.3em!important;
}
}


#citation cite {
#citation cite {
color: #999999;
    color: #999999;
font-size: 14px;
    font-size: 14px;
display: block;
    display: block;
margin-top: 5px;
    margin-top: 5px;
}
}
   
   
#citation cite:before {
#citation cite:before {
content: "\2014 \2009";
    content: "\2014 \2009";
}
}


#purge {
#purge {
float:right;
    float:right;
}
}


table.right {
table.right {
float: right !important;
    float: right !important;
clear: right !important;
    clear: right !important;
width: 300px !important;
    width: 300px !important;
}
 
/* Wikitable 2
----------------------------------- */
table.wikitable2 th, table.wikitable2 td.hl1, table.wikitable2 th.hl1,
table.wiki-table2 th, table.wiki-table2 td.hl1, table.wikitable2 th.hl1 {
background: #f8f6eb;
padding: 0.35em 0.5em;
color: #000;
text-align: left;
}
 
/* Tableau de chronologie
----------------------------------- */
table.chronologie,
table.chrono {
margin: 1em -2px 1em -2px;
background: #fff;
border: 0;
border-collapse: separate;
empty-cells: show;
border-spacing: 1px;
border: 0;
}
}
table.chronologie th, table.chronologie td,
table.chrono th, table.chrono td {
border: 0;
border-bottom: 1px solid #D2D2D2;
padding: 0.35em 0.5em;
}
table.chronologie th, table.chronologie td.hl1, table.chronologie th.hl1,
table.chrono th, table.chrono td.hl1, table.chronologie th.hl1 {
background: #2D2D2D;
padding: 0.35em 0.5em;
color: #fff;
text-align: left;
position: relative;
}
table.chronologie td.hl2, table.chronologie th.hl2,
table.chrono td.hl2, table.chrono th.hl2 {
background: #fff;
color: #444;
text-align: center;
border: 1px solid #ccc;
border-top: 0;
}
table.chronologie td.hl3, table.chronologie th.hl3,
table.chrono td.hl3, table.chrono th.hl3 {
background: #ebf5f8;
color: #444;
text-align: center;
border: 1px solid #D2D2D2;
border-top: 0;
}
table.chronologie caption,
table.chrono caption {
margin-left: inherit;
margin-right: inherit;
font-weight: bold;
}
table.chronologie td,
table.chrono td {
vertical-align: top;
}
table.chronologie td:nth-child(even), table.chrono td:nth-child(even) {
background: #fbfbfb;
}
table.chronologie tr:hover td, table.chrono tr:hover td {
background: #f5fafc;
-webkit-transition: all .1s;
-moz-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
table.chronologie tr:hover td:nth-child(even), table.chrono tr:hover td:nth-child(even) {
background: #eaf3f7;
}
/* Code PRE TT (pour les commandes) */
code {
margin: 0 2px;
padding: 3px 5px;
white-space: nowrap;
border: 1px solid #EAEAEA;
background-color: #F8F6EB;
border-radius: 3px;
}
pre, code, tt {
font-size: 12px;
font-family: Consolas, "Liberation Mono", Courier, monospace;
}
li { margin: 5px; }
   
   
/* Infobox
/* Infobox
Ligne 243 : Ligne 111 :
   
   
.infobox {
.infobox {
background: #EEE; /* couleur correspondant aux titres / colonne de gauche, th */
    background: #EEE;
color: #000;
    color: #000;
float: right;
    float: right;
clear: right;
    clear: right;
font-size: 95%;
    font-size: 95%;
border-collapse: collapse;
    border-collapse: collapse;
margin: 0 0 .5em 1em;
    margin: 0 0 .5em 1em;
width: 250px;
    width: 250px;
}
}
/* monobookocentré debut*/
   
   
.infobox caption {
.infobox caption {
background: #C0C0C0;
    background: #C0C0C0;
border-left: 1px solid #AAA;
    border-left: 1px solid #AAA;
border-top: 1px solid #AAA;
    border-top: 1px solid #AAA;
border-right: 1px solid #AAA;
    border-right: 1px solid #AAA;
padding: .2em;
    padding: .2em;
margin-left: .57em;
    margin-left: .57em;
font-weight: bolder;
    font-weight: bolder;
text-align: center;
    text-align: center;
color: #FFF;
    color: #FFF;
font-size: 160%;
    font-size: 160%;
}
}
   
   
.infobox th,
.infobox th,
.infobox td {
.infobox td {
vertical-align: middle;
    vertical-align: middle;
border: 1px solid #AAA;
    border: 1px solid #AAA;
padding: .2em .2em .2em .5em;
    padding: .2em .2em .2em .5em;
}
}
   
   
.infobox td {
.infobox td {
text-align: center;
    text-align: center;
background: #F9F9F9;
    background: #F9F9F9;
}
}
   
   
.infobox th {
.infobox th {
font-weight: normal;
    font-weight: normal;
text-align: left;
    text-align: left;
}
}
   
   
.infobox .infoboximage {
.infobox .infoboximage {
/* emplacement pour les photos et une description */
    background: #FFF;
background: #FFF;
    padding: 0;
padding: 0;
    margin-top: 0;
margin-top: 0;
    color: #000;
color: #000;
    text-align: center;
text-align: center;
}
}
   
   
.infobox .infoboxsoustitre {
.infobox .infoboxsoustitre {
/* sous-titre */
    color: #000;
color: #000;
    font-weight: bold;
font-weight: bold;
    font-size: 115%;
font-size: 115%;
    line-height: 2;
line-height: 2;
    text-align: center;
text-align: center;
}
}
   
   
.infobox dl {
.infobox dl {
clear: both
    clear: both
}
}
   
   
.infobox dt {
.infobox dt {
float: left;
    float: left;
clear: left;
    clear: left;
width: 35%;
    width: 35%;
}
}
   
   
.infobox dd {
.infobox dd {
margin-left: 40%
    margin-left: 40%
}
}
   
   
Ligne 321 : Ligne 185 :
   
   
.infobox_v2 {
.infobox_v2 {
/* monobookocentré debut */
    background: #f9f9f9;
background: #f9f9f9;
    color: #000;
color: #000;
    font-size: 90%;
font-size: 90%;
    line-height: 1.1em;
line-height: 1.1em;
    float: right!important;
float: right!important;
    clear: right!important;
clear: right!important;
    margin: 0 0 .5em 1em!important;
align:right!important:
    width: 300px!important;
/* haut droite bas gauche */
    -webkit-border-radius: 0.3em;
margin: 0 0 .5em 1em!important;
    -moz-border-radius: 0.3em;
width: 300px!important;
    border-radius: 0.3em;
-webkit-border-radius: 0.3em;
    border: 1px solid #CCC;
-moz-border-radius: 0.3em;
    box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.1);
border-radius: 0.3em;
    padding: 0.1em!important;
border: 1px solid #CCC;
box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.1);
padding: 0.1em!important;
}
}
   
   
.infobox_v2 th {
.infobox_v2 th {
vertical-align: super;
    vertical-align: super;
text-align: left;
    text-align: left;
}
}
   
   
.infobox_v2 .entete {
.infobox_v2 .entete {
height: 45px;
    height: 45px;
vertical-align: middle;
    vertical-align: middle;
text-align: center;
    text-align: center;
font-size: 150%;
    font-size: 150%;
font-weight: bolder;
    font-weight: bolder;
line-height: 1.2em;
    line-height: 1.2em;
color: #000;
    color: #000;
}
}
   
   
.infobox_v2 .media {
.infobox_v2 .media {
/* css V2 pour [[Modèle: Son]], etc. */;
    height: 35px;
height: 35px;
    vertical-align: middle;
vertical-align: middle;
    text-align: center;
text-align: center;
    font-weight: bolder;
font-weight: bolder;
    color: #000;
color: #000;
}
}
 
/* ENTETES INFOBOXES
/* ENTETES INFOBOXES
--------------------------------------------*/
--------------------------------------------*/
 
.entete.construction {
.entete.construction {
background: #03576C url('//nefald.fr/wiki/images/e/ea/entete_construction.png') no-repeat top right;
    background: #03576C url('//nefald.fr/wiki/images/e/ea/entete_construction.png') no-repeat top right;
width:100%;
    width:100%;
height:60px;
    height:60px;
}
}
 
.entete.plugin {
.entete.plugin {
background: #FDB600 url('//nefald.fr/wiki/images/6/67/entete_plugin.png') no-repeat top right;
    background: #FDB600 url('//nefald.fr/wiki/images/6/67/entete_plugin.png') no-repeat top right;
width:100%;
    width:100%;
height:60px;
    height:60px;
}
}
   
   
.entete.joueur {
.entete.joueur {
background: #0072B1 url('//nefald.fr/wiki/images/5/56/entete_joueur.png') no-repeat top right;
    background: #0072B1 url('//nefald.fr/wiki/images/5/56/entete_joueur.png') no-repeat top right;
width:100%;
    width:100%;
height:60px;
    height:60px;
}
}
   
   
.entete.personnage {
.entete.personnage {
background: #0072B1 url('//nefald.fr/wiki/images/f/f4/entete_personnage.png') no-repeat top right;
    background: #0072B1 url('//nefald.fr/wiki/images/f/f4/entete_personnage.png') no-repeat top right;
width:100%;
    width:100%;
height:60px;
    height:60px;
}
}
   
   
.entete.grade {
.entete.grade {
background: #FF3400 url('//nefald.fr/wiki/images/2/2b/entete_grade.png') no-repeat top right;
    background: #FF3400 url('//nefald.fr/wiki/images/2/2b/entete_grade.png') no-repeat top right;
width:100%;
    width:100%;
height:60px;
    height:60px;
}
}
   
   
.entete.guilde {
.entete.guilde {
background: #FF2D07 url('//nefald.fr/wiki/images/2/2f/entete_guilde.png') no-repeat top right;
    background: #FF2D07 url('//nefald.fr/wiki/images/2/2f/entete_guilde.png') no-repeat top right;
width:100%;
    width:100%;
height:60px;
    height:60px;
}
}
   
   
.entete.ville {
.entete.ville {
background: #026B84 url('//nefald.fr/wiki/images/3/3e/entete_ville.png') no-repeat top right;
    background: #026B84 url('//nefald.fr/wiki/images/3/3e/entete_ville.png') no-repeat top right;
width:100%;
    width:100%;
height:60px;
    height:60px;
}
}
 
.entete.monde {
.entete.monde {
background:#82C300 url('//nefald.fr/wiki/images/7/71/entete_monde.png') no-repeat top right;
    background:#82C300 url('//nefald.fr/wiki/images/7/71/entete_monde.png') no-repeat top right;
width:100%;
    width:100%;
height:60px;
    height:60px;
}
}
   
   
.entete.logiciel {
.entete.logiciel {
background: #963DC7 url('//nefald.fr/wiki/images/e/e2/entete_logiciel.png') no-repeat top right;
    background: #963DC7 url('//nefald.fr/wiki/images/e/e2/entete_logiciel.png') no-repeat top right;
width:100%;
    width:100%;
height:60px;
    height:60px;
}
}
   
   
.entete.mod {
.entete.mod {
background: #FFD644 url('//nefald.fr/wiki/images/0/0d/entete_mod.png') no-repeat top right;
    background: #FFD644 url('//nefald.fr/wiki/images/0/0d/entete_mod.png') no-repeat top right;
width:100%;
    width:100%;
height:60px;
    height:60px;
}
}
   
   
.entete.territoire {
.entete.territoire {
background: #578103 url('//nefald.fr/wiki/images/6/60/entete_territoire.png') no-repeat top right;
    background: #578103 url('//nefald.fr/wiki/images/6/60/entete_territoire.png') no-repeat top right;
width:100%;
    width:100%;
height:60px;
    height:60px;
}
}
   
   
.entete.application.mobile {
.entete.application.mobile {
background: #A4C639 url('//nefald.fr/wiki/images/1/16/entete_application_mobile.png') no-repeat top right;
    background: #A4C639 url('//nefald.fr/wiki/images/1/16/entete_application_mobile.png') no-repeat top right;
width:100%;
    width:100%;
height:60px;
    height:60px;
}
}
   
   
.entete.schematic {
.entete.schematic {
background: #596DDB url('//nefald.fr/wiki/images/f/f5/entete_schematic.png') no-repeat top right;
    background: #596DDB url('//nefald.fr/wiki/images/f/f5/entete_schematic.png') no-repeat top right;
width:100%;
    width:100%;
height:60px;
    height:60px;
}
}
   
   
.entete.roleplay {
.entete.roleplay {
background: #1E5C97 url('//nefald.fr/wiki/images/f/fe/entete_roleplay.png') no-repeat top right;
    background: #1E5C97 url('//nefald.fr/wiki/images/f/fe/entete_roleplay.png') no-repeat top right;
width:100%;
    width:100%;
height:60px;
    height:60px;
}
}
 
.entete.tutoriel {
.entete.tutoriel {
background: #488BDD url('//nefald.fr/wiki/images/e/e5/entete_tutoriel.png') no-repeat top right;
    background: #488BDD url('//nefald.fr/wiki/images/e/e5/entete_tutoriel.png') no-repeat top right;
width:100%;
    width:100%;
height:60px;
    height:60px;
}
}
   
   
.entete.metier {
.entete.metier {
background: #7BAFFF url('//nefald.fr/wiki/images/e/e4/entete_metier.png') no-repeat top right;
    background: #7BAFFF url('//nefald.fr/wiki/images/e/e4/entete_metier.png') no-repeat top right;
width:100%;
    width:100%;
height:60px;
    height:60px;
}
}
   
   
.entete.divinite {
.entete.divinite {
background: #012946 url('//nefald.fr/wiki/images/4/45/entete_divinite.png') no-repeat top right;
    background: #012946 url('//nefald.fr/wiki/images/4/45/entete_divinite.png') no-repeat top right;
width:100%;
    width:100%;
height:60px;
    height:60px;
}
}


.entete.ordre {
.entete.ordre {
background: #012946 url('//nefald.fr/wiki/images/f/f9/entete_ordre.png') no-repeat top right;
    background: #012946 url('//nefald.fr/wiki/images/f/f9/entete_ordre.png') no-repeat top right;
width:100%;
    width:100%;
height:60px;
    height:60px;
}
}


.entete.script {
.entete.script {
background: #FFAC1A url('//nefald.fr/wiki/images/f/f0/entete_script.png') no-repeat top right;
    background: #FFAC1A url('//nefald.fr/wiki/images/f/f0/entete_script.png') no-repeat top right;
width:100%;
    width:100%;
height:60px;
    height:60px;
}
}
 
h2 {
h2 {
font-family: 'Helvetica', Arial, sans-serif;
    font-family: 'Helvetica', Arial, sans-serif;
font-size: 1.5em;
    font-size: 1.8em;
font-weight: bold;
    font-weight: bold;
margin: 1.6em 0 1em 0;
    margin: 1.6em 0 1em 0;
padding: 0 0 0.2em 0;
    padding: 0 0 0.2em 0;
border-bottom: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
color: #555;
    color: #555;
}
}
h3 {
h3 {
font-family: 'Helvetica', Arial, sans-serif;
    font-family: 'Helvetica', Arial, sans-serif;
margin: 1.1em 0 0.4em 0;
    font-size: 1.4em;
    margin: 1.1em 0 0.4em 0;
}
}
 
/* * BOÎTES ET MESSAGES * */
/* * BOÎTES ET MESSAGES * */
 
div.boite-a-droite {
div.boite-a-droite {
display: table;
    display: table;
clear: right;
    clear: right;
float: right;
    float: right;
margin: 1em 0 1em 1em;
    margin: 1em 0 1em 1em;
width: 20em;
    width: 20em;
position: relative;/* pour les images manuelles */
    position: relative;
    border-style: solid;
border-style: solid;
    border-width: 1px;
border-width: 1px;
    padding: 4px;
padding: 4px;
    text-align: left;
text-align: left;
    -webkit-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
-moz-border-radius: 0.3em;
    border-radius: 0.3em;
border-radius: 0.3em;
    border: 1px solid #CCC;
border: 1px solid #CCC;
    box-shadow: 0 0.3em 0.3em rgba(0, 0, 0, 0.1);
box-shadow: 0 0.3em 0.3em rgba(0, 0, 0, 0.1);
    padding: 0.1em;
padding: 0.1em;
}
}
.boite-sans-fond {
.boite-sans-fond {
border-color: #aaa;/* comme boite-grise */
    border-color: #aaa;
}
}
.boite-grise {
.boite-grise {
border-color: #aaa;
    border-color: #aaa;
background-color: #F9F9F9;
    background-color: #F9F9F9;
}
}
   
   
.boite-jaune {  
.boite-jaune {  
border-color: #aaa;
    border-color: #aaa;
background-color: #FFE998;
    background-color: #FFE998;
}
}
   
   
.boite-bleu {
.boite-bleu {
border-color: #aaa;
    border-color: #aaa;
background-color: #EFF6FA;
    background-color: #EFF6FA;
}
}
   
   
Ligne 547 : Ligne 405 :
   
   
.titre-annexe {font-size:14px;font-weight:bold;font-style:italic;margin-left:10px;}
.titre-annexe {font-size:14px;font-weight:bold;font-style:italic;margin-left:10px;}
/* G A L L E R Y */
li.gallerybox div.thumb {
border: 1px solid #B4BEC3;
background-color: #f5f5f5;


ul {
/* ===== STYLES ACCUEIL WIKI ===== */
/* @embed */
 
list-style-image: none!important;
/* Container principal */
.wiki-accueil {
    background: transparent;
    width: 100%;
    margin: 0;
    padding: 0;
}
 
/* Header style */
.wiki-header-patch {
    background: var(--color-surface-1);
    padding: 12px 20px;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    border: 1px solid var(--border-color-base);
}
 
.patch-info {
    color: var(--color-base--subtle);
    font-size: 0.875rem;
    font-weight: 500;
}
 
.version-info {
    color: var(--color-primary);
    font-weight: bold;
    font-size: 0.875rem;
}
 
.version-live {
    background: var(--color-primary);
    color: var(--color-primary--contrast);
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    margin-left: 8px;
}
 
/* Bannière principale */
.wiki-banner {
    position: relative;
    height: 120px;
    background: var(--color-surface-1);
    border-radius: 6px;
    margin-bottom: 20px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    border: 1px solid var(--border-color-base);
}
 
.banner-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.85));
    color: #ffffff;
    padding: 16px 20px;
}
 
.banner-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 4px;
    color: #ffffff;
}
 
.banner-subtitle {
    font-size: 0.9rem;
    opacity: 0.9;
    color: #ffffff;
}
 
/* === GRILLE DE NAVIGATION - STYLE OPTIMAL === */
.wiki-nav-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin: 20px 0;
}
 
@media (min-width: 1024px) {
    .wiki-nav-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
 
@media (max-width: 1023px) and (min-width: 768px) {
    .wiki-nav-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
 
@media (max-width: 767px) {
    .wiki-nav-grid {
        grid-template-columns: 1fr;
    }
}
 
/* === CARTES DE NAVIGATION === */
.wiki-nav-card {
    background: var(--color-surface-1);
    border: 1px solid var(--border-color-base);
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.2s ease;
    height: 160px;
    cursor: pointer;
}
 
.wiki-nav-card:hover {
    border-color: var(--color-primary);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
 
.nav-card-link {
    display: block;
    height: 100%;
    text-decoration: none;
    color: inherit;
}
 
.nav-card-image {
    height: 80px;
    background-size: cover;
    background-position: center;
    background-color: var(--color-surface-2);
}
 
.nav-card-content {
    padding: 16px;
}
 
.nav-card-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-base);
    margin-bottom: 8px;
}
 
.nav-card-description {
    font-size: 0.9rem;
    color: var(--color-base--subtle);
    line-height: 1.4;
}
 
/* Section featured */
.wiki-featured {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    margin-bottom: 30px;
}
 
@media (max-width: 768px) {
    .wiki-featured {
        grid-template-columns: 1fr;
    }
}
 
.featured-main {
    position: relative;
    height: 200px;
    background: var(--color-surface-1);
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid var(--border-color-base);
}
}
 
.featured-image {
/* Palette de navigation */
    position: absolute;
    top: 0;
table.navbox {
    left: 0;
background: #F9F9F9;
    right: 0;
border: 1px solid #AAA;
    bottom: 0;
clear: both;
    background-size: cover;
font-size: 90%;
    background-position: center;
margin: 1em 0 0;
padding: 2px;
text-align: center;
width: 100%;
}
}
 
table.navbox th {
.featured-content {
background: #CCF;
    position: absolute;
padding-left: 1em;
    bottom: 0;
padding-right: 1em;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.85));
    color: #ffffff;
    padding: 20px;
}
}
 
table.navbox td.group {
.featured-title {
background: #DDF;
    font-size: 1.5rem;
vertical-align: middle;
    font-weight: 700;
width: 150px;
    margin-bottom: 8px;
padding-left: 1em;
    color: #ffffff;
padding-right: 1em;
font-weight: bold;
}
}
 
table.navbox td.list {
.featured-description {
text-align: left
    font-size: 0.9rem;
    opacity: 0.9;
    line-height: 1.4;
    color: #ffffff;
}
}
 
table.navbox td.even {
/* === SIDEBAR === */
background: #EEF
.wiki-sidebar {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
}
 
table.navbox td.banner {
.sidebar-section {
background: #DDF;
    background: var(--color-surface-1);
vertical-align: middle;
    border: 1px solid var(--border-color-base);
padding-left: 1em;
    border-radius: 6px;
padding-right: 1em;
    padding: 16px;
}
}
 
/* Modèle de palettes groupées, [[Modèle:Palette]] */
.sidebar-title {
    font-size: 1.1rem;
div.navbox_group {
    font-weight: 600;
border: 1px solid #aaaaaa;
    color: var(--color-base);
margin-top: 15px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--border-color-base);
    padding-bottom: 8px;
}
}
 
div.navbox_group table.navbox {
.sidebar-stats {
border: 0;
    color: var(--color-base--subtle);
margin: 0;
    font-size: 0.875rem;
}
}
 
/* Liens de masquage/affichage : [[Modèle:Boîte déroulante]] et [[Modèle:Méta palette de navigation]] */
.sidebar-stats strong {
    color: var(--color-primary);
.navboxToggle,
.NavToggle {
font-size: 90%;
font-weight: normal;
float: right !important;
min-width: 6em;
}
}
 
/*ARTICLE DETAILLE */
.sidebar-section a {
    display: block;
    color: var(--color-primary);
div.article-detail {
    text-decoration: none;
border-color: #e7e7e7;
    padding: 6px 0;
background-color: #fdfdfd;
    font-size: 0.875rem;
display: block;
    transition: color 0.15s ease;
/* Pour le [[modèle: Article détaillé]] et autres */
    line-height: 1.4;
margin: 0 0 .7em 2em;
    border-bottom: 1px solid var(--border-color-subtle);
font-size: 95%;
overflow: hidden;
border-style: solid;
border-width: 1px 0;
padding: 2px 0 1px 4px;
text-align: left;
}
}


.sidebar-section a:last-child {
    border-bottom: none;
}


.sidebar-section a:hover {
/* List nolist */
    color: var(--color-primary--hover);
#nolist li {
    text-decoration: none;
list-style-type:none;
}
}
Récupérée de "https://wiki.nefald.fr/MediaWiki:Common.css"