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
 
(69 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
#footer {
.last-modified {
     display: none;
     display: none;
}
.citizen-footer__bottom {
    display: none !important;
}
}


.last-modified {
.noprint {
    display: none !important;
}
.citizen-dropdown-summary {
     display: none;
     display: none;
}
}


.citizen-dropdown-summary {
/* Ne plus avoir le téléverser sur menu hamburger */
display: none;
 
}
#t-upload { display: none !important; }


/* Date modified */
/* Date modified */
.page-info {
.page-info {
     display: none !important;
     display: none !important;
}
/* Wrapper parent pour images normales adaptatives sur mobile */
.mobile-responsive-wrapper {
    display: block;
    max-width: 100%;
    box-sizing: border-box;
}
/* L'image elle-même */
.mobile-responsive-wrapper img {
    max-width: 100%;
    height: auto;
    display: block;
}
}


 
/* Séparations */
 
.mw-parser-output h2 {
 
    border-bottom: 2px solid #5b8fa8;
/* =============================
    padding-bottom: 6px;
  Images responsives pour Citizen
    margin-bottom: 12px;
  ============================= */
}
 
.mw-parser-output h3 {
/* 1️⃣ Toutes les images normales s’adaptent à la largeur de leur conteneur */
    border-bottom: 1px solid #5b8fa8;
img {
    padding-bottom: 4px;
  max-width: 100%;
    margin-bottom: 10px;
  height: auto;
  display: block;
  object-fit: contain;
}
}


/* 2️⃣ Conteneur responsive pour les galeries / plusieurs images */
/* Boutons */
.responsive-images {
.mw-parser-output a .guide-button {
  display: grid;
    display: block;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    padding: 22px;
  gap: 10px; /* espace entre les images */
    background: #cdd8e3;
  align-items: start;
    border: 1px solid #b0c0d0;
  margin: 0 auto;
    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 {
/* 3️⃣ Styles spécifiques aux images dans ce conteneur */
    background: #bccad8;
.responsive-images img {
    border-color: #9ab0c8;
  width: 100%;
    color: #1a2a3a !important;
  height: auto;
    transform: translateY(-2px);
  border-radius: 4px; /* optionnel pour un style plus moderne */
    box-shadow: 0 4px 10px rgba(80, 110, 140, 0.25);
  box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* optionnel */
}
}
 
/* Sections pliables Citizen */
/* 4️⃣ Assurer que les images avec "thumb" ou "frameless" restent responsives */
.citizen-section-indicator {
.thumb img,
    display: none !important;
.frameless img {
  max-width: 100%;
  height: auto;
}
}
 
.citizen-section-heading {
/* 5️⃣ Option pour centrer automatiquement toutes les images */
    cursor: default !important;
img {
    pointer-events: none !important;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
}
.citizen-section-heading a {
    pointer-events: auto !important;
    cursor: pointer !important;


/* 6️⃣ Option pour la galerie MediaWiki <gallery> */
.gallery {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 10px !important;
}
}
/* Pus de boutons sur la sidebar pour changer les couleurs du site */


/* 7️⃣ Mobile-first tweaks */
.citizen-preferences-dropdown {
@media (max-width: 600px) {
     display: none !important;
  .responsive-images,
  .gallery {
     grid-template-columns: 1fr; /* 1 colonne sur petits écrans */
    gap: 8px;
  }
}
}

Dernière version du 9 mai 2026 à 20:06

.last-modified {
    display: none;
}
.citizen-footer__bottom {
    display: none !important;
}

.noprint {
    display: none !important;
}
.citizen-dropdown-summary {
    display: none;
}

/* Ne plus avoir le téléverser sur menu hamburger */

#t-upload { display: none !important; }

/* Date modified */
.page-info {
    display: none !important;
}
/* Wrapper parent pour images normales adaptatives sur mobile */
.mobile-responsive-wrapper {
    display: block;
    max-width: 100%;
    box-sizing: border-box;
}
/* L'image elle-même */
.mobile-responsive-wrapper img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Séparations */
.mw-parser-output h2 {
    border-bottom: 2px solid #5b8fa8;
    padding-bottom: 6px;
    margin-bottom: 12px;
}
.mw-parser-output h3 {
    border-bottom: 1px solid #5b8fa8;
    padding-bottom: 4px;
    margin-bottom: 10px;
}

/* 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);
}
/* 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;

}
/* Pus de boutons sur la sidebar pour changer les couleurs du site */

.citizen-preferences-dropdown {
    display: none !important;
}