/* ---------- Visionneuse PDF plein écran ---------- */ * { box-sizing: border-box; } html { /* indique au navigateur (et à son lecteur PDF natif) qu'on est en thème sombre, pour que sa propre marge/UI autour de la page s'adapte aussi */ color-scheme: dark; } html, body { margin: 0; padding: 0; height: 100%; /* la couleur de fond est fixée en inline depuis doc.php (couleur du mur) */ color: #eee; font-family: 'Segoe UI', Arial, sans-serif; } .barre { display: flex; align-items: center; justify-content: space-between; height: 50px; padding: 0 20px; /* léger voile sombre par-dessus la couleur du mur, pour que le texte reste lisible quelle que soit la couleur choisie */ background-color: rgba(0, 0, 0, 0.35); border-bottom: 1px solid rgba(0, 0, 0, 0.4); } .retour { color: #bbb; text-decoration: none; font-size: 0.9em; } .retour:hover { color: #fff; } .titre-doc { font-size: 0.95em; color: #eee; } .bouton-telecharger { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin-left: 6px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.12); color: #eee; text-decoration: none; font-size: 0.85em; vertical-align: middle; } .bouton-telecharger:hover { background-color: rgba(255, 255, 255, 0.25); } .bouton-mode { padding: 6px 12px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.08); color: #eee; cursor: pointer; font-size: 0.8em; white-space: nowrap; } .bouton-mode:hover { background-color: rgba(255, 255, 255, 0.18); } .visionneuse { display: block; width: 100%; height: calc(100% - 50px); border: none; /* Mode sombre par défaut, pour le confort de lecture : invert(1) inverse toutes les couleurs (fond blanc -> noir), hue-rotate(180deg) recorrige les teintes pour que le bleu reste bleu et le rouge reste rouge (sinon ils s'inversent aussi). Le bouton "Mode clair" (voir js/mode-doc.js) ajoute la classe .mode-clair sur , qui annule ce filtre ci-dessous. */ filter: invert(1) hue-rotate(180deg); background-color: #fff; /* la page PDF elle-même reste blanche avant inversion */ } /* Visionneuse mobile (rendu PDF.js, voir js/doc-mobile.js) : même principe d'inversion que .visionneuse ci-dessus, mais appliqué à chaque page dessinée sur un