Tamil Nadu Election Results 2026 Live: Watch All TV Channels

Tamilnadu Election Results 2026 Watch All Channels Live

/* — DEFAULT BLOGGER VIEW — */
.tv-war-room {
background-color: #0f172a;
padding: 12px;
border-radius: 10px;
font-family: ‘Segoe UI’, Roboto, Helvetica, Arial, sans-serif;
margin: 15px 0;
}

.war-room-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
border-bottom: 1px solid #334155;
padding-bottom: 10px;
flex-wrap: wrap;
gap: 8px;
}

.header-titles h2 { color: #f8fafc; margin: 0; font-size: 1.3rem; font-weight: 800; }
.header-titles p { color: #94a3b8; margin: 2px 0 0 0; font-size: 0.75rem; text-transform: uppercase; }

#fullscreenBtn {
background-color: #ef4444;
color: white;
border: none;
padding: 6px 14px;
border-radius: 20px;
font-size: 0.85rem;
font-weight: bold;
cursor: pointer;
transition: all 0.2s ease;
}
#fullscreenBtn:hover { background-color: #dc2626; }

.news-grid {
display: grid;
grid-template-columns: repeat(3, 1fr); /* 3 columns on desktop normally */
gap: 8px;
}

.news-card {
background: #1e293b;
border-radius: 6px;
overflow: hidden;
border: 1px solid #334155;
display: flex;
flex-direction: column;
}

.news-title-bar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px 8px;
background: linear-gradient(to right, #1e293b, #0f172a);
border-bottom: 2px solid #ef4444;
}

.channel-name { color: #ffffff; font-weight: 700; font-size: 0.8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 70%;}
.live-indicator {
background-color: #ef4444; color: white; font-size: 0.6rem;
font-weight: 800; padding: 2px 4px; border-radius: 3px;
animation: blink 1.5s infinite;
}

/* 16:9 Aspect Ratio locked for normal view */
.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
width: 100%;
background: #000;
}
.video-container iframe {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;
}

@keyframes blink { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } }

/* — TABLET & MOBILE RESPONSIVE FIX — */
@media (max-width: 900px) {
/* Tablets keep 2 columns */
.news-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
/* Mobile phones stack 1 by 1 so the video is big enough to tap! */
.news-grid { grid-template-columns: 1fr; }
.channel-name { font-size: 0.9rem; }
.header-titles h2 { font-size: 1.3rem; }
.war-room-header { justify-content: center; text-align: center; flex-direction: column; }
#fullscreenBtn { width: 100%; margin-top: 5px; } /* Makes button wider on mobile for easy tapping */
}

/* ========================================= */
/* — TRUE FULL SCREEN MODE (PERFECT FIT) — */
/* ========================================= */

#warRoomContainer:fullscreen {
background-color: #000000;
padding: 5px;
border-radius: 0;
display: flex;
flex-direction: column;
height: 100vh; /* Lock height to screen size */
overflow: hidden; /* Hide the scrollbar completely */
}

/* Inline header in full screen to save space */
#warRoomContainer:fullscreen .war-room-header {
flex-shrink: 0;
margin-bottom: 5px;
padding-bottom: 5px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#warRoomContainer:fullscreen .header-titles p { display: none; } /* Hide subtitle */
#warRoomContainer:fullscreen .header-titles h2 { font-size: 1.1rem; }

/* Force 3×3 Grid stretching to fill height */
#warRoomContainer:fullscreen .news-grid {
flex-grow: 1;
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
grid-template-rows: repeat(3, 1fr) !important;
gap: 4px;
height: 100%;
}

/* Disable the 16:9 padding hack and let flexbox fill the grid cell natively */
#warRoomContainer:fullscreen .video-container {
padding-bottom: 0;
flex-grow: 1;
height: auto;
}

/* Browser Fallbacks for Fullscreen */
#warRoomContainer:-webkit-full-screen { background-color: #000; padding: 5px; display: flex; flex-direction: column; height: 100vh; overflow: hidden; }
#warRoomContainer:-ms-fullscreen { background-color: #000; padding: 5px; display: flex; flex-direction: column; height: 100vh; overflow: hidden; }

function toggleFullScreen() {
var container = document.getElementById(“warRoomContainer”);
var btn = document.getElementById(“fullscreenBtn”);

if (!document.fullscreenElement) {
if (container.requestFullscreen) { container.requestFullscreen(); }
else if (container.webkitRequestFullscreen) { container.webkitRequestFullscreen(); }
else if (container.msRequestFullscreen) { container.msRequestFullscreen(); }

btn.innerHTML = “❌ Exit Full Screen”;
btn.style.backgroundColor = “#475569”;
} else {
if (document.exitFullscreen) { document.exitFullscreen(); }
else if (document.webkitExitFullscreen) { document.webkitExitFullscreen(); }
else if (document.msExitFullscreen) { document.msExitFullscreen(); }

btn.innerHTML = “📺 Full Screen (3×3)”;
btn.style.backgroundColor = “#ef4444”;
}
}

document.addEventListener(‘fullscreenchange’, (event) => {
var btn = document.getElementById(“fullscreenBtn”);
if (!document.fullscreenElement) {
btn.innerHTML = “📺 Full Screen (3×3)”;
btn.style.backgroundColor = “#ef4444”;
}
});

[full_width]