|
|
| (Une version intermédiaire par le même utilisateur non affichée) |
| Ligne 1 : |
Ligne 1 : |
| /* Le CSS placé ici sera appliqué à tous les habillages. */ | | /* 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;
| |
| }
| |
|
| |
| .ith-dl-image-row {
| |
| display: flex;
| |
| gap: 6px;
| |
| margin: 0 0 6px 0;
| |
| }
| |
| .ith-dl-image-row input[type="text"] {
| |
| margin-top: 0;
| |
| }
| |
| .ith-dl-image-row .ith-dl-image-file {
| |
| flex: 1 1 55%;
| |
| }
| |
| .ith-dl-image-row .ith-dl-image-caption {
| |
| flex: 1 1 40%;
| |
| }
| |
| .ith-dl-btn-remove-image {
| |
| flex: 0 0 auto;
| |
| width: 30px;
| |
| border: 1px solid #c9ced6;
| |
| border-radius: 8px;
| |
| background: #f5f7fa;
| |
| color: #c0392b;
| |
| font-weight: 800;
| |
| cursor: pointer;
| |
| }
| |
| .ith-dl-btn-remove-image:hover {
| |
| background: #fbe9e7;
| |
| }
| |
|
| |
| .ith-dl-btn-small {
| |
| padding: 5px 10px;
| |
| font-size: 0.82em;
| |
| margin: 0 0 10px 0;
| |
| }
| |
/* Le CSS placé ici sera appliqué à tous les habillages. */
