MediaWiki:Common.css

De Wiki IRC
Aller à :navigation, rechercher

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

  • Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
  • Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
  • Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
  • Opera : appuyez sur Ctrl + F5.
/* Le CSS placé ici sera appliqué à tous les habillages. */
/*
#bodyContent {
  font-size: 1em;
}
*/

/* Dans MediaWiki:Common.css, on peut définir un style de base pour masquer l'onglet. */
#ca-history {
    display: none;
}



/* === responsive-table (site-wide) ===
   Utiliser les classes .rt-table, .rt-row, .rt-cell
   Modifiez les couleurs / fonts selon vos besoins.
*/

/* Responsive table with wide Situation col + small N° col */
.rt-table { display: grid; grid-template-columns: 1fr; gap: 0.5rem; width:100%; box-sizing:border-box; font-family:sans-serif; }

.rt-header {
  display: grid;
  grid-template-columns: 30px 120px 7fr 1.5fr 1.5fr 1.5fr;
  gap: 0.5rem;
  font-weight: 600;
  background: #f5f5f5;
  padding: 0.6rem;
  border-radius: 6px;
}

.rt-row {
  display: grid;
  grid-template-columns: 30px 120px 7fr 1.5fr 1.5fr 1.5fr;
  gap: 0.5rem;
  padding: 0.6rem;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
}

.rt-cell { padding:0.2rem 0.4rem; display:flex; align-items:flex-start; }
.rt-cell::before { content: attr(data-label); display:none; font-weight:600; margin-right:0.5rem; }

@media (max-width:720px) {
  .rt-header{display:none;}
  .rt-row{ grid-template-columns:1fr; }
  .rt-cell{ display:block; padding:0.4rem 0.5rem; border-bottom:1px dashed #eee;}
  .rt-cell::before{ display:inline-block; color:#333; width:40%; }
}

.rt-table .rt-row:nth-child(odd){ background:#fbfbfb; }
.rt-caption{ font-size:0.95rem; margin-bottom:0.5rem; font-weight:600; color:#222; }