2015-08-25 10:33:21 -04:00
|
|
|
|
.guideTabContent {
|
|
|
|
|
background: #161616;
|
|
|
|
|
}
|
|
|
|
|
|
2015-10-08 15:12:53 -04:00
|
|
|
|
.tvGuide {
|
|
|
|
|
text-align: left;
|
|
|
|
|
}
|
|
|
|
|
|
2015-08-25 10:33:21 -04:00
|
|
|
|
.tvGuideHeader {
|
2015-05-16 23:17:23 -04:00
|
|
|
|
white-space: nowrap;
|
|
|
|
|
position: fixed;
|
2015-08-25 22:13:28 -04:00
|
|
|
|
top: 95px;
|
2015-05-16 23:17:23 -04:00
|
|
|
|
left: 0;
|
|
|
|
|
z-index: 100;
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
2015-08-08 12:16:34 -04:00
|
|
|
|
.neon-animating .tvGuideHeader {
|
|
|
|
|
position: static;
|
|
|
|
|
}
|
|
|
|
|
|
2015-05-16 23:17:23 -04:00
|
|
|
|
.tvGuideHeader.headroom--unpinned {
|
2015-05-04 10:35:38 -04:00
|
|
|
|
-webkit-transform: translateY(-98px);
|
|
|
|
|
transform: translateY(-98px);
|
|
|
|
|
}
|
|
|
|
|
|
2013-12-20 15:09:49 -05:00
|
|
|
|
.tvProgramSectionHeader {
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tvProgram {
|
|
|
|
|
display: block;
|
|
|
|
|
text-decoration: none;
|
2015-04-11 21:38:38 -04:00
|
|
|
|
font-weight: normal !important;
|
2013-12-20 15:09:49 -05:00
|
|
|
|
white-space: nowrap;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.detailSectionHeader + .tvProgram {
|
2015-08-25 10:33:21 -04:00
|
|
|
|
border-top: 6px solid #161616;
|
2013-12-20 15:09:49 -05:00
|
|
|
|
margin-top: 1px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tvProgramTimeSlot {
|
|
|
|
|
width: 80px;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
color: #fff;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
bottom: 0;
|
2015-08-25 10:33:21 -04:00
|
|
|
|
border-bottom: 6px solid #161616;
|
2013-12-20 15:09:49 -05:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tvProgramTimeSlotInner {
|
|
|
|
|
padding: .5em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tvProgramInfo {
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
padding: .5em .5em;
|
2015-08-25 10:33:21 -04:00
|
|
|
|
border-bottom: 6px solid #161616;
|
2013-12-20 15:09:49 -05:00
|
|
|
|
}
|
|
|
|
|
|
2013-12-23 12:30:26 -05:00
|
|
|
|
.tvProgramTimeSlot + .tvProgramInfo {
|
|
|
|
|
margin-left: 80px;
|
2015-08-25 10:33:21 -04:00
|
|
|
|
border-left: 6px solid #161616;
|
|
|
|
|
position: relative;
|
2013-12-23 12:30:26 -05:00
|
|
|
|
}
|
2014-01-18 00:55:21 -05:00
|
|
|
|
|
2014-01-07 13:39:35 -05:00
|
|
|
|
.tvProgramCurrentTimeSlot {
|
|
|
|
|
background-color: green;
|
|
|
|
|
}
|
2013-12-23 12:30:26 -05:00
|
|
|
|
|
2013-12-20 15:09:49 -05:00
|
|
|
|
.tvProgramName {
|
|
|
|
|
color: #fff;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
margin-bottom: .5em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tvProgramTime {
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.newTvProgram {
|
|
|
|
|
color: #E88606;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.liveTvProgram {
|
|
|
|
|
color: #64A239;
|
|
|
|
|
}
|
|
|
|
|
|
2014-01-06 08:33:14 -05:00
|
|
|
|
.premiereTvProgram {
|
|
|
|
|
color: yellow;
|
|
|
|
|
}
|
|
|
|
|
|
2015-08-25 10:33:21 -04:00
|
|
|
|
.programAccent {
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 0;
|
2015-10-19 22:06:05 -04:00
|
|
|
|
left: 0;
|
2015-08-25 10:33:21 -04:00
|
|
|
|
right: 0;
|
|
|
|
|
height: 2px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.sportsProgramInfo .programAccent {
|
|
|
|
|
background-color: #0A7C33;
|
2013-12-20 15:09:49 -05:00
|
|
|
|
}
|
|
|
|
|
|
2015-08-25 10:33:21 -04:00
|
|
|
|
.newsProgramInfo .programAccent {
|
|
|
|
|
background-color: #523378;
|
2013-12-20 15:09:49 -05:00
|
|
|
|
}
|
|
|
|
|
|
2015-08-25 10:33:21 -04:00
|
|
|
|
.movieProgramInfo .programAccent {
|
|
|
|
|
background-color: #A43913;
|
2013-12-20 15:09:49 -05:00
|
|
|
|
}
|
|
|
|
|
|
2015-08-25 10:33:21 -04:00
|
|
|
|
.childProgramInfo .programAccent {
|
|
|
|
|
background-color: #0B487D;
|
2013-12-20 15:09:49 -05:00
|
|
|
|
}
|
|
|
|
|
|
2013-12-21 13:37:34 -05:00
|
|
|
|
.timerCircle {
|
|
|
|
|
display: inline-block;
|
2014-01-06 11:48:43 -05:00
|
|
|
|
width: 12px;
|
|
|
|
|
height: 12px;
|
2013-12-21 13:37:34 -05:00
|
|
|
|
border-radius: 50%;
|
|
|
|
|
background: #cc0000;
|
|
|
|
|
border: 1px solid #cc3333;
|
|
|
|
|
margin-left: 1em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.seriesTimerCircle {
|
|
|
|
|
position: relative;
|
|
|
|
|
margin-left: 0;
|
2014-01-06 11:48:43 -05:00
|
|
|
|
left: 21px;
|
2013-12-21 13:37:34 -05:00
|
|
|
|
opacity: .3;
|
2013-12-22 12:16:24 -05:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.itemMiscInfo .seriesTimerCircle:first-child {
|
2013-12-21 13:37:34 -05:00
|
|
|
|
margin-left: 1em;
|
|
|
|
|
}
|
|
|
|
|
|
2013-12-22 12:16:24 -05:00
|
|
|
|
.seriesTimerCircle + .seriesTimerCircle {
|
|
|
|
|
opacity: .65;
|
|
|
|
|
left: 0;
|
|
|
|
|
}
|
2013-12-21 13:37:34 -05:00
|
|
|
|
|
2013-12-22 12:16:24 -05:00
|
|
|
|
.seriesTimerCircle + .seriesTimerCircle + .seriesTimerCircle {
|
|
|
|
|
opacity: 1;
|
2014-01-06 11:48:43 -05:00
|
|
|
|
left: -21px;
|
2013-12-22 12:16:24 -05:00
|
|
|
|
}
|
2013-12-21 13:37:34 -05:00
|
|
|
|
|
|
|
|
|
.channelImageContainer .itemDetailImage {
|
2013-12-23 10:26:36 -05:00
|
|
|
|
max-width: 200px;
|
|
|
|
|
max-height: 110px;
|
2013-12-21 13:37:34 -05:00
|
|
|
|
margin-top: 1em;
|
|
|
|
|
margin-bottom: 1em;
|
|
|
|
|
}
|
2014-01-05 20:59:21 -05:00
|
|
|
|
|
2014-01-06 08:33:14 -05:00
|
|
|
|
.channelTimeslotHeader {
|
2014-01-18 00:55:21 -05:00
|
|
|
|
float: left;
|
2014-01-06 08:33:14 -05:00
|
|
|
|
}
|
|
|
|
|
|
2014-01-05 20:59:21 -05:00
|
|
|
|
.timeslotHeaders {
|
2015-04-12 12:46:29 -04:00
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.mobileGuide .timeslotHeaders {
|
2014-01-06 08:33:14 -05:00
|
|
|
|
overflow-x: hidden;
|
2015-04-12 12:46:29 -04:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.programContainer {
|
2014-01-05 20:59:21 -05:00
|
|
|
|
white-space: nowrap;
|
2015-04-12 12:46:29 -04:00
|
|
|
|
position: relative;
|
|
|
|
|
margin: 0 auto;
|
2015-08-19 13:58:41 -04:00
|
|
|
|
margin-top: 44px;
|
2015-04-12 12:46:29 -04:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.mobileGuide .programContainer {
|
2015-04-14 15:11:29 -04:00
|
|
|
|
margin-top: 38px;
|
2014-01-05 20:59:21 -05:00
|
|
|
|
}
|
|
|
|
|
|
2014-01-06 08:33:14 -05:00
|
|
|
|
.channelPrograms {
|
|
|
|
|
white-space: nowrap;
|
2015-08-25 10:33:21 -04:00
|
|
|
|
height: 61px;
|
2015-04-13 23:28:11 -04:00
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.channelPrograms, .timeslotHeadersInner {
|
2015-07-19 23:43:13 -04:00
|
|
|
|
width: 12000px;
|
2014-01-06 08:33:14 -05:00
|
|
|
|
}
|
|
|
|
|
|
2014-01-05 20:59:21 -05:00
|
|
|
|
.timeslotHeader {
|
|
|
|
|
display: inline-block;
|
2014-01-06 08:33:14 -05:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.timeslotHeaderInner {
|
2015-04-14 00:33:02 -04:00
|
|
|
|
padding: .6em .35em .5em;
|
2015-04-14 15:11:29 -04:00
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.channelTimeslotHeader .timeslotHeaderInner {
|
|
|
|
|
padding-top: .4em;
|
2014-01-05 20:59:21 -05:00
|
|
|
|
}
|
|
|
|
|
|
2014-01-06 08:33:14 -05:00
|
|
|
|
.channelHeaderCell, .channelTimeslotHeader {
|
2014-01-05 20:59:21 -05:00
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
2015-08-25 10:33:21 -04:00
|
|
|
|
border-right: 1px solid #161616;
|
2015-08-26 14:17:38 -04:00
|
|
|
|
width: 199px;
|
2015-08-25 10:33:21 -04:00
|
|
|
|
background: #303030;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.channelHeaderCell {
|
|
|
|
|
border-bottom: 0 !important;
|
2014-01-05 20:59:21 -05:00
|
|
|
|
}
|
|
|
|
|
|
2015-08-25 22:13:28 -04:00
|
|
|
|
.channelHeaderCellContainer + .channelHeaderCellContainer .channelHeaderCell {
|
|
|
|
|
border-top: 6px solid #161616;
|
|
|
|
|
}
|
2015-08-25 10:33:21 -04:00
|
|
|
|
|
2014-01-07 13:39:35 -05:00
|
|
|
|
.channelTimeslotHeader {
|
2015-09-28 23:35:50 -04:00
|
|
|
|
border-right-color: #52B54B;
|
2014-01-07 13:39:35 -05:00
|
|
|
|
}
|
|
|
|
|
|
2014-01-06 08:33:14 -05:00
|
|
|
|
.channelTimeslotHeader, .timeslotHeader {
|
2015-09-28 23:35:50 -04:00
|
|
|
|
background: #52B54B;
|
2014-01-06 08:33:14 -05:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.timeslotHeader, .channelTimeslotHeader {
|
2015-04-14 15:11:29 -04:00
|
|
|
|
height: 42px;
|
2014-01-06 08:33:14 -05:00
|
|
|
|
}
|
|
|
|
|
|
2015-12-14 10:43:03 -05:00
|
|
|
|
.channelHeaderCell {
|
|
|
|
|
padding: 0;
|
2014-01-06 11:48:43 -05:00
|
|
|
|
text-decoration: none;
|
2015-06-16 00:52:01 -04:00
|
|
|
|
font-weight: 400 !important;
|
2015-04-11 21:38:38 -04:00
|
|
|
|
color: #fff !important;
|
2014-01-06 13:25:33 -05:00
|
|
|
|
position: relative;
|
2015-12-14 10:43:03 -05:00
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
2014-01-06 08:33:14 -05:00
|
|
|
|
}
|
|
|
|
|
|
2015-06-19 00:23:55 -04:00
|
|
|
|
.pointerInput .channelHeaderCell:hover {
|
2015-05-04 10:35:38 -04:00
|
|
|
|
background-color: #444;
|
2014-01-18 00:55:21 -05:00
|
|
|
|
}
|
2014-01-06 11:48:43 -05:00
|
|
|
|
|
2014-01-06 08:33:14 -05:00
|
|
|
|
.channelList {
|
2014-01-18 00:55:21 -05:00
|
|
|
|
float: left;
|
2015-04-14 15:11:29 -04:00
|
|
|
|
font-size: 16px;
|
2015-06-16 00:52:01 -04:00
|
|
|
|
font-weight: 400;
|
2014-01-06 08:33:14 -05:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.programGrid {
|
2014-01-18 00:55:21 -05:00
|
|
|
|
padding-bottom: 4px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.programGrid, .timeslotHeaders {
|
2015-08-26 14:17:38 -04:00
|
|
|
|
margin-left: 200px;
|
2014-01-06 08:33:14 -05:00
|
|
|
|
}
|
|
|
|
|
|
2015-04-13 23:28:11 -04:00
|
|
|
|
.timeslotHeader {
|
|
|
|
|
width: 2.0833333333333333333333333333333%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.programCell {
|
|
|
|
|
position: absolute;
|
2015-08-25 10:33:21 -04:00
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 6px;
|
|
|
|
|
border-left: 6px solid #161616;
|
|
|
|
|
background-color: #212121;
|
2015-04-13 23:28:11 -04:00
|
|
|
|
display: block;
|
|
|
|
|
color: #fff !important;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
font-weight: 400 !important;
|
2015-08-25 10:36:58 -04:00
|
|
|
|
font-size: 14px;
|
2015-04-13 23:28:11 -04:00
|
|
|
|
overflow: hidden;
|
2014-01-06 08:33:14 -05:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.timeslotCellInner {
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
width: 100%;
|
|
|
|
|
top: 0;
|
2014-01-06 11:48:43 -05:00
|
|
|
|
display: block;
|
|
|
|
|
text-decoration: none;
|
2015-04-11 21:38:38 -04:00
|
|
|
|
font-weight: normal !important;
|
|
|
|
|
color: #fff !important;
|
2014-01-06 11:48:43 -05:00
|
|
|
|
}
|
|
|
|
|
|
2015-04-13 23:28:11 -04:00
|
|
|
|
.channelHeaderCell {
|
2015-04-13 01:12:02 -04:00
|
|
|
|
height: 55px;
|
2014-01-06 08:33:14 -05:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.guideProgramName {
|
2015-08-25 22:13:28 -04:00
|
|
|
|
padding: .5em .5em .35em;
|
2014-01-06 08:33:14 -05:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.guideProgramTime {
|
|
|
|
|
padding: 0 .5em .35em;
|
2015-08-25 10:33:21 -04:00
|
|
|
|
color: #bbb;
|
2014-01-06 08:33:14 -05:00
|
|
|
|
}
|
2014-01-18 00:55:21 -05:00
|
|
|
|
|
2014-01-06 13:25:33 -05:00
|
|
|
|
.guideChannelInfo {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
max-width: 110px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
white-space: nowrap;
|
2015-12-14 10:43:03 -05:00
|
|
|
|
margin-left: .5em;
|
|
|
|
|
margin-right: auto;
|
2014-01-06 13:25:33 -05:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.guideChannelImage {
|
2015-12-14 10:43:03 -05:00
|
|
|
|
width: 70px;
|
|
|
|
|
height: 44px;
|
2015-09-25 01:15:29 -04:00
|
|
|
|
background-size: contain;
|
|
|
|
|
background-position: right center;
|
|
|
|
|
background-repeat: no-repeat;
|
2015-12-14 10:43:03 -05:00
|
|
|
|
margin-right: .5em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.guideChannelName {
|
|
|
|
|
margin-right: .5em;
|
|
|
|
|
max-width: 50%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
2014-01-06 13:25:33 -05:00
|
|
|
|
}
|
|
|
|
|
|
2015-07-19 23:43:13 -04:00
|
|
|
|
@media (max-width: 1920px) {
|
|
|
|
|
|
|
|
|
|
.channelPrograms, .timeslotHeadersInner {
|
|
|
|
|
width: 10000px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (max-width: 1600px) {
|
|
|
|
|
|
|
|
|
|
.channelPrograms, .timeslotHeadersInner {
|
|
|
|
|
width: 8000px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2015-04-12 12:46:29 -04:00
|
|
|
|
@media (max-width: 600px) {
|
2014-01-06 13:25:33 -05:00
|
|
|
|
|
2015-07-23 10:58:27 -04:00
|
|
|
|
.guideChannelInfoWithImage {
|
2014-01-06 13:25:33 -05:00
|
|
|
|
display: none;
|
|
|
|
|
}
|
2014-01-08 00:25:21 -05:00
|
|
|
|
|
|
|
|
|
.timerPageImageContainer {
|
|
|
|
|
display: none !important;
|
|
|
|
|
}
|
2015-04-11 21:38:38 -04:00
|
|
|
|
|
|
|
|
|
.channelHeaderCell, .channelTimeslotHeader {
|
2015-04-14 23:41:29 -04:00
|
|
|
|
width: 98px;
|
2015-04-11 21:38:38 -04:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.programGrid, .timeslotHeaders {
|
2015-04-14 23:41:29 -04:00
|
|
|
|
margin-left: 99px;
|
2015-04-12 12:46:29 -04:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.currentDay {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
2015-04-13 23:28:11 -04:00
|
|
|
|
|
|
|
|
|
.channelPrograms, .timeslotHeadersInner {
|
2015-04-13 23:45:17 -04:00
|
|
|
|
width: 6500px;
|
2015-04-13 23:28:11 -04:00
|
|
|
|
}
|
2015-04-14 11:26:02 -04:00
|
|
|
|
|
2015-06-16 00:52:01 -04:00
|
|
|
|
.channelList {
|
2015-04-14 11:26:02 -04:00
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
|
2015-04-14 15:11:29 -04:00
|
|
|
|
.timeslotHeaderInner {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
padding-top: .8em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.channelTimeslotHeader a {
|
|
|
|
|
padding-left: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.channelTimeslotHeader i {
|
2015-04-14 23:41:29 -04:00
|
|
|
|
margin-right: 4px !important;
|
2015-04-14 15:11:29 -04:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.channelTimeslotHeader .timeslotHeaderInner {
|
|
|
|
|
padding-top: .5em;
|
|
|
|
|
}
|
2015-04-12 12:46:29 -04:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.channelList, .programGrid {
|
|
|
|
|
height: auto !important;
|
2015-07-19 23:43:13 -04:00
|
|
|
|
}
|
2015-08-24 23:13:04 -04:00
|
|
|
|
|
|
|
|
|
.itemOverlayContent {
|
|
|
|
|
width: 200px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (min-width: 800px) {
|
|
|
|
|
|
|
|
|
|
.itemOverlayContent {
|
|
|
|
|
width: 300px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (min-width: 1000px) {
|
|
|
|
|
|
|
|
|
|
.itemOverlayContent {
|
|
|
|
|
width: 400px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
|
|
|
|
|
|
.itemOverlayContent {
|
|
|
|
|
width: 500px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2016-01-11 21:38:58 -05:00
|
|
|
|
|
|
|
|
|
.chkAdvanced {
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
}
|