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
 
(31 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 */
  Images et galeries responsives pour Citizen
.mobile-responsive-wrapper img {
  ============================= */
  width: 100%;
 
/* 1️⃣ Images adaptatives mobiles seulement */
.mobile-responsive {
   max-width: 100%;
   max-width: 100%;
   height: auto;
   height: auto;
   display: block;
   display: block;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
}
}


/* 2️⃣ Conteneur responsive pour plusieurs images (galerie) */
/* 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;
    margin-bottom: 12px;
  width: 100%;     /* occupe toute la largeur disponible */
}
  margin: 0 auto;   /* centré sur la page */
 
  clear: both;     /* texte suivant toujours en dessous */
.mw-parser-output h3 {
  grid-auto-flow: row; /* remplissage ligne par ligne */
    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);
}
}


.responsive-images img {
/* Désactiver les sections pliables Citizen */
  width: 100%;
.citizen-section-indicator {
  height: auto;
    display: none !important;
  display: block;
}
}


/* 3️⃣ Galeries MediaWiki <gallery> adaptatives */
.citizen-section-heading {
.gallery {
    cursor: default !important;
  display: grid !important;
    pointer-events: none !important;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
  gap: 8px !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}
}


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

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;
}