Jump to content
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.
Version datée du 11 août 2026 à 23:13 par Admin (discussion | contributions) (Gadget téléchargements — CSS (Infothèque))
(diff) ← Version précédente | Version actuelle (diff) | Version suivante → (diff)

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).
  •  Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
/* Le CSS placé ici sera appliqué à tous les habillages. */

/* ============================================================
 * Infothèque — Gadget "Ajouter un téléchargement"
 * À coller dans : MediaWiki:Common.css (à la suite du contenu existant)
 * ============================================================ */

.ith-dl-add-btn {
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 8px 14px;
    border: 1px solid #b6c7f2;
    border-radius: 10px;
    background: #f5f8ff;
    color: #1f2328;
    font-weight: 700;
    font-size: 0.9em;
    cursor: pointer;
}
.ith-dl-add-btn:hover {
    background: #eef3ff;
}

.ith-dl-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.ith-dl-modal {
    box-sizing: border-box;
    width: 480px;
    max-width: 92vw;
    max-height: 88vh;
    overflow-y: auto;
    background: #ffffff;
    color: #1f2328;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
    padding: 20px 22px;
}

.ith-dl-modal h3 {
    margin: 0 0 14px 0;
    font-size: 18px;
    font-weight: 800;
}

.ith-dl-modal label {
    display: block;
    margin: 0 0 12px 0;
    font-size: 0.88em;
    font-weight: 700;
    color: #4b5563;
}

.ith-dl-modal input[type="text"],
.ith-dl-modal select,
.ith-dl-modal textarea {
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin-top: 4px;
    padding: 7px 10px;
    border: 1px solid #c9ced6;
    border-radius: 8px;
    font-size: 0.95em;
    font-weight: 400;
    color: #1f2328;
    font-family: inherit;
}

.ith-dl-req {
    color: #c0392b;
}

.ith-dl-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 6px;
}

.ith-dl-btn-primary,
.ith-dl-btn-secondary {
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 0.9em;
    cursor: pointer;
    border: 1px solid #c9ced6;
}

.ith-dl-btn-primary {
    background: #2f6fed;
    border-color: #2f6fed;
    color: #ffffff;
}
.ith-dl-btn-primary:hover {
    background: #2559c4;
}

.ith-dl-btn-secondary {
    background: #f5f7fa;
    color: #1f2328;
}
.ith-dl-btn-secondary:hover {
    background: #eceff3;
}

.ith-dl-error {
    margin: 10px 0 0 0;
    color: #c0392b;
    font-size: 0.85em;
    font-weight: 700;
}