117 lines
3.5 KiB
CSS
117 lines
3.5 KiB
CSS
/* DONA_INLINE_INDEX_V2 — rendu natif dans l'index, sans carte opaque. */
|
|
#donaInlineScene[hidden] { display:none !important; }
|
|
#donaInlineScene {
|
|
position:fixed;
|
|
z-index:55;
|
|
top:clamp(92px,12vh,150px);
|
|
right:clamp(18px,4vw,72px);
|
|
bottom:clamp(108px,13vh,150px);
|
|
left:clamp(43%,46vw,54%);
|
|
display:grid;
|
|
grid-template-columns:0 minmax(0,1fr);
|
|
color:var(--dona-text, #eff3ff);
|
|
pointer-events:none;
|
|
font-family:inherit;
|
|
}
|
|
#donaInlineScene .dona-inline-right {
|
|
pointer-events:auto;
|
|
min-width:0;
|
|
max-width:min(44vw, 760px);
|
|
overflow:hidden;
|
|
display:flex;
|
|
flex-direction:column;
|
|
}
|
|
#donaInlineScene .dona-inline-left { visibility:hidden; }
|
|
#donaInlineScene .dona-inline-top {
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:space-between;
|
|
gap:16px;
|
|
padding-bottom:2px;
|
|
}
|
|
#donaInlineScene .dona-inline-eyebrow {
|
|
color:#95a9cf;
|
|
font-weight:700;
|
|
font-size:11px;
|
|
letter-spacing:.13em;
|
|
opacity:.92;
|
|
}
|
|
#donaInlineScene .dona-inline-close {
|
|
background:rgba(255,255,255,.07);
|
|
color:#e7efff;
|
|
border:1px solid rgba(175,202,241,.3);
|
|
font:inherit;
|
|
font-size:24px;
|
|
line-height:1;
|
|
border-radius:50%;
|
|
width:36px;
|
|
height:36px;
|
|
cursor:pointer;
|
|
flex-shrink:0;
|
|
}
|
|
#donaInlineScene .dona-inline-close:hover,
|
|
#donaInlineScene .dona-inline-close:focus-visible {
|
|
background:rgba(255,255,255,.14);
|
|
outline-color:#9fcafa;
|
|
}
|
|
#donaInlineScene .dona-inline-heading {
|
|
font-size:clamp(24px,2.8vw,38px);
|
|
font-weight:700;
|
|
line-height:1.22;
|
|
margin:6px 0 14px;
|
|
}
|
|
#donaInlineScene .dona-inline-heading[hidden] { display:none !important; }
|
|
#donaInlineScene .dona-inline-content {
|
|
overflow-y:auto;
|
|
overscroll-behavior:contain;
|
|
scrollbar-width:thin;
|
|
padding:0 12px 18px 0;
|
|
min-height:0;
|
|
font-size:clamp(14px,1.04vw,17px);
|
|
line-height:1.65;
|
|
white-space:normal;
|
|
}
|
|
#donaInlineScene .dona-inline-paragraph {
|
|
margin:0 0 13px;
|
|
white-space:pre-wrap;
|
|
overflow-wrap:anywhere;
|
|
color:var(--dona-text-muted, #d0daeb);
|
|
}
|
|
#donaInlineScene .dona-inline-meta { color:#9fc9ed; margin:0 0 14px; }
|
|
#donaInlineScene .dona-inline-section { padding:0 0 12px; margin:0; }
|
|
#donaInlineScene .dona-inline-subheading {
|
|
font-size:clamp(15px,1.22vw,19px);
|
|
color:#eef5ff;
|
|
margin:14px 0 8px;
|
|
font-weight:650;
|
|
}
|
|
#donaInlineScene .dona-inline-list { margin:0 0 12px; padding-left:1.4em; color:#d0daeb; overflow-wrap:anywhere; }
|
|
#donaInlineScene .dona-inline-list li { margin:0 0 4px; }
|
|
#donaInlineScene .dona-inline-more { margin:10px 0; color:#b7d5ff; }
|
|
#donaInlineScene .dona-inline-more summary { cursor:pointer; }
|
|
#donaInlineScene code { font-size:.93em; background:rgba(255,255,255,.08); border-radius:4px; padding:1px 4px; }
|
|
.dona-inline-identity-shift {
|
|
translate:var(--dona-inline-shift-x,0px) var(--dona-inline-shift-y,0px);
|
|
scale:var(--dona-inline-scale,1);
|
|
transition:translate .55s ease, scale .55s ease;
|
|
transform-origin:center center;
|
|
will-change:translate, scale;
|
|
}
|
|
.dona-inline-suppressed-modal { display:none !important; }
|
|
body.dona-inline-active #dona-hermes-live-v1 { display:none !important; }
|
|
@media(max-width:840px) {
|
|
#donaInlineScene {
|
|
top:clamp(210px,31vh,370px);
|
|
left:18px;
|
|
right:18px;
|
|
bottom:clamp(95px,11vh,160px);
|
|
display:block;
|
|
}
|
|
#donaInlineScene .dona-inline-right { max-width:none; }
|
|
#donaInlineScene .dona-inline-heading { font-size:clamp(21px,4.2vw,30px); }
|
|
#donaInlineScene .dona-inline-content { font-size:15px; padding-right:6px; }
|
|
}
|
|
@media (prefers-reduced-motion:reduce) {
|
|
.dona-inline-identity-shift { transition:none; }
|
|
}
|