Basculer la recherche
Basculer le menu
393
1.1K
38
11K
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édenteModification suivante →
Hiob (discussion | contributions)
Bureaucrates, checkuser, Propriétaire, Administrateurs, uploader, upwizcampeditors
7 912 modifications
mAucun résumé des modifications
Hiob (discussion | contributions)
Bureaucrates, checkuser, Propriétaire, Administrateurs, uploader, upwizcampeditors
7 912 modifications
Cleanup
Ligne 1 : Ligne 1 :
/* Le CSS placé ici sera appliqué à tous les habillages. */
/* Le CSS placé ici sera appliqué à tous les habillages. */


.mw-widget-dateInputWidget-calendar {position: inherit!important;}
.mw-widget-dateInputWidget-calendar {position: inherit!important;}
Ligne 15 : 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 23 : 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;
}
}
   
   
Ligne 115 : 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 193 : 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;
 
    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.8em;
    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;
font-size: 1.4em;
    font-size: 1.4em;
margin: 1.1em 0 0.4em 0;
    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 420 : 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;}
/* ===== STYLES ACCUEIL WIKI ===== */


/* Container principal */
/* Container principal */
Ligne 429 : Ligne 416 :
}
}


/* Header style Star Citizen */
/* Header style */
.wiki-header-patch {
.wiki-header-patch {
     background: var(--color-surface-1);
     background: var(--color-surface-1);
Ligne 499 : Ligne 486 :
}
}


/* GRILLE DE NAVIGATION - CORRECTION IMPORTANTE */
/* === GRILLE DE NAVIGATION - STYLE OPTIMAL === */
.wiki-nav-grid {
.wiki-nav-grid {
     display: grid;
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 12px;
     gap: 20px;
     margin-bottom: 20px;
     margin: 20px 0;
}
}


/* Sur grands écrans, forcer 3 colonnes */
@media (min-width: 1024px) {
@media (min-width: 1024px) {
     .wiki-nav-grid {
     .wiki-nav-grid {
Ligne 514 : Ligne 500 :
}
}


/* Sur tablettes, 2 colonnes */
@media (max-width: 1023px) and (min-width: 768px) {
@media (max-width: 1023px) and (min-width: 768px) {
     .wiki-nav-grid {
     .wiki-nav-grid {
Ligne 521 : Ligne 506 :
}
}


/* Sur mobile, 1 colonne */
@media (max-width: 767px) {
@media (max-width: 767px) {
     .wiki-nav-grid {
     .wiki-nav-grid {
Ligne 528 : Ligne 512 :
}
}


/* Cartes de navigation - STYLE COMPACT comme Star Citizen */
/* === CARTES DE NAVIGATION === */
.wiki-nav-card {
.wiki-nav-card {
     background: var(--color-surface-1);
     background: var(--color-surface-1);
     border: 1px solid var(--border-color-base);
     border: 1px solid var(--border-color-base);
     border-radius: 6px;
     border-radius: 8px;
     overflow: hidden;
     overflow: hidden;
     transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
     transition: all 0.2s ease;
     height: 140px; /* Hauteur fixe plus petite */
     height: 160px;
     position: relative;
     cursor: pointer;
}
}


.wiki-nav-card:hover {
.wiki-nav-card:hover {
    border-color: var(--color-primary);
     transform: translateY(-2px);
     transform: translateY(-2px);
     box-shadow: 0 8px 25px -8px rgba(0,0,0,0.3);
     box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    border-color: var(--color-primary);
}
}


/* Lien qui couvre toute la carte */
.nav-card-link {
.nav-card-link {
     display: block;
     display: block;
     height: 100%;
     height: 100%;
    text-decoration: none;
    color: inherit;
    position: relative;
}
.nav-card-link:hover {
     text-decoration: none;
     text-decoration: none;
     color: inherit;
     color: inherit;
}
}


/* Image de fond compacte */
.nav-card-image {
.nav-card-image {
     height: 80px; /* Plus petit */
     height: 80px;
     background-size: cover;
     background-size: cover;
     background-position: center;
     background-position: center;
     background-color: var(--color-surface-2);
     background-color: var(--color-surface-2);
    position: relative;
}
.nav-card-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0,0,0,0.1), rgba(0,0,0,0.4));
}
}


/* Contenu compact */
.nav-card-content {
.nav-card-content {
     padding: 12px 16px;
     padding: 16px;
    position: relative;
    height: 60px; /* Hauteur fixe */
    display: flex;
    flex-direction: column;
    justify-content: center;
}
}


.nav-card-title {
.nav-card-title {
     font-size: 1rem; /* Plus petit */
     font-size: 1.1rem;
     font-weight: 600;
     font-weight: 600;
     color: var(--color-base);
     color: var(--color-base);
     margin-bottom: 4px;
     margin-bottom: 8px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
}


.nav-card-description {
.nav-card-description {
    font-size: 0.9rem;
     color: var(--color-base--subtle);
     color: var(--color-base--subtle);
    font-size: 0.8rem; /* Plus petit */
     line-height: 1.4;
     line-height: 1.3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
 
/* Container en grille */
.wiki-nav-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
    margin: 20px 0;
}
 
/* Chaque NavCard complètement cliquable */
.wiki-nav-card {
    background: var(--color-surface-1);
    border: 1px solid var(--border-color-base);
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.2s ease;
    height: 140px;
    position: relative;
}
 
/* ASTUCE : Faire toute la carte cliquable */
.wiki-nav-card a {
    display: block;
    height: 100%;
    text-decoration: none !important;
    color: inherit;
    padding: 15px;
    box-sizing: border-box;
}
 
.wiki-nav-card:hover {
    border-color: var(--color-primary, #3b82f6);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    cursor: pointer;
}
 
.wiki-nav-card a:hover {
    text-decoration: none !important;
}
 
/* Responsive */
@media (min-width: 768px) {
    .wiki-nav-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
}


Ligne 713 : Ligne 617 :
}
}


/* Sidebar */
/* === SIDEBAR === */
.wiki-sidebar {
.wiki-sidebar {
     display: flex;
     display: flex;
Ligne 745 : Ligne 649 :
}
}


/* Liens dans la sidebar */
.sidebar-section a {
.sidebar-section a {
     display: block;
     display: block;
Récupérée de "https://wiki.nefald.fr/MediaWiki:Common.css"