From 8217643f385d104fd1afafcc0c8b9643e74d013a Mon Sep 17 00:00:00 2001 From: Best IPTV 375 Date: Fri, 22 Aug 2025 11:51:17 +0600 Subject: [PATCH] Delete style.css --- style.css | 138 ------------------------------------------------------ 1 file changed, 138 deletions(-) delete mode 100644 style.css diff --git a/style.css b/style.css deleted file mode 100644 index 21a851a..0000000 --- a/style.css +++ /dev/null @@ -1,138 +0,0 @@ -body { - margin: 0; - font-family: Arial, sans-serif; - background: #121212; - color: white; - overflow: hidden; -} - -.container { - display: flex; - height: 100vh; -} - -.sidebar { - width: 250px; - height: 100%; - background: #1f1f1f; - padding: 20px; - display: flex; - flex-direction: column; -} - -.search-container { - position: relative; - margin-bottom: 15px; - flex-shrink: 0; /* Prevents the search bar from shrinking */ -} - -#searchInput { - width: 100%; - padding: 8px 10px 8px 30px; - border: none; - border-radius: 5px; - background: #333; - color: white; -} - -.search-icon { - position: absolute; - left: 10px; - top: 50%; - transform: translateY(-50%); - color: #aaa; -} - -.sidebar ul { - list-style: none; - padding: 0; - overflow-y: auto; /* Enables scrolling for the channel list */ - margin-top: 0; - flex-grow: 1; /* Allows the list to fill the remaining space */ -} - -.sidebar li { - display: flex; - align-items: center; - padding: 10px; - cursor: pointer; - transition: background 0.3s, box-shadow 0.3s; - border-radius: 8px; - margin-bottom: 8px; - background: #2a2a2a; - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4); -} - -.sidebar li:hover { - background: #ff5722; - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.6); - /* Removed transform to fix the moving effect */ -} - -.sidebar img { - height: 40px; - width: 40px; - margin-right: 15px; - border-radius: 50%; -} - -.main { - flex-grow: 1; - display: flex; - flex-direction: column; - background: #000; - position: relative; -} - -#player { - flex-grow: 1; - transition: opacity 0.5s ease-in-out; -} - -/* Marquee Styles */ -.marquee-container { - display: flex; - align-items: center; - background: #333; - padding: 5px 10px; - border-top: 2px solid #ff5722; -} - -.bell-icon { - color: #ff5722; - font-size: 18px; - margin-right: 10px; - flex-shrink: 0; -} - -marquee { - color: #fff; - white-space: nowrap; - font-size: 14px; -} - -/* Button Controls */ -.controls { - background: #222; - padding: 10px; /* Reduced padding */ - text-align: center; -} - -.controls button { - background: #ff5722; - border: none; - color: white; - font-size: 14px; /* Reduced font size */ - font-weight: bold; - padding: 8px 20px; /* Reduced padding */ - margin: 5px; - cursor: pointer; - border-radius: 20px; - box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); - transition: background 0.3s, transform 0.2s; -} - -.controls button:hover { - background: #e64a19; - transform: scale(1.05); -}