Modèle:Téléchargements/styles.css

/* ============================================================
 * Infothèque — Tableau de téléchargements
 * À coller dans : Modèle:Téléchargements/styles.css
 * Chargé une seule fois par Modèle:Téléchargements (le "début"
 * du tableau) via .
 * ============================================================ */

.ith-dl-wrap {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    margin: 18px 0 24px 0;
    border: 1px solid #c9ced6;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Citizen enveloppe automatiquement chaque wikitable dans
 * .citizen-overflow-wrapper > .citizen-overflow-content (pour le
 * défilement horizontal + boutons flèches sur mobile). C'est CE
 * conteneur, pas la table elle-même, qui limitait la largeur
 * réelle — et ses boutons/bordure donnaient l'effet "tableau dans
 * un tableau". On le neutralise : plus besoin de lui puisque notre
 * .ith-dl-wrap gère déjà la carte visuelle. */
.ith-dl-wrap .citizen-overflow-wrapper,
.ith-dl-wrap .citizen-overflow-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border: none !important;
    background: none !important;
}
.ith-dl-wrap .citizen-overflow-navButton {
    display: none !important;
}

.ith-dl-wrap table.ith-dl-table {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    border: none;
}

.ith-dl-wrap table.ith-dl-table > caption {
    padding: 12px 16px;
    font-weight: 800;
    font-size: 16px;
    text-align: left;
    background: #eef1f6;
    border-bottom: 1px solid #c9ced6;
    caption-side: top;
}

.ith-dl-wrap table.ith-dl-table th {
    background: #f5f7fa;
    text-align: left;
}

.ith-dl-wrap table.ith-dl-table td,
.ith-dl-wrap table.ith-dl-table th {
    vertical-align: top;
    padding: 8px 10px;
}

/* Format (5e colonne) et Image (6e colonne) toujours centrées,
 * quel que soit le paramètre "centré" utilisé ou non dans le
 * wikitexte de l'icône/image. */
.ith-dl-wrap table.ith-dl-table td:nth-child(5),
.ith-dl-wrap table.ith-dl-table td:nth-child(6) {
    text-align: center;
}

.ith-dl-wrap table.ith-dl-table code {
    display: inline-block;
    margin: 2px 0;
    padding: 1px 6px;
    background: #f5f7fa;
    border: 1px solid #e2e5ea;
    border-radius: 4px;
    font-size: 0.9em;
}

.ith-dl-wrap table.ith-dl-table .ith-dl-serialbox {
    display: block;
    margin: 6px 0;
    padding: 8px 12px;
    background: #f0f2f5;
    border: 1px solid #d7dbe0;
    border-radius: 10px;
    font-family: monospace;
    font-size: 0.92em;
    color: #1f2328;
    word-break: break-all;
}

.ith-dl-wrap table.ith-dl-table .gallery {
    margin: 0;
}