generated from Labyricorn/labyricorn-project-template
66 lines
1.5 KiB
CSS
66 lines
1.5 KiB
CSS
/* Haunted House — domain styling only. */
|
|
|
|
body {
|
|
background: #0d0a08;
|
|
color: #f0e6d8;
|
|
}
|
|
|
|
.exhibit-header {
|
|
background: linear-gradient(90deg, rgba(120, 70, 30, 0.35), rgba(255, 255, 255, 0.03));
|
|
border-color: rgba(220, 170, 110, 0.22);
|
|
}
|
|
|
|
.exhibit-header h1 { color: #f0d9b5; }
|
|
|
|
.stage {
|
|
border-color: rgba(220, 170, 110, 0.25);
|
|
box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.9);
|
|
}
|
|
|
|
.panel {
|
|
background: rgba(90, 60, 30, 0.2);
|
|
border-color: rgba(220, 170, 110, 0.18);
|
|
}
|
|
|
|
.panel h2 { color: #e0b98a; }
|
|
|
|
input[type="range"] { accent-color: #e0a860; }
|
|
|
|
button {
|
|
background: rgba(224, 168, 96, 0.12);
|
|
border-color: rgba(220, 170, 110, 0.35);
|
|
color: #f0e6d8;
|
|
}
|
|
|
|
button:hover { background: rgba(224, 168, 96, 0.24); }
|
|
|
|
button[aria-pressed="true"] {
|
|
background: rgba(224, 168, 96, 0.4);
|
|
border-color: rgba(245, 210, 160, 0.7);
|
|
}
|
|
|
|
select {
|
|
background: rgba(20, 14, 10, 0.85);
|
|
border-color: rgba(220, 170, 110, 0.3);
|
|
}
|
|
|
|
.exhibit-footer {
|
|
background: rgba(90, 60, 30, 0.2);
|
|
border-color: rgba(220, 170, 110, 0.18);
|
|
}
|
|
|
|
.exhibit-footer .announcement-label { color: #e0b98a; opacity: 0.7; }
|
|
|
|
.exhibit-header .status { color: #e0b98a; }
|
|
|
|
/* The audio engine state is a real capability, so it is shown plainly. */
|
|
#audio-state {
|
|
font-weight: 600;
|
|
letter-spacing: 0.04em;
|
|
}
|
|
|
|
#audio-state[data-state="available"] { color: #d8c090; }
|
|
#audio-state[data-state="loading"] { color: #ffd27a; }
|
|
#audio-state[data-state="ready"] { color: #9fe0a0; }
|
|
#audio-state[data-state="error"] { color: #ff8a7a; }
|