« MediaWiki:Common.css » : différence entre les versions
De Wiki IRC
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 18 : | Ligne 18 : | ||
*/ | */ | ||
/* | /* Responsive table with wide Situation col + small N° col */ | ||
.rt-table { | .rt-table { display: grid; grid-template-columns: 1fr; gap: 0.5rem; width:100%; box-sizing:border-box; font-family:sans-serif; } | ||
} | |||
.rt-header { | .rt-header { | ||
| Ligne 49 : | Ligne 41 : | ||
} | } | ||
.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%; } | |||
@media (max-width: 720px) { | |||
.rt-header { display: none; } | |||
.rt-row { | |||
.rt-cell { | |||
.rt-cell::before { display: inline-block; color: #333; width: 40%; } | |||
} | } | ||
.rt-table .rt-row:nth-child(odd){ background:#fbfbfb; } | |||
.rt-table .rt-row:nth-child(odd) { background: #fbfbfb; } | .rt-caption{ font-size:0.95rem; margin-bottom:0.5rem; font-weight:600; color:#222; } | ||
.rt-caption { | |||
} | |||
Version du 2 septembre 2025 à 16:33
/* 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 90px 90px 90px;
gap: 0.5rem;
font-weight: 600;
background: #f5f5f5;
padding: 0.6rem;
border-radius: 6px;
}
.rt-row {
display: grid;
grid-template-columns: 30px 120px 7fr 90px 90px 90px;
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; }
