Basculer le menu
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
Aucun résumé des modifications
Balise : Révoqué
Aucun résumé des modifications
 
(36 versions intermédiaires par le même utilisateur non affichées)
Ligne 17 : Ligne 17 :




/* Wrapper parent pour images normales adaptatives sur mobile */
.mobile-responsive-wrapper {
  display: block;
  width: 100vw;      /* largeur de l’écran */
  max-width: 100%;    /* jamais dépasser l’écran */
  box-sizing: border-box; /* inclut les padding/borders */
}


 
/* L’image elle-même */
/* =============================
.mobile-responsive-wrapper img {
  Images responsives pour Citizen
  width: 100%;
  ============================= */
 
/* 1️⃣ Toutes les images normales s’adaptent à la largeur de leur conteneur */
img {
   max-width: 100%;
   max-width: 100%;
   height: auto;
   height: auto;
   display: block;
   display: block;
  object-fit: contain;
}
}


/* 2️⃣ Conteneur responsive pour les galeries / plusieurs images */
/* Pour que les séparation se voit sur skin citizen */
.responsive-images {
.mw-parser-output h2 {
  display: grid;
    border-bottom: 2px solid #d1d5db;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    padding-bottom: 6px;
  gap: 10px; /* espace entre les images */
    margin-bottom: 12px;
  align-items: start;
  margin: 0 auto;
}
}


/* 3️⃣ Styles spécifiques aux images dans ce conteneur */
.mw-parser-output h3 {
.responsive-images img {
    border-bottom: 1px solid #e5e7eb;
  width: 100%;
    padding-bottom: 4px;
  height: auto;
    margin-bottom: 10px;
  border-radius: 4px; /* optionnel pour un style plus moderne */
}
  box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* optionnel */
 
 
/* Pour avoir des boutons */
.mw-parser-output a .guide-button {
    display: block;
    padding: 22px;
    background: #cdd8e3;
    border: 1px solid #b0c0d0;
    border-radius: 12px;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    margin: 14px auto;
    max-width: 700px;
    color: #1a2a3a !important;
    text-decoration: none !important;
    transition: all 0.15s ease;
    box-shadow: 0 1px 3px rgba(80, 110, 140, 0.15);
}
}


/* 4️⃣ Assurer que les images avec "thumb" ou "frameless" restent responsives */
.mw-parser-output a:hover .guide-button {
.thumb img,
    background: #bccad8;
.frameless img {
    border-color: #9ab0c8;
  max-width: 100%;
    color: #1a2a3a !important;
  height: auto;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(80, 110, 140, 0.25);
}
}


/* 5️⃣ Option pour centrer automatiquement toutes les images */
/* Désactiver les sections pliables Citizen */
img {
.citizen-section-indicator {
  margin-left: auto;
    display: none !important;
  margin-right: auto;
  display: block;
}
}


/* 6️⃣ Option pour la galerie MediaWiki <gallery> */
.citizen-section-heading {
.gallery {
    cursor: default !important;
  display: grid !important;
    pointer-events: none !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 10px !important;
}
}


/* 7️⃣ Mobile-first tweaks */
.citizen-section-heading a {
@media (max-width: 600px) {
     pointer-events: auto !important;
  .responsive-images,
     cursor: pointer !important;
  .gallery {
     grid-template-columns: 1fr; /* 1 colonne sur petits écrans */
     gap: 8px;
  }
}
}

Dernière version du 9 mars 2026 à 04:34

#footer {
    display: none;
}

.last-modified {
    display: none;
}

.citizen-dropdown-summary {
display: none;
}

/* Date modified */
.page-info {
    display: none !important;
}


/* Wrapper parent pour images normales adaptatives sur mobile */
.mobile-responsive-wrapper {
  display: block;
  width: 100vw;       /* largeur de l’écran */
  max-width: 100%;    /* jamais dépasser l’écran */
  box-sizing: border-box; /* inclut les padding/borders */
}

/* L’image elle-même */
.mobile-responsive-wrapper img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

/* Pour que les séparation se voit sur skin citizen */
.mw-parser-output h2 {
    border-bottom: 2px solid #d1d5db;
    padding-bottom: 6px;
    margin-bottom: 12px;
}

.mw-parser-output h3 {
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 4px;
    margin-bottom: 10px;
}


/* Pour avoir des boutons */
.mw-parser-output a .guide-button {
    display: block;
    padding: 22px;
    background: #cdd8e3;
    border: 1px solid #b0c0d0;
    border-radius: 12px;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    margin: 14px auto;
    max-width: 700px;
    color: #1a2a3a !important;
    text-decoration: none !important;
    transition: all 0.15s ease;
    box-shadow: 0 1px 3px rgba(80, 110, 140, 0.15);
}

.mw-parser-output a:hover .guide-button {
    background: #bccad8;
    border-color: #9ab0c8;
    color: #1a2a3a !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(80, 110, 140, 0.25);
}

/* Désactiver les sections pliables Citizen */
.citizen-section-indicator {
    display: none !important;
}

.citizen-section-heading {
    cursor: default !important;
    pointer-events: none !important;
}

.citizen-section-heading a {
    pointer-events: auto !important;
    cursor: pointer !important;
}