diff --git a/lukeflix.css b/lukeflix.css index 5e2fc94..4cb256e 100644 --- a/lukeflix.css +++ b/lukeflix.css @@ -2506,7 +2506,12 @@ div[data-role="controlgroup"] a[data-role="button"]:last-child { width: 9vw !important; /* Reduce distance channel number and logo */ } -/* Stylize program cells */ +/* Remove borders around each row and program */ +.channelPrograms { + border: none !important; +} + +/* Stylize program cell container */ .programCell { border: none !important; border-radius: 8px !important; @@ -2514,6 +2519,8 @@ div[data-role="controlgroup"] a[data-role="button"]:last-child { background-color: transparent !important; } +/* ========= ACTIVE PROGRAM CELLS ========= */ + /* Use correct category coloring for active programs */ .programCell-active .guideProgramNameText { width: 100%; @@ -2526,24 +2533,43 @@ div[data-role="controlgroup"] a[data-role="button"]:last-child { backdrop-filter: blur(15px) !important; } -/* Stylize Active News Program Cells (Use .guideProgramName with padding to create island effect) */ +/* Active News Program Cells (Use .guideProgramName with padding to create island effect) */ .programCell-news.programCell-active .guideProgramNameText { - background-color: rgba(35, 119, 208, 0.89); + background-color: rgba(35, 119, 208, 0.89) !important; } -/* Stylize Active Movie Program Cells */ +/* Active Movie Program Cells */ .programCell-movie.programCell-active .guideProgramNameText { background-color: #5e35b1 !important } -/* Stylize Active Sports Program Cells */ +/* Active Sports Program Cells */ .programCell-sports.programCell-active .guideProgramNameText { background-color: #2fa755 !important } -/* Remove borders around each row and program */ -.channelPrograms { - border: none !important; +/* ========= NEXT-UP PROGRAM CELLS ========= */ + +.guideProgramNameText { + width: 100%; + height: 33px; + align-content: center; + border-right: 2px solid gray; +} + +/* Next-Up News Program Cells */ +.programCell-news .guideProgramNameText { + border-right: rgba(35, 119, 208, 0.89) !important; +} + +/* Next-Up Movie Program Cells */ +.programCell-movie .guideProgramNameText { + border-right: #5e35b1 !important +} + +/* Next-Up Sports Program Cells */ +.programCell-sports .guideProgramNameText { + border-right: #2fa755 !important; } /* ==== STATUS BUTTONS ==== */