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
 
(35 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%;
  max-width: 100%;
  height: auto;
  display: block;
}


/* 1️⃣ Toutes les images normales */
/* Pour que les séparation se voit sur skin citizen */
body img {
.mw-parser-output h2 {
  max-width: 100% !important;
    border-bottom: 2px solid #d1d5db;
  height: auto !important;
    padding-bottom: 6px;
  display: block !important;
    margin-bottom: 12px;
  margin-left: auto !important;
  margin-right: auto !important;
  object-fit: contain !important;
}
}


/* 2️⃣ Vignettes et images “frameless” */
.mw-parser-output h3 {
.thumb,
    border-bottom: 1px solid #e5e7eb;
.frameless {
    padding-bottom: 4px;
  max-width: 100% !important;
    margin-bottom: 10px;
  width: auto !important;
  overflow-x: hidden !important;
}
}


/* 3️⃣ Galeries MediaWiki */
 
.gallery {
/* Pour avoir des boutons */
  display: grid !important;
.mw-parser-output a .guide-button {
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
    display: block;
  gap: 8px !important;
    padding: 22px;
  max-width: 100% !important;
    background: #cdd8e3;
  overflow-x: hidden !important;
    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️⃣ Conteneur responsive optionnel pour plusieurs images */
.mw-parser-output a:hover .guide-button {
.responsive-images {
    background: #bccad8;
  display: grid;
    border-color: #9ab0c8;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    color: #1a2a3a !important;
  gap: 10px;
    transform: translateY(-2px);
  align-items: start;
    box-shadow: 0 4px 10px rgba(80, 110, 140, 0.25);
  margin: 0 auto;
}
}


.responsive-images img {
/* Désactiver les sections pliables Citizen */
  width: 100%;
.citizen-section-indicator {
  height: auto;
    display: none !important;
  border-radius: 4px; /* optionnel, style moderne */
}
  box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* optionnel */
 
.citizen-section-heading {
    cursor: default !important;
    pointer-events: none !important;
}
}


/* 5️⃣ Mobile-first tweaks */
.citizen-section-heading a {
@media (max-width: 600px) {
     pointer-events: auto !important;
  .gallery,
     cursor: pointer !important;
  .responsive-images,
  .thumb,
  .frameless {
     grid-template-columns: 1fr !important;
     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;
}