53 lines
1.4 KiB
CSS
53 lines
1.4 KiB
CSS
/*
|
|
* GridTV Theme — Steampunk (Cuivre victorien)
|
|
* Cuivre, brun, engrenages imaginaires. Très 1880.
|
|
*/
|
|
|
|
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&display=swap');
|
|
|
|
:root {
|
|
--bg: #1a1008;
|
|
--surface: #241808;
|
|
--surface2: #2e2010;
|
|
--border: #5a3a10;
|
|
--border-bright: #8a5a20;
|
|
--accent: #d4820a;
|
|
--accent2: #c87820;
|
|
--accent-live: #e05010;
|
|
--text: #c8a060;
|
|
--text-dim: #7a5030;
|
|
--text-bright: #f0d090;
|
|
--prog-bg: #201408;
|
|
--prog-border: #6a4010;
|
|
--prog-live-bg: #2a1800;
|
|
--prog-live-border: #d4820a;
|
|
--font-ui: 'IM Fell English', serif;
|
|
--font-mono: 'Share Tech Mono', monospace;
|
|
}
|
|
|
|
/* Topbar avec lignes cuivrées */
|
|
.topbar {
|
|
border-bottom: 2px solid var(--accent);
|
|
background: repeating-linear-gradient(
|
|
90deg, transparent, transparent 40px,
|
|
rgba(212,130,10,0.04) 40px, rgba(212,130,10,0.04) 41px
|
|
), var(--surface);
|
|
}
|
|
|
|
.logo { color: var(--accent); }
|
|
|
|
/* Blocs carrés façon métal usiné */
|
|
.program-block { border-radius: 0; }
|
|
|
|
/* Bordures cuivrées */
|
|
.channels-col { border-right: 2px solid var(--accent); }
|
|
.time-ruler { border-bottom: 2px solid var(--accent); }
|
|
.channel-cell { border-bottom: 1px solid var(--border); }
|
|
|
|
/* Barre "now" cuivrée */
|
|
.now-line { background: var(--accent); }
|
|
.now-line::before { background: var(--accent); }
|
|
|
|
/* Scrollbar */
|
|
.timeline-area::-webkit-scrollbar-thumb { background: var(--accent); }
|