65 lines
1.5 KiB
CSS
65 lines
1.5 KiB
CSS
/*
|
|
* GridTV Theme — Cyberpunk (Néons & dystopie)
|
|
* Violet/magenta sur noir profond, glows, Blade Runner vibes.
|
|
*/
|
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700&display=swap');
|
|
|
|
:root {
|
|
--bg: #050008;
|
|
--surface: #0a000f;
|
|
--surface2: #0f0018;
|
|
--border: #2a0040;
|
|
--border-bright: #5a0080;
|
|
--accent: #ff00ff;
|
|
--accent2: #00ffcc;
|
|
--accent-live: #ff0055;
|
|
--text: #cc88ff;
|
|
--text-dim: #660099;
|
|
--text-bright: #ffccff;
|
|
--prog-bg: #0d0018;
|
|
--prog-border: #3d0060;
|
|
--prog-live-bg: #1a0030;
|
|
--prog-live-border: #ff00ff;
|
|
--font-ui: 'Rajdhani', sans-serif;
|
|
--font-mono: 'Share Tech Mono', monospace;
|
|
}
|
|
|
|
/* Topbar avec glow */
|
|
.topbar {
|
|
border-bottom: 1px solid var(--accent);
|
|
box-shadow: 0 0 20px rgba(255,0,255,0.15);
|
|
}
|
|
|
|
/* Logo néon */
|
|
.logo {
|
|
color: var(--accent);
|
|
text-shadow: 0 0 10px var(--accent), 0 0 20px var(--accent);
|
|
}
|
|
|
|
/* Badge LIVE néon */
|
|
.live-dot {
|
|
color: var(--accent-live);
|
|
text-shadow: 0 0 8px var(--accent-live);
|
|
}
|
|
.live-dot::before {
|
|
box-shadow: 0 0 6px var(--accent-live);
|
|
}
|
|
|
|
/* Programmes live avec glow */
|
|
.program-block.is-live {
|
|
box-shadow: 0 0 8px rgba(255,0,255,0.3);
|
|
}
|
|
|
|
/* Barre rouge néon */
|
|
.now-line {
|
|
box-shadow: 0 0 8px var(--accent-live), 0 0 16px var(--accent-live);
|
|
}
|
|
|
|
/* Bordures néon */
|
|
.channels-col { border-right: 1px solid var(--accent); }
|
|
.time-ruler { border-bottom: 1px solid var(--accent); }
|
|
|
|
/* Scrollbar */
|
|
.timeline-area::-webkit-scrollbar-thumb { background: var(--border-bright); }
|