mirror of
https://github.com/JMP-MS/ASPIC.git
synced 2026-10-27 17:17:08 +00:00
50 lines
2.8 KiB
CSS
50 lines
2.8 KiB
CSS
/* ASPIC — backoffice.css (11 septembre 2026)
|
|
Coquille visuelle commune à toutes les pages du BackOffice — mécanique
|
|
interne jamais destinée à l'utilisateur final (identités des
|
|
collaborateurs, compétences, missions-types...). Esprit "terminal" choisi
|
|
par Jean-Marc plutôt qu'un habillage soigné, même famille que
|
|
contact_ia_test.html/mission_test.html — pas de polish graphique tant que
|
|
les fonctionnalités elles-mêmes ne sont pas stabilisées.
|
|
Layout : colonne de menu à gauche (#bo-menu), contenu à droite
|
|
(#bo-contenu), barre logo/version en bas (#bo-pied) — reprend le motif
|
|
déjà en place sur ecran_fond.html (#statut-version-bloc/#marque-aspic)
|
|
pour rester dans "l'esprit de l'application principale" (demande de
|
|
Jean-Marc), simplement ancrée en bas de page plutôt qu'en overlay sur une
|
|
photo. */
|
|
*{box-sizing:border-box;}
|
|
html,body{margin:0;padding:0;height:100%;background:#0a0a0a;color:#ddd;
|
|
font-family:"Segoe UI","Arial",sans-serif;}
|
|
#bo-cadre{display:flex;flex-direction:column;height:100vh;}
|
|
#bo-corps{flex:1;display:flex;min-height:0;}
|
|
|
|
#bo-menu{width:220px;flex:0 0 220px;background:#111;border-right:1px solid #2a2a2a;
|
|
padding:18px 0;overflow-y:auto;}
|
|
#bo-menu .titre-bo{font-size:12px;color:#666;text-transform:uppercase;
|
|
letter-spacing:.08em;padding:0 18px 14px;border-bottom:1px solid #222;margin-bottom:10px;}
|
|
#bo-menu a{display:block;padding:10px 18px;color:#bbb;text-decoration:none;
|
|
font-size:13px;border-left:3px solid transparent;}
|
|
#bo-menu a:hover{background:#1a1a1a;color:#fff;}
|
|
#bo-menu a.actif{background:#1a1a1a;color:#bdf7bd;border-left-color:#3a6d3a;}
|
|
|
|
#bo-contenu{flex:1;min-width:0;overflow-y:auto;padding:22px 28px;}
|
|
#bo-contenu h1{font-size:16px;color:#ccc;font-weight:normal;margin:0 0 4px;}
|
|
#bo-contenu .sous-titre{font-size:12px;color:#666;margin:0 0 20px;}
|
|
|
|
#bo-pied{flex:0 0 auto;display:flex;align-items:center;justify-content:center;
|
|
gap:8px;padding:8px 0;background:#111;border-top:1px solid #222;
|
|
font-size:12px;color:#777;}
|
|
#bo-pied img{width:18px;height:18px;border-radius:3px;}
|
|
#bo-pied .A{color:#e14a5c;font-weight:700;}
|
|
#bo-pied .rest{font-weight:700;color:#aaa;}
|
|
#bo-pied #bo-version{color:#666;margin-left:4px;}
|
|
|
|
/* Terminal-esque, réutilisé sur chaque page BO pour les zones de saisie. */
|
|
textarea, input, select{font:inherit;font-size:13px;background:#000;color:#eee;
|
|
border:1px solid #444;border-radius:4px;padding:7px 9px;}
|
|
textarea{font-family:"Courier New",Consolas,monospace;}
|
|
button{font:inherit;font-size:13px;background:#1a1a1a;color:#ccc;
|
|
border:1px solid #444;border-radius:5px;padding:7px 16px;cursor:pointer;}
|
|
button.principal{background:#2a4d2a;color:#bdf7bd;border-color:#3a6d3a;}
|
|
button.danger{background:#4d2a2a;color:#f7bdbd;border-color:#6d3a3a;}
|
|
button:disabled{opacity:.4;cursor:default;}
|