73 lines
5.4 KiB
CSS
73 lines
5.4 KiB
CSS
/* ALFRED_GLASS_V2 — supplement au theme salon V1. Ne supprime aucun controle audio. */
|
|
.alfred-glass-theme .alfred-main-v1 {
|
|
grid-template-columns:minmax(0,1fr)!important;
|
|
grid-template-rows: minmax(76px,95px) minmax(185px,225px) minmax(165px,1fr) minmax(98px,120px)!important;
|
|
gap:clamp(9px,1.15vw,16px)!important;
|
|
padding:0 clamp(12px,1.65vw,28px) clamp(12px,1.55vw,23px)!important;
|
|
}
|
|
.alfred-glass-theme .alfred-main-v1 .av-head {grid-column:1!important;grid-row:1!important;}
|
|
/* Le menu lateral est masque mais reste dans le DOM pour les modules deja installes. */
|
|
.alfred-glass-theme .alfred-main-v1 .av-rail,
|
|
.alfred-glass-theme .alfred-main-v1 .av-history {display:none!important;}
|
|
.alfred-glass-theme .alfred-main-v1 .av-summary {grid-column:1!important;grid-row:2!important;gap:clamp(9px,1.05vw,17px);}
|
|
.alfred-glass-theme .alfred-main-v1 .av-voice-hero {grid-column:1!important;grid-row:3!important;min-height:160px;}
|
|
.alfred-glass-theme .alfred-main-v1 .av-shortcuts {grid-column:1!important;grid-row:4!important;gap:clamp(7px,.9vw,14px);}
|
|
/* Plus de microphone central, ni de commandes en double : les boutons du bandeau superieur restent fonctionnels. */
|
|
.alfred-glass-theme .alfred-main-v1 .av-mic-orb,
|
|
.alfred-glass-theme .alfred-main-v1 .av-sound-control {display:none!important;}
|
|
.alfred-glass-theme .alfred-main-v1 .av-voice-controls {position:relative;z-index:2;gap:0;align-self:stretch;min-height:100%;padding-top:clamp(70px,12vh,130px);pointer-events:none;}
|
|
.alfred-glass-theme .alfred-main-v1 .av-voice-center {pointer-events:auto;min-width:0;width:100%;}
|
|
.alfred-glass-theme .alfred-main-v1 .av-voice-center > strong {font-size:clamp(23px,2.25vw,38px);}
|
|
.alfred-glass-theme .alfred-main-v1 .av-voice-center > p {font-size:clamp(12px,1vw,16px);}
|
|
.alfred-glass-theme .alfred-main-v1 .av-wave-host {top:24%;width:min(800px,88%);height:110px;opacity:1;z-index:1;}
|
|
.alfred-glass-theme .alfred-main-v1 .av-wave-host #wave {height:110px;}
|
|
.alfred-glass-theme .alfred-main-v1.av-mic-is-muted .av-wave-host {opacity:.18;filter:grayscale(1);}
|
|
.alfred-glass-theme .alfred-main-v1[data-mode="thinking"] .av-wave-host {filter:hue-rotate(25deg);}
|
|
.alfred-glass-theme .alfred-main-v1[data-mode="speaking"] .av-wave-host {filter:hue-rotate(-24deg);}
|
|
/* Cartes moins opaques pour laisser respirer l'ambiance salon. */
|
|
.alfred-glass-theme .alfred-main-v1 .av-stat-card {
|
|
background:linear-gradient(135deg,rgba(12,25,41,.67),rgba(9,20,34,.54))!important;
|
|
border-color:rgba(206,228,252,.23)!important;
|
|
backdrop-filter:blur(15px) saturate(120%)!important;
|
|
-webkit-backdrop-filter:blur(15px) saturate(120%)!important;
|
|
}
|
|
.alfred-glass-theme .alfred-main-v1 .av-stat-card:hover {
|
|
background:linear-gradient(135deg,rgba(20,42,65,.80),rgba(13,28,47,.68))!important;
|
|
border-color:rgba(142,203,255,.55)!important;
|
|
}
|
|
.alfred-glass-theme .alfred-main-v1 .av-shortcuts button {
|
|
background:rgba(9,20,34,.65)!important;
|
|
border-color:rgba(200,224,247,.32)!important;
|
|
backdrop-filter:blur(14px)!important;
|
|
}
|
|
.alfred-glass-theme .alfred-main-v1 .av-shortcuts button:hover {background:rgba(26,56,85,.8)!important;}
|
|
.alfred-glass-theme .av-round {background:rgba(11,24,38,.68)!important;}
|
|
.alfred-glass-theme .av-round[aria-pressed="true"] {background:rgba(92,26,39,.83)!important;}
|
|
.alfred-glass-theme #stage {left:clamp(12px,1.65vw,28px)!important;right:clamp(12px,1.65vw,28px)!important;bottom:clamp(12px,1.55vw,23px)!important;background:rgba(7,20,37,.83)!important;}
|
|
.alfred-glass-theme .transcript-panel {bottom:20px!important;background:rgba(9,22,38,.79)!important;}
|
|
.alfred-glass-theme #alfredTimersDock {left:24px!important;bottom:21px!important;background:rgba(9,22,38,.82)!important;}
|
|
.alfred-glass-theme #alfredTimerToast {left:24px!important;bottom:125px!important;}
|
|
/* Le bouton de menu est un vrai bouton, sans lien direct vers /config. */
|
|
.alfred-glass-theme #avTopMenu {position:relative;}
|
|
@media(max-width:1100px){
|
|
body.alfred-glass-theme{overflow:auto!important;}
|
|
.alfred-glass-theme .alfred-main-v1 {position:relative!important;min-height:100dvh;height:auto;overflow:visible!important;grid-template-rows:auto auto minmax(180px,240px) auto!important;}
|
|
.alfred-glass-theme .alfred-main-v1 .av-summary {grid-template-columns:repeat(2,minmax(0,1fr));}
|
|
.alfred-glass-theme .alfred-main-v1 .av-stat-card {min-height:175px;}
|
|
.alfred-glass-theme .alfred-main-v1 .av-voice-controls {padding-top:90px;}
|
|
.alfred-glass-theme .alfred-main-v1 .av-wave-host {top:21%;}
|
|
.alfred-glass-theme .alfred-main-v1 .av-shortcuts {grid-template-columns:repeat(4,minmax(0,1fr));}
|
|
.alfred-glass-theme #stage {top:105px!important;bottom:22px!important;}
|
|
}
|
|
@media(max-width:600px){
|
|
.alfred-glass-theme .alfred-main-v1 {padding:0 11px 15px!important;grid-template-rows:auto auto minmax(170px,210px) auto!important;}
|
|
.alfred-glass-theme .alfred-main-v1 .av-head {padding:14px 2px!important;}
|
|
.alfred-glass-theme .av-header-right{gap:6px;}
|
|
.alfred-glass-theme .alfred-main-v1 .av-stat-card {min-height:155px;padding:12px;}
|
|
.alfred-glass-theme .alfred-main-v1 .av-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));}
|
|
.alfred-glass-theme .alfred-main-v1 .av-voice-controls {padding-top:80px;}
|
|
.alfred-glass-theme .alfred-main-v1 .av-wave-host{width:100%;}
|
|
.alfred-glass-theme #alfredTimersDock{left:11px!important;bottom:12px!important;}
|
|
}
|
|
@media(prefers-reduced-motion:reduce){.alfred-main-v1 .av-wave-host canvas{animation:none!important;}}
|