/* Copyright 2019 TiVo Inc. All Rights Reserved */ /* Changed from '@import mixins' to '@import "../../include/_mixins"' as the "grunt sass" task requires the path to find sass files that are present in a different directory. */ /* border */ /* channel icon widget */ /* Caret in guide */ /* Basic backgrounds */ .menuBgColor, .ui-selectmenu-menu .ui-menu.ui-widget-content { background-color: rgba(41, 41, 41, 0.9); } .menuHighlightBgColor, .ui-selectmenu-menu .ui-menu-item.ui-state-hover, .ui-selectmenu-menu .ui-menu-item.ui-state-focus { background-color: rgba(216, 216, 216, 0.12); } .menuBorderColor { background-color: rgba(41, 41, 41, 0.9); } /* Global hovers colors and shadows */ /* Borders */ /* Selection and highlight */ /* show container colors and gradients */ /* buttons and Links colors */ /* PRIMARY AND SECONDARY TEXT COLORS */ /* error message on login page */ /* modal popup colors */ /* browse pages */ /* guide backgrounds */ /* guide calendar available and unavailable cells background colors */ /* shadows , Borders and Backgrounds colors that are used in the whole site */ /* locked channels background color */ /* onepass variables */ /* progress bar styling */ /* Global Message styling for DVR-Disconnected and Unsupported Browser messages */ /* tivo branded player controls */ /* Recording icons */ /* Image pagination */ #TEXT-PRIMARY, a, body, .fa-circle-thin.fa-stack-1x, .input-primary, .link-secondary.ui-state-disabled, .link-primary, .text-primary { color: #FFFFFF; } #TEXT-PRIMARY-CONTRAST, .ui-tabs-active > a, .login-error-banner, .season-state-active span, .time-slot-header.current, .ui-datepicker thead, .text-primary-contrast { color: #000000; } #TEXT-SECONDARY, .is-transfer-prohibited, .onepass-line.has-conflicts, .season-state-unavailable span, .season-state-active.season-state-unavailable span, .ui-selectmenu-disabled, .ui-state-disabled, .text-secondary { color: #929292; } #TEXT-HIGHLIGHT, .inline-tabs.ui-tabs .ui-state-active a, .inline-tabs.ui-tabs .ui-state-hover a, .left-nav.ui-menu .menu-item-active a, .left-nav.ui-menu .ui-menu-item:hover a, .link-secondary.ui-state-active, .timepicker-container .time-selector.ui-state-active, .text-highlight { color: #FFFFFF; } #TEXT-ALT, .inline-tabs.ui-tabs a, .link-secondary, .link-secondary:hover, .link-secondary.ui-state-hover, .role-guest .upsell-link, .tvod-message, .timepicker-container .time-selector, .text-alt { color: #7FBDDF; } #ALERT-TEXT, .alert-text { color: #CB3E3E; } .icon-accent { color: #4EC400; } .default-button.disabled, .default-button.inactive-button, .default-button.time-jump-item-disabled { color: #BBBBBB; } #TRANSPARENT-BACKGROUND, .transparent-background, .body-selector .ui-selectmenu-button.ui-selectmenu-disabled, .dropdown .dropdown-menu, div.search input.ui-autocomplete-input, .jspCorner { background: transparent; } #PRIMARY-BACKGROUND, .primary-background, fieldset legend, div.search, .ui-datepicker table, .ui-datepicker td.ui-state-disabled .ui-state-default { background: #FFFFFF; } #SECONDARY-BACKGROUND, .info-overlay .confirmation-bar, .secondary-background, .timeHolder, .ui-widget-overlay { background: #000000; } #MAIN-PAGE-BACKGROUND, .main-page-background, body, .infinite-browse.no-more-results, .manage-onepass-line.ui-selected { background: #0F0F0F; } #DEFAULT-BUTTON-BACKGROUND, .default-button-background, #DEFAULT-TAB-BACKGROUND, .default-tab-background, .folder-tabs.ui-tabs .ui-tabs-nav li, .season-state-available, .season-state-unavailable, .dropdown-button, .default-button, a.default-button, .jspDrag, .jspArrow, .progress-bar .ui-progressbar-value { background: #3d3d3d; } #HOVER-BACKGROUND, .hover-background, .season-state-available:hover, .season-state-unavailable:hover, .dropdown-button:hover, .default-button:hover, a.default-button:hover, .folder-tabs.ui-tabs .ui-tabs-nav li.ui-state-hover, .ui-autocomplete.ui-widget-content li.ui-menu-item.ui-state-focus, .jspDrag:hover, .jspArrow:hover, .channel-list-panel .channel-list li:hover, .channel-list-panel .channel-list li.selected, #DEFAULT-BUTTON-HOVER-BACKGROUND, .default-button-hover-background { background: #323940; } #DEFAULT-PLAY-BTN-BACKGROUND, .default-play-btn-background, .default-button.online, .default-button.play-btn { background-image: linear-gradient(#4EC400, #4EC400); } #DEFAULT-PLAY-BTN-HOVER, .default-play-btn-hover, .default-button.online:hover, .default-button.play-btn:hover { background-image: linear-gradient(#3C9E00, #3C9E00); } #DISABLED-BTN-BACKGROUND, .ui-datepicker td .ui-state-default, .disabled-btn-background, .video-play-button .play-btn:disabled .fa-play, .ui-state-disabled .shows-state-icons, .ui-state-disabled .shows-state-icons:hover, .default-button.disabled, .default-button.delete-button.disabled, .default-button.inactive-button, .default-button.time-jump-item-disabled, .default-button.disabled:hover, .default-button.delete-button.disabled:hover, .default-button.inactive-button:hover, .default-button.time-jump-item-disabled:hover, .jspArrow.jspDisabled { background-image: linear-gradient(#929292, #929292); } #DELETE-BTN-BACKGROUND, .delete-btn-background, .default-button.action, .default-button.delete-button, .default-button.delete-active { background-image: linear-gradient(#A13636, #780404); } #DELETE-BTN-HOVER, .delete-btn-hover, .default-button.action:hover, .default-button.delete-button:hover, .default-button.delete-active:hover { background-image: linear-gradient(#CB3E3E, #921210); } #DEFAULT-CONTAINER-BACKGROUND, .default-container-background, .tiles-list.poster-container ul.items > li, .panel, .panel.ui-widget-content, .manage-list-wrapper, .one-pass-list-items, .one-pass-buttons-container, .left-nav.ui-menu .ui-menu-item.menu-item-active, .left-nav.ui-menu .ui-menu-item.ui-state-active, #guide-controls .search-container, #guide-controls .global-search-container, .ui-autocomplete.ui-widget-content, .progress-bar.ui-progressbar, .channel-list-panel, .ui-dialog { background: #242424; } #HIGHLIGHT-BACKGROUND, .highlight-background, .timeHolder .hours .time-slot-header.current, .season-state-available.season-state-active, .season-state-unavailable.season-state-active, .season-state-available.season-state-active:hover, .season-state-unavailable.season-state-active:hover, .folder-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active, .folder-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover { background: #FFFFFF; } #LOCKED-CHANNEL-BACKGROUND, .locked-channel-background { background: #3D3D3D; } #GUIDE-SCROLLBAR-BACKGROUND, .guide-scrollbar-background { background: #242424; background-repeat: no-repeat; background-position: center center; } #GUIDE-SCROLLBAR-HOVER, .guide-scrollbar-hover { background: #000000; background-repeat: no-repeat; background-position: center center; } #GUIDE-CELL-BACKGROUND, .guide-cell-background, #guide-listing .channel .channel-description { background: #1a1a1a; } #GUIDE-CHANNEL-BACKGROUND, .guide-channel-background { background: #242424; } #GUIDE-CELL-SELECTED-BACKGROUND, .guide-cell-selected-background, #guide-listing .channel.description-shown .channel-description { background: #3d3d3d; } #GUIDE-SHOW-LIVE-STREAM-HOVER, .guide-show-live-stream-hover, #guide-listing .channels .channel .content .name.channel-streaming-enabled:hover + .shows li > div { background: #0E532B; } #INFO-OVERLAY-BACKGROUND, .info-overlay-background, .hover-bulk-onepass-wrapper.ui-state-hover .info-overlay, .hover-border-wrapper.ui-state-hover .info-overlay, .hover-border-wrapper.selected .info-overlay { background: rgba(0, 0, 0, 0.8); } #DIALOG-HEADER-BACKGROUND, .dialog-header-background, .ui-dialog .ui-dialog-titlebar { background: #3d3d3d; } #CALENDAR-CURRENT-BACKGROUND, .calendar-current-background, .ui-datepicker td.ui-datepicker-today .ui-state-default, .ui-datepicker td.ui-datepicker-today .ui-state-highlight { background: #7FBDDF; } #CALENDAR-UNAVAILABLE-BACKGROUND, .calendar-unavailable-background, .ui-datepicker td.ui-datepicker-unselectable .ui-state-default { background: #B8B8B8; } #SELECTED-ITEM-BACKGROUND, .selected-item-background, .one-pass-list-items:not(.multi-select) .onepass-episode-line.ui-selected, .one-pass-list-items:not(.multi-select) .onepass-folder-line.ui-selected, .one-pass-list-items:not(.multi-select) .onepass-movie-line.ui-selected, .onepass-line.show-conflict-details, .content-detail-flyout-container, .content-detail-flyout-container .qtip-tip { background: #0F0F0F; } #GUIDE-SHOW-LIVE-STREAM-HOVER, .guide-show-live-stream-hover, #guide-listing .channels .channel .content .name.channel-streaming-enabled:hover + .shows li > div { background: #0E532B; } /* Styles for display of all episodes tiles */ .all-episodes-no-episodes-message { display: none; color: #EFC605; margin-top: 10px; } .no-episodes .all-episodes-wrapper, .no-episodes .carousel-container { display: none; } .no-episodes .all-episodes-no-episodes-message { display: block; } .season-filters { width: 250px; height: 32px; margin-top: 24px; margin-bottom: 24px; font-size: 18px; color: #ffffff; display: inline-flex; } .season-filters .season-title { width: 76px; height: 32px; border-radius: 6px; background-color: #3d3d3d; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.32); margin-left: 0px; margin-right: 8px; text-align: center; font-weight: 600; padding-top: 2px; line-height: 1.4; } .seasons-list-menu select { font-size: 18px; font-weight: 600; color: #ffffff; display: inline-block; width: 60px; height: 32px; border-radius: 6px; background-color: #3d3d3d; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.32); border: #3d3d3d; text-align: center; } .seasons-list-menu .ui-selectmenu-button { border-radius: 6px; border-style: none; background-color: #3d3d3d; background-repeat: no-repeat; background-position: 5px center; outline: none; } .seasons-list-menu .ui-selectmenu-button.is-year { width: 67px !important; } .seasons-list-menu .ui-selectmenu-button.other-episodes { width: 150px !important; } .seasons-list-menu .ui-selectmenu-button > .ui-selectmenu-text { padding: 2px 0 5px 9px; font-size: 18px; font-weight: 600; } .seasons-list-menu .ui-selectmenu-menu .ui-menu-item.menu-icon { background-repeat: no-repeat !important; background-position: 5px center; } .seasons-list-menu .ui-selectmenu-menu.is-year { width: 67px !important; } .seasons-list-menu .ui-selectmenu-menu.other-episodes { width: 150px !important; } .seasons-list-menu .ui-selectmenu-menu.ui-selectmenu-open { display: block; height: 200px; width: 60px; overflow-y: auto; overflow-x: hidden; } .seasons-list-menu .ui-selectmenu-menu.ui-selectmenu-open .ui-menu-item { padding-left: 8px; font-weight: 600; } .seasons-list-menu .ui-selectmenu-open::-webkit-scrollbar { width: 8px; background-color: rgba(41, 41, 41, 0.9); } .seasons-list-menu .ui-selectmenu-open::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #A1A1A1; } .seasons-list-menu .ui-selectmenu-open::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 8px; border-color: rgba(41, 41, 41, 0.9); } .seasons-list-menu .ui-menu .ui-menu-item { font-size: 18px; text-align: left; } .carousel-container { height: 280px; } .carousel-container .movies .all-episodes-item.movie { width: 164px; height: auto; } .carousel-container .movies .all-episodes-item .image-container .mov .img-container { width: 164px; height: 246px; } .carousel-container .all-episodes-item { width: 264px; padding-bottom: 24px; margin-right: 8px; } .carousel-container .all-episodes-item .season-title-container { height: 23px; margin-bottom: 5px; padding-left: 10px; display: block; text-align: left; font-size: 18px; color: #bfbfbf; } .carousel-container .all-episodes-item.movie { width: 132px; height: auto; } .carousel-container .all-episodes-item .image-container { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; } .carousel-container .all-episodes-item .image-container .mov .img-container { width: 133px; height: 198px; background-position: center; } .carousel-container .all-episodes-item .image-container .no-link { cursor: move; cursor: -webkit-grab; cursor: grab; } .carousel-container .all-episodes-item .image-container .play-icon { width: 56px; height: 56px; position: absolute; cursor: pointer; } .carousel-container .all-episodes-item .image-container .play-icon.loading-spinner, .carousel-container .all-episodes-item .image-container #guide-listing.guide-grid-loading .play-icon.programs, #guide-listing.guide-grid-loading .carousel-container .all-episodes-item .image-container .play-icon.programs, .carousel-container .all-episodes-item .image-container .play-icon#main-content:empty { height: 36px; width: 36px; } .carousel-container .all-episodes-item .sub-title { width: 100%; height: 48px; text-align: left; margin-top: 8px; max-width: 216px; display: inline-flex; } .carousel-container .all-episodes-item .sub-title .episode-title { display: inline; max-width: 85%; height: 48px; font-size: 18px; text-align: left; color: #ffffff; } .carousel-container .all-episodes-item .sub-title .episode-title .episode-icon-status.show-new-icon { display: inline-flex; width: 34px; height: 18px; margin-bottom: 3px; vertical-align: middle; } .carousel-container .all-episodes-item .sub-title .episode-recording-status { display: none; width: 15%; height: 15px; margin: 5px 3px 0 0; } .carousel-container .all-episodes-item .sub-title .episode-recording-status.show-icon { display: inline; } .carousel-container .all-episodes-item .sub-title .notification-message { display: none; } .carousel-container ul.items.movies.flickity-enabled { height: 330px; } /* used in browse pages - parent class is body.tv and body.movies */ .tiles-list.poster-container ul.items > li.mov .title-container, .tiles-list.poster-container ul.items > li.tv .title-container, .tiles-list.poster-container ul.items > li.folder .title-container { width: 100%; padding: 0px; } .tiles-list.poster-container ul.items > li.folder .img-container.image-browse-folder { width: 200px; height: 150px; } /* used in browse pages - parent class is body.tv and body.movies */ .tiles-list.poster-container { float: left; width: 100%; } .tiles-list.poster-container ul.items { float: left; width: 100%; margin: 0; padding: 0; list-style: none; } .tiles-list.poster-container ul.items > li { float: left; position: relative; width: 228px; height: 210px; margin: 0 12px 15px 0; overflow: hidden; text-align: center; padding: 10px 10px; } .tiles-list.poster-container.poster-set-D ul.items > li.mov .hover-border-wrapper { width: calc(100px + 2 * 3px); margin: auto; } /* browse tiles */ /* .movies is added to body */ .movies .tiles-list.poster-container ul.items > li .img-container { width: 100px; height: 150px; } /* .tv is added to body */ .tv .tiles-list.poster-container ul.items > li .img-container { width: 200px; height: 150px; } /* used in browse pages - parent class is body.tv and body.movies */ .tiles-list.poster-container ul.items > li { border-width: 1px; border-style: solid; border-color: #323940; border-radius: 10px; } button { background-color: transparent; border: medium none; color: inherit; } button:focus { outline: none; } button[disabled] { opacity: 0.65; pointer-events: none; } .default-button { padding: 7px 8px; margin-right: 10px; min-width: 90px; display: inline-block; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .narrow-buttons .default-button { min-width: 150px !important; width: 150px !important; } .wide-buttons .default-button { min-width: 200px !important; } .extra-wide-buttons .default-button { width: 100%; } .icon-btn-link { width: 100%; padding: 8px 0; text-align: left; } .icon-btn-link .image-single-explicit-download { vertical-align: middle; } .time-jump-item.default-button { margin-right: 4px; min-width: 74px; } .popup-actions .non-dvr-buttons.default-button { min-width: 160px; } .rec-popup-actions .buttons .default-button { min-width: 270px; } .recording-conflict-container .conflicts .default-button { min-width: 270px; } .popup-actions .recording-scheduled .default-button { min-width: 100px; } .popup-actions a[id$="Options"] { margin-left: 10px; width: 70px; } .popup-actions a:not([id$="Options"]) { min-width: 168px; margin-bottom: 10px; } .button-bar li { margin-right: 8px; min-width: 31px; height: 26px; padding: 0 4px; text-align: center; } .hover-border-wrapper .button-list > li { display: list-item; text-align: left; margin-top: 9px; } .hover-border-wrapper .button-list > li:first-child { margin-top: 0; } .hover-border-wrapper .button-list > li > button { padding: 0; } .hover-border-wrapper .button-list { position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-left: 25%; } .hover-border-wrapper .button-list .season-info { vertical-align: 0; } .play-icon.fa-stack > .fa-play.fa-stack-1x { left: 0.1em; top: -0.043em; } .default-button .play-icon.fa-stack { height: 1em; line-height: 1em; width: 1.5em; bottom: 0.1em; } .get-or-modify-button.initializing-state { display: none; } .get-or-modify-button .get-icon { height: 1em; line-height: 1em; width: 1.5em; bottom: 0.1em; } .get-or-modify-button .show-for-get, .get-or-modify-button .show-for-modify { display: none; } .get-or-modify-button.show-get .show-for-get, .get-or-modify-button.show-modify .show-for-modify { display: inline-block; } .video-play-button .play-btn { display: none; } .video-play-button .play-btn .play-icon.fa-stack { height: 80px; width: 80px; margin-bottom: 1em; } .video-play-button .play-btn .fa-play { position: absolute; left: 26px; top: 22px; font-size: 3.8em; color: rgba(255, 255, 255, 0.87); } .video-play-button .play-btn .fa-play:before { content: none; } .video-play-button .play-btn .fa-spin { position: absolute; left: 23px; top: 26px; font-size: 3.0em; color: rgba(255, 255, 255, 0.67); } .video-play-button .play-btn:hover .fa-play { color: #4ec400; } .video-play-button .play-btn:disabled { cursor: not-allowed; } .video-play-button .play-btn:disabled .fa-play { opacity: .7; } .video-play-button .play-btn.show-btn { display: inline-block; width: 96px; height: 96px; background-image: url(../img/svg/ic_play.svg); margin-bottom: .5em; } .video-play-button .play-btn.show-btn:hover { background-image: url(../img/svg/ic_play_hover.svg); } .video-source-button-container { display: flex; justify-content: center; } .video-source-button-container .video-source-button { position: relative; min-width: 143px; height: 44px; border-radius: 6px; background-color: rgba(41, 41, 41, 0.9); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16), 0 0 8px 0 rgba(0, 0, 0, 0.24); font-size: 18px; font-weight: 600; color: #ffffff; cursor: pointer; } .video-source-button-container .video-source-button.has-more-than-one { background-image: url(../img/ui/image-select-open.png); background-repeat: no-repeat; background-position: right 10px top; background-position-y: center; } .video-source-button-container .video-source-button.has-more-than-one .video-source-button-text { padding-right: 42px; } .video-source-button-container .video-source-button .video-source-button-icon { position: absolute; top: 7px; left: 7px; width: 30px; height: 30px; background-position: center; background-repeat: no-repeat; background-size: contain; } .video-source-button-container .video-source-button .video-source-button-text { line-height: 44px; padding-left: 46px; padding-right: 10px; text-align: left; } .vod-video-source-button-container { display: flex; justify-content: center; } .vod-video-source-button-container .vod-video-source-button { position: relative; min-width: 143px; height: 44px; border-radius: 6px; background-color: rgba(41, 41, 41, 0.9); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16), 0 0 8px 0 rgba(0, 0, 0, 0.24); font-size: 18px; font-weight: 600; color: #ffffff; cursor: pointer; } .vod-video-source-button-container .vod-video-source-button.has-more-than-one { background-image: url(../img/ui/image-select-open.png); background-repeat: no-repeat; background-position: right 10px top; background-position-y: center; } .vod-video-source-button-container .vod-video-source-button.has-more-than-one .video-source-button-text { padding-right: 42px; } .vod-video-source-button-container .vod-video-source-button .video-source-button-icon { position: absolute; top: 7px; left: 7px; width: 30px; height: 30px; background-position: center; background-repeat: no-repeat; background-size: contain; } .vod-video-source-button-container .vod-video-source-button .video-source-button-text { line-height: 25px; padding-left: 46px; padding-right: 10px; text-align: left; } .vod-video-source-button-container .vod-video-source-button .video-source-button-entitlement { padding-left: 46px; padding-right: 10px; font-size: 12px; text-align: left; } @keyframes rotate-out { 0% { opacity: 1; transform: scale(1, 1) rotateX(0deg); } 90% { opacity: .1; transform: scale(0.1, 0.1) rotateX(180deg); height: 5px; } 100% { opacity: 0; transform: scale(0, 0) rotateX(180deg); height: 0; } } .edit-action-pending .deleted-row { transform-origin: 50% 50%; animation-name: rotate-out; animation-duration: 1s; animation-fill-mode: both; } /* Poster size definitions:*/ .poster-container.poster-set-A { min-height: 419px; } .poster-container.poster-set-A .tv .title-container { padding-top: .5em; width: 560px; position: static; } .poster-container.poster-set-A .tv .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .poster-container.poster-set-A .tv .img-container { height: 419px; width: 560px; background-position: center center; margin: 0 auto; } .poster-container.poster-set-A .tv .loading .loading-img { display: block; height: 419px; width: 560px; } .poster-container.poster-set-A .tv .info-overlay { height: 419px; width: 560px; } .poster-container.poster-set-A .mov .title-container { padding-top: .5em; width: 282px; position: static; } .poster-container.poster-set-A .mov .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .poster-container.poster-set-A .mov .img-container { height: 419px; width: 282px; background-position: center center; margin: 0 auto; } .poster-container.poster-set-A .mov .loading .loading-img { display: block; height: 419px; width: 282px; } .poster-container.poster-set-A .mov .info-overlay { height: 419px; width: 282px; } .poster-container.poster-set-A .folder .loading .loading-img { display: block; height: 419px; width: 560px; } .poster-container.poster-set-B { min-height: 270px; } .poster-container.poster-set-B .tv .title-container { padding-top: .5em; width: 360px; position: static; } .poster-container.poster-set-B .tv .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .poster-container.poster-set-B .tv .img-container { height: 270px; width: 360px; background-position: center center; margin: 0 auto; } .poster-container.poster-set-B .tv .loading .loading-img { display: block; height: 270px; width: 360px; } .poster-container.poster-set-B .tv .info-overlay { height: 270px; width: 360px; } .poster-container.poster-set-B .mov .title-container { padding-top: .5em; width: 180px; position: static; } .poster-container.poster-set-B .mov .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .poster-container.poster-set-B .mov .img-container { height: 270px; width: 180px; background-position: center center; margin: 0 auto; } .poster-container.poster-set-B .mov .loading .loading-img { display: block; height: 270px; width: 180px; } .poster-container.poster-set-B .mov .info-overlay { height: 270px; width: 180px; } .poster-container.poster-set-B .folder .loading .loading-img { display: block; height: 270px; width: 360px; } .poster-container.poster-set-C { min-height: 200px; } .poster-container.poster-set-C .tv .title-container { padding-top: .5em; width: 267px; position: static; } .poster-container.poster-set-C .tv .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .poster-container.poster-set-C .tv .img-container { height: 200px; width: 267px; background-position: center center; margin: 0 auto; } .poster-container.poster-set-C .tv .loading .loading-img { display: block; height: 200px; width: 267px; } .poster-container.poster-set-C .tv .info-overlay { height: 200px; width: 267px; } .poster-container.poster-set-C .mov .title-container { padding-top: .5em; width: 133px; position: static; } .poster-container.poster-set-C .mov .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .poster-container.poster-set-C .mov .img-container { height: 200px; width: 133px; background-position: center center; margin: 0 auto; } .poster-container.poster-set-C .mov .loading .loading-img { display: block; height: 200px; width: 133px; } .poster-container.poster-set-C .mov .info-overlay { height: 200px; width: 133px; } .poster-container.poster-set-C .folder .loading .loading-img { display: block; height: 200px; width: 267px; } .poster-container.poster-set-D { min-height: 150px; } .poster-container.poster-set-D .tv .title-container { padding-top: .5em; width: 200px; position: static; } .poster-container.poster-set-D .tv .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .poster-container.poster-set-D .tv .img-container { height: 150px; width: 200px; background-position: center center; margin: 0 auto; } .poster-container.poster-set-D .tv .loading .loading-img { display: block; height: 150px; width: 200px; } .poster-container.poster-set-D .tv .info-overlay { height: 150px; width: 200px; } .poster-container.poster-set-D .mov .title-container { padding-top: .5em; width: 100px; position: static; } .poster-container.poster-set-D .mov .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .poster-container.poster-set-D .mov .img-container { height: 150px; width: 100px; background-position: center center; margin: 0 auto; } .poster-container.poster-set-D .mov .loading .loading-img { display: block; height: 150px; width: 100px; } .poster-container.poster-set-D .mov .info-overlay { height: 150px; width: 100px; } .poster-container.poster-set-D .folder .loading .loading-img { display: block; height: 150px; width: 200px; } .poster-container.poster-set-E { min-height: 125px; } .poster-container.poster-set-E .tv .title-container { padding-top: .5em; width: 167px; position: static; } .poster-container.poster-set-E .tv .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .poster-container.poster-set-E .tv .img-container { height: 125px; width: 167px; background-position: center center; margin: 0 auto; } .poster-container.poster-set-E .tv .loading .loading-img { display: block; height: 125px; width: 167px; } .poster-container.poster-set-E .tv .info-overlay { height: 125px; width: 167px; } .poster-container.poster-set-E .mov .title-container { padding-top: .5em; width: 83px; position: static; } .poster-container.poster-set-E .mov .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .poster-container.poster-set-E .mov .img-container { height: 125px; width: 83px; background-position: center center; margin: 0 auto; } .poster-container.poster-set-E .mov .loading .loading-img { display: block; height: 125px; width: 83px; } .poster-container.poster-set-E .mov .info-overlay { height: 125px; width: 83px; } .poster-container.poster-set-E .folder .loading .loading-img { display: block; height: 125px; width: 167px; } .poster-container.poster-set-F { min-height: 113px; } .poster-container.poster-set-F .tv .title-container { padding-top: .5em; width: 150px; position: static; } .poster-container.poster-set-F .tv .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .poster-container.poster-set-F .tv .img-container { height: 113px; width: 150px; background-position: center center; margin: 0 auto; } .poster-container.poster-set-F .tv .loading .loading-img { display: block; height: 113px; width: 150px; } .poster-container.poster-set-F .tv .info-overlay { height: 113px; width: 150px; } .poster-container.poster-set-F .mov .title-container { padding-top: .5em; width: 75px; position: static; } .poster-container.poster-set-F .mov .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .poster-container.poster-set-F .mov .img-container { height: 113px; width: 75px; background-position: center center; margin: 0 auto; } .poster-container.poster-set-F .mov .loading .loading-img { display: block; height: 113px; width: 75px; } .poster-container.poster-set-F .mov .info-overlay { height: 113px; width: 75px; } .poster-container.poster-set-F .folder .loading .loading-img { display: block; height: 113px; width: 150px; } .poster-container.poster-set-G { min-height: 104px; } .poster-container.poster-set-G .tv .title-container { padding-top: .5em; width: 139px; position: static; } .poster-container.poster-set-G .tv .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .poster-container.poster-set-G .tv .img-container { height: 104px; width: 139px; background-position: center center; margin: 0 auto; } .poster-container.poster-set-G .tv .loading .loading-img { display: block; height: 104px; width: 139px; } .poster-container.poster-set-G .tv .info-overlay { height: 104px; width: 139px; } .poster-container.poster-set-G .mov .title-container { padding-top: .5em; width: 70px; position: static; } .poster-container.poster-set-G .mov .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .poster-container.poster-set-G .mov .img-container { height: 104px; width: 70px; background-position: center center; margin: 0 auto; } .poster-container.poster-set-G .mov .loading .loading-img { display: block; height: 104px; width: 70px; } .poster-container.poster-set-G .mov .info-overlay { height: 104px; width: 70px; } .poster-container.poster-set-G .folder .loading .loading-img { display: block; height: 104px; width: 139px; } .poster-container.poster-set-H { min-height: 75px; } .poster-container.poster-set-H .tv .title-container { padding-top: .5em; width: 100px; position: static; } .poster-container.poster-set-H .tv .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .poster-container.poster-set-H .tv .img-container { height: 75px; width: 100px; background-position: center center; margin: 0 auto; } .poster-container.poster-set-H .tv .loading .loading-img { display: block; height: 75px; width: 100px; } .poster-container.poster-set-H .tv .info-overlay { height: 75px; width: 100px; } .poster-container.poster-set-H .mov .title-container { padding-top: .5em; width: 50px; position: static; } .poster-container.poster-set-H .mov .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .poster-container.poster-set-H .mov .img-container { height: 75px; width: 50px; background-position: center center; margin: 0 auto; } .poster-container.poster-set-H .mov .loading .loading-img { display: block; height: 75px; width: 50px; } .poster-container.poster-set-H .mov .info-overlay { height: 75px; width: 50px; } .poster-container.poster-set-H .folder .loading .loading-img { display: block; height: 75px; width: 100px; } .poster-container.poster-set-I { min-height: 53px; } .poster-container.poster-set-I .tv .title-container { padding-top: .5em; width: 70px; position: static; } .poster-container.poster-set-I .tv .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .poster-container.poster-set-I .tv .img-container { height: 53px; width: 70px; background-position: center center; margin: 0 auto; } .poster-container.poster-set-I .tv .loading .loading-img { display: block; height: 53px; width: 70px; } .poster-container.poster-set-I .tv .info-overlay { height: 53px; width: 70px; } .poster-container.poster-set-I .mov .title-container { padding-top: .5em; width: 35px; position: static; } .poster-container.poster-set-I .mov .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .poster-container.poster-set-I .mov .img-container { height: 53px; width: 35px; background-position: center center; margin: 0 auto; } .poster-container.poster-set-I .mov .loading .loading-img { display: block; height: 53px; width: 35px; } .poster-container.poster-set-I .mov .info-overlay { height: 53px; width: 35px; } .poster-container.poster-set-I .folder .loading .loading-img { display: block; height: 53px; width: 70px; } .poster-container.cast-set-A { min-height: 200px; } .poster-container.cast-set-A .img-container { height: 200px; width: 150px; display: inline-block; background-position: center center; } .poster-container.cast-set-A .title-container { width: 150px; } .poster-container.cast-set-A .role-container { width: 150px; } .poster-container.cast-set-A .loading .loading-img { display: block; height: 200px; width: 150px; } .poster-container.cast-set-B { min-height: 248px; } .poster-container.cast-set-B .img-container { height: 248px; width: 186px; display: inline-block; background-position: center center; } .poster-container.cast-set-B .title-container { width: 186px; } .poster-container.cast-set-B .role-container { width: 186px; } .poster-container.cast-set-B .loading .loading-img { display: block; height: 248px; width: 186px; } .poster-container.cast-set-C { min-height: 125px; } .poster-container.cast-set-C .img-container { height: 125px; width: 94px; display: inline-block; background-position: center center; } .poster-container.cast-set-C .title-container { width: 94px; } .poster-container.cast-set-C .role-container { width: 94px; } .poster-container.cast-set-C .loading .loading-img { display: block; height: 125px; width: 94px; } .poster-container.cast-set-D { min-height: 113px; } .poster-container.cast-set-D .img-container { height: 113px; width: 85px; display: inline-block; background-position: center center; } .poster-container.cast-set-D .title-container { width: 85px; } .poster-container.cast-set-D .role-container { width: 85px; } .poster-container.cast-set-D .loading .loading-img { display: block; height: 113px; width: 85px; } .poster-container.cast-set-E { min-height: 104px; } .poster-container.cast-set-E .img-container { height: 104px; width: 78px; display: inline-block; background-position: center center; } .poster-container.cast-set-E .title-container { width: 78px; } .poster-container.cast-set-E .role-container { width: 78px; } .poster-container.cast-set-E .loading .loading-img { display: block; height: 104px; width: 78px; } .poster-container.cast-set-F { min-height: 78px; } .poster-container.cast-set-F .img-container { height: 78px; width: 59px; display: inline-block; background-position: center center; } .poster-container.cast-set-F .title-container { width: 59px; } .poster-container.cast-set-F .role-container { width: 59px; } .poster-container.cast-set-F .loading .loading-img { display: block; height: 78px; width: 59px; } .poster-container.cast-set-G { min-height: 70px; } .poster-container.cast-set-G .img-container { height: 70px; width: 53px; display: inline-block; background-position: center center; } .poster-container.cast-set-G .title-container { width: 53px; } .poster-container.cast-set-G .role-container { width: 53px; } .poster-container.cast-set-G .loading .loading-img { display: block; height: 70px; width: 53px; } .poster-container.cast-set-H { min-height: 53px; } .poster-container.cast-set-H .img-container { height: 53px; width: 40px; display: inline-block; background-position: center center; } .poster-container.cast-set-H .title-container { width: 40px; } .poster-container.cast-set-H .role-container { width: 40px; } .poster-container.cast-set-H .loading .loading-img { display: block; height: 53px; width: 40px; } .carousel-container.poster-set-A { min-height: 419px; } .carousel-container.poster-set-A .items { height: 419px; overflow: hidden; } .carousel-container.poster-set-A.titles-bottom .items { height: calc(419px + 4.3em); } .carousel-container.poster-set-A .tv .title-container { width: 560px; } .carousel-container.poster-set-A .tv .role-container { width: 560px; } .carousel-container.poster-set-A .tv .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .carousel-container.poster-set-A .tv .category-container { width: 560px; height: 22px; overflow: hidden; } .carousel-container.poster-set-A .tv .img-container { height: 419px; width: 560px; background-position: center center; margin: 0 auto; } .carousel-container.poster-set-A .tv .loading .loading-img { display: block; height: 419px; width: 560px; } .carousel-container.poster-set-A .tv .info-overlay { height: 419px; width: 560px; } .carousel-container.poster-set-A .mov .title-container { width: 282px; } .carousel-container.poster-set-A .mov .role-container { width: 282px; } .carousel-container.poster-set-A .mov .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .carousel-container.poster-set-A .mov .category-container { width: 282px; height: 22px; overflow: hidden; } .carousel-container.poster-set-A .mov .img-container { height: 419px; width: 282px; background-position: center center; margin: 0 auto; } .carousel-container.poster-set-A .mov .loading .loading-img { display: block; height: 419px; width: 282px; } .carousel-container.poster-set-A .mov .info-overlay { height: 419px; width: 282px; } .carousel-container.poster-set-A .folder .loading .loading-img { display: block; height: 419px; width: 560px; } .carousel-container.poster-set-B { min-height: 270px; } .carousel-container.poster-set-B .items { height: 270px; overflow: hidden; } .carousel-container.poster-set-B.titles-bottom .items { height: calc(270px + 4.3em); } .carousel-container.poster-set-B .tv .title-container { width: 360px; } .carousel-container.poster-set-B .tv .role-container { width: 360px; } .carousel-container.poster-set-B .tv .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .carousel-container.poster-set-B .tv .category-container { width: 360px; height: 22px; overflow: hidden; } .carousel-container.poster-set-B .tv .img-container { height: 270px; width: 360px; background-position: center center; margin: 0 auto; } .carousel-container.poster-set-B .tv .loading .loading-img { display: block; height: 270px; width: 360px; } .carousel-container.poster-set-B .tv .info-overlay { height: 270px; width: 360px; } .carousel-container.poster-set-B .mov .title-container { width: 180px; } .carousel-container.poster-set-B .mov .role-container { width: 180px; } .carousel-container.poster-set-B .mov .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .carousel-container.poster-set-B .mov .category-container { width: 180px; height: 22px; overflow: hidden; } .carousel-container.poster-set-B .mov .img-container { height: 270px; width: 180px; background-position: center center; margin: 0 auto; } .carousel-container.poster-set-B .mov .loading .loading-img { display: block; height: 270px; width: 180px; } .carousel-container.poster-set-B .mov .info-overlay { height: 270px; width: 180px; } .carousel-container.poster-set-B .folder .loading .loading-img { display: block; height: 270px; width: 360px; } .carousel-container.poster-set-C { min-height: 200px; } .carousel-container.poster-set-C .items { height: 200px; overflow: hidden; } .carousel-container.poster-set-C.titles-bottom .items { height: calc(200px + 4.3em); } .carousel-container.poster-set-C .tv .title-container { width: 267px; } .carousel-container.poster-set-C .tv .role-container { width: 267px; } .carousel-container.poster-set-C .tv .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .carousel-container.poster-set-C .tv .category-container { width: 267px; height: 22px; overflow: hidden; } .carousel-container.poster-set-C .tv .img-container { height: 200px; width: 267px; background-position: center center; margin: 0 auto; } .carousel-container.poster-set-C .tv .loading .loading-img { display: block; height: 200px; width: 267px; } .carousel-container.poster-set-C .tv .info-overlay { height: 200px; width: 267px; } .carousel-container.poster-set-C .mov .title-container { width: 133px; } .carousel-container.poster-set-C .mov .role-container { width: 133px; } .carousel-container.poster-set-C .mov .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .carousel-container.poster-set-C .mov .category-container { width: 133px; height: 22px; overflow: hidden; } .carousel-container.poster-set-C .mov .img-container { height: 200px; width: 133px; background-position: center center; margin: 0 auto; } .carousel-container.poster-set-C .mov .loading .loading-img { display: block; height: 200px; width: 133px; } .carousel-container.poster-set-C .mov .info-overlay { height: 200px; width: 133px; } .carousel-container.poster-set-C .folder .loading .loading-img { display: block; height: 200px; width: 267px; } .carousel-container.poster-set-D { min-height: 150px; } .carousel-container.poster-set-D .items { height: 150px; overflow: hidden; } .carousel-container.poster-set-D.titles-bottom .items { height: calc(150px + 4.3em); } .carousel-container.poster-set-D .tv .title-container { width: 200px; } .carousel-container.poster-set-D .tv .role-container { width: 200px; } .carousel-container.poster-set-D .tv .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .carousel-container.poster-set-D .tv .category-container { width: 200px; height: 22px; overflow: hidden; } .carousel-container.poster-set-D .tv .img-container { height: 150px; width: 200px; background-position: center center; margin: 0 auto; } .carousel-container.poster-set-D .tv .loading .loading-img { display: block; height: 150px; width: 200px; } .carousel-container.poster-set-D .tv .info-overlay { height: 150px; width: 200px; } .carousel-container.poster-set-D .mov .title-container { width: 100px; } .carousel-container.poster-set-D .mov .role-container { width: 100px; } .carousel-container.poster-set-D .mov .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .carousel-container.poster-set-D .mov .category-container { width: 100px; height: 22px; overflow: hidden; } .carousel-container.poster-set-D .mov .img-container { height: 150px; width: 100px; background-position: center center; margin: 0 auto; } .carousel-container.poster-set-D .mov .loading .loading-img { display: block; height: 150px; width: 100px; } .carousel-container.poster-set-D .mov .info-overlay { height: 150px; width: 100px; } .carousel-container.poster-set-D .folder .loading .loading-img { display: block; height: 150px; width: 200px; } .carousel-container.poster-set-E { min-height: 125px; } .carousel-container.poster-set-E .items { height: 125px; overflow: hidden; } .carousel-container.poster-set-E.titles-bottom .items { height: calc(125px + 4.3em); } .carousel-container.poster-set-E .tv .title-container { width: 167px; } .carousel-container.poster-set-E .tv .role-container { width: 167px; } .carousel-container.poster-set-E .tv .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .carousel-container.poster-set-E .tv .category-container { width: 167px; height: 22px; overflow: hidden; } .carousel-container.poster-set-E .tv .img-container { height: 125px; width: 167px; background-position: center center; margin: 0 auto; } .carousel-container.poster-set-E .tv .loading .loading-img { display: block; height: 125px; width: 167px; } .carousel-container.poster-set-E .tv .info-overlay { height: 125px; width: 167px; } .carousel-container.poster-set-E .mov .title-container { width: 83px; } .carousel-container.poster-set-E .mov .role-container { width: 83px; } .carousel-container.poster-set-E .mov .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .carousel-container.poster-set-E .mov .category-container { width: 83px; height: 22px; overflow: hidden; } .carousel-container.poster-set-E .mov .img-container { height: 125px; width: 83px; background-position: center center; margin: 0 auto; } .carousel-container.poster-set-E .mov .loading .loading-img { display: block; height: 125px; width: 83px; } .carousel-container.poster-set-E .mov .info-overlay { height: 125px; width: 83px; } .carousel-container.poster-set-E .folder .loading .loading-img { display: block; height: 125px; width: 167px; } .carousel-container.poster-set-F { min-height: 113px; } .carousel-container.poster-set-F .items { height: 113px; overflow: hidden; } .carousel-container.poster-set-F.titles-bottom .items { height: calc(113px + 4.3em); } .carousel-container.poster-set-F .tv .title-container { width: 150px; } .carousel-container.poster-set-F .tv .role-container { width: 150px; } .carousel-container.poster-set-F .tv .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .carousel-container.poster-set-F .tv .category-container { width: 150px; height: 22px; overflow: hidden; } .carousel-container.poster-set-F .tv .img-container { height: 113px; width: 150px; background-position: center center; margin: 0 auto; } .carousel-container.poster-set-F .tv .loading .loading-img { display: block; height: 113px; width: 150px; } .carousel-container.poster-set-F .tv .info-overlay { height: 113px; width: 150px; } .carousel-container.poster-set-F .mov .title-container { width: 75px; } .carousel-container.poster-set-F .mov .role-container { width: 75px; } .carousel-container.poster-set-F .mov .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .carousel-container.poster-set-F .mov .category-container { width: 75px; height: 22px; overflow: hidden; } .carousel-container.poster-set-F .mov .img-container { height: 113px; width: 75px; background-position: center center; margin: 0 auto; } .carousel-container.poster-set-F .mov .loading .loading-img { display: block; height: 113px; width: 75px; } .carousel-container.poster-set-F .mov .info-overlay { height: 113px; width: 75px; } .carousel-container.poster-set-F .folder .loading .loading-img { display: block; height: 113px; width: 150px; } .carousel-container.poster-set-G { min-height: 104px; } .carousel-container.poster-set-G .items { height: 104px; overflow: hidden; } .carousel-container.poster-set-G.titles-bottom .items { height: calc(104px + 4.3em); } .carousel-container.poster-set-G .tv .title-container { width: 139px; } .carousel-container.poster-set-G .tv .role-container { width: 139px; } .carousel-container.poster-set-G .tv .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .carousel-container.poster-set-G .tv .category-container { width: 139px; height: 22px; overflow: hidden; } .carousel-container.poster-set-G .tv .img-container { height: 104px; width: 139px; background-position: center center; margin: 0 auto; } .carousel-container.poster-set-G .tv .loading .loading-img { display: block; height: 104px; width: 139px; } .carousel-container.poster-set-G .tv .info-overlay { height: 104px; width: 139px; } .carousel-container.poster-set-G .mov .title-container { width: 70px; } .carousel-container.poster-set-G .mov .role-container { width: 70px; } .carousel-container.poster-set-G .mov .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .carousel-container.poster-set-G .mov .category-container { width: 70px; height: 22px; overflow: hidden; } .carousel-container.poster-set-G .mov .img-container { height: 104px; width: 70px; background-position: center center; margin: 0 auto; } .carousel-container.poster-set-G .mov .loading .loading-img { display: block; height: 104px; width: 70px; } .carousel-container.poster-set-G .mov .info-overlay { height: 104px; width: 70px; } .carousel-container.poster-set-G .folder .loading .loading-img { display: block; height: 104px; width: 139px; } .carousel-container.poster-set-H { min-height: 75px; } .carousel-container.poster-set-H .items { height: 75px; overflow: hidden; } .carousel-container.poster-set-H.titles-bottom .items { height: calc(75px + 4.3em); } .carousel-container.poster-set-H .tv .title-container { width: 100px; } .carousel-container.poster-set-H .tv .role-container { width: 100px; } .carousel-container.poster-set-H .tv .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .carousel-container.poster-set-H .tv .category-container { width: 100px; height: 22px; overflow: hidden; } .carousel-container.poster-set-H .tv .img-container { height: 75px; width: 100px; background-position: center center; margin: 0 auto; } .carousel-container.poster-set-H .tv .loading .loading-img { display: block; height: 75px; width: 100px; } .carousel-container.poster-set-H .tv .info-overlay { height: 75px; width: 100px; } .carousel-container.poster-set-H .mov .title-container { width: 50px; } .carousel-container.poster-set-H .mov .role-container { width: 50px; } .carousel-container.poster-set-H .mov .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .carousel-container.poster-set-H .mov .category-container { width: 50px; height: 22px; overflow: hidden; } .carousel-container.poster-set-H .mov .img-container { height: 75px; width: 50px; background-position: center center; margin: 0 auto; } .carousel-container.poster-set-H .mov .loading .loading-img { display: block; height: 75px; width: 50px; } .carousel-container.poster-set-H .mov .info-overlay { height: 75px; width: 50px; } .carousel-container.poster-set-H .folder .loading .loading-img { display: block; height: 75px; width: 100px; } .carousel-container.poster-set-I { min-height: 53px; } .carousel-container.poster-set-I .items { height: 53px; overflow: hidden; } .carousel-container.poster-set-I.titles-bottom .items { height: calc(53px + 4.3em); } .carousel-container.poster-set-I .tv .title-container { width: 70px; } .carousel-container.poster-set-I .tv .role-container { width: 70px; } .carousel-container.poster-set-I .tv .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .carousel-container.poster-set-I .tv .category-container { width: 70px; height: 22px; overflow: hidden; } .carousel-container.poster-set-I .tv .img-container { height: 53px; width: 70px; background-position: center center; margin: 0 auto; } .carousel-container.poster-set-I .tv .loading .loading-img { display: block; height: 53px; width: 70px; } .carousel-container.poster-set-I .tv .info-overlay { height: 53px; width: 70px; } .carousel-container.poster-set-I .mov .title-container { width: 35px; } .carousel-container.poster-set-I .mov .role-container { width: 35px; } .carousel-container.poster-set-I .mov .title-container > .ellipses-truncated-text { max-width: 100%; display: block; } .carousel-container.poster-set-I .mov .category-container { width: 35px; height: 22px; overflow: hidden; } .carousel-container.poster-set-I .mov .img-container { height: 53px; width: 35px; background-position: center center; margin: 0 auto; } .carousel-container.poster-set-I .mov .loading .loading-img { display: block; height: 53px; width: 35px; } .carousel-container.poster-set-I .mov .info-overlay { height: 53px; width: 35px; } .carousel-container.poster-set-I .folder .loading .loading-img { display: block; height: 53px; width: 70px; } /* Cast size definitions: include castSizes(posterHeight, posterWidth); */ .cast-set-A { min-height: 200px; } .cast-set-A .items, .cast-set-A li { height: calc(200px + 3em + 1.4em); overflow: hidden; } .cast-set-A .img-container { height: 200px; width: 150px; display: inline-block; background-position: center center; } .cast-set-A .title-container { width: 150px; margin-top: 0.5em; } .cast-set-A .role-container { width: 150px; margin-top: 0.2em; } .cast-set-A .loading .loading-img { display: block; height: 200px; width: 150px; } .cast-set-B { min-height: 248px; } .cast-set-B .items, .cast-set-B li { height: calc(248px + 3em + 1.4em); overflow: hidden; } .cast-set-B .img-container { height: 248px; width: 186px; display: inline-block; background-position: center center; } .cast-set-B .title-container { width: 186px; margin-top: 0.5em; } .cast-set-B .role-container { width: 186px; margin-top: 0.2em; } .cast-set-B .loading .loading-img { display: block; height: 248px; width: 186px; } .cast-set-C { min-height: 125px; } .cast-set-C .items, .cast-set-C li { height: calc(125px + 3em + 1.4em); overflow: hidden; } .cast-set-C .img-container { height: 125px; width: 94px; display: inline-block; background-position: center center; } .cast-set-C .title-container { width: 94px; margin-top: 0.5em; } .cast-set-C .role-container { width: 94px; margin-top: 0.2em; } .cast-set-C .loading .loading-img { display: block; height: 125px; width: 94px; } .cast-set-D { min-height: 113px; } .cast-set-D .items, .cast-set-D li { height: calc(113px + 3em + 1.4em); overflow: hidden; } .cast-set-D .img-container { height: 113px; width: 85px; display: inline-block; background-position: center center; } .cast-set-D .title-container { width: 85px; margin-top: 0.5em; } .cast-set-D .role-container { width: 85px; margin-top: 0.2em; } .cast-set-D .loading .loading-img { display: block; height: 113px; width: 85px; } .cast-set-E { min-height: 104px; } .cast-set-E .items, .cast-set-E li { height: calc(104px + 3em + 1.4em); overflow: hidden; } .cast-set-E .img-container { height: 104px; width: 78px; display: inline-block; background-position: center center; } .cast-set-E .title-container { width: 78px; margin-top: 0.5em; } .cast-set-E .role-container { width: 78px; margin-top: 0.2em; } .cast-set-E .loading .loading-img { display: block; height: 104px; width: 78px; } .cast-set-F { min-height: 78px; } .cast-set-F .items, .cast-set-F li { height: calc(78px + 3em + 1.4em); overflow: hidden; } .cast-set-F .img-container { height: 78px; width: 59px; display: inline-block; background-position: center center; } .cast-set-F .title-container { width: 59px; margin-top: 0.5em; } .cast-set-F .role-container { width: 59px; margin-top: 0.2em; } .cast-set-F .loading .loading-img { display: block; height: 78px; width: 59px; } .cast-set-G { min-height: 70px; } .cast-set-G .items, .cast-set-G li { height: calc(70px + 3em + 1.4em); overflow: hidden; } .cast-set-G .img-container { height: 70px; width: 53px; display: inline-block; background-position: center center; } .cast-set-G .title-container { width: 53px; margin-top: 0.5em; } .cast-set-G .role-container { width: 53px; margin-top: 0.2em; } .cast-set-G .loading .loading-img { display: block; height: 70px; width: 53px; } .cast-set-H { min-height: 53px; } .cast-set-H .items, .cast-set-H li { height: calc(53px + 3em + 1.4em); overflow: hidden; } .cast-set-H .img-container { height: 53px; width: 40px; display: inline-block; background-position: center center; } .cast-set-H .title-container { width: 40px; margin-top: 0.5em; } .cast-set-H .role-container { width: 40px; margin-top: 0.2em; } .cast-set-H .loading .loading-img { display: block; height: 53px; width: 40px; } .more-episodes.carousel-container.poster-set-F ul.items { margin-bottom: 20px; overflow: visible; } .more-episodes.carousel-container.poster-set-F ul.items .title-container { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 98%; } .on-now .carousel-container ul.items .ellipses-truncated-text { display: inline; white-space: normal; } .on-now .carousel-container ul.items .episode-title-quotes, .on-now .carousel-container ul.items .fallback-text-overlay { display: none; } .titles-bottom .title-container { text-transform: uppercase; } .carousel-container .items .role-container { overflow: hidden; text-overflow: ellipsis; } .carousel-container.show-category-titles.poster-set-C ul.items, .carousel-container.show-category-titles.poster-set-D ul.items { overflow: visible; } .poster-set-D.show-category-titles li.tv .title-container, .poster-set-D.show-category-titles li.mov .title-container { top: 88px; } .poster-set-C.show-category-titles li.tv .title-container, .poster-set-C.show-category-titles li.mov .title-container { top: 113px; } .carousel-container, .poster-container { position: relative; } .carousel-container ul.items, .poster-container ul.items { list-style-image: none; margin-bottom: 0; min-height: 284px; } .carousel-container ul.items > li, .poster-container ul.items > li { text-align: center; display: inline-block; position: relative; margin: 0 12px 0 0; vertical-align: top; } .carousel-container ul.items.flickity-enabled, .poster-container ul.items.flickity-enabled { width: 100%; height: 284px; } .carousel-container ul.items.flickity-enabled.is-dragging, .poster-container ul.items.flickity-enabled.is-dragging { pointer-events: none; } .carousel-container ul.items.flickity-enabled .flickity-prev-next-button, .poster-container ul.items.flickity-enabled .flickity-prev-next-button { top: 42%; } .carousel-container .image-play, .poster-container .image-play { top: 50%; left: 50%; margin-top: -23px; margin-left: -23px; position: absolute; text-indent: -9999px; } .carousel-container .img-container, .poster-container .img-container, .cast-container .img-container { display: block; position: relative; background-repeat: no-repeat; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; background-size: contain; } .carousel-container .img-container .image-play, .poster-container .img-container .image-play, .cast-container .img-container .image-play { display: none; } .carousel-container .img-container.ui-state-hover:not(.ui-state-disabled) .image-play, .poster-container .img-container.ui-state-hover:not(.ui-state-disabled) .image-play, .cast-container .img-container.ui-state-hover:not(.ui-state-disabled) .image-play { display: inline-block; } .carousel-container .ui-state-disabled.watch-now, .poster-container .ui-state-disabled.watch-now { display: none; } .carousel-container .title-container, .poster-container .title-container { text-align: center; overflow: hidden; text-overflow: ellipsis; display: none; max-height: 2.6em; } .carousel-container .person, .poster-container .person { margin-right: 20px; } .carousel-container .person .title-container, .carousel-container .person .role-container, .poster-container .person .title-container, .poster-container .person .role-container { display: block; text-align: left; } .carousel-container .person .link-secondary, .poster-container .person .link-secondary { color: #FFFFFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .carousel-container .person .role-container, .poster-container .person .role-container { cursor: default; white-space: nowrap; min-height: 1.4em; color: #bfbfbf; } .carousel-container .person .guest-star, .poster-container .person .guest-star { display: none; position: relative; top: calc(100% - 18px); width: 100%; height: 18px; overflow: hidden; line-height: 18px; font-size: 14px; font-weight: 600; text-align: center; text-transform: uppercase; text-decoration: none; color: #c8c9c7; background-color: rgba(15, 15, 15, 0.6); } .carousel-container .person .guest-star.is-guest, .poster-container .person .guest-star.is-guest { display: inline-block; } .carousel-container.cast-set-B, .poster-container.cast-set-B { top: 30px; } .carousel-container.cast-set-B.carousel-container ul.flickity-enabled, .poster-container.cast-set-B.carousel-container ul.flickity-enabled { height: 320px; } .carousel-container.cast-set-B .title-container, .carousel-container.cast-set-B .link-secondary, .carousel-container.cast-set-B .role-container, .poster-container.cast-set-B .title-container, .poster-container.cast-set-B .link-secondary, .poster-container.cast-set-B .role-container { font-size: 18px; line-height: 20px; } .carousel-container.titles-bottom li.tv .title-container, .carousel-container.titles-bottom li.mov .title-container, .poster-container.titles-bottom li.tv .title-container, .poster-container.titles-bottom li.mov .title-container { display: block; margin-top: 7px; line-height: 1.4; max-height: 4.3em; } .carousel-container.titles-bottom li.tv .title-container a, .carousel-container.titles-bottom li.mov .title-container a, .poster-container.titles-bottom li.tv .title-container a, .poster-container.titles-bottom li.mov .title-container a { white-space: nowrap; } .carousel-container.titles-bottom li.tv .title-container a span, .carousel-container.titles-bottom li.mov .title-container a span, .poster-container.titles-bottom li.tv .title-container a span, .poster-container.titles-bottom li.mov .title-container a span { white-space: normal; } .carousel-container.titles-bottom li.tv .fallback-text-overlay, .carousel-container.titles-bottom li.mov .fallback-text-overlay, .poster-container.titles-bottom li.tv .fallback-text-overlay, .poster-container.titles-bottom li.mov .fallback-text-overlay { display: none; } .carousel-container.titles-bottom .folder + .title-container, .poster-container.titles-bottom .folder + .title-container { display: none; } .carousel-container.titles-bottom .folder .img-container.fallback-image .fallback-text-overlay, .carousel-container.titles-bottom .folder .img-container.default-image .fallback-text-overlay, .poster-container.titles-bottom .folder .img-container.fallback-image .fallback-text-overlay, .poster-container.titles-bottom .folder .img-container.default-image .fallback-text-overlay { display: block; } .no-crew .crew-link, .no-cast .cast-link { display: none; } .no-crew .cast-link a, .no-cast .crew-link a { cursor: default; text-decoration: none; } .poster-set-A .image-nav-left, .poster-set-A .image-nav-right { top: 203px; } .poster-set-B .image-nav-left, .poster-set-B .image-nav-right { top: 128px; } .poster-set-C .image-nav-left, .poster-set-C .image-nav-right { top: 93px; } .poster-set-D .image-nav-left, .poster-set-D .image-nav-right { top: 68px; } .poster-set-E .image-nav-left, .poster-set-E .image-nav-right { top: 56px; } .poster-set-F .image-nav-left, .poster-set-F .image-nav-right { top: 50px; } .poster-set-G .image-nav-left, .poster-set-G .image-nav-right { top: 45px; } .poster-set-H .image-nav-left, .poster-set-H .image-nav-right { top: 28px; } .poster-set-I .image-nav-left, .poster-set-I .image-nav-right { top: 19px; } .cast-set-A .image-nav-left, .cast-set-A .image-nav-right { top: 115px; } .cast-set-B .image-nav-left, .cast-set-B .image-nav-right { top: 114px; } .cast-set-C .image-nav-left, .cast-set-C .image-nav-right { top: 78px; } .cast-set-D .image-nav-left, .cast-set-D .image-nav-right { top: 50px; } .cast-set-E .image-nav-left, .cast-set-E .image-nav-right { top: 67px; } .cast-set-F .image-nav-left, .cast-set-F .image-nav-right { top: 54px; } .cast-set-G .image-nav-left, .cast-set-G .image-nav-right { top: 18px; } .cast-set-H .image-nav-left, .cast-set-H .image-nav-right { top: 10px; } .carousel-container .image-nav-left, .carousel-container .image-nav-right { position: absolute; cursor: pointer; text-indent: -9999px; outline: 0; } .carousel-container .image-pagination { text-indent: -9999px; outline: 0; display: inline-block; } .carousel-container .image-pagination.selected { cursor: default; } .carousel-container .pagination { margin-top: 10px; padding-bottom: 10px; text-align: center; height: 10px; } .navigation-outside .image-nav-left { left: -24px; } .navigation-inside .image-nav-left { left: 0px; } .navigation-outside .image-nav-right { right: -24px; } .navigation-inside .image-nav-right { right: 0px; } .navigation-none .image-nav-left, .navigation-none .image-nav-right { display: none; } .fallback-text-overlay { position: relative; /* will be centered over image in the img-container */ text-align: center; margin: 0; width: 100%; /* this is required to get text-align to work correctly */ } .poster-set-F .mov .info-overlay { margin: 0 25%; } .poster-set-A .mov .button-list { margin-left: 35%; } .poster-set-C .mov .button-list { margin-left: 18%; } .poster-set-D .mov .button-list { margin-left: 8%; } .poster-set-F .mov .button-list { margin-left: 2%; } .poster-set-D .tv .button-list { margin-left: 15%; } .poster-set-F .tv .button-list { margin-left: 6%; } .show-detail .poster-container.poster-set-D .tv .img-container { margin: 10px 0; } .show-detail .poster-container.poster-set-D .mov .img-container { margin: 10px 0; } /**** Mixin to generate poster images in variable sizes (must correspond with actual image filenames) ****/ /* Poster image sizes for default background images */ /* (width, height) */ .poster-image-tv-A, .poster-set-A .tv .loading.img-container, .poster-set-A .tv .default-image.img-container { background: url("../img/fallback/bg_default_tv_560x419.png") center center no-repeat; height: 419px; width: 560px; } .poster-image-mov-A, .poster-set-A .mov .loading.img-container, .poster-set-A .mov .default-image.img-container { background: url("../img/fallback/bg_default_mov_282x419.png") center center no-repeat; height: 419px; width: 282px; } .poster-image-tv-B, .poster-set-B .tv .loading.img-container, .poster-set-B .tv .default-image.img-container { background: url("../img/fallback/bg_default_tv_360x270.png") center center no-repeat; height: 270px; width: 360px; } .poster-image-mov-B, .poster-set-B .mov .loading.img-container, .poster-set-B .mov .default-image.img-container { background: url("../img/fallback/bg_default_mov_180x270.png") center center no-repeat; height: 270px; width: 180px; } .poster-image-tv-C, .poster-set-C .tv .loading.img-container, .poster-set-C .tv .default-image.img-container { background: url("../img/fallback/bg_default_tv_267x200.png") center center no-repeat; height: 200px; width: 267px; } .poster-image-mov-C, .poster-set-C .mov .loading.img-container, .poster-set-C .mov .default-image.img-container { background: url("../img/fallback/bg_default_mov_133x200.png") center center no-repeat; height: 200px; width: 133px; } .poster-image-tv-D, .poster-set-D .tv .loading.img-container, .poster-set-D .tv .default-image.img-container { background: url("../img/fallback/bg_default_tv_200x150.png") center center no-repeat; height: 150px; width: 200px; } .poster-image-mov-D, .poster-set-D .mov .loading.img-container, .poster-set-D .mov .default-image.img-container { background: url("../img/fallback/bg_default_mov_100x150.png") center center no-repeat; height: 150px; width: 100px; } .poster-image-wishlist-D, .poster-set-D .wishlist .loading.img-container, .poster-set-D .wishlist .default-image.img-container { background: url("../img/fallback/bg_default_wishlist_200x150.png") center center no-repeat; height: 150px; width: 200px; } .poster-image-tv-E, .poster-set-E .tv .loading.img-container, .poster-set-E .tv .default-image.img-container { background: url("../img/fallback/bg_default_tv_167x125.png") center center no-repeat; height: 125px; width: 167px; } .poster-image-mov-E, .poster-set-E .mov .loading.img-container, .poster-set-E .mov .default-image.img-container { background: url("../img/fallback/bg_default_mov_83x125.png") center center no-repeat; height: 125px; width: 83px; } .poster-image-tv-F, .poster-set-F .tv .loading.img-container, .poster-set-F .tv .default-image.img-container { background: url("../img/fallback/bg_default_tv_150x113.png") center center no-repeat; height: 113px; width: 150px; } .poster-image-mov-F, .poster-set-F .mov .loading.img-container, .poster-set-F .mov .default-image.img-container { background: url("../img/fallback/bg_default_mov_75x113.png") center center no-repeat; height: 113px; width: 75px; } .poster-image-tv-G, .poster-set-G .tv .loading.img-container, .poster-set-G .tv .default-image.img-container { background: url("../img/fallback/bg_default_tv_139x104.png") center center no-repeat; height: 104px; width: 139px; } .poster-image-mov-G, .poster-set-G .mov .loading.img-container, .poster-set-G .mov .default-image.img-container { background: url("../img/fallback/bg_default_mov_70x104.png") center center no-repeat; height: 104px; width: 70px; } .poster-image-tv-H, .poster-set-H .tv .loading.img-container, .poster-set-H .tv .default-image.img-container { background: url("../img/fallback/bg_default_tv_100x75.png") center center no-repeat; height: 75px; width: 100px; } .poster-image-mov-H, .poster-set-H .mov .loading.img-container, .poster-set-H .mov .default-image.img-container { background: url("../img/fallback/bg_default_mov_50x75.png") center center no-repeat; height: 75px; width: 50px; } .poster-image-wishlist-H, .poster-set-H .wishlist .loading.img-container, .poster-set-H .wishlist .default-image.img-container { background: url("../img/fallback/bg_default_wishlist_100x75.png") center center no-repeat; height: 75px; width: 100px; } .poster-image-tv-I, .poster-set-I .tv .loading.img-container, .poster-set-I .tv .default-image.img-container { background: url("../img/fallback/bg_default_tv_70x53.png") center center no-repeat; height: 53px; width: 70px; } .poster-image-mov-I, .poster-set-I .mov .loading.img-container, .poster-set-I .mov .default-image.img-container { background: url("../img/fallback/bg_default_mov_35x53.png") center center no-repeat; height: 53px; width: 35px; } /* Cast thumbnails (width, height) */ .cast-image-A, .cast-set-A .loading.img-container, .cast-set-A .default-image { background: url("../img/fallback/bg_default_person_150x200.png") center center no-repeat; height: 200px; width: 150px; } .cast-image-B, .cast-set-B .loading.img-container, .cast-set-B .default-image { background: url("../img/fallback/bg_default_person_186x248.png") center center no-repeat; height: 248px; width: 186px; } .cast-image-C, .cast-set-C .loading.img-container, .cast-set-C .default-image { background: url("../img/fallback/bg_default_person_94x125.png") center center no-repeat; height: 125px; width: 94px; } .cast-image-D, .cast-set-D .loading.img-container, .cast-set-D .default-image { background: url("../img/fallback/bg_default_person_85x113.png") center center no-repeat; height: 113px; width: 85px; } .cast-image-E, .cast-set-E .loading.img-container, .cast-set-E .default-image { background: url("../img/fallback/bg_default_person_78x104.png") center center no-repeat; height: 104px; width: 78px; } .cast-image-F, .cast-set-F .loading.img-container, .cast-set-F .default-image { background: url("../img/fallback/bg_default_person_59x78.png") center center no-repeat; height: 78px; width: 59px; } .cast-image-G, .cast-set-G .loading.img-container, .cast-set-G .default-image { background: url("../img/fallback/bg_default_person_53x70.png") center center no-repeat; height: 70px; width: 53px; } .cast-image-H, .cast-set-H .loading.img-container, .cast-set-H .default-image { background: url("../img/fallback/bg_default_person_40x53.png") center center no-repeat; height: 53px; width: 40px; } /* Styles for display of cast and crew tiles */ .cast-container .ui-tabs .ui-tabs-nav { margin-left: -0.5em; } .cast-no-cast-message { display: none; color: #EFC605; margin-top: 10px; } .no-cast .cast-wrapper { display: none; } .no-cast .cast-no-cast-message { display: block; } .container { min-height: 658px; } .row { clear: both; } #main-content { margin-top: 108px; clear: both; overflow: hidden; padding-bottom: 10px; } #main-content.no-margin { margin-top: 0px; } .panel, .panel.ui-widget-content { overflow: hidden; padding: 15px; margin-bottom: 1.8em; } .if-you-like-this-panel { float: left; padding: 15px; } .if-you-like-this-panel li { width: 156px; } .if-you-like-this-panel .title-container { width: 100% !important; } .if-you-like-this-panel .title-container .title-text { white-space: nowrap !important; } .if-you-like-this .title-text { white-space: nowrap !important; } .programs-container .program-item, .programs-container .recorded-program-item { padding: 0 0 24px; margin-right: 10px; } .programs-container .recording-date, .programs-container .role-container, .programs-container .episode-title { font-size: 18px; margin-top: 7px; } .programs-container .recording-date { padding-bottom: 7px; color: #bfbfbf; } .notification-area { opacity: 0; transition: all .5s; } .notification-area.show-notification-message { opacity: 1; margin: .5em 0 .75em; min-height: 1.25em; } .notification-area .status-icon { margin-right: 5px; display: inline-block; vertical-align: middle; } .notification-area .status-icon:empty { margin-right: 0; } .notification-area .notification-message { display: inline-block; vertical-align: middle; width: 85%; } body.device-is-web-player.guide .channel-selector { display: none; } .role-guest .guest-wrapper { margin: 25px 0 0; vertical-align: top; max-width: 1080px; padding-left: 50px; } .role-guest .guest-wrapper .title { margin: 0 0 16px; font-weight: 600; font-size: 18px; } .role-guest .guest-wrapper p { margin: 0 0 16px; font-size: 18px; } .role-guest .guest-wrapper .action-button { margin-top: 20px; } .role-guest .guest-wrapper .action-button a.login-action { border-radius: 6px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.12); background-color: #1892c2; font-weight: 600; } .role-guest .guest-wrapper .action-button .upsell-link { margin: 0 0 0 20px; position: relative; top: -0.75em; } .star-rating { vertical-align: middle; } .mpaa-rating { display: inline-block; } .episode-type { display: inline-block; } .list-loading-indicator { height: 30px; width: 683px; position: absolute; margin-top: 3px; } .search-result-container .list-loading-indicator { position: relative; float: left; top: 50px; } .channels .ellipses-truncated-text { max-width: 72%; } .content-detail-flyout-container .ellipses-truncated-text { max-width: 55%; } .default-dialog .ellipses-truncated-text { max-width: 40%; } .upcoming-episode-title-wrapper { margin: 0 0 5px; } .show-for-ajax-error { display: none; } .ajax-error .show-for-ajax-error { display: block; } .ajax-error .hide-for-ajax-error { display: none; } .goto-app .image-app-store { margin-right: 12px; } /* styles to position unsupported dvr page upsell and continue buttons */ .error-page-unsupported-dvr-upsell a { vertical-align: middle; } /* styles to position sign-in button and continue as guest link */ .failed-login-actions .sign-in-link { display: inline-block; vertical-align: middle; } .failed-login-actions .continue-as-guest-link { display: none; vertical-align: middle; } .supports-guest-user .failed-login-actions .continue-as-guest-link { display: inline-block; } /* login page */ .tveLogin .login-wrapper { margin-top: 60px; } .tveLogin .login-wrapper h1 { margin: 0 0 10px; } .tveLogin .login-wrapper .login-message { margin: 0 0 16px; } .tveLogin .login-wrapper .login-failed { margin: 20px 0; } .tveLogin .login-wrapper .image-mobile-app { text-indent: -99999px; } .login-form .form-row { display: inline-block; width: 100%; } .login-form .form-row label { display: inline-block; width: 400px; } .login-form .form-row label .hint { padding-left: 10px; } .login-form .form-row input[type="text"], .login-form .form-row input[type="password"] { display: inline-block; width: 400px; } .login-form .form-row input.default-button { border: none; } .login-form .form-row .image-checkbox { cursor: pointer; display: inline-block; vertical-align: middle; } .login-form .form-row .login-help { width: 100%; } .submit-btns { margin-top: 15px; } .register-link { vertical-align: middle; } .error-container { margin: 20px 0; } .panel, .panel.ui-widget-content { border: none; border-radius: 5px; } .panel.programs { box-shadow: none; } .header-container { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #000000; height: 80px; } .row.header { height: 60px; width: 100%; } .image-mso-branding { display: block; margin: 0; outline: medium none; overflow: hidden; text-indent: -100%; white-space: nowrap; } .login-error-banner { border-radius: 4px; background-color: #EDE695; background-image: linear-gradient(#EDE695, #F8F7C9); border-width: 2px; border-style: solid; border-color: #AF0000; } footer { display: block; width: 100%; margin-top: 60px; margin-bottom: 10px; } .sub-footer { display: block; text-align: center; width: 100%; } .sub-footer ul { list-style: none; margin: 0 auto; padding-top: 10px; text-align: center; width: 100%; } .sub-footer ul li { border-left-width: 1px; border-left-style: solid; border-left-color: #929292; display: inline; margin-left: 10px; padding-left: 10px; text-shadow: 0 1px 0 #000000; } .sub-footer ul li:first-child { border-left: 0 none; padding-left: 0; } .sub-footer ul li.no-border { border-left: 0 none; } .sub-footer ul li a:hover { text-decoration: underline; } .dt-selection > a { width: 120px !important; } .dt-selection ul { width: 120px !important; } .manage-conflicts-dialog .conflict-line { border-top-width: 1px; border-top-style: solid; border-top-color: #323940; } .manage-conflicts-dialog .conflict-line:first-child { border-top-width: 1px; border-top-style: solid; border-top-color: transparent; } .sportsteam-filter-wrapper { display: inline-block; border-radius: 6px; background-color: #3d3d3d; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.32); } .sportsteam-filter-wrapper .ui-menu { display: inline-flex; padding-top: 10px; padding-bottom: 10px; margin-right: 0px; } .sportsteam-filter-wrapper .ui-menu .ui-menu-item { width: auto; padding-left: 5px; } .sportsteam-filter-wrapper .ui-menu .ui-menu-item:after { content: ' |'; color: rgba(36, 36, 36, 0.5); font-weight: bold; font-size: larger; } .sportsteam-filter-wrapper .ui-menu .ui-menu-item:first-of-type { padding-left: 10px; } .sportsteam-filter-wrapper .ui-menu .ui-menu-item:last-of-type { padding-right: 10px; } .sportsteam-filter-wrapper .ui-menu .ui-menu-item:last-of-type:after { content: ''; } .sportsteam-filter-wrapper .ui-menu .ui-menu-item.menu-item-active { color: #ffffff; } .content-detail-panel .poster-container { float: left; padding: 10px; } .if-you-like-this-panel:not(.has-carousel) .heading { display: none; } .status-icons { display: inline-block; } .status-icons .status-icon { display: none; margin-right: 5px; } .status-icons.is-new .image-new, .status-icons.is-3d .image-3d, .status-icons.is-ad-skippable .image-skip, .status-icons.is-sd .image-sd, .status-icons.is-hd .image-hd { display: inline-block; vertical-align: middle; } .onepass-line .status-icons.is-available-online .image-available-online { display: inline-block; vertical-align: middle; } .onepass-line .status-icons.is-play-online .image-play-online { display: inline-block; vertical-align: middle; } .channel-icon { display: none; } .channel-icon.has-channel-icon { display: inline-block; } .thumbs-icon { position: relative; margin: 0 3px; } .movie-duration { margin: 0px 5px; vertical-align: middle; } .movie-duration:empty { display: none; } .cast-list-container { display: inline; } .guest-star-label { display: none; } .show-guest-label .guest-star-label { display: inline; } .cast-name-comma { margin-right: 3px; } .cast-name-comma.hide-comma { display: none; } .broadcast-status-icon { margin: 0.5em 0 0.5em 0; } .branding-partner-link { margin-right: 5px; } .detail-flyout { padding: 25px 15px 10px 15px; } .detail-flyout .poster-container { display: inline-block; } .detail-flyout .poster-container .img-container { margin: 0; border: none; } .detail-flyout .show-title-area { display: inline-block; margin-left: 1em; vertical-align: top; } .detail-flyout .show-title-area .title-info .title-header { margin: 0 0 10px 0; } .detail-flyout .show-title-area .title-info .title-header .thumbs-icon { vertical-align: middle; } .detail-flyout .show-title-area .title-info .episode-title-wrapper { padding: 0 0 10px; display: inline-block; font-weight: normal; /* Its inheriting font weight as bold in flyouts */ } .detail-flyout .show-title-area .share-icons-overlay { left: -150px; /* in flyouts the share icon is to extreme right, so shifting it to left for proper display*/ } .detail-flyout .show-title-area .share-this-show-title { left: -130px; /* in flyouts the share icon is to extreme right, so shifting it to left for proper display*/ font-weight: normal; /* Its inheriting font weight as bold in flyouts */ } .detail-flyout .show-title-area .explore-link-wrapper { margin: 10px 0; } .detail-flyout .show-title-area .broadcast-status-icon, .detail-flyout .show-title-area .branding-partners { display: inline-block; } .detail-flyout .show-title-area .not-currently-available-message, .detail-flyout .show-title-area .available-on-dvr-message { display: none; margin: 5px 0; text-transform: uppercase; } .detail-flyout .show-title-area .show-not-currently-available .not-currently-available-message, .detail-flyout .show-title-area .show-available-on-dvr .available-on-dvr-message { display: block; } .detail-flyout .content-flyout-close { position: absolute; right: 0; top: 0; padding: 5px; } .detail-flyout .show-description { padding: 10px 0; } .detail-flyout .cast-wrapper .heading { margin: 0 0 0 -15px; padding-bottom: 8px; display: none; } .detail-flyout .cast-wrapper .cast-container { padding: 5px 15px; } .detail-flyout .cast-wrapper .cast-container.has-carousel .heading { display: block; } .series .detail-flyout .show-title-area, .special .detail-flyout .show-title-area, .episode .detail-flyout .show-title-area, .non-episodic .detail-flyout .show-title-area, .sportsEvent .detail-flyout .show-title-area { width: calc(100% - 220px); } .movie .detail-flyout .show-title-area { width: calc(100% - 120px); } .conflicts-description-container { display: none; padding: 0.5em; margin: 0.5em 0 1.5em; } .has-conflicts .conflicts-description-container { display: block; } .conflicts-description-container .conflicts-message-wrapper { padding: 0.8em 0; } .conflicts-description-container .conflicts-message-wrapper .onepass-status.image-conflict { vertical-align: top; margin-top: 0.3em; } .conflicts-description-container .conflicts-message-wrapper .conflicts-description-message { display: inline-block; padding: 0 0.5em; vertical-align: middle; width: 90%; } .conflicts-description-container .conflicts-list { margin: 0.5em 0 0.5em 2.5em; } .conflicts-description-container .conflicts-list .conflict-line-span { float: left; padding-right: 0.3em; } .conflicts-description-container .conflicts-list .date, .conflicts-description-container .conflicts-list .time-end { padding-right: 0.5em; } .content-title .ellipses-truncated-text, .episode-title .ellipses-truncated-text, .episode-series-title .ellipses-truncated-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; display: inline-block; vertical-align: bottom; } .season-info { margin-right: 3px; } .season-info:empty { margin-right: 0; } .episode-title .episode-name:before { content: "\2018"; } .episode-title .episode-name:after { content: "\2019"; } .episode-title .episode-name:empty:before { content: ''; } .episode-title .episode-name:empty:after { content: ''; } .infinite-more { clear: both; } .infinite-browse { float: left; width: 226px; } .infinite-browse.wtw-grid-loader { width: 100%; margin-top: 25px; } .actor-info { float: left; width: 100%; } .actor-info .actor-image { float: left; margin-right: 25px; } .actor-info .actor-bio { float: left; } .actor-info .poster-container { display: inline; } .actor-bio .name { width: 100%; margin: 0; } .actor-bio ul { list-style: none; } .actor-bio ul li { float: left; width: 100%; } .actor-bio .birth-info { margin: 10px 0 35px; } .actor-bio .birth-info li { margin-left: 0px; /* override for foundation styles */ } .actor-bio .birth-info li .label { background: transparent; bottom: 0; display: inline-block; padding: 0px 5px 0px 0px; position: static; text-align: left; text-decoration: none; white-space: nowrap; } .actor-bio .notification-area { position: absolute; top: 150px; width: 100%; } .actor-bio .notification-area .status-icon { margin-right: 5px; } .actor-bio .user-actions { position: absolute; top: 185px; } .actor-bio .user-actions li { display: inline; margin-right: 5px; } .panel.navigation-reset { overflow: visible; } .panel.navigation-reset .navigation-outside .image-nav-right { right: -44px; } .panel.navigation-reset .navigation-outside .image-nav-left { left: -44px; } .default-dialog .poster-container { float: left; display: inline-block; padding: 5px 10px 5px 0; min-height: 150px; } .default-dialog .poster-container .person { margin-right: 0; background-size: contain; } .default-dialog .poster-container .fallback-text-overlay { display: none; } .default-dialog .state-before-submit .poster-container { min-height: 75px; } .default-dialog .show-title-area { float: left; padding: 5px 0 5px 0; } .default-dialog .show-title-area .title-info { margin: 0 0 0.5em 0; } .default-dialog .show-title-area .title-info .title-header { margin-bottom: 5px; } .default-dialog .show-title-area .title-info .title-header .thumbs-icon { float: right; top: 0px; } .default-dialog .show-title-area .title-info .episode-title-wrapper { padding: 0 0 10px; display: inline; } .default-dialog .show-title-area .title-info .status-icon { vertical-align: middle; } .default-dialog .show-title-area .show-description { margin: 0.3em 0; } .default-dialog .series .show-title-area, .default-dialog .special .show-title-area { width: calc(100% - 220px); } .default-dialog .movie .show-title-area, .default-dialog .wishlist-person-panel .show-title-area { width: calc(100% - 120px); } .default-dialog .dialog-message { padding: 0.5em 1em; } .default-dialog .guest-check-message { padding: 20px; } .default-dialog .guest-check-message p { margin: 0; } .default-dialog.show-upsell-link .upsell-link { display: inline-block; } .default-dialog .upsell-link { display: none; margin: 0 0 0 20px; position: relative; top: -0.75em; } .default-dialog .if-you-like-this-panel { float: none; padding: 5px 15px; } .default-dialog .if-you-like-this-panel .image-nav-left { left: -14px; } .default-dialog .if-you-like-this-panel .image-nav-right { right: -14px; } .default-dialog .user-actions { margin-top: 25px; } .default-dialog .user-actions .default-button { width: 100%; margin-bottom: 1em; background-color: #1892c2; font-size: 18px; font-weight: 600; line-height: normal; } .default-dialog .user-actions .default-button.recording-options-button.modify, .default-dialog .user-actions .default-button.record-content-button { width: 100%; } .default-dialog .user-actions .confirmation-button { background-color: #ee2e2d; height: 32px; line-height: 20px; } .default-dialog.get-modify-delete-dialog { min-height: 160px; } .default-dialog.get-modify-delete-dialog .ui-dialog-titlebar .ui-dialog-title { text-transform: capitalize; } .default-dialog.get-modify-delete-dialog .ui-dialog-content .onepass-title-line { display: none; } .default-dialog.get-modify-delete-dialog .ui-dialog-content .onepass-title-line.onepass-create, .default-dialog.get-modify-delete-dialog .ui-dialog-content .onepass-title-line.onepass-modify { display: block; padding-top: 15px; height: 40px; font-size: 18px; line-height: normal; } .default-dialog.get-modify-delete-dialog .ui-dialog-content .dropdown-button { margin: 8px 0 0 0; width: 280px; text-align: left; height: 64px; border-radius: 8px; font-size: 18px; } .default-dialog.get-modify-delete-dialog .ui-dialog-content .dropdown-button.onepass-modify-button, .default-dialog.get-modify-delete-dialog .ui-dialog-content .dropdown-button.onepass-create-button, .default-dialog.get-modify-delete-dialog .ui-dialog-content .dropdown-button.recording-options-button { align-items: center; } .default-dialog.delete-shows { width: 450px !important; } .default-dialog.permanently-delete-dialog { width: 345px !important; } .default-dialog.permanently-delete-dialog .delete-dialog .user-actions { margin-top: 16px; } .default-dialog.permanently-delete-dialog .delete-dialog .user-actions .default-button { margin-bottom: 12px; } .default-dialog.cancel-multiple-onepass { width: 360px !important; } .default-dialog.cancel-onepass, .default-dialog.cancel-recording, .default-dialog.todo-cancel-recording { width: 360px !important; height: 183px !important; } .default-dialog.cancel-onepass .user-actions, .default-dialog.cancel-recording .user-actions, .default-dialog.todo-cancel-recording .user-actions { margin-top: 30px; } .cancel-multiple-onepass .dialog-body .user-actions .cancel-onepass .dialog-body .user-actions, .cancel-recording .dialog-body .user-actions, .delete-dialog .user-actions, .todo-delete-dialog .user-actions { text-align: center; width: 100%; margin-top: 30px; } .delete-dialog .dialog-message { font-size: 18px; padding-left: 0; } .delete-dialog .delete-show-btn { display: block; width: 100%; font-weight: 600; border-radius: 6px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.12); background-color: #ee2e2d; } .delete-dialog .user-actions .default-button { background-color: #ee2e2d; } .getfrom-popup-actions .partner-logo { display: inline-block; height: 40px; width: 50px; } .getfrom-popup-actions .getfrom-line { width: 100%; padding: 10px 8px 5px; vertical-align: middle; /* TODO - A better way to do this is to move it to the Widget */ } .getfrom-popup-actions .getfrom-line:last-child { border-bottom: none; box-shadow: none; } .getfrom-popup-actions .getfrom-line .default-button { min-width: 78px; float: right; } .getfrom-popup-actions .getfrom-line .getfrom-transcoder, .getfrom-popup-actions .getfrom-line .branding-partner-icon, .getfrom-popup-actions .getfrom-line .partner-link-out { vertical-align: middle; } .getfrom-popup-actions .getfrom-line .resume-button { display: none; } .getfrom-popup-actions .getfrom-line.getfrom-has-resume .resume-button { display: inline-block; } .getfrom-popup-actions .getfrom-line.getfrom-has-resume .watch-now-button { display: none; } .getfrom-popup-actions .getfrom-line.getfrom-has-partner .getfrom-transcoder { display: none; } .getfrom-popup-actions .getfrom-line.getfrom-has-partner .partner-display-name { text-transform: uppercase; } .getfrom-popup-actions .getfrom-line.has-cloud-offer .getfrom-partner, .getfrom-popup-actions .getfrom-line.has-cloud-offer .channel-number, .getfrom-popup-actions .getfrom-line.has-cloud-offer .channel-sign { display: none; } .getfrom-popup-actions .getfrom-line.getfrom-has-transcoder .partner-display-name { padding: 0 8px 0 0; } .getfrom-popup-actions .getfrom-line.getfrom-has-transcoder.has-live-offer .channel-number, .getfrom-popup-actions .getfrom-line.getfrom-has-transcoder.has-live-offer .channel-sign { display: inline-block; } .getfrom-popup-actions .getfrom-line.getfrom-has-transcoder.has-live-offer .partner-display-name { display: none; } .getfrom-popup-actions .getfrom-line .partner-link-out { display: none; margin: 0 0.5em; } .getfrom-popup-actions .getfrom-line.show-link-out .partner-link-out { display: inline-block; } .getfrom-popup-actions .getfrom-line .partner-display-name:hover { text-decoration: underline; } .manage-conflicts-dialog .conflicts-description-message { margin: 1em 2.5em; } .manage-conflicts-dialog .conflicts-list { margin: 0.5em 1em; } .manage-conflicts-dialog .date { margin-left: 7px; } .manage-conflicts-dialog .conflict-line { width: 100%; display: block; padding: 10px 0; } .manage-conflicts-dialog .conflict-line .manage-conflicts-row { position: relative; } .manage-conflicts-dialog .conflict-line .manage-conflicts-row .title { line-height: 23px; margin-left: 7px; vertical-align: top; } .manage-conflicts-dialog .conflict-line .manage-conflicts-row .season-info { position: absolute; right: 0; top: 3px; } .onepass-conflicts-dialog .recording-conflict-container, .recording-conflicts-dialog .recording-conflict-container { min-height: 21.41em; } .onepass-conflicts-dialog .recording-conflict-container p, .recording-conflicts-dialog .recording-conflict-container p { padding: 5px 15px; margin: 0; font-size: 18px; font-weight: 600; line-height: normal; } .onepass-conflicts-dialog .conflicts-clipped-container .image-conflict, .recording-conflicts-dialog .conflicts-clipped-container .image-conflict { visibility: hidden; } .onepass-conflicts-dialog .will-record, .onepass-conflicts-dialog .conflicts-not-scheduled-container, .onepass-conflicts-dialog .conflicts-clipped-container, .recording-conflicts-dialog .will-record, .recording-conflicts-dialog .conflicts-not-scheduled-container, .recording-conflicts-dialog .conflicts-clipped-container { display: none; } .onepass-conflicts-dialog.show-will-record-message .will-record, .onepass-conflicts-dialog.show-not-scheduled .conflicts-not-scheduled-container, .onepass-conflicts-dialog.show-clipped .conflicts-clipped-container, .recording-conflicts-dialog.show-will-record-message .will-record, .recording-conflicts-dialog.show-not-scheduled .conflicts-not-scheduled-container, .recording-conflicts-dialog.show-clipped .conflicts-clipped-container { display: block; } .options-dialog fieldset { margin: 0px; padding: 0px; border: none; } .options-dialog .dialog-dropdown { margin: 5px 0; } .options-dialog .dialog-dropdown label { padding-top: 2px; display: inline-block; width: 120px; text-align: left; vertical-align: top; color: #bfbfbf; font-size: 18px; } .options-dialog .dialog-dropdown .ui-selectmenu-button[aria-expanded=true] { z-index: 101; } .options-dialog .dialog-dropdown .ui-selectmenu-button .ui-icon { width: 10px; height: 20px; top: 7px; } .options-dialog .dialog-dropdown .ui-selectmenu-button.ui-selectmenu-disabled { border: none; } .options-dialog .dialog-dropdown .ui-selectmenu-button.ui-selectmenu-disabled .ui-icon { display: none; } .options-dialog .dialog-dropdown .ui-selectmenu-button.ui-selectmenu-disabled .ui-selectmenu-text { color: #FFFFFF; } .options-dialog .dialog-dropdown .ui-selectmenu-button:focus { outline: none; } .options-dialog select { width: auto; } .options-dialog .onepass-options select, .options-dialog .recording-options select { min-width: 279px; max-width: 320px; } .options-dialog .recording-options.disabled * { opacity: 0.3; } .options-dialog .dialog-dvr-name { display: inline-block; vertical-align: bottom; padding: 5px 0 5px 16px; font-size: 18px; font-weight: 600; line-height: normal; } .show-cloud-settings .fa-cloud { vertical-align: super; margin-left: 10px; } .recording-conflict-container p { padding: 10px 20px 10px; margin-bottom: 5px; } .recording-conflict-container p.will-record { margin-top: 10px; } .recording-conflict-container .conflict-list-bounds { width: 100%; height: 10em; display: inline-block; } .recording-conflict-container .conflict-list-bounds .conflicts-list { border-bottom: none; box-shadow: none; } .recording-conflict-container .conflicts-list { padding: 0 15px 5px; margin-bottom: 5px; list-style: none; } .recording-conflict-container .conflict-line { margin: 0 0 10px 8px; padding: 10px 0 0; font-size: 16px; font-weight: 600; } .recording-conflict-container .conflict-line:first-child { border-top: none; } .recording-conflict-container .conflict-line .column { float: left; margin-right: 5px; overflow: hidden; } .recording-conflict-container .conflict-line .ellipses-truncated-text { max-width: 90%; } .recording-conflict-container .conflict-line .no-icon { width: 20px; } .recording-conflict-container .conflict-line .solution-icon { min-width: 25px; min-height: 25px; } .recording-conflict-container .conflict-line .title { width: 150px; } .recording-conflict-container .conflict-line .date { width: 55px; text-align: center; } .recording-conflict-container .conflict-line .time, .recording-conflict-container .conflict-line .time-start, .recording-conflict-container .conflict-line .channel { text-align: right; } .recording-conflict-container .conflict-line .time { width: 120px; } .recording-conflict-container .conflict-line .time-start { width: 63px; margin-left: 9px; } .recording-conflict-container .conflict-line .time-end { width: 63px; text-align: left; } .recording-conflict-container .conflict-line .channel { width: 120px; margin-right: 5px; float: right; } .recording-conflict-container .conflict-line .full { width: 100%; float: left !important; padding-left: 28px; } .upcoming-showings-dialog .is-new-checkbox { display: none; } .upcoming-dialog { padding-bottom: 0; } .upcoming-dialog .show-hd .dialog-line-item, .upcoming-dialog .show-new .dialog-line-item { display: none; } .upcoming-dialog .show-hd .dialog-line-item.is-hd-item, .upcoming-dialog .show-new .dialog-line-item.is-new-item { display: block; } .upcoming-dialog .show-hd.show-new .dialog-line-item { display: none; } .upcoming-dialog .show-hd.show-new .dialog-line-item.is-hd-item.is-new-item { display: block; } .upcoming-dialog .upcoming-dialog-filters { padding: 0 0 6px 0; transition: opacity 1s; } .upcoming-dialog .upcoming-dialog-list { height: 16.75em; overflow: auto; width: 100%; transition: opacity 1s; } .upcoming-dialog .empty-upcoming-message-container { display: none; height: 16.75em; } .upcoming-dialog .list-initializing .upcoming-dialog-filters, .upcoming-dialog .list-initializing .upcoming-dialog-list, .upcoming-dialog .list-initializing .container-divider { opacity: 0; } .upcoming-dialog .list-empty .upcoming-dialog-filters, .upcoming-dialog .list-empty .upcoming-dialog-list { display: none; } .upcoming-dialog .list-empty .container-divider { opacity: 1; } .upcoming-dialog .list-empty .empty-upcoming-message-container { display: block; } .upcoming-dialog .dialog-line-item { display: block; width: 100%; padding: 5px 0 0; } .upcoming-dialog .dialog-line-item .line-item-body { width: 80%; margin: 0; padding: 0; min-height: 60px; } .upcoming-dialog .dialog-line-item .line-item-suffix { width: 20%; text-align: center; padding: 8px 0 0; } .upcoming-dialog .dialog-line-item .line-item-suffix ul li { display: inline; } .upcoming-dialog .dialog-line-item .episode-title-wrapper { margin: 0 0 5px; } .upcoming-dialog .dialog-line-item .onepass-status { width: 30px; } .upcoming-dialog .dialog-line-item .season-in-title { margin-right: 6px; } .upcoming-dialog .dialog-line-item .date-channel-wrapper .broadcast-status-icon { vertical-align: middle; } .upcoming-dialog .dialog-line-item .image-tv { display: none; } .ui-widget.ui-dialog .ui-dialog-content.loading > * { visibility: hidden; } .transfer-confirmation-dialog .dialog-message { padding: 0; font-size: 18px !important; } .transfer-confirmation-dialog .user-actions { text-align: center; width: 100%; margin: 0 auto; padding: 1em 0 0; } .transfer-confirmation-dialog .user-actions .default-button { width: 352px !important; height: 32px; line-height: 18px; margin-bottom: 0.5em; background-color: #1892c2; } .ui-dialog.default-dialog .ui-selectmenu-menu .ui-menu.ui-widget-content .option-selected::after { content: ""; background: transparent url(../img/svg/ic_checkmark.svg) center center no-repeat; width: 14px; height: 10px; display: inline-block; float: right; margin-top: 8px; } .ui-dialog.default-dialog .ui-selectmenu-menu.ui-front.ui-selectmenu-open:before { content: ''; width: calc(100% - 2px); height: 32px; position: absolute; border-bottom: 1px solid rgba(216, 216, 216, 0.12); top: -32px; background-color: #3d3d3d; margin-left: 1px; } /* Styles for editable carousel strip */ .editable-carousel .season-filters .ui-selectmenu-text { padding-top: 4px; } .editable-carousel .editable-buttons-container { display: inline-block; margin: 24px 0; height: 32px; } .editable-carousel .editable-buttons-container button { padding: 0; margin-bottom: 4px; font-weight: 600; height: 32px; } .editable-carousel .editable-buttons-container .edit-wrapper { display: none; } .editable-carousel .edit-checkbox { display: none; } .editable-carousel .no-episodes .editable-buttons-container { display: none; } .editable-carousel.is-editable .editable-buttons-container .edit-button { display: none; } .editable-carousel.is-editable .editable-buttons-container .edit-wrapper { display: inline; } .editable-carousel.is-editable .editable-buttons-container .delete-button { display: inline-flex; align-items: center; justify-content: center; } .editable-carousel.is-editable .editable-buttons-container .delete-button .fa-close { background: url(../img/svg/ic_delete.svg) no-repeat center center; height: 14px; width: 14px; margin-left: 5px; } .editable-carousel.is-editable .episode-item:after { content: ""; width: 100%; height: 100%; z-index: 2000; position: absolute; top: 0; left: 0; } .editable-carousel.is-editable .episode-item .edit-checkbox { display: block; -webkit-filter: brightness(290%); filter: brightness(290%); position: absolute; z-index: 1000; } .editable-carousel.is-editable .episode-item.selected-episode .edit-checkbox { -webkit-filter: none; filter: none; } /* icons using fonts */ .icon-toggle:before { content: "\f078"; } .is-expanded.icon-toggle:before { content: "\f077"; } .smallest-text, .one-pass-list-items .long-title-text, .upcoming-dialog-list .long-title-text, .video-title-container .long-title-text, .manage-onepass-list .long-title-text, .content-detail-flyout-container .long-title-text { font-size: 0.917em; } .line-item-suffix, .show-description, .notification-area, .cast-list, .options-dialog .dialog-dropdown, .view-more, .one-pass-links, .ui-datepicker-title, .meridian-header, .tvod-message, .login-error-banner, .smaller-text { font-size: 1.083em; } .icon-btn-link, .line-item-body, .episode-detail-wrapper .movie-duration, .detail-flyout .cast-wrapper .heading, .empty-message p, .sub-title, .default-message, .login-message, .offer-text, .fallback-default .error-message, .default-dialog .dialog-message, .recording-conflict-container p, .small-text { font-size: 1.25em; } .no-shows-available-message { font-size: 18px !important; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: rgba(191, 191, 191, 0.87); } .button-bar, .medium-text { font-size: 1.35em; } .large-text { font-size: 1.417em; } .larger-text { font-size: 1.55em; } .default-dialog .ui-dialog-title, .largest-text { font-size: 1.75em; } .fallback-text-overlay, .light-text { font-weight: 300; } .normal-text { font-weight: 400; } h5, h6, .line-item-body, .line-item-suffix, .default-button, .detail-flyout .conflict-line-span.title, .default-dialog .ui-dialog-title, .options-dialog .dialog-dropdown label, .titles-bottom .title-container, .season-picker label, .button-bar, .show-guest-label .guest-star-label, .one-pass-links, .ui-datepicker-title, .meridian-header, .genre-list, .first-aired, .duration, .series-show-card, .login-error-banner, .birth-info .label, .dropdown .dropdown-menu .dropdown-button, .bold-text { font-weight: 400; } .search-result-text-content .bold-text, .mpaa-rating, .tv-rating, .bolder-text { font-weight: 600; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { border-width: 1px; border-style: solid; border-color: #929292; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); display: none; margin: 0 0 12px 0; padding: 0 6px; height: 2em; width: 100%; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: white; outline: none !important; } input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; } textarea { height: auto; } select { width: 100%; display: none; } /* fieldsets */ fieldset { border: none; border-radius: 3px; padding: 12px 12px 0; margin: 18px 0; } fieldset legend { padding: 0 3px; margin: 0 0 0 -3px; } .login-form fieldset { margin: 0; padding: 0; border: none; } .login-form .form-row input[type="text"], .login-form .form-row input[type="password"] { border-width: 1px; border-style: solid; border-color: #3D3D3D; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); } /* global styles and resets */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0px; } body.dom-initializing { position: absolute; left: -10000px; } p a, p a:visited { line-height: inherit; } img { border: 0; } /* Misc ---------------------- */ .left { float: left; } .right { float: right; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } /* all lists are naked of decoration, horizontal sequence default, also contrary to normlize, reset them completely here */ ul { margin: 0; padding: 0; } ul li { list-style: none; display: inline-block; } .vertical-list li { display: block; } .vertical-list > li:empty { display: none; } .eq-ie9 div { filter: none; } .hidden { display: none; } .no-events { pointer-events: none; } .invisible { visibility: hidden; } .image-streaming, .image-streaming-disabled { display: inline-block; vertical-align: middle; } .image-checkbox { display: inline-block; vertical-align: bottom; } object, embed, button.ui-button { outline: medium none; } .hr-line { clear: both; display: block; height: 1px; margin-left: -15px; margin-top: 40px; width: calc(100% + 15px); } .margin-both { padding: 0 15px 0 15px; } .margin-left { padding-left: 15px; } .margin-right { padding-right: 15px; } .role-member .hide-for-member, .role-guest .hide-for-guest { display: none !important; } .account-has-tivo-device .hide-for-account-has-tivo-device { display: none !important; } .device-can-record .global-device-view .hide-for-can-record, .device-cant-record .global-device-view .hide-for-cant-record, .device-is-diskless:not(.device-is-web-player) .global-device-view .hide-for-diskless-device, .device-is-cloudless .global-device-view .hide-for-cloudless-device, .device-is-web-player .global-device-view .hide-for-web-player, .device-is-headless .global-device-view .hide-for-headless-device { display: none !important; } .device-cant-record .specific-device-view.hide-for-cant-record { display: none !important; } .specific-device-view .device-can-record .hide-for-can-record, .specific-device-view .device-cant-record .hide-for-cant-record, .specific-device-view .device-is-diskless:not(.device-is-web-player) .hide-for-diskless-device, .specific-device-view .device-is-cloudless .hide-for-cloudless-device, .specific-device-view .device-is-web-player .hide-for-web-player, .specific-device-view.device-can-record .hide-for-can-record, .specific-device-view.device-cant-record .hide-for-cant-record, .specific-device-view.device-is-diskless:not(.device-is-web-player) .hide-for-diskless-device, .specific-device-view.device-is-cloudless .hide-for-cloudless-device, .specific-device-view.device-is-web-player .hide-for-web-player { display: none !important; } .show-for-device-supports-sports-pass, .role-guest.device-supports-sports-pass .show-for-device-supports-sports-pass.hide-for-guest { display: none !important; } .device-supports-sports-pass .show-for-device-supports-sports-pass { display: inherit !important; } .global-notification-banner { position: fixed; opacity: 0; top: -1000px; width: 100%; z-index: 111; } .mod-no-cssanimations .global-notification-banner, .mod-no-cssgradients .global-notification-banner, .mod-no-csstransitions .global-notification-banner, .mod-no-flash .global-notification-banner, .mod-no-xhrresponsetype .global-notification-banner, .mod-no-xhrresponsetypearraybuffer .global-notification-banner, .mod-no-xhrresponsetypeblob .global-notification-banner, .mod-no-xhr2 .global-notification-banner, .mod-mobileos .global-notification-banner, .dvr-disconnected .global-notification-banner, .ua-browser-edge .global-notification-banner { top: 0px; opacity: 1; transition: all 1s ease-in-out; } .mod-no-cssanimations .global-notification-banner.dismiss-message, .mod-no-cssgradients .global-notification-banner.dismiss-message, .mod-no-csstransitions .global-notification-banner.dismiss-message, .mod-no-flash .global-notification-banner.dismiss-message, .mod-no-xhrresponsetype .global-notification-banner.dismiss-message, .mod-no-xhrresponsetypearraybuffer .global-notification-banner.dismiss-message, .mod-no-xhrresponsetypeblob .global-notification-banner.dismiss-message, .mod-no-xhr2 .global-notification-banner.dismiss-message, .mod-mobileos .global-notification-banner.dismiss-message, .dvr-disconnected .global-notification-banner.dismiss-message, .ua-browser-edge .global-notification-banner.dismiss-message { top: -1000px; opacity: 0; } .global-message { background-color: #EBEBEB; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #1A1A1A; box-shadow: 0 2px 4px 4px #242424; display: none; padding: 5px 15px 5px 15px; } .global-message .heading, .global-message .banner-close { display: inline-block; vertical-align: middle; } .global-message .heading, .global-message .message { margin: 3px 0; } .global-message .banner-close { padding-right: 15px; cursor: pointer; } .global-message .update-button { position: absolute; top: 10px; right: 10px; } .global-message.show-for-mobile { padding: .5em 1.5em; } .global-message.show-for-mobile .image-mobile-app { vertical-align: middle; margin: 0 10px 0 0; background-size: 100% auto; } .global-message.show-for-mobile .message { display: inline-block; vertical-align: middle; } @media (max-width: 720px) { .global-message.show-for-mobile .largest-text { font-size: 1.0em; } .global-message.show-for-mobile .small-text { font-size: .9em; } .global-message.show-for-mobile .image-mobile-app { height: 30px; width: 30px; } } @media (min-width: 721px) { .global-message.show-for-mobile .image-mobile-app { height: 70px; width: 70px; } } .mod-no-cssanimations .should-have.global-message, .mod-no-cssgradients .should-have.global-message, .mod-no-csstransitions .should-have.global-message, .mod-no-xhrresponsetype .must-have.global-message, .mod-no-xhrresponsetypearraybuffer .must-have.global-message, .mod-no-xhrresponsetypeblob .must-have.global-message, .mod-no-xhr2 .must-have.global-message { display: block; } .mod-no-xhrresponsetype div.should-have.global-message, .mod-no-xhrresponsetypearraybuffer div.should-have.global-message, .mod-no-xhrresponsetypeblob div.should-have.global-message, .mod-no-xhr2 div.should-have.global-message { display: none; } .dvr-disconnected:not(.role-guest) .global-message.show-for-disconnected-dvr { display: block; } .mod-mobileos:not(.ua-browser-safari) .global-message.show-android { display: block; } .show-flash-blocked-message .global-message.show-for-flash-blocked { display: block; } .link-primary { cursor: pointer; } .link-primary.ui-state-hover, .link-primary:hover * { text-decoration: underline; } .link-primary.ui-state-hover .season-info:empty, .link-primary:hover * .season-info:empty { text-decoration: none; margin-left: 0; } .link-primary.ui-state-disabled { cursor: default; } .link-secondary { cursor: pointer; } .link-secondary.ui-state-hover, .link-secondary:hover * { text-decoration: underline; } .link-secondary.ui-state-hover .season-info:empty, .link-secondary:hover * .season-info:empty { text-decoration: none; margin-left: 0; } .link-secondary.ui-state-disabled { cursor: default; } /* row and column definitions */ .row { width: auto; max-width: 100%; margin: 0 auto; } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .row.collapse .column, .row.collapse .columns { padding: 0; } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .row .row.collapse { margin: 0; } .column, .columns { float: left; min-height: 1px; position: relative; } .column.centered, .columns.centered { float: none; margin: 0 auto; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .row .one { width: 8.333%; } .row .two { width: 16.667%; } .row .three { width: 25%; } .row .four { width: 33.333%; } .row .five { width: 41.667%; } .row .six { width: 50%; } .row .seven { width: 58.333%; } .row .eight { width: 66.667%; } .row .nine { width: 75%; } .row .ten { width: 83.333%; } .row .eleven { width: 91.667%; } .row .twelve { width: 100%; } /* Nicolas Gallagher's micro clearfix */ .row { *zoom: 1; } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } .role-guest #main-content #guide-listing #guide-controls .subnav { flex-direction: row-reverse; } .role-guest #main-content #guide-listing #guide-controls .subnav .header-cell-left { display: none; } .role-guest #main-content #guide-listing #guide-controls .subnav .header-cell-center { flex: 2; margin-left: 20px; } .role-guest #main-content #guide-listing #guide-controls .subnav .header-cell-right { margin-left: 25px; min-width: 215px; width: auto; } .role-guest #main-content #guide-listing #guide-controls .subnav #zip-box .search-icon { top: 5px; } .guide::-webkit-scrollbar { width: 0; background-color: transparent; } .guide.medium-screen-size .global-header:after { transition: none; opacity: 1; } .guide.medium-screen-size #main-content.container { margin-top: 0; padding-top: 90px; } .guide-initializing, #guide-listing.guide-grid-loading .programs *, #guide-listing .dom-not-initialized.timeHolder, #guide-listing #timebar-progress.dom-not-initialized, #guide-listing #timebar-slider.dom-not-initialized { visibility: hidden; opacity: 0; transition: opacity 100ms ease-in; } .fade-ramp { position: absolute; top: 0; right: 0; width: 100px; height: 100%; background-image: linear-gradient(90deg, transparent 0, rgba(51, 51, 51, 0.9) 60%, #333333 100%); background: aquamarine; } #guide-listing-parent.loading-spinner, #guide-listing.guide-grid-loading #guide-listing-parent.programs { height: 600px; } #guide-listing { padding-bottom: 20px; /* show description in guide */ } #guide-listing *:focus { outline: none; } #guide-listing.guide-grid-loading .programs { height: 600px; background: #0F0F0F; } #guide-listing .twelve { background: #1f1f1f; } #guide-listing .programs { overflow: hidden; background: #242424; } #guide-listing .programs .guide-grid { position: relative; } #guide-listing .programs .guide-grid .channels:after { position: absolute; background-image: linear-gradient(rgba(15, 15, 15, 0.3), #0F0F0F); content: ""; height: 115px; width: 100%; bottom: 0; } #guide-listing .programs .guide-grid .channels.no-more-channels:after { display: none; } #guide-listing #timebar-progress { position: absolute; height: 2px; background-color: #1f98cc; margin-left: 2px; left: 225px; top: 56px; } #guide-listing #timebar-slider { visibility: hidden; position: absolute; z-index: 3; } #guide-listing #timebar-slider .timebar-tip { display: block; height: 8px; width: 8px; position: relative; top: 0; z-index: 4; } #guide-listing #guide-controls { overflow: visible; position: relative; width: 100%; background-color: #1f1f1f; } #guide-listing #guide-controls .subnav { display: flex; height: 56px; width: 100%; align-items: center; } #guide-listing #guide-controls .subnav .header-cell-left { padding-left: 0.6em; min-width: 400px; margin-left: 25px; display: flex; align-items: center; } #guide-listing #guide-controls .subnav .header-cell-center { margin-left: 20px; } #guide-listing #guide-controls .subnav .subnav-container .date-time-filter { float: right; } #guide-listing #guide-controls .subnav .subnav-container .datetime-button { float: left; width: auto; padding: 4px; line-height: 1.4; border-width: 1px; border-style: solid; border-color: #323940; } #guide-listing #guide-controls .subnav .subnav-container.channel-search .ui-autocomplete-input { height: 2.1em; min-width: 220px; } #guide-listing #guide-controls .subnav .subnav-container.channel-search .search-icon { top: 7px; } #guide-listing #guide-controls .subnav .subnav-container.channel-search .channel-list-item { font-size: 1.1em; } #guide-listing #guide-controls .subnav .subnav-container.channel-search .channel-list-item .image-hd { margin-left: 3px; vertical-align: bottom; } #guide-listing #guide-controls .subnav .subnav-container.channel-search .channel-list-item .channel-logo { height: 18px; width: 60px; margin-left: 3px; vertical-align: bottom; background-size: contain; background-repeat: no-repeat; background-position: center center; } #guide-listing #guide-controls .subnav .subnav-container.zip-search { float: right; } #guide-listing #guide-controls .subnav .subnav-container.zip-search .ui-autocomplete-input { display: inline-block; height: 2.1em; width: 200px; } #guide-listing #guide-controls .subnav .subnav-container.zip-search.cable-provider-label .ui-autocomplete-input { width: 300px; padding-right: 25px; text-overflow: ellipsis; } #guide-listing #guide-controls .subnav .subnav-container.zip-search .ui-menu .ui-menu-item { padding: 3px 0 3px 5px; } #guide-listing #guide-controls .subnav .subnav-container.zip-search .ui-menu .ui-menu-item a { padding: 2px 0.4em; } #guide-listing #guide-controls .subnav .subnav-container.time-jump .time-jump-item { cursor: pointer; border-radius: 6px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.12); padding-top: 5px; max-height: 32px; color: #ffffff; font-size: 18px; font-weight: 600; } #guide-listing #guide-controls .subnav .subnav-container.time-jump .time-jump-item[class*="jump-24hrs"] { display: none; } #guide-listing #guide-controls .subnav .subnav-container.time-jump .time-jump-item.time-jump-item-disabled { cursor: default; } #guide-listing .channel-selector { display: inline-block; margin-right: 15px; } #guide-listing .channel-selector .ui-selectmenu-button { max-width: 190px; } #guide-listing .channel-search { display: inline-block; } #guide-listing .zip-search { display: inline-block; } #guide-listing .no-favorites { display: none; clear: both; padding: 20px; } #guide-listing.show-no-favorites .no-favorites { display: block; } #guide-listing .timeHolder { height: 56px; overflow: hidden; padding: 0; display: flex; } @-moz-document url-prefix() { #guide-listing .timeHolder .guide-next { right: 10px; background-color: #000; } } #guide-listing .timeHolder .date { display: flex; width: 205px; height: 100%; align-items: center; background: #2e2e2e; cursor: pointer; } #guide-listing .timeHolder .date .datetime-button { display: flex; align-items: center; margin-left: 10px; color: #bfbfbf; font-size: 18px; font-weight: 600; } #guide-listing .timeHolder .date .datetime-button .datepicker-icon { width: 15px; height: 17px; display: block; margin-right: 7px; background-size: contain; background: url(../img/svg/ic_date_picker.svg) no-repeat center center; } #guide-listing .timeHolder .date .datetime-button .image-select-open { margin-left: 3px; } #guide-listing .timeHolder .hours { display: flex; white-space: nowrap; width: calc(100% - 225px); overflow: hidden; height: 56px; } #guide-listing .timeHolder .hours ul { display: flex; height: 100%; width: 225px; } #guide-listing .timeHolder .hours .time-slot-header { display: flex; height: 100%; min-width: 225px; align-items: center; justify-content: flex-start; padding-left: 10px; color: #bfbfbf; } #guide-listing .timeHolder .hours .time-slot-header.current { background: #000000; color: #bfbfbf; } @keyframes fadeThenHide { 99% { opacity: 1; height: initial; } 100% { opacity: 0; height: 0; } } #guide-listing .channels .channel .content { height: 56px; overflow: hidden; border-bottom: 2px solid rgba(51, 51, 51, 0.9); } #guide-listing .channels .channel .content .name { position: relative; left: 0; width: 200px; height: 56px; display: flex; align-items: center; margin-left: 24px; border-left: 2px solid rgba(51, 51, 51, 0.9); } #guide-listing .channels .channel .content .name .icons-container { display: flex; align-items: center; max-width: 135px; } #guide-listing .channels .channel .content .name .default-button { display: none; } #guide-listing .channels .channel .content .name .default-button.watch-now { min-width: 100%; border-radius: 0; } #guide-listing .channels .channel .content .name .channel-sign, #guide-listing .channels .channel .content .name .channel-logo, #guide-listing .channels .channel .content .name .channel-streaming-icon { display: none; } #guide-listing .channels .channel .content .name .channel-icon-strip { padding-left: 5px; } #guide-listing .channels .channel .content .name .channel-number { color: #cccccc; font-size: 18px; margin-left: 10px; min-width: 27px; text-align: right; } #guide-listing .channels .channel .content .name .channel-sign { margin: 22px 5px 0 0; overflow: hidden; text-align: center; text-overflow: ellipsis; width: 60px; font-size: 18px; } #guide-listing .channels .channel .content .name .channel-logo { max-width: 85px; height: 50px; margin: 5px 5px 0 0; background-size: contain; background-repeat: no-repeat; background-position: center center; } #guide-listing .channels .channel .content .name.channel-streaming-enabled:hover .default-button { display: block; position: absolute; top: 0; left: 0; height: 60px; width: 125px; font-size: 20px; padding: 15px 8px; } #guide-listing .channels .channel .content.show-channel-sign .channel-sign, #guide-listing .channels .channel .content.show-channel-logo .channel-logo, #guide-listing .channels .channel .content.show-streaming-link .channel-streaming-icon { display: flex; width: 100px; height: 32px; margin-top: 0; align-items: center; } #guide-listing .channels .channel .content.show-streaming-link .channel-streaming-icon { width: 30px; position: absolute; right: 0; } #guide-listing .channels .channel .content .shows { position: relative; left: 225px; top: -56px; list-style: none; overflow: hidden; width: 100%; display: inline-block; white-space: nowrap; background: #1a1a1a; } #guide-listing .channels .channel .content .shows li .js-guide-cell:hover { background-color: #3D3D3D; } #guide-listing .channels .channel .content .shows li > div { padding: 5px 5px 5px 15px; margin: 0; height: 56px; overflow: hidden; cursor: pointer; display: flex; align-items: center; border-left: 2px solid rgba(51, 51, 51, 0.9); } #guide-listing .channels .channel .content .shows li > div .show-description-container { line-height: 1.5; overflow: hidden; } #guide-listing .channels .channel .content .shows li > div .show-description-container .show-description { max-width: 100%; margin-right: 10px; } #guide-listing .channels .channel .content .shows li > div .show-description-container .current-playing { position: relative; top: -3px; } #guide-listing .channels .channel .content .shows li.description-shown { background: #3d3d3d; } #guide-listing .channel-locked .channel-description.channel-streaming-enabled:hover .default-button { display: none; } #guide-listing .channel + .description { position: relative; display: none; height: 414px; background-color: #242424; /* make sure the loading indicator won't go over the guide controls and the global menu */ } #guide-listing .channel + .description .panel-loading-indicator { z-index: 85; } #guide-listing .channel + .description.feed-content-detail-panel { padding: 10px 15px; } #guide-listing .channel + .description .description-content .program-image .fallback-text-overlay { display: none; } #guide-listing .channel + .description .upcoming-container { padding: 0 15px; min-height: 280px; } #guide-listing .channel + .description .upcoming-container .flickity-prev-next-button { top: 60%; } #guide-listing .channel + .description .cast-container { max-height: 360px; } #guide-listing .loading-indicator .image-loading { margin: 0 auto; } #guide-listing .channel .channel-description { border-width: 1px; border-style: solid; border-color: #333333; } #guide-listing .channel.description-shown .channel-description { border-bottom: none; } #guide-listing .guide-nav { display: block; border-bottom: 2px solid rgba(51, 51, 51, 0.9); width: 16px; height: 8px; } #guide-listing .guide-nav:hover { opacity: 0.6; } #guide-listing .guide-nav.guide-prev, #guide-listing .guide-nav.guide-next { top: 16px; position: relative; border-bottom: none; width: 24px; height: 24px; z-index: 90; visibility: visible; background-size: contain; } #guide-listing .guide-nav.guide-prev.ui-state-disabled, #guide-listing .guide-nav.guide-next.ui-state-disabled { visibility: hidden; } #guide-listing .guide-nav.guide-up, #guide-listing .guide-nav.guide-down { height: 35px; width: calc(100% + 40px); clear: both; position: relative; background-position: center; } #guide-listing .guide-nav.guide-up.ui-state-disabled, #guide-listing .guide-nav.guide-down.ui-state-disabled { display: none; } #guide-listing .guide-nav.guide-down { height: 50px; width: 35px; bottom: 20px; position: absolute; left: 51%; border: none; background-size: contain; } .timeHolder .hours .time-slot-header { border-left: 2px solid rgba(51, 51, 51, 0.9); } .guide-down { background: url(../img/svg/ic_scroll_right.svg) no-repeat center center; transform: rotate(90deg); } .guide-up:after { position: absolute; content: ""; width: 30px; height: 30px; left: 49%; background: url(../img/svg/ic_scroll_right.svg) no-repeat center; transform: rotate(-90deg); } .guide-prev { background: url(../img/svg/ic_scroll_left.svg) no-repeat center center; border-right: none; } .guide-next { background: url(../img/svg/ic_scroll_right.svg) no-repeat center center; } .timebar-tip { border-style: solid; border-width: 8px 8px 0 8px; border-color: #1f98cc transparent transparent transparent; } .header-container { height: 64px; margin-bottom: 0px; } .header-container .main-nav-container { height: 40px; } .row.header { height: 60px; width: 100%; } #topnav { float: right; margin: 0 40px 0 0; padding: 12px 0; } .top-info-bar .links .top-nav-link { border-left-width: 2px; border-left-style: solid; border-left-color: #929292; padding: 0 0.75em; } .top-info-bar .links .top-nav-link:first-child { border-left: 0; } .image-mso-branding { display: block; margin: 0; outline: medium none; overflow: hidden; text-indent: -100%; white-space: nowrap; } .global-header { background-image: linear-gradient(to bottom, #0f0f0f, rgba(15, 15, 15, 0)); display: flex; position: fixed; top: 0; width: 100%; height: 100px; z-index: 100; transition: all 3000ms linear; } .global-header.scroll-fix { background-image: linear-gradient(to bottom, #0f0f0f, rgba(15, 15, 15, 0.8)); } .global-header .mso-branding { height: 100px; float: left; z-index: 2; } .guide .global-header, .guide .global-header.scroll-fix { background-image: linear-gradient(to bottom, #0f0f0f, #0f0f0f); } .globalnav { height: 36px; margin-top: 22px; margin-left: 47px; z-index: 2; } .globalnav .ui-menu-item { display: inline-block; width: auto; white-space: nowrap; padding: 0 17px; text-transform: uppercase; text-shadow: 0 2px 4px #00000080; font-weight: 400; line-height: normal; } .globalnav .ui-menu-item.active { cursor: default; color: #ffffff; font-weight: bold; } .globalnav .ui-menu-item .nav-menu-item { text-align: center; color: #999999; font-size: 15px; font-weight: 600; line-height: normal; } .globalnav .ui-menu-item .nav-menu-item.ui-state-hover { color: #ffffff; font-weight: 600; } .globalnav .ui-menu-item.active > .nav-menu-item { color: #ffffff; font-weight: bold; line-height: normal; } .globalnav .ui-menu-item a, .globalnav .ui-menu-item a.ui-state-hover, .globalnav .ui-menu-item .ui-menu-item a, .globalnav .ui-menu-item .ui-menu-item a.ui-state-hover { font-weight: 600; } .globalnav .sub-nav { margin-top: 9px; margin-left: 14%; display: block; width: auto; left: 0; right: 0; } .globalnav .sub-nav:not(.flickity-enabled) { display: none !important; } .globalnav .sub-nav .nav-menu-item { text-transform: capitalize; } .globalnav .sub-nav .sub-nav-item { display: inline; padding: 0 10px; } .globalnav .sub-nav li { position: relative; } .globalnav .sub-nav li:after { content: ''; height: 57%; width: 1px; position: absolute; margin-top: 5px; right: 0; top: 0; background-color: #d8d8d8; opacity: 0.3; } .globalnav .sub-nav li:last-child:after { content: none; height: 0; } .globalnav .sub-nav .sub-nav-item:first-of-type { margin-left: 0; padding-left: 0; } .globalnav .sub-nav .sub-nav-item:last-of-type { margin-right: 0; padding-right: 0; } .globalnav .sub-nav .flickity-viewport { min-height: 20px; } .globalnav .carousel { margin: 15px 0 0 0; padding: 0 15px; overflow: visible; max-width: 65%; } .globalnav .flickity-prev-next-button.previous { left: 0; } .globalnav .flickity-prev-next-button.next { right: 0; } .globalnav .flickity-prev-next-button { height: 20px; width: 20px; background: transparent; opacity: 1; } .globalnav .flickity-prev-next-button .arrow { fill: white; } .globalnav .flickity-prev-next-button:hover { background: transparent; } .globalnav .flickity-prev-next-button:disabled { opacity: 0; } .globalnav.main-nav.hide-for-search { display: none; } .role-guest .global-sec-nav { right: 0; } .global-sec-nav { position: absolute; top: 20px; right: 24px; z-index: 1; width: 100%; display: inline-flex; flex-wrap: nowrap; justify-content: flex-end; } .global-sec-nav > * { vertical-align: middle; } .global-sec-nav .help-menu-container { order: 3; } .global-sec-nav .global-search-container { order: 2; } .global-sec-nav .sign-in-button { font-size: 15px; font-weight: bold; margin-right: 24px; color: #00a6e3; text-transform: uppercase; line-height: 1.6; } .global-sec-nav .powered-by-tivo { display: inline-block; margin-right: 24px; cursor: default; width: 72.24px; height: 20.25px; background-image: url(../img/ui/TiVo-grey-branding.svg); background-size: contain; background-repeat: no-repeat; position: relative; top: -2.5px; } .global-sec-nav .global-search-container.show-search-area { margin: -20px auto 0; float: initial; } .global-sec-nav .help-menu-container.hide-for-search { display: none; } .global-sec-nav .powered-by-tivo.hide-for-search { display: none; } .global-sec-nav .sign-in-button.hide-for-search { display: none; } .global-sec-nav .tivo-branding-sign-in { order: 1; display: inline-flex; justify-content: flex-end; max-width: 200px; margin-right: 20px; } .grid-fixed-full-right { position: relative; right: 0; } .manage .global-dvr-selector, .manage .bandwidth-test-dvr-selector, .transfer .global-dvr-selector, .transfer .bandwidth-test-dvr-selector { display: none; } .global-dvr-selector, .bandwidth-test-dvr-selector { margin: 12px 10px 0 0; position: relative; float: right; } .global-dvr-selector label, .bandwidth-test-dvr-selector label { display: inline-block; vertical-align: top; margin: 0 0.5em 0 0; } .global-dvr-selector .global-dvr-selection, .bandwidth-test-dvr-selector .global-dvr-selection { display: none; } .global-dvr-selector .ui-selectmenu-menu .body-not-selectable, .bandwidth-test-dvr-selector .ui-selectmenu-menu .body-not-selectable { color: #929292; } .dvr-disconnected .global-dvr-selector .ui-selectmenu-button .ui-selectmenu-text, .dvr-disconnected .bandwidth-test-dvr-selector .ui-selectmenu-button .ui-selectmenu-text { color: #929292; } .dvr-disconnected .global-dvr-selector .ui-selectmenu-menu .ui-state-selected, .dvr-disconnected .bandwidth-test-dvr-selector .ui-selectmenu-menu .ui-state-selected { color: #929292; } /* *Copyright 2018 TiVo Inc. All Rights Reserved */ /** This file is for integrating help menu with header **/ .help-menu-container .help-menu-main { width: 20px; height: 20px; } .help-menu-container .help-menu-list { right: 0px; top: 28px; border-radius: 3px; background-color: #3d3d3d; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16), 0 0 8px 0 rgba(0, 0, 0, 0.24); } .help-menu-container .help-menu-list .help-menu-dvr-pos { margin: 0; border: 0; } .help-menu-container .help-menu-list .help-menu-list-item { height: 32px; padding: 0; margin: 0; cursor: pointer; list-style: none; } .help-menu-container .help-menu-list .help-menu-list-item.user-name-container { margin-bottom: 7px; } .help-menu-container .help-menu-list .help-menu-list-item.user-name-container .menu-list-item-text { color: #ffffff; } .help-menu-container .help-menu-list .help-menu-list-item.dvrselected { background-color: rgba(216, 216, 216, 0.12); } .help-menu-container .help-menu-list .help-menu-list-item.dvrselected .menu-list-item-text { color: #ffffff; } .help-menu-container .help-menu-list .help-menu-list-item:not(.user-name-container).notselectable .menu-list-item-text { color: #929292; } .help-menu-container .help-menu-list .help-menu-list-item.logout-container { margin-top: 15px; } .help-menu-container .help-menu-list .help-menu-list-item:first-of-type { padding-top: 3px; height: 35px; } .help-menu-container .help-menu-list .help-menu-list-item:last-of-type { padding-bottom: 3px; height: 35px; } .help-menu-container .help-menu-list .help-menu-list-item.notselectable { cursor: default; } .help-menu-container .help-menu-list .help-menu-list-item:not(.notselectable):hover { background-color: rgba(216, 216, 216, 0.12); } .help-menu-container .help-menu-list .help-menu-list-item:not(.notselectable):hover .menu-list-item-text { color: #ffffff; } .help-menu-container .help-menu-list .help-menu-list-item .menu-list-item-text { padding-left: 16px; padding-right: 28px; white-space: nowrap; line-height: 32px; font-size: 18px; font-weight: 600; color: #FBFBFB; } .history-list-view .list-header { padding: 20px 0 0 25px; } .history-list-view .history-line { padding: 10px 12px; } .history-line { margin: 0; } .history-line .line-item-prefix { width: 270px; } .history-line .line-item-body { width: calc(100% - 550px); } .history-line .line-item-suffix { width: 100px; text-align: center; } .history-line .onepass-status, .history-line .start-time { display: inline-block; text-align: center; } .history-line .onepass-status { width: 36px; } .history-line .start-time { width: 100px; } .history-line .cancellation-short-reason { display: inline-block; text-align: right; width: 110px; } .history-line .star-rating, .history-line .movie-duration, .history-line .episode-title { display: none; } .history-line.show-movie-details .star-rating, .history-line.show-movie-details .movie-duration, .history-line.show-episode-details .episode-title { display: inline; } /* History default messages: .history-empty-list // no shows scheduled to record .history-non-dvr // device-is-web-player is currently selected .history-disconnected-error // dvr is disconnected .history-unsupported-dvr // non-supported dvr is currently selected */ .device-can-record .history-list-view .default-message { display: none; } .device-can-record .history-list-view.show-disconnected-error .history-disconnected-error { display: block; } .device-can-record .history-list-view.show-list-empty .history-empty-list { display: block; } .device-can-record .history-list-view.show-list-empty .onepass-line { dosplay: none; } .default-dialog.ui-dialog.ui-corner-all { border-radius: 6px; border: 0px solid #242424; box-shadow: 0 24px 24px 0 #0000004c, 0 0 24px 0 #00000038; padding: 0; } .default-dialog.ui-dialog.ui-corner-all .ui-dialog-titlebar { border-radius: 6px 6px 0 0; border-bottom: 1px solid #313131; } .guest-check-dialog .user-actions.show-watch-now { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #323940; } .getfrom-popup-actions .getfrom-line { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #323940; box-shadow: 0 1px 0 0 #242424; } .recording-conflict-container p { color: #FFFFFF; } .recording-conflict-container p.will-record { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #323940; box-shadow: 0px 1px 0px 0px #242424; } .recording-conflict-container .conflict-list-bounds { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #323940; box-shadow: 0 1px 0 0 #242424; } .recording-conflict-container .conflicts-list { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #323940; box-shadow: 0px 1px 0px 0px #242424; } .recording-conflict-container .conflicts-list li { border-top-width: 1px; border-top-style: solid; border-top-color: #323940; } .image-24hr, .image-24hr-delete { display: inline-block; width: 8px; height: 8px; background: url(../img/svg/ic_24hr.svg) no-repeat center center; } .image-24hr-forced, .image-24hr-forced-delete { display: inline-block; width: 8px; height: 8px; background: url(../img/svg/ic_24hr_forced.svg) no-repeat center center; } .image-24hr-forced-partial, .image-24hr-forced-delete-partial { display: inline-block; width: 8px; height: 8px; background: url(../img/svg/ic_24hr_forced_partial.svg) no-repeat center center; } .image-24hr-partial { display: inline-block; width: 8px; height: 8px; background: url(../img/svg/ic_24hr_partial.svg) no-repeat center center; } .image-72hr, .image-72hr-delete { display: inline-block; width: 8px; height: 8px; background: url(../img/svg/ic_72hr.svg) no-repeat center center; } .image-72hr-forced, .image-72hr-forced-delete { display: inline-block; width: 8px; height: 8px; background: url(../img/svg/ic_72hr_forced.svg) no-repeat center center; } .image-72hr-forced-partial { display: inline-block; width: 8px; height: 8px; background: url(../img/svg/ic_72hr_forced_partial.svg) no-repeat center center; } .image-72hr-partial { display: inline-block; width: 8px; height: 8px; background: url(../img/svg/ic_72hr_partial.svg) no-repeat center center; } .image-3d { display: inline-block; background: url(../img/ui/image-3d.png) no-repeat; width: 26px; height: 16px; background-position: center center; } .image-app-store { display: inline-block; background: url(../img/ui/image-app-store.png) no-repeat; width: 193px; height: 67px; background-position: center center; } .image-available-online { display: inline-block; background: url(../img/ui/image-available-online.png) no-repeat; width: 13px; height: 15px; background-position: center center; } .image-banner-logo { display: inline-block; background: transparent; width: 19px; height: 14px; background-position: center center; } .image-bookmark { display: inline-block; width: 6px; height: 14px; background: url(../img/svg/ic_bookmark.svg) no-repeat center center; } .image-browse-folder { display: inline-block; background: url(../img/fallback/bg_default_folder_116x91.png) no-repeat; width: 116px; height: 91px; background-position: center center; } .image-calendar { display: inline-block; background: url(../img/ui/image-calendar.png) no-repeat; width: 15px; height: 15px; background-position: center center; } .image-category-close { display: inline-block; background: url(../img/ui/image-category-close.png) no-repeat; width: 8px; height: 9px; background-position: center center; } .image-checkbox { display: inline-block; height: 18px; width: 18px; background: url(../img/svg/ic_checkbox_unchecked.svg) no-repeat center center; } .image-checkbox.selected { display: inline-block; height: 18px; width: 18px; background: url(../img/svg/ic_checkbox_checked.svg) no-repeat center center; } .image-checkmark { display: inline-block; width: 14px; height: 10px; background: url(../img/svg/ic_checkmark.svg) no-repeat center center; } .ui-icon-closethick, .image-close { display: inline-block; height: 24px; width: 24px; background: url(../img/svg/ic_close.svg) no-repeat center center; } .image-close:hover, .ui-state-hover .ui-icon-closethick, .image-close-hover { display: inline-block; height: 24px; width: 24px; background: url(../img/svg/ic_close_h.svg) no-repeat center center; } .image-conflict { display: inline-block; width: 11px; height: 11px; background: url(../img/svg/ic_delete_red.svg) no-repeat center center; } .image-delete { display: inline-block; width: 14px; height: 14px; background: url(../img/svg/ic_delete.svg) no-repeat center center; } .image-deleted { display: inline-block; height: 14px; width: 14px; background: url(../img/svg/ic_delete.svg) no-repeat center center; } .image-downloading { display: inline-block; width: 32px; height: 32px; background: url(../img/svg/ic_source_download.svg) no-repeat center center; } .image-dropdown-collapsed { display: inline-block; background: url(../img/ui/image-dropdown-collapsed.png) no-repeat; width: 5px; height: 9px; background-position: center center; vertical-align: middle; } .image-dropdown-expanded { display: inline-block; background: url(../img/ui/image-dropdown-expanded.png) no-repeat; width: 9px; height: 5px; background-position: center center; vertical-align: middle; } .image-error { display: inline-block; background: url(../img/ui/image-error.png) no-repeat; width: 6px; height: 21px; background-position: center center; } .image-folder { display: inline-block; width: 24px; height: 18px; background: url(../img/svg/ic_folder.svg) center center no-repeat; } .image-folder-deleted { display: inline-block; width: 24px; height: 18px; background: url(../img/svg/ic_folder_deleted.svg) center center no-repeat; } .image-folder-downloading { display: inline-block; width: 32px; height: 32px; background: url(../img/svg/ic_source_download.svg) center center no-repeat; } .image-folder-tivo-suggestions { display: inline-block; width: 24px; height: 18px; background: url(../img/svg/ic_folder_tivo_suggestions.svg) center center no-repeat; } .image-folder-recording { display: inline-block; width: 32px; height: 32px; background: url(../img/svg/ic_source_recording.svg) no-repeat center center; } .image-folder-streaming-op { display: inline-block; width: 24px; height: 18px; background: url(../img/svg/ic_folder_streaming_op.svg) center center no-repeat; } .image-folder-wishlist { display: inline-block; width: 24px; height: 18px; background: url(../img/svg/ic_folder_wishlist.svg) center center no-repeat; } .image-get { display: inline-block; width: 14px; height: 14px; background: url(../img/svg/ic_get.svg) no-repeat center center; } .image-google-play { display: inline-block; background: url(../img/ui/image-google-play.png) no-repeat; width: 193px; height: 67px; background-position: center center; } .image-hd { display: inline-block; width: 36px; height: 18px; background: url(../img/svg/ic_hd.svg) no-repeat center center; } .image-help { display: inline-block; width: 20px; height: 20px; background: url(../img/svg/ic_help.svg) no-repeat center center; } .image-settings { display: inline-block; width: 20px; height: 20px; background: url(../img/svg/ic_settings.svg) no-repeat center center; } .image-keep { display: inline-block; width: 8px; height: 8px; background: url(../img/svg/ic_kuid.svg) no-repeat center center; } .image-keep-partial { display: inline-block; width: 8px; height: 8px; background: url(../img/svg/ic_kuid_partial.svg) no-repeat center center; } .image-link-away { display: inline-block; background: url(../img/ui/image_link_away.png) no-repeat; width: 24px; height: 16px; background-position: center center; } .image-live { display: inline-block; width: 32px; height: 32px; background: url(../img/svg/ic_source_tv.svg) no-repeat center center; } .image-loading { display: inline-block; background-image: url(../img/ui/image-loading.gif); background-position: center center; background-repeat: no-repeat; height: 30px; width: 30px; } .image-locked { display: inline-block; width: 11px; height: 15px; background: url(../img/svg/ic_pc_locked.svg) no-repeat center center; } .image-unlocked { display: inline-block; width: 11px; height: 16px; background: url(../img/svg/ic_pc_unlocked.svg) no-repeat center center; } .image-menu { display: inline-block; width: 20px; height: 20px; background: url(../img/svg/ic_menu.svg) no-repeat center center; } .image-mobile-app { display: inline-block; background: url(../img/ui/image_tivo_app_icon.png) 0 0 no-repeat; height: 95px; width: 95px; } .image-mso-branding { display: inline-block; background: transparent; height: 40px; width: 495px; margin-top: 14px; margin-left: 24px; background-repeat: no-repeat; } .image-nav-left { display: inline-block; background: url(../img/ui/image-nav-left.png) no-repeat; width: 12px; height: 18px; background-position: center center; } .image-nav-left-hover, .image-nav-left.ui-state-hover, .image-nav-left:hover { display: inline-block; background: url(../img/ui/image-nav-left-hover.png) no-repeat; width: 12px; height: 18px; background-position: center center; } .image-nav-right { display: inline-block; background: url(../img/ui/image-nav-right.png) no-repeat; width: 12px; height: 18px; background-position: center center; } .image-nav-right-hover, .image-nav-right.ui-state-hover, .image-nav-right:hover { display: inline-block; background: url(../img/ui/image-nav-right-hover.png) no-repeat; width: 12px; height: 18px; background-position: center center; } .image-new, .image-new-sm { display: inline-block; width: 36px; height: 18px; background: url(../img/svg/ic_new.svg) no-repeat center center; } .image-number-1 { display: inline-block; background: url(../img/ui/image-number-1.png) no-repeat; width: 28px; height: 28px; background-position: center center; } .image-number-2 { display: inline-block; background: url(../img/ui/image-number-2.png) no-repeat; width: 28px; height: 28px; background-position: center center; } .image-number-3 { display: inline-block; background: url(../img/ui/image-number-3.png) no-repeat; width: 28px; height: 28px; background-position: center center; } .image-number-4 { display: inline-block; background: url(../img/ui/image-number-4.png) no-repeat; width: 28px; height: 28px; background-position: center center; } .image-number-5 { display: inline-block; background: url(../img/ui/image-number-5.png) no-repeat; width: 28px; height: 28px; background-position: center center; } .image-number-6 { display: inline-block; background: url(../img/ui/image-number-6.png) no-repeat; width: 28px; height: 28px; background-position: center center; } .image-number-7 { display: inline-block; background: url(../img/ui/image-number-7.png) no-repeat; width: 28px; height: 28px; background-position: center center; } .image-number-8 { display: inline-block; background: url(../img/ui/image-number-8.png) no-repeat; width: 28px; height: 28px; background-position: center center; } .image-on-disk { display: inline-block; width: 8px; height: 8px; background: url(../img/svg/ic_on_disk.svg) no-repeat center center; } .image-on-disk-partial, .image-partial { display: inline-block; width: 8px; height: 8px; background: url(../img/svg/ic_on_disk_partial.svg) no-repeat center center; } .image-on-dvr { display: inline-block; width: 32px; height: 32px; background: url(../img/svg/ic_source_on_disk.svg) no-repeat center center; } .image-one-pass { display: inline-block; width: 29px; height: 18px; background: url(../img/svg/ic_onepass.svg) no-repeat center center; } .image-one-pass.upcoming-notification-icon { display: inline-block; width: 17px; height: 10px; background: url(../img/svg/ic_onepass_upcoming.svg) no-repeat center center; } .image-pagination { display: inline-block; position: relative; width: 11px; height: 11px; margin: 0 1px 0 0; padding: 0; border-radius: 50%; border: 1px solid #062245; background: #445876; cursor: pointer; } .image-pagination::before { position: absolute; right: 2px; top: 2px; left: 2px; bottom: 2px; content: ''; background: #f0a71f; border-radius: 50%; opacity: 0; transition: opacity 0.5s; } .image-pagination.selected::before { opacity: 1; } .image-play { display: inline-block; width: 96px; height: 96px; background: url(../img/svg/ic_play.svg) no-repeat center center; } .image-play-list-view { display: inline-block; width: 24px; height: 24px; background: url(../img/svg/ic_play_list_view.svg) no-repeat center center; } .image-play-hover, .image-play:hover, .image-play.ui-state-hover { display: inline-block; width: 96px; height: 96px; background: url(../img/svg/ic_play_hover.svg) no-repeat center center; } .image-play-online { display: inline-block; width: 24px; height: 24px; background: url(../img/svg/ic_play.svg) no-repeat center center; background-size: contain; } .image-streaming-movies { display: inline-block; width: 24px; height: 18px; background: url(../img/svg/ic_folder_streaming_movies.svg) no-repeat center center; background-size: contain; } .image-ppv { display: inline-block; background: url(../img/ui/image-ppv.png) no-repeat; width: 26px; height: 16px; background-position: center center; } .image-ppv-purchased { display: inline-block; background: url(../img/ui/image-ppv-purchased.png) no-repeat; width: 23px; height: 22px; background-position: center center; } .image-premium { display: inline-block; background: url(../img/ui/image-premium.png) no-repeat; width: 18px; height: 18px; background-position: center center; } .image-preview { display: inline-block; width: 16px; height: 10px; background: url(../img/svg/ic_preview.svg) no-repeat center center; } .image-radiobutton { display: inline-block; width: 18px; height: 18px; background: url(../img/svg/ic_radio_unselected.svg) no-repeat center center; } .image-radiobutton.disabled, .image-radiobutton-disabled { display: inline-block; width: 18px; height: 18px; background: url(../img/svg/ic_radio_disabled.svg) no-repeat center center; } .image-radiobutton-selected { display: inline-block; width: 18px; height: 18px; background: url(../img/svg/ic_radio_selected.svg) no-repeat center center; } .image-recording-now { display: inline-block; width: 8px; height: 8px; background: url(../img/svg/ic_recording_now.svg) no-repeat center center; } .image-scroll-down { display: inline-block; width: 40px; height: 40px; background: url(../img/svg/ic_scroll_down.svg) no-repeat center center; } .image-scroll-left { display: inline-block; width: 40px; height: 40px; background: url(../img/svg/ic_scroll_left.svg) no-repeat center center; } .image-scroll-right { display: inline-block; width: 40px; height: 40px; background: url(../img/svg/ic_scroll_right.svg) no-repeat center center; } .image-scroll-up { display: inline-block; width: 40px; height: 40px; background: url(../img/svg/ic_scroll_up.svg) no-repeat center center; } .image-sd { display: inline-block; width: 36px; height: 18px; background: url(../img/svg/ic_sd.svg) no-repeat center center; } .image-search { display: inline-block; width: 20px; height: 20px; background: url(../img/svg/ic_search.svg) no-repeat center center; } .show-search-area .image-search { display: inline-block; width: 14px; height: 14px; opacity: 0.5; background: url(../img/svg/ic_delete.svg) no-repeat center center; } .image-season-pass-wishlist { display: inline-block; width: 16px; height: 16px; background: url(../img/svg/ic_wishlist.svg) no-repeat center center; } .image-select-open, .ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s { display: inline-block; background: url(../img/ui/image-dropdown-expanded.png) no-repeat; width: 10px; height: 10px; background-position: center center; } .image-share { display: inline-block; width: 18px; height: 27px; background: url(../img/svg/ic_share.svg) no-repeat center center; } .image-single-explicit-download { display: inline-block; width: 32px; height: 32px; background: url(../img/svg/ic_source_download.svg) no-repeat center center; } .image-single-explicit-record { display: inline-block; width: 24px; height: 24px; background: url(../img/svg/ic_single_explicit.svg) no-repeat center center; } .image-single-explicit-record.upcoming-notification-icon { display: inline-block; width: 11px; height: 10px; background: url(../img/svg/ic_single_explicit_upcoming.svg) no-repeat center center; } .image-skip { display: inline-block; width: 36px; height: 18px; background: url(../img/svg/ic_skip.svg) no-repeat center center; } .image-source-bookmark { display: inline-block; width: 32px; height: 32px; background: url(../img/svg/ic_source_bookmark.svg) no-repeat center center; } .image-source-download { display: inline-block; width: 32px; height: 32px; background: url(../img/svg/ic_source_download.svg) no-repeat center center; } .image-source-keep { display: inline-block; width: 32px; height: 32px; background: url(../img/svg/ic_source_kuid.svg) no-repeat center center; } .image-source-on-disk { display: inline-block; width: 32px; height: 32px; background: url(../img/svg/ic_source_on_disk.svg) no-repeat center center; } .image-source-on-tv { display: inline-block; width: 32px; height: 32px; background: url(../img/svg/ic_source_on_tv.svg) no-repeat center center; } .image-source-onepass { display: inline-block; width: 32px; height: 32px; background: url(../img/svg/ic_source_onepass.svg) no-repeat center center; } .image-source-recording { display: inline-block; width: 32px; height: 32px; background: url(../img/svg/ic_source_recording.svg) no-repeat center center; } .image-source-streaming-video { display: inline-block; width: 32px; height: 32px; background: url(../img/svg/ic_source_streaming_video.svg) no-repeat center center; } .image-source-streaming-video-bkgd { display: inline-block; width: 24px; height: 24px; background: url(../img/svg/ic_source_streaming_video_bkgd.svg) no-repeat center center; } .image-source-streaming-video-no-bkgd { display: inline-block; width: 14px; height: 14px; background: url(../img/svg/ic_source_streaming_video_no_bkgd.svg) no-repeat center center; } .image-source-streaming-video-unavailable { display: inline-block; width: 32px; height: 32px; background: url(../img/svg/ic_source_streaming_video_unavailable.svg) no-repeat center center; } .image-source-wishlist { display: inline-block; width: 32px; height: 32px; background: url(../img/svg/ic_source_wishlist.svg) no-repeat center center; } .image-source-tv { display: inline-block; width: 32px; height: 32px; background: url(../img/svg/ic_source_tv.svg) no-repeat center center; } .image-stars-four { display: inline-block; width: 76px; height: 16px; background: url(../img/svg/ic_stars_four.svg) no-repeat center center; } .image-stars-none { display: inline-block; width: 76px; height: 16px; background: url(../img/svg/ic_stars_none.svg) no-repeat center center; } .image-stars-one { display: inline-block; width: 76px; height: 16px; background: url(../img/svg/ic_stars_one.svg) no-repeat center center; } .image-stars-onePointFive { display: inline-block; width: 76px; height: 16px; background: url(../img/svg/ic_stars_one_point_five.svg) no-repeat center center; } .image-stars-three { display: inline-block; width: 76px; height: 16px; background: url(../img/svg/ic_stars_three.svg) no-repeat center center; } .image-stars-threePointFive { display: inline-block; width: 76px; height: 16px; background: url(../img/svg/ic_stars_three_point_five.svg) no-repeat center center; } .image-stars-two { display: inline-block; width: 76px; height: 16px; background: url(../img/svg/ic_stars_two.svg) no-repeat center center; } .image-stars-twoPointFive { display: inline-block; width: 76px; height: 16px; background: url(../img/svg/ic_stars_two_point_five.svg) no-repeat center center; } .image-streaming, .image-streaming-sm { display: inline-block; width: 15px; height: 15px; background: url(../img/svg/ic_streaming_video.svg) no-repeat center center; } .image-streaming-disabled { display: inline-block; width: 15px; height: 15px; background: url(../img/svg/ic_streaming_video_disabled.svg) no-repeat center center; } .image-subscription { display: inline-block; width: 32px; height: 32px; background: url(../img/svg/ic_source_onepass.svg) no-repeat center center; } .image-suggestion { display: inline-block; background: url(../img/ui/image-suggestion.png) no-repeat; width: 27px; height: 28px; background-position: center center; } .image-thumbs-down-1 { display: inline-block; width: 19px; height: 24px; background: url(../img/svg/ic_thumbs_down1.svg) no-repeat center center; } .image-thumbs-down-2 { display: inline-block; width: 25px; height: 24px; background: url(../img/svg/ic_thumbs_down2.svg) no-repeat center center; } .image-thumbs-down-3 { display: inline-block; width: 30px; height: 24px; background: url(../img/svg/ic_thumbs_down3.svg) no-repeat center center; } .image-thumbs-up-1 { display: inline-block; width: 19px; height: 24px; background: url(../img/svg/ic_thumbs_up1.svg) no-repeat center center; } .image-thumbs-up-2 { display: inline-block; width: 25px; height: 24px; background: url(../img/svg/ic_thumbs_up2.svg) no-repeat center center; } .image-thumbs-up-3 { display: inline-block; width: 30px; height: 24px; background: url(../img/svg/ic_thumbs_up3.svg) no-repeat center center; } .image-tv, .image-tv-sm { display: inline-block; width: 32px; height: 32px; background: url(../img/svg/ic_source_on_tv.svg) no-repeat center center; } .image-uhd { display: inline-block; width: 36px; height: 18px; background: url(../img/svg/ic_uhd.svg) no-repeat center center; } .image-undelete { display: inline-block; width: 15px; height: 13px; background: url(../img/svg/ic_undelete.svg) no-repeat center center; } .image-view-gallery { display: inline-block; width: 14px; height: 13px; background: url(../img/svg/ic_view-gallery.svg) no-repeat center center; } .image-view-list { display: inline-block; width: 12px; height: 13px; background: url(../img/svg/ic_view-list_selected.svg) no-repeat center center; } .image-wishlist-recording { display: inline-block; width: 16px; height: 16px; background: url(../img/svg/ic_wishlist.svg) no-repeat center center; } .image-folder-recommended { display: inline-block; width: 24px; height: 18px; background: url(../img/svg/ic_folder_tivo_suggestions.svg) no-repeat center center; } /* JQuery UI Components Copyright 2019 TiVo Inc. All Rights Reserved Started using lightness default theme: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/themes/base/jquery-ui.css These are customization done to the default non-themed part of jquery.ui css. */ .ui-tabs .ui-tabs-panel { padding: 0; } .ui-menu .ui-menu-item { /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-item a, .ui-menu .ui-menu-item a.ui-state-hover { padding: 0; font-weight: 300; } .ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-state-focus { margin: 0px; font-weight: 400; } .ui-helper-reset { line-height: inherit; } .ui-tabs .ui-tabs-nav { width: auto; padding: 0; } .ui-tabs .ui-tabs-nav li { margin: 0; } .ui-tabs .ui-tabs-nav li a { line-height: 1.0; padding: 0 4px 0; } .ui-tabs .ui-tabs-nav.cast-view { float: left; } /* jQuery ui-tabs in the 'traditional' view modality, as demo'd on the jQuery UI pages. These tabs have manilia folder like ears, though this metaphor is becoming a bit time worn. Contrast this with inline-tabs below. */ .folder-tabs.ui-tabs { padding: 0; } .folder-tabs.ui-tabs .ui-tabs-nav li { margin: 0 3px; } .folder-tabs.ui-tabs .ui-tabs-nav li:first-child { margin-left: 0px; } .folder-tabs.ui-tabs .ui-tabs-nav li a { padding: 0.5em 2em; } .folder-tabs.ui-tabs .ui-tabs-nav li.ui-state-default { margin-top: 0.3em; } .folder-tabs.ui-tabs .ui-tabs-nav li.ui-state-active { padding-top: 0.3em; margin-top: 0; } /* inline-tabs use the jQuery Tabs UI widget, but are styled to display like a bar delimited menu nav list. */ .inline-tabs { display: none; } .inline-tabs.ui-tabs { display: inline-block; } .inline-tabs.ui-tabs label { display: inline-block; text-align: right; } .inline-tabs.ui-tabs ul.sort-list { display: inline-block; margin-left: -5px; } .inline-tabs.ui-tabs ul.sort-list li { padding: 0 5px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; padding-bottom: 0; } .info-card-tabs.ui-tabs { padding: 0; margin-left: 16px; } .info-card-tabs.ui-tabs .ui-tabs-nav > li { margin: 0 48px 0 0; } .info-card-tabs.ui-tabs .ui-state-default > a { color: #FBFBFB; font-size: 15px; text-transform: uppercase; text-decoration: none; padding: 0; } .info-card-tabs.ui-tabs .ui-tabs-active > a { color: #ffffff; font-size: 15px; text-transform: uppercase; padding: 0; } .info-card-tabs.ui-tabs .ui-tabs-active > a:not(.ui-tabs-anchor-selectmenu) { border-bottom: 2px solid #ffffff; padding-bottom: 3px; } .info-card-tabs.ui-tabs .ui-tabs-active > a.ui-tabs-anchor-selectmenu::after { content: ''; position: absolute; left: 25px; right: 5px; display: inline-block; /*height: 1em;*/ border-bottom: 2px solid #ffffff; margin-top: 18px; } .info-card-tabs.ui-tabs .ui-tabs-anchor select { width: 0; border: none; } .info-card-tabs.ui-tabs .ui-tabs-anchor .ui-selectmenu-button { border: none; background: transparent; width: 100px; } .info-card-tabs.ui-tabs .ui-tabs-anchor .ui-selectmenu-button span.ui-selectmenu-text { padding: 0; text-align: center; line-height: 1; } .info-card-tabs.ui-tabs .ui-tabs-nav .ui-selectmenu-menu { border-radius: 2px; } .info-card-tabs.ui-tabs .ui-tabs-nav .ui-selectmenu-menu .ui-menu.ui-widget-content { background-color: #3d3d3d; border-radius: 2px; box-shadow: 0 0 8px 0 #00000028, 0 0 8px 0 #0000003d; font-size: 16px; color: #999999; } .info-card-tabs.ui-tabs .ui-tabs-nav .ui-selectmenu-menu .ui-menu.ui-widget-content .ui-menu-item { padding: 8px 16px; } .info-card-tabs.ui-tabs .ui-tabs-nav .ui-selectmenu-menu .ui-menu.ui-widget-content .ui-menu-item.ui-state-focus { background-color: #d8d8d81e; } .info-card-tabs.ui-tabs .ui-tabs-nav .ui-selectmenu-menu .ui-menu.ui-widget-content .ui-menu-item.ui-state-focus::after { content: "\2713"; color: #00a6e3; position: absolute; right: 16px; } .ui-autocomplete.ui-widget-content { word-wrap: break-word; } .search-dropdown-loading { text-align: center; } .ui-datepicker { position: absolute; width: 155px; z-index: 12; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0; margin-top: 8px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; right: 7px; top: 4px; width: 6px; height: 10px; } .ui-datepicker .ui-datepicker-prev.ui-state-disabled, .ui-datepicker .ui-datepicker-next.ui-state-disabled { display: none; } .ui-datepicker .ui-datepicker-title { line-height: 1.2em; text-align: center; margin: 0 0 0.6em; } .ui-datepicker th, .ui-datepicker td { padding: 5px 2px; text-align: center; } .ui-datepicker th span, .ui-datepicker th a, .ui-datepicker td span, .ui-datepicker td a { text-align: center; } .ui-button-icon-only .ui-icon, .ui-button-icons-only .ui-icon { position: relative; } .ui-dialog.default-dialog { width: 328px; } .ui-dialog.default-dialog .ui-dialog-content { overflow: visible; padding: 12px 24px; } .ui-dialog.default-dialog .ui-dialog-content .dialog-message { font-size: 18px; padding: 0; } .ui-dialog.default-dialog .ui-icon { width: 24px; height: 24px; } .ui-dialog.default-dialog .ui-dialog-titlebar { min-height: 45px; padding: 0 24px 0; } .ui-dialog.default-dialog .ui-dialog-titlebar .ui-dialog-title { margin: 12px 0; transition: opacity 1s; opacity: 1; font-size: 20px; font-weight: 600; line-height: normal; } .ui-dialog.default-dialog .ui-dialog-titlebar .ui-dialog-title.title-changing { opacity: 0; } .ui-dialog.default-dialog .ui-dialog-titlebar-close { border: medium none; background: transparent; margin: 0; padding: 0; height: auto; width: auto; right: 25px; top: 20px; z-index: 1; } .ui-dialog.default-dialog.onepass-settings-dialog, .ui-dialog.default-dialog.recording-settings-dialog, .ui-dialog.default-dialog.options-dialog, .ui-dialog.default-dialog.error-dialog { width: 450px !important; } .ui-dialog.default-dialog.upcoming-dialog { width: 565px !important; } .ui-dialog.default-dialog.transfer-recordings-dialog { width: 400px !important; } .ui-dialog.default-dialog.transfer-recordings-dialog .ui-dialog-title { font-size: 20px; } .ui-dialog.default-dialog.onepass-settings-dialog .ui-selectmenu-menu .ui-menu.ui-widget.ui-widget-content, .ui-dialog.default-dialog.recording-settings-dialog .ui-selectmenu-menu .ui-menu.ui-widget.ui-widget-content { max-height: 240px; max-width: 300px; min-width: 293px; } .ui-dialog.ui-widget-content.date-time-picker-container { max-width: 280px; /* override ui-datepicker so it can be positioned in a container */ } .ui-dialog.ui-widget-content.date-time-picker-container .ui-dialog-titlebar { padding: 0; } .ui-dialog.ui-widget-content.date-time-picker-container .ui-dialog-titlebar .ui-dialog-title { display: none; } .ui-dialog.ui-widget-content.date-time-picker-container .ui-dialog-titlebar-close { background: none; border: medium none; height: auto; margin: 0; padding: 0; right: -10px; top: -10px; width: auto; z-index: 1; } .ui-dialog.ui-widget-content.date-time-picker-container .ui-datepicker { position: static; } .ui-dialog.ui-widget-content.date-time-picker-container .calendar-container.hasDatepicker { float: left; position: relative; left: -5px; top: -10px; } .ui-dialog.ui-widget-content.date-time-picker-container .timepicker-container { float: right; padding-bottom: 10px; } .ui-dialog.ui-widget-content.date-time-picker-container .timepicker-container .am-list { float: left; padding-right: 15px; } .ui-dialog.ui-widget-content.date-time-picker-container .timepicker-container .pm-list { float: right; } .ui-dialog.ui-widget-content.date-time-picker-container .timepicker-container li { display: list-item; text-align: right; } .ui-dialog.ui-widget-content.date-time-picker-container .timepicker-container li.meridian-header { margin-bottom: 0.5em; text-align: center; } .ui-dialog.ui-widget-content.date-time-picker-container .timepicker-container li .ui-state-disabled { text-decoration: none; cursor: default !important; } .ui-dialog.ui-widget-content.date-time-picker-container .timepicker-container.is-24-hour-format .meridian-header { visibility: hidden; } .image-checkbox .ez-hide { left: 1px; position: relative; top: 9px; } .ui-selectmenu-button span.ui-selectmenu-text { padding: 2px 16px; font-size: 18px; font-weight: 600; line-height: normal; } .ui-selectmenu-menu .ui-menu .ui-menu-item { padding: 5px 12px; } .ui-selectmenu-menu .ui-menu.ui-widget-content { border-width: 1px; border-style: solid; border-color: rgba(41, 41, 41, 0.9); border-radius: 0 0 6px 6px; box-shadow: 0 0 4px 0 #242424; background-color: #3d3d3d; } .global-dvr-selector select, .bandwidth-test-dvr-selector select { width: auto; } .global-dvr-selector select > option, .bandwidth-test-dvr-selector select > option { padding: 0 0 0 0; } .global-dvr-selector .ui-selectmenu-button, .bandwidth-test-dvr-selector .ui-selectmenu-button { width: auto !important; max-width: 218px; height: 28px; position: relative; top: -6px; border: none; background: transparent; } .global-dvr-selector .ui-selectmenu-button .ui-selectmenu-text, .bandwidth-test-dvr-selector .ui-selectmenu-button .ui-selectmenu-text { padding: 0.4em 1.6em 0.4em 0.4em; } .global-dvr-selector .ui-selectmenu-menu .ui-menu.ui-widget-content, .bandwidth-test-dvr-selector .ui-selectmenu-menu .ui-menu.ui-widget-content { min-width: 145px; } .global-dvr-selector .ui-selectmenu-menu.ui-front, .bandwidth-test-dvr-selector .ui-selectmenu-menu.ui-front { z-index: 200; } .bandwidth-test-dvr-selector { margin-right: 10px; } .channel-selector .ui-selectmenu-button { float: left; max-width: 140px; } .channel-selector .ui-selectmenu-button .ui-selectmenu-text { padding: 4px 0 4px 5px; } .channel-selector .ui-selectmenu-menu .ui-menu-item { padding: 5px; } .manage-list-options .ui-selectmenu-button span.ui-selectmenu-text { padding: 2px 16px 2px 6px; } .manage-list-options .ui-selectmenu-button.ui-selectmenu-disabled span.ui-selectmenu-text { line-height: 1.231; } .body-selector .ui-selectmenu-button.ui-selectmenu-disabled .ui-icon { display: none; } .progress-bar-wrapper { display: inline-block; vertical-align: middle; margin-left: 1em; } .progress-bar-wrapper .progress-bar.ui-progressbar { width: 60px; height: 10px; vertical-align: middle; } .progress-bar-wrapper .progress-bar.ui-progressbar .ui-progressbar-value { margin: 0; } /* js scroll pane */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 15px; height: 100%; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { position: relative; } .jspDrag { position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; } .jspVerticalBar .jspArrow { height: 12px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { float: left; height: 100%; } .login-error-banner { display: block; margin: 0 0 15px; padding: 10px 8px 10px 20px; width: 400px; position: relative; } .login-error-banner span.image-error { text-indent: -9999px; display: inline; float: left; margin-left: -12px; } .loading-img { display: none; width: 30px; height: 30px; } .loading .loading-img { display: block; margin: 0 auto; } .infinite-browse.loading, .infinite-more.loading { height: 30px; } .pending-submit-overlay { opacity: 0.4; pointer-events: none; z-index: 9999; } #LOADING-SPINNER, .loading-img, .image-loading, .loading ul.items, .infinite-more.loading, .infinite-browse.loading, .list-loading-indicator, .pending-submit-overlay, .ui-dialog .ui-widget-content.loading, .mejs-overlay-loading span, div.search input.ui-autocomplete-input.ui-autocomplete-loading, .content-detail-flyout-container .qtip-content.empty.loading, .hover-bulk-onepass-wrapper.ui-state-hover.hover-loading .info-overlay, .hover-border-wrapper.ui-state-hover.hover-loading .info-overlay, .hover-border-wrapper.selected.hover-loading .info-overlay, .wtw-item.ui-state-hover.hover-loading .info-overlay, .loading-spinner, #guide-listing.guide-grid-loading .programs, #main-content:empty { background-image: url(../img/ui/image-loading.gif); background-position: center center; background-repeat: no-repeat; } .panel-loading-indicator { position: absolute; top: 150px; left: calc(50% - 48px); border-radius: 60px; text-align: center; width: 96px; height: 96px; margin: 0; justify-content: center; display: flex; align-items: center; z-index: 1000; } .panel-loading-indicator .fa-spin { font-size: 3.0em; color: rgba(255, 255, 255, 0.67); } .manage-onepass-view .manage-onepass-list-container { margin-top: 1em; } .manage-onepass-view .manage-list-wrapper { min-width: 550px; position: relative; min-height: 200px; padding: 0 3px; } .manage-onepass-view .manage-list-options { margin: 0 0 0.8em; } .manage-onepass-view .manage-list-options .manage-dvr-selector { margin: 0 0 0 1em; } .manage-onepass-view .manage-list-options .manage-dvr-selector .dvr-list { min-width: 150px; width: auto; } .manage-onepass-view .manage-list-options .ui-selectmenu-button { vertical-align: bottom; } .manage-onepass-view .manage-list-options .ui-selectmenu-menu .ui-state-disabled { opacity: 0.65; pointer-events: none; } .manage-onepass-view .disk-meter { position: absolute; right: 1em; } .manage-onepass-view .percent-full-wrapper { margin: 0 0 0 2em; } .manage-onepass-view .recording-priority { height: 40px; padding: 12px 0 0 12px; } .manage-onepass-view .manage-onepass-list { padding: 0 0 0.5em 0; } .manage-onepass-view .manage-edit-selectors { padding: 1em; } .manage-onepass-view .manage-edit-selectors .image-checkbox { position: relative; top: -5px; } .manage-onepass-view .manage-edit-selectors .default-button { margin-left: 80px; } .manage-onepass-line { display: block; } .manage-onepass-line .line-item-prefix { width: 100px; } .manage-onepass-line .line-item-prefix .priority-number { display: inline-block; width: 25px; } .manage-onepass-line .line-item-body { width: 45%; margin: 0; padding: 0 1em; } .manage-onepass-line .line-item-body .ellipses-truncated-text { max-width: 100%; } .manage-onepass-line .line-item-body .btn-conflict { margin-top: 0.5em; } .manage-onepass-line .line-item-suffix { width: 15%; text-align: right; } .manage-onepass-line .line-item-suffix .channel-info { padding-right: 6px; } .manage-onepass-line .line-item-suffix .channel-info span { display: block; overflow: hidden; text-overflow: ellipsis; } .manage-status-container { margin: 3px 0 0; } .manage-status-container .manage-status { display: none; vertical-align: top; } .manage-status-container.show-recording .is-recording, .manage-status-container.show-streaming .is-streaming, .manage-status-container.show-new-only .is-new-only, .manage-status-container.show-keep-10 .is-keep-10, .manage-status-container.show-keep-25 .is-keep-25 { display: inline-block; } .manage-status-container .comma-separator { display: none; } .manage-status-container.show-new-only.show-keep-10 .comma-separator, .manage-status-container.show-new-only.show-keep-25 .comma-separator { display: inline-block; } .manage-status-container .is-recording .image-tv-sm, .manage-status-container .is-streaming .image-streaming-sm { width: 20px; height: 15px; background-size: contain; vertical-align: middle; } .manage-status-container .is-new-only .image-new-sm { vertical-align: middle; } .manage-item-conflicts-button, .manage-item-updating-button { display: none; } .manage-onepass-line.has-conflicts .manage-item-conflicts-button { display: block; } .manage-onepass-line.has-updating .manage-item-updating-button { display: block; } /* Manage OnePass default messages .manage-single-dvr // default message for one supported dvr .manage-single-diskless // default message for one supported diskless device .manage-multiple-dvr // default message for multiple supported dvrs .manage-multiple-diskless // default message for multiple supported diskless devices .manage-empty-list // no OnePasses found .manage-non-dvr // supported device-is-web-player message .manage-disconnected-error // error-disconnected message .manage-unsupported-dvr // unsupported 'legacy' dvr message */ .manage-onepass-view .default-message { display: none; width: 85%; } .account-has-tivo-device .manage-onepass-view.show-single-dvr .manage-single-dvr { display: block; } .account-has-tivo-device .manage-onepass-view.show-single-diskless .manage-single-diskless { display: block; } .account-has-tivo-device .manage-onepass-view.show-multiple-dvrs .manage-multiple-dvr { display: block; } .account-has-tivo-device .manage-onepass-view.show-multiple-diskless .manage-multiple-diskless { display: block; } .device-is-web-player .manage-onepass-view .manage-non-dvr { display: block; } .manage-onepass-view .manage-onepass-list-container { display: inline-block; width: 65%; vertical-align: top; } .manage-onepass-view .manage-onepass-list-container.hidden-list-container { display: none; } .manage-onepass-view.show-single-dvr .device-is-web-player .manage-list-options, .manage-onepass-view.show-single-diskless .device-is-diskless .manage-list-options { display: none; } .manage-onepass-view.show-multiple-dvrs .manage-onepass-list-container, .manage-onepass-view.show-multiple-diskless .manage-onepass-list-container { width: 46%; } .manage-onepass-view.show-multiple-dvrs .manage-onepass-list-container:first-child, .manage-onepass-view.show-multiple-diskless .manage-onepass-list-container:first-child { margin-right: 6%; } .manage-onepass-view.show-manage-unsupported-dvr .manage-unsupported-dvr { display: block; } .manage-onepass-list-container.dvr-not-selected .percent-full-wrapper, .manage-onepass-list-container.dvr-not-selected .progress-bar-wrapper, .manage-onepass-list-container.dvr-not-selected .manage-list-wrapper { visibility: hidden; } .manage-onepass-list-container.show-list-empty .manage-empty-list { display: block; padding: 0 10px; position: absolute; top: 10px; width: auto; } .manage-onepass-list-container.show-list-empty .recording-priority, .manage-onepass-list-container.show-list-empty .manage-edit-selectors { visibility: hidden; } .manage-onepass-list-container.show-disconnected-error .manage-disconnected-error { display: block; padding: 0 10px; position: absolute; top: 10px; width: auto; } .manage-onepass-list-container.show-disconnected-error .manage-onepass-list, .manage-onepass-list-container.show-disconnected-error .manage-empty-list, .manage-onepass-list-container.show-disconnected-error .manage-edit-selectors, .manage-onepass-list-container.show-disconnected-error .recording-priority { visibility: hidden; } .manage-onepass-list-container .loading { display: none; } .manage-onepass-list-container.show-loading .loading { display: block; } .manage-onepass-list-container.show-loading .loading .image-loading { width: 100%; } .manage-list-wrapper { border-radius: 5px; } .recording-priority, .manage-edit-selectors { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #323940; box-shadow: 0 1px 0 0 #242424; } .manage-onepass-line.ui-selected { cursor: move; } .mejs-container:focus, .mejs-container *:focus, .mejs-controls .mejs-button button:focus { outline-style: none; } .mejs-container .mejs-controls div { height: 29px; width: 35px; } .mejs-container .mejs-controls .mejs-alternate-audio { float: right; } .mejs-container .mejs-controls .mejs-closed-caption { float: right; } .mejs-container .mejs-controls .mejs-fullscreen-button { float: right; } .mejs-controls .mejs-button button { margin: 7px 5px; height: 15px; width: 25px; } .mejs-controls .mejs-time-rail { position: relative; } .mejs-controls span.mejs-time-skipped-recording, .mejs-controls span.mejs-time-future-recording { display: block; width: 0px; height: 10px; cursor: default; margin: 5px 0; } .mejs-controls .mejs-time-future-recording { right: 0px; } .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px 0; } .mejs-controls .mejs-time-rail { margin: 0 5px; } .mejs-controls .mejs-time-rail span { border-radius: 0; } /* Containers and Layers */ .mejs-container { background: #000000; } .mejs-embed, .mejs-embed body { background: #000000; } .mejs-overlay-loading, .mejs-controls span.mejs-time-future-recording { background: transparent; } .mejs-container .mejs-controls { background-image: linear-gradient(#4b4b4b, #191919); } /* Progress Bar */ .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-controls span.mejs-time-skipped-recording { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)); } .mejs-controls .mejs-time-rail .mejs-time-buffering { background-image: linear-gradient(-45deg, #929292 25%, transparent 25%, transparent 50%, #929292 50%, #929292 75%, transparent 75%, transparent); } .mejs-controls .mejs-time-rail .mejs-time-loaded { background-image: linear-gradient(#929292, #929292); } .mejs-controls .mejs-time-rail .mejs-time-current { background-image: linear-gradient(#4EC400, #3C9E00); } .mejs-controls .mejs-time-rail .mejs-time-float { background: #EBEBEB; border: solid 1px #929292; box-shadow: 0 2px 5px -1px #000000; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { border: 5px solid #929292; border-color: #929292 transparent transparent transparent; } .mejs-controls .mejs-volume-button .mejs-volume-slider { background: rgba(50, 50, 50, 0.7); } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { background: rgba(0, 0, 0, 0.7); } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { background: rgba(255, 255, 255, 0.7); } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { background: rgba(255, 255, 255, 0.8); } .mejs-controls .mejs-captions-button .mejs-captions-selector { background: #4b4b4b; border: solid 1px transparent; } .mejs-captions-text { background: rgba(20, 20, 20, 0.5); } /* special overrides for time-handle and time-float display */ .mejs-controls .mejs-time-rail .mejs-time-handle { z-index: 100; } .mejs-controls .mejs-time-rail .mejs-time-float { margin-left: -26px; width: 50px; } .mejs-controls .mejs-time-rail .mejs-time-float .mejs-time-float-current { left: -2px; width: 98%; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 20px; } /* Context menu */ .mejs-contextmenu { background: #EBEBEB; border: solid 1px #929292; } .mejs-contextmenu .mejs-contextmenu-separator { background: #929292; } .mejs-contextmenu .mejs-contextmenu-item:hover { background: #092643; } /* Postroll */ .mejs-postroll-layer { background: rgba(0, 0, 0, 0.75); } .mejs-postroll-close { background: rgba(0, 0, 0, 0.75); } .video-source-container { border-left: 1px solid #929292; } /* HLS level display, dev only */ .mejs-controls .mejs-level-button.mejs-button > button { font-size: 1.8em; font-weight: bold; padding: 3px 0 0 0; } .mejs-controls .mejs-level-button.mejs-button.high > button { color: #1bb917; } .mejs-controls .mejs-level-button.mejs-button.med > button { color: #b5b917; } .mejs-controls .mejs-level-button.mejs-button.low > button { color: #b95617; } .button-display-rules button { display: none; } .button-display-rules.show-watch-now button.watch-now-button, .button-display-rules.show-resume button.resume-button, .button-display-rules.show-get-onepass button.get-onepass-button, .button-display-rules.show-get-onepass button.dont-save-button, .button-display-rules.show-onepass-options button.onepass-options-button, .button-display-rules.show-onepass-options button.dont-change-button, .button-display-rules.show-cancel-onepass button.cancel-onepass-button, .button-display-rules.show-create-wishlist button.create-wishlist-button, .button-display-rules.show-record-this-episode button.record-content-button, .button-display-rules.show-record-this-episode button.record-episode-button, .button-display-rules.show-record-this-episode button.cancel-episode-button, .button-display-rules.show-record-this-movie button.record-content-button, .button-display-rules.show-record-this-movie button.record-movie-button, .button-display-rules.show-record-this-movie button.cancel-movie-button, .button-display-rules.show-record-this-show button.record-content-button, .button-display-rules.show-record-this-show button.record-show-button, .button-display-rules.show-record-this-show button.cancel-show-button, .button-display-rules.show-modify-record-options button.recording-options-button.modify, .button-display-rules.show-record-options button.recording-options-button, .button-display-rules.show-record-options button.cancel-record-options-button, .button-display-rules.show-cancel-recording button.cancel-recording-button, .button-display-rules.show-add-streaming-video button.add-streaming-video-button, .button-display-rules.show-add-season-video button.add-season-streaming-button, .button-display-rules.show-streaming-video-added button.streaming-video-added-message, .button-display-rules.show-streaming-video-added button.delete-streaming-video-button, .button-display-rules.show-streaming-season-added button.delete-streaming-season-button, .button-display-rules.show-rent-or-buy button.add-rent-or-buy-button { display: inline-block; } .actions-button-list button { display: none; } .actions-button-list.show-watch-now button.watch-now-button, .actions-button-list.show-resume button.resume-button, .actions-button-list.show-get-this-show-button button.get-this-show-button, .actions-button-list.show-more-options-button button.more-options-button, .actions-button-list.show-wish-list-button button.create-wishlist-button, .actions-button-list.show-upcoming-button button.upcoming-button, .actions-button-list.show-season-pass-button button.season-pass-button, .actions-button-list.show-record-button button.record-button, .actions-button-list.show-recording-options-button button.recording-options-button, .actions-button-list.show-add-to-my-shows-button button.add-to-myshow { display: inline-block; } .actions-button-list button.always-show, .button-display-rules button.always-show { display: inline-block; } /** Hide/show different icons if it's a 'show-state' icon set based on the initializing-state */ .shows-state-icons .show-while-initializing { display: none; } .shows-state-icons.initializing-state .hide-while-initializing { display: none; } .shows-state-icons.initializing-state .show-while-initializing { display: inline-block; } /** once initialized, a 'show-state-icon''s button can be disabled with explanation text */ .ui-state-disabled .shows-state-icons, .ui-state-disabled .shows-state-icons:hover { opacity: .5; cursor: not-allowed; } .options-dialog .button-display-rules button.cancel-button { display: inline-block; } .button-display-rules-loading { min-height: 110px; } .button-display-rules-loading button { display: none; } .delete-dialog button { display: none; } .delete-dialog button.cancel-button, .delete-dialog.show-delete button.delete-contents-button, .delete-dialog.show-delete-streaming button.delete-streaming-button, .delete-dialog.show-delete-recording button.delete-recording-button, .delete-dialog.show-delete-replace button.delete-replace-button, .delete-dialog.show-delete-remove-onepass button.delete-remove-onepass-button { display: inline-block; } .buttons-container { padding: 10px 15px 5px; } .upcoming-dialog .buttons-container { display: inline-block; padding: 0; } .upcoming-dialog .recording-options-button { text-transform: capitalize; } .action-buttons { display: inline-block; } .action-buttons li { vertical-align: middle; } .action-buttons .show-for-get, .action-buttons .show-for-preview, .action-buttons .show-for-modify, .action-buttons .show-for-delete { display: none; } .action-buttons.show-get .show-for-get, .action-buttons.show-preview .show-for-preview, .action-buttons.show-modify .show-for-modify, .action-buttons.show-delete .show-for-delete { display: inline-block; } .tvod-message-container, .subscription-required { display: inline-block; vertical-align: top; margin: 5px 5px 0 0; } .tvod-message-container .image-on-dvr, .subscription-required .image-subscription { display: inline-block; vertical-align: top; margin-right: 5px; } .episode-detail-wrapper .content-description .action-buttons { margin: 0 0 0.5em; } .dropdown .dropdown-menu { padding: 0; min-width: 0; } .dropdown .dropdown-menu .dropdown-button { padding: 5px 8px; width: 100%; text-align: left; } .dropdown .dropdown-menu .dropdown-button:empty { display: none; } .dropdown-button i.fa, .default-button i.fa { margin-right: 10px; } .dropdown-button .button-icon, .default-button .button-icon { margin-right: 10px; vertical-align: middle; } .dropdown-button .team-icon, .default-button .team-icon { width: 40px; height: 40px; margin-right: 15px; float: left; } .dropdown-button .league-icon, .default-button .league-icon { width: 40px; height: 30px; float: left; } .dropdown-button .branding-partner-icon, .default-button .branding-partner-icon { display: inline-block; width: 32px; height: 32px; } .sport-event-get-button-stack .dropdown-button, .sport-event-get-button-stack .default-button { display: none; } .sport-event-get-button-stack .dropdown-button.record-show-button, .sport-event-get-button-stack .dropdown-button.onepass-create-button, .sport-event-get-button-stack .default-button.record-show-button, .sport-event-get-button-stack .default-button.onepass-create-button { display: flex; } .sport-event-modify-button-stack .dropdown-button, .sport-event-modify-button-stack .default-button { display: none; } .sport-event-modify-button-stack .dropdown-button.recording-options-button, .sport-event-modify-button-stack .dropdown-button.onepass-modify-button, .sport-event-modify-button-stack .default-button.recording-options-button, .sport-event-modify-button-stack .default-button.onepass-modify-button { display: flex; } .explore-movie-link, .explore-series-link { display: none; } .series .explore-series-link, .special .explore-series-link, .movie .explore-movie-link, .episode .explore-series-link, .non-episodic .explore-series-link .sportsEvent .explore-series-link { display: inline-block; } /* Links ---------------------- */ a { text-decoration: none; line-height: inherit; } a:hover { text-decoration: underline; cursor: pointer; } .menu-link { text-decoration: none; line-height: inherit; } .menu-link:hover { text-decoration: underline; cursor: pointer; } a:focus { outline: none; } .season-state-available, .season-state-unavailable { cursor: pointer; } .season-state-available.season-state-active, .season-state-unavailable.season-state-active { cursor: default; } .button-bar > * { border-radius: 7px; } .button-bar > *.season-state-available { border-width: 1px; border-style: solid; border-color: #6B89B8; } .button-bar > *.season-state-unavailable { border-width: 1px; border-style: solid; border-color: #929292; } .button-bar > *.season-state-active { border-width: 1px; border-style: solid; border-color: transparent; } /* button common styles */ .dropdown-button, .default-button, a.default-button { border-radius: 6px; font-size: 18px; } .dropdown-button:hover, .default-button:hover, a.default-button:hover { text-decoration: none; } .dropdown-button.guide-button, .default-button.guide-button, a.default-button.guide-button { line-height: 1.3em; border-radius: 3px 3px 3px 3px; } .default-button.action:hover, .default-button.delete-button:hover, .default-button.delete-active:hover { text-decoration: none; } .default-button.wishlist { /* icon placement */ } .default-button.wishlist .image-wishlist, .default-button.wishlist .image-wishlist-disabled { text-indent: -9999px; margin-right: 3px; position: relative; top: 2px; display: inline-block; } .default-button.disabled, .default-button.delete-button.disabled, .default-button.inactive-button, .default-button.time-jump-item-disabled { cursor: default; } .default-button.disabled:hover, .default-button.delete-button.disabled:hover, .default-button.inactive-button:hover, .default-button.time-jump-item-disabled:hover { text-decoration: none; } .body-selector .ui-selectmenu-button.ui-selectmenu-disabled { border: none; } .myshows.medium-screen-size .global-header:after { transition: none; opacity: 1; } .myshows #main-content.container { margin-top: 0; padding-top: 90px; } .myshows #main-content.container .row { padding: 0; } .myshows #main-content.container .row .guest-wrapper { margin-left: 15px; } .myshows .ui-selectable-helper { border: 1px dotted #00a6e2; } .my-shows-container.no-shows .edit-button, .my-shows-container.no-shows .filter-control-container { display: none; } .my-shows-container .panel-loading-indicator { z-index: 2; } .my-shows-container .progress-bar-wrapper { margin-left: 0; margin-top: 4px; } .my-shows-container .progress-bar-wrapper .js-progress-bar { width: 100px; height: 5px; border: none; } .my-shows-container .progress-bar-wrapper .js-progress-bar .ui-progressbar-value { background-color: #00a6e3; border-radius: 4px; } .my-shows-container .my-shows-nav-bar .image-checkbox { visibility: hidden; } .my-shows-container .my-shows-nav-bar .edit-wrapper { display: none; } .my-shows-container .my-shows-nav-bar .one-pass-nav-wrapper { position: fixed; width: 200px; top: 146px; } .my-shows-container .my-shows-nav-bar .one-pass-nav-wrapper .left-nav { margin-top: 0; position: relative; height: auto; background-color: #1f1f1f; color: #cccccc; font-size: 18px; font-weight: 600; line-height: normal; } .my-shows-container .my-shows-nav-bar .one-pass-nav-wrapper .left-nav .ui-menu-item { height: 56px; display: flex; align-items: center; padding-left: 24px; color: #999999; text-transform: none; margin: 0; } .my-shows-container .my-shows-nav-bar .one-pass-nav-wrapper .left-nav .ui-menu-item.menu-item-active { background: rgba(255, 255, 255, 0.12); color: #FFFFFF; } .my-shows-container .my-shows-nav-bar .one-pass-buttons-container { position: absolute; display: flex; align-items: center; background-color: #1f1f1f; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12); width: 100%; left: 0; top: 90px; } .my-shows-container .my-shows-nav-bar .one-pass-buttons-container.scroll-to-fixed-fixed { background-color: rgba(31, 31, 31, 0.94); } .my-shows-container .my-shows-nav-bar .one-pass-buttons-container .one-pass-edit-selectors { border: none; width: 50%; height: 56px; display: flex; align-items: center; } .my-shows-container .my-shows-nav-bar .one-pass-buttons-container .one-pass-edit-selectors button { padding: 5px; font-weight: 600; } .my-shows-container .my-shows-nav-bar .one-pass-buttons-container .one-pass-edit-selectors .edit-wrapper { display: none; } .my-shows-container .my-shows-nav-bar .one-pass-buttons-container .dvr-meter-container { height: 56px; display: flex; min-width: 200px; color: #cccccc; font-size: 18px; } .my-shows-container .my-shows-nav-bar .one-pass-buttons-container .dvr-meter-container .disk-meter { display: flex; width: 100%; flex-direction: column; margin-top: 13px; margin-left: 24px; } .my-shows-container .my-shows-nav-bar .one-pass-buttons-container .filter-control-container { width: 10%; margin-left: auto; margin-right: 25px; text-align: right; } .my-shows-container .my-shows-nav-bar .one-pass-buttons-container .filter-control-container .js-sort-control .ui-tabs-nav:before { position: absolute; width: 15px; height: 15px; left: -15px; top: 8px; background: url(../img/svg/ic_sort.svg) no-repeat center; } .my-shows-container .my-shows-nav-bar .one-pass-buttons-container .filter-control-container .js-sort-control .ui-tabs-nav .ui-state-default { border: none; } .my-shows-container .my-shows-nav-bar .one-pass-buttons-container .filter-control-container .js-sort-control .ui-tabs-nav .ui-state-default a { color: #999999; font-size: 18px; font-weight: 600; line-height: normal; } .my-shows-container .my-shows-nav-bar .one-pass-buttons-container .filter-control-container .js-sort-control .ui-tabs-nav li.ui-state-active { display: none; } .my-shows-container .my-shows-nav-bar .one-pass-buttons-container.edit-active .edit-button { display: none; } .my-shows-container .my-shows-nav-bar .one-pass-buttons-container.edit-active .edit-wrapper { display: flex; } .my-shows-container .my-shows-nav-bar .one-pass-buttons-container.edit-active .delete-button { display: inline-flex; } .my-shows-container .my-shows-nav-bar .one-pass-buttons-container.edit-active .delete-button .fa-close { background: url(../img/svg/ic_delete.svg) no-repeat center center; height: 14px; width: 14px; margin-left: 5px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper { width: calc(100% - 200px); left: 200px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items { padding-top: 56px; background: inherit; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items.no-results .empty-message { padding-left: 48px; padding-top: 25px; font-size: 14px; color: #cccccc; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-movie-line .op-episode-count-wrapper, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-episode-line .op-episode-count-wrapper { visibility: hidden; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container { display: none; height: 414px; position: relative; padding-top: 24px; background-color: #242424; font-size: 15px; font-weight: bold; line-height: normal; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container.show-error .ajax-error { display: block; padding-left: 30px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container.show-error .ajax-error h4 { font-size: 30px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .show-while-initializing { display: none; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .ui-selectmenu-open { z-index: 2; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .loading-spinner, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container #guide-listing.guide-grid-loading .programs, #guide-listing.guide-grid-loading .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .programs, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container #main-content:empty { height: 350px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .info-card-tabs { margin-left: 0; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .info-card-tabs .flickity-enabled { height: 284px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .info-card-tabs .flickity-enabled.is-dragging { pointer-events: none; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .info-card-tabs .cast-no-cast-message { margin-left: 15px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .ui-tabs-nav { margin-left: 16px; margin-top: 2px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .action-buttons-placement-wrapper { margin-bottom: 0; margin-top: 10px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .editable-buttons-container { margin-top: 25px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .editable-buttons-container button { margin-bottom: 2px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="movie"] .img-container, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="episode"] .img-container, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="sportsEvent"] .img-container, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="series"] .img-container { width: 569px; height: 338px; margin-top: 37px; margin-left: -6px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="upcoming"] .upcoming-filters, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="cast"] .upcoming-filters, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="sports-event-upcoming"] .upcoming-filters { margin-left: 15px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="upcoming"] .upcoming-container, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="cast"] .upcoming-container, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="sports-event-upcoming"] .upcoming-container { padding: 0 15px; min-height: 280px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="upcoming"] .upcoming-container .flickity-prev-next-button, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="cast"] .upcoming-container .flickity-prev-next-button, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="sports-event-upcoming"] .upcoming-container .flickity-prev-next-button { top: 60%; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="upcoming"] .upcoming-no-upcoming-message, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="cast"] .upcoming-no-upcoming-message, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="sports-event-upcoming"] .upcoming-no-upcoming-message { margin-top: 30px; margin-left: 15px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="upcoming"] .cast-container, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="cast"] .cast-container, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="sports-event-upcoming"] .cast-container { padding: 0 24px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="team"] .team-detail-photo { display: inline-block; float: left; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="team"] .team-detail-photo .img-container { box-shadow: inset 2px 2px 10px 10px #242424; height: 290px; width: 659px; margin-top: 20px; background-size: contain; background-repeat: no-repeat; position: relative; background-position: center; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="team"] .content-upcoming-container, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="team"] .recordings-strip-container { display: none; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="team"] .content-description-panel .title-container { display: flex; align-items: baseline; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="team"] .content-description-panel .title-container .share-container { margin-left: 10px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="team"] .content-description-panel .title-container .main-title { max-width: 70%; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="team"] .content-description-panel .title-container .title-text { margin-top: 10px; cursor: pointer; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="team"] .content-description-panel .title-container .title-text:hover { text-decoration: underline; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="team"] .content-description-panel .description, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="team"] .content-description-panel .notification-area { font-size: 20px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container [data-panel-widget="cast"] .flickity-enabled { height: 312px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .season-filters { width: auto; margin-right: 15px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .season-filters .season-title { padding-right: 10px; width: auto; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .season-filters .season-title .sort-by-date { margin: 0 10px; color: #999999; border-right: 1px solid rgba(36, 36, 36, 0.5); padding-right: 10px; cursor: pointer; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .season-filters .season-title .sort-by-date.active { color: #FFFFFF; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .season-filters .season-title .title-label { cursor: pointer; color: #999999; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .season-filters .season-title .title-label.active { color: #FFFFFF; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .season-filters .js-seasons-list-menu { visibility: visible; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .season-filters .js-seasons-list-menu.inactive { visibility: hidden; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .season-filters .ui-selectmenu-text { padding-top: 4px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .watchlist-wrapper, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .recordings-wrapper { margin-left: 16px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .watchlist-wrapper [class*="-widget"].no-episodes .editable-buttons-container, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .watchlist-wrapper [class*="-widget"].no-episodes .season-filters, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .recordings-wrapper [class*="-widget"].no-episodes .editable-buttons-container, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .recordings-wrapper [class*="-widget"].no-episodes .season-filters { display: none; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .watchlist-wrapper [class*="-widget"] .all-episodes-no-episodes-message, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .recordings-wrapper [class*="-widget"] .all-episodes-no-episodes-message { margin-top: 30px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .image-checkbox { visibility: visible; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .video-source-switcher { top: 61%; z-index: 2; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .main-title { font-size: 36px; font-weight: normal; line-height: normal; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .secondary-text { color: #999999; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .content-container .action-buttons-placement-wrapper { margin-top: 16px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .content-container .main-title { margin-top: 10px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .content-container .description-with-trailer { font-weight: normal; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .action-buttons button { height: 32px; padding: 5px; font-size: 18px; font-weight: bold; line-height: normal; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .action-buttons button .button-icon { vertical-align: unset; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .showing-info-status { padding-bottom: 10px; margin-left: 10px; font-size: 18px; font-weight: normal; line-height: 1.28; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .close { height: 24px; top: 24px; width: 24px; background: url(../img/svg/ic_close.svg) no-repeat center center; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container .close .close-x { display: none; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container.myshows-editable-carousel-container { position: relative; display: none; padding: 25px 0 0 55px; background-color: #242424; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container.myshows-editable-carousel-container .close { position: absolute; right: 40px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .myshows-panel-container.myshows-editable-carousel-container .editable-buttons-container { margin-top: 0; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line { height: 56px; border: none; box-shadow: none; display: flex; align-items: center; padding-right: 30px; padding-left: 20px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line.expanded { background: #ffffffde; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line.expanded .js-title, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line.expanded .js-episode-title, .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line.expanded .date { color: #1f1f1f; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line .panel-loading-indicator { display: none; top: 207px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line .progress-bar-wrapper { width: auto; display: flex; align-items: center; justify-content: space-between; margin-left: 0; margin-right: 30px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line .progress-bar-wrapper .js-progress-bar { height: 3px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line .line-item-prefix { display: flex; align-items: center; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line .line-item-prefix .op-episode-count-wrapper { position: relative; display: inline-block; z-index: 2; text-align: center; width: 24px; height: 20px; left: 13px; background: url(../img/svg/ic_folder.svg) center center no-repeat; color: #ffffff; font-size: 16px; font-weight: 600; line-height: normal; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line .line-item-body { min-height: inherit; display: flex; width: 100%; padding-left: 10px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line .line-item-body .item-info { display: flex; flex-direction: column; justify-content: center; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line .line-item-body .item-info .js-title { font-size: 18px; font-weight: 400; line-height: normal; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line .line-item-body .item-info .js-episode-title { max-width: 30px; white-space: nowrap; font-size: 16px; font-weight: 400; line-height: normal; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line .line-item-body .status-info { margin-left: 8px; height: 26px; display: flex; align-items: center; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line .line-item-body .status-info .status-icons { margin-left: 5px; display: flex; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line .line-item-body .status-info .image-folder-recording { width: 8px; height: 8px; background: url(../img/svg/ic_recording_now.svg) no-repeat center center; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line .line-item-body .status-info .image-play-online { position: absolute; left: 55px; top: 17px; background: url(../img/svg/ic_play_list_view.svg) no-repeat center center; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line .line-item-body .status-info .image-folder-deleted { position: absolute; left: 55px; top: 20px; vertical-align: middle; z-index: 2; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line .line-item-body .image-folder { position: absolute; z-index: 1; top: 21px; left: 46px; background: none; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line .line-item-suffix { margin-left: auto; width: 30%; display: flex; justify-content: flex-end; color: #999999; font-size: 18px; font-weight: 600; line-height: normal; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line .line-item-suffix .date { text-align: right; width: auto; font-weight: 400; min-width: 85px; } .my-shows-container.has-one-pass-nav .one-pass-list-wrapper .one-pass-list-items .js-one-pass-list .onepass-line .line-item-suffix .op-channel { display: none; } .one-pass-list-wrapper { display: none; width: 100%; position: relative; } /* TODO: Remove dependency on the 'show-list' class to display the one-pass-list-wrapper for Teams. This was a carryover from MyShows and MyShows Episodes that we no longer need */ .show-list .one-pass-list-wrapper { display: inline-block; } .show-list .episode-detail-wrapper .episode-detail-toggle { display: block; } .one-pass-nav-wrapper { display: none; width: 150px; height: 400px; float: left; } .one-pass-list-items { height: auto; position: relative; } .one-pass-list-items .infinite-more.loading { padding-top: 250px; } .one-pass-list-items.no-results { min-height: 310px; } .team .one-pass-list-items.list-empty, .myteam .one-pass-list-items.list-empty { min-height: 0; } .team .one-pass-top-controls .folder-tabs.ui-tabs, .myteam .one-pass-top-controls .folder-tabs.ui-tabs { float: none; } .team .team-detail-wrapper, .myteam .team-detail-wrapper { margin-bottom: 15px; } .has-episode-panel .one-pass-list-items.no-results { height: auto; } .one-pass-list-items .onepass-line { display: list-item; } .editable-list .image-checkbox, .has-episode-panel .editable-list.show-all-shows .image-checkbox { visibility: hidden; } .editable-list .edit-wrapper, .has-episode-panel .editable-list.show-all-shows .edit-wrapper { display: none; } .editable-list.multi-select .image-checkbox { visibility: visible; } .editable-list.multi-select .edit-wrapper { display: inline; } .editable-list.multi-select .one-pass-edit-link button { display: none; } .one-pass-list-items.show-recordings .onepass-line:not(.is-recordings), .one-pass-list-items.show-online-only .onepass-line:not(.is-available-online), .one-pass-list-items.show-watch-now .onepass-line:not(.is-available-online) { display: none; } /* When displaying the Cloud tab, we do not include any filtering in our request, so we want to show all possible rows. In other tabs, we want to filter out anything that is not a TV series when the TV SERIES filter is applied. For that filter, the server sends down all shows and filtering is done on the client side. All other filters are applied as part of the request, so no further filtering is necessary */ .one-pass-list-items:not(.show-cloud).show-tv-series .onepass-line:not(.is-tv-series) { display: none; } .onepass-episode-line, .onepass-folder-line, .onepass-movie-line { padding: 9px 0 7px 10px; cursor: pointer; position: relative; } .onepass-episode-line .poster-container, .onepass-folder-line .poster-container, .onepass-movie-line .poster-container { margin: 0 auto; width: 100px; display: inline-block; } .onepass-episode-line .poster-container .img-container, .onepass-folder-line .poster-container .img-container, .onepass-movie-line .poster-container .img-container { border: none; } .onepass-episode-line .program-image .img-container .image-overlay, .onepass-folder-line .program-image .img-container .image-overlay, .onepass-movie-line .program-image .img-container .image-overlay { display: none; } .onepass-episode-line.hide-episode-count .op-episode-count-wrapper, .onepass-folder-line.hide-episode-count .op-episode-count-wrapper, .onepass-movie-line.hide-episode-count .op-episode-count-wrapper { display: none; } .onepass-folder-line .progress-bar, .onepass-line .progress-bar { display: none; } .onepass-line.is-partially-watched .progress-bar { display: inline-block; } .onepass-folder-line.is-my-shows-folder .img-container .image-overlay { visibility: hidden; } .onepass-folder-line.is-my-shows-folder .wishlist .img-container { visibility: visible; } .onepass-folder-line.is-my-shows-folder .suggestion .img-container { visibility: visible; } .onepass-folder-line.is-my-shows-folder.is-movies .img-container { visibility: visible; } .onepass-folder-line.is-my-shows-folder .line-item-prefix .image-checkbox { visibility: hidden; } .line-item-prefix { width: 70px; display: inline-block; vertical-align: top; } .line-item-prefix .image-checkbox { margin-right: 5px; } .line-item-prefix .onepass-status { vertical-align: middle; } .line-item-body { display: inline-block; vertical-align: top; width: calc(100% - 670px); margin: 0 1em; min-height: 75px; } .line-item-body .ellipses-truncated-text { max-width: 60%; } .line-item-body .season-in-title { display: inline-block; } .has-episode-panel .line-item-body { min-height: 0; } .line-item-suffix { width: 450px; float: right; display: inline-block; vertical-align: middle; } .line-item-suffix .progress-bar-wrapper { width: 25%; margin-left: 100px; } .line-item-suffix .date, .line-item-suffix .season-in-column { width: 25%; vertical-align: middle; } .line-item-suffix .season-in-column { display: none; } .line-item-suffix .date { display: inline-block; } .line-item-suffix .op-channel { display: inline-block; width: 25%; } .line-item-suffix .op-channel .channel-icon { height: 26px; width: 91px; background-size: contain; background-repeat: no-repeat; background-position: center center; vertical-align: middle; display: inline-block; background-repeat: no-repeat; } .has-episode-panel .show-recordings .season-in-column, .has-episode-panel .show-my-shows .season-in-column { display: none; } .has-episode-panel .show-recordings .date, .has-episode-panel .show-recordings .season-in-title, .has-episode-panel .show-my-shows .date, .has-episode-panel .show-my-shows .season-in-title { display: inline-block; } .has-episode-panel .show-recordings.has-season-picker .season-in-column, .has-episode-panel .show-my-shows.has-season-picker .season-in-column { display: inline-block; width: 35%; } .has-episode-panel .show-recordings.has-season-picker .date, .has-episode-panel .show-recordings.has-season-picker .season-in-title, .has-episode-panel .show-my-shows.has-season-picker .date, .has-episode-panel .show-my-shows.has-season-picker .season-in-title { display: none; } .has-episode-panel .show-all-shows .season-in-column { display: inline-block; width: 35%; } .has-episode-panel .show-all-shows .date, .has-episode-panel .show-all-shows .season-in-title { display: none; } .has-episode-panel .show-recordings.has-season-picker .season-sort-links { display: inline-block; } .has-episode-panel .show-recordings.has-season-picker.sort-by-time .season-in-column { display: none; } .has-episode-panel .show-recordings.has-season-picker.sort-by-time .date, .has-episode-panel .show-recordings.has-season-picker.sort-by-time .season-in-title { display: inline-block; } .one-pass-flyout-right { width: 450px; position: absolute; right: 0px; top: 0; z-index: -100; } .has-one-pass-nav .one-pass-nav-wrapper { display: inline-block; } .has-one-pass-nav .one-pass-list-wrapper { width: calc(100% - 150px); } .one-pass-links { float: right; margin-top: 8px; margin-right: 171px; } .one-pass-links .inline-tabs-label { float: left; padding-top: 1px; } .has-episode-panel .one-pass-links { display: none; } .has-episode-panel .explore-link-wrapper { display: none; } .season-sort-links { display: none; padding: 5px 0 0 65%; } .one-pass-watchnow-filter { float: left; } .one-pass-watchnow-filter label { display: inline-block; } .one-pass-watchnow-filter .image-available-online { position: relative; top: 4px; margin-left: 5px; } .has-episode-panel .one-pass-watchnow-filter { display: none; } .one-pass-edit-selectors { padding: 1em 20em 1em 1.4em; } .one-pass-edit-selectors .edit-button { margin-left: 2.2em !important; } .has-episode-panel .show-all-episodes .one-pass-edit-selectors, .has-episode-panel .show-watch-now .one-pass-edit-selectors { display: none; } .edit-wrapper .image-checkbox { margin: 0 5px 0 -5px; } .one-pass-top-controls.hide-all-tabs .filter-tabs { display: none; } .one-pass-top-controls.hide-recordings-tab .filter-tabs[data-filter-class="show-recordings"] { display: none; } .empty-message { display: none; padding: 50px 15px; } /* #no-shows-match: Any filter applied, except All-shows or when: All tab or Recordings tab & All-shows & watch-online is selected #no-recordings: Recordings tab, All-shows filter #no-my-shows: All tab, All-shows filter, My Episodes tab #show-not-available-online: Watch Online tab has no 'is-available-online' items #no-suggestions: Suggestions Folder list view, no recordings */ .one-pass-list-items.list-empty .one-pass-edit-selectors { display: none; } .one-pass-list-items.list-empty.no-results.show-watch-now #show-not-available-online, .one-pass-list-items.list-empty.no-more-results.show-watch-now #show-not-available-online { display: block; } .one-pass-list-items.list-empty.no-results.show-all-shows #no-my-shows, .one-pass-list-items.list-empty.no-results.show-my-shows #no-my-shows, .one-pass-list-items.list-empty.no-more-results.show-all-shows #no-my-shows { display: block; } .one-pass-list-items.list-empty.no-results.show-all-shows.show-online-only #no-shows-match, .one-pass-list-items.list-empty.no-results.show-my-shows.show-online-only #no-shows-match, .one-pass-list-items.list-empty.no-more-results.show-all-shows.show-online-only #no-shows-match { display: block; } .one-pass-list-items.list-empty.no-results.show-all-shows.show-online-only #no-my-shows, .one-pass-list-items.list-empty.no-results.show-my-shows.show-online-only #no-my-shows, .one-pass-list-items.list-empty.no-more-results.show-all-shows.show-online-only #no-my-shows { display: none; } .one-pass-list-items.list-empty.no-results.show-all-episodes #no-all-episodes { display: block; } .one-pass-list-items.list-empty.no-results.show-cloud #no-shows-match { display: block; } .one-pass-list-items.list-empty.no-results.show-recordings #no-recordings, .one-pass-list-items.list-empty.no-more-results.show-recordings #no-recordings { display: block; } .one-pass-list-items.list-empty.no-results.show-recordings .one-pass-buttons-container, .one-pass-list-items.list-empty.no-more-results.show-recordings .one-pass-buttons-container { display: none; } .one-pass-list-items.list-empty.no-results.show-recordings.show-online-only #no-shows-match, .one-pass-list-items.list-empty.no-more-results.show-recordings.show-online-only #no-shows-match { display: block; } .one-pass-list-items.list-empty.no-results.show-recordings.show-online-only #no-recordings, .one-pass-list-items.list-empty.no-more-results.show-recordings.show-online-only #no-recordings { display: none; } .one-pass-list-items.list-empty.no-results.show-going-away-soon #no-shows-match, .one-pass-list-items.list-empty.no-results.show-partially-watched #no-shows-match, .one-pass-list-items.list-empty.no-results.show-tv-series #no-shows-match, .one-pass-list-items.list-empty.no-results.show-movies #no-shows-match, .one-pass-list-items.list-empty.no-results.show-sports #no-shows-match, .one-pass-list-items.list-empty.no-results.show-kids #no-shows-match, .one-pass-list-items.list-empty.no-results.show-news #no-shows-match { display: block; } .one-pass-list-items.list-empty.no-results.show-going-away-soon #no-recordings, .one-pass-list-items.list-empty.no-results.show-going-away-soon #no-my-shows, .one-pass-list-items.list-empty.no-results.show-partially-watched #no-recordings, .one-pass-list-items.list-empty.no-results.show-partially-watched #no-my-shows, .one-pass-list-items.list-empty.no-results.show-tv-series #no-recordings, .one-pass-list-items.list-empty.no-results.show-tv-series #no-my-shows, .one-pass-list-items.list-empty.no-results.show-movies #no-recordings, .one-pass-list-items.list-empty.no-results.show-movies #no-my-shows, .one-pass-list-items.list-empty.no-results.show-sports #no-recordings, .one-pass-list-items.list-empty.no-results.show-sports #no-my-shows, .one-pass-list-items.list-empty.no-results.show-kids #no-recordings, .one-pass-list-items.list-empty.no-results.show-kids #no-my-shows, .one-pass-list-items.list-empty.no-results.show-news #no-recordings, .one-pass-list-items.list-empty.no-results.show-news #no-my-shows { display: none; } .one-pass-list-items.list-empty.no-results.show-suggestions #no-suggestions { display: block; } .one-pass-list-items.list-empty.no-more-results.show-going-away-soon #no-shows-match, .one-pass-list-items.list-empty.no-more-results.show-partially-watched #no-shows-match, .one-pass-list-items.list-empty.no-more-results.show-tv-series #no-shows-match, .one-pass-list-items.list-empty.no-more-results.show-movies #no-shows-match, .one-pass-list-items.list-empty.no-more-results.show-sports #no-shows-match, .one-pass-list-items.list-empty.no-more-results.show-kids #no-shows-match, .one-pass-list-items.list-empty.no-more-results.show-news #no-shows-match, .one-pass-list-items.list-empty.no-more-results.show-suggestions #no-shows-match, .one-pass-list-items.list-empty.no-more-results.show-online-only #no-shows-match { display: block; } .one-pass-list-items.list-empty.no-more-results.show-going-away-soon #no-recordings, .one-pass-list-items.list-empty.no-more-results.show-going-away-soon #no-my-shows, .one-pass-list-items.list-empty.no-more-results.show-partially-watched #no-recordings, .one-pass-list-items.list-empty.no-more-results.show-partially-watched #no-my-shows, .one-pass-list-items.list-empty.no-more-results.show-tv-series #no-recordings, .one-pass-list-items.list-empty.no-more-results.show-tv-series #no-my-shows, .one-pass-list-items.list-empty.no-more-results.show-movies #no-recordings, .one-pass-list-items.list-empty.no-more-results.show-movies #no-my-shows, .one-pass-list-items.list-empty.no-more-results.show-sports #no-recordings, .one-pass-list-items.list-empty.no-more-results.show-sports #no-my-shows, .one-pass-list-items.list-empty.no-more-results.show-kids #no-recordings, .one-pass-list-items.list-empty.no-more-results.show-kids #no-my-shows, .one-pass-list-items.list-empty.no-more-results.show-news #no-recordings, .one-pass-list-items.list-empty.no-more-results.show-news #no-my-shows, .one-pass-list-items.list-empty.no-more-results.show-suggestions #no-recordings, .one-pass-list-items.list-empty.no-more-results.show-suggestions #no-my-shows, .one-pass-list-items.list-empty.no-more-results.show-online-only #no-recordings, .one-pass-list-items.list-empty.no-more-results.show-online-only #no-my-shows { display: none; } .error-disconnected .one-pass-list-items .onepass-line, .error-disconnected .one-pass-list-items #no-recordings, .error-disconnected .one-pass-list-items #no-my-shows, .error-disconnected .one-pass-list-items #no-shows-match, .error-disconnected .one-pass-list-items #show-not-available-online .one-pass-links, .error-disconnected .one-pass-list-items .one-pass-edit-selectors { display: none !important; } .one-pass-top-controls .folder-tabs.ui-tabs { float: left; margin-right: 42px; } .one-pass-top-controls .disk-meter { position: relative; top: 8px; } .episode-detail-wrapper { display: none; } .has-episode-panel .episode-detail-wrapper { display: block; } .episode-detail-wrapper > .panel, .team-detail-wrapper > .panel { padding: 10px 15px; margin-bottom: 5px; } .episode-detail-wrapper .episode-detail-toggle, .team-detail-wrapper .episode-detail-toggle { margin: 0 0 15px 8px; display: none; } .episode-detail-wrapper .main-title, .team-detail-wrapper .main-title { margin: 0 0 10px 0; } .episode-detail-wrapper.is-mini-view .main-title, .team-detail-wrapper.is-mini-view .main-title { margin-left: 0; transition: margin-left 200ms ease 0s; } .episode-detail-wrapper.is-mini-view .panel, .team-detail-wrapper.is-mini-view .panel { overflow: visible; } .episode-detail-wrapper .content-description, .team-detail-wrapper .content-description { display: inline-block; margin-left: 1em; width: calc(100% - 220px); } .episode-detail-wrapper .content-description .thumbs-icon, .team-detail-wrapper .content-description .thumbs-icon { float: right; top: 0; } .episode-detail-wrapper .content-description .episode-title, .team-detail-wrapper .content-description .episode-title { display: none; } .episode-detail-wrapper .content-description .status-icons, .team-detail-wrapper .content-description .status-icons { display: inline; } .episode-detail-wrapper .content-description .description, .team-detail-wrapper .content-description .description { margin: 1em 0 0.25em; } .episode-detail-wrapper .content-description .description-trailer, .team-detail-wrapper .content-description .description-trailer { margin: 0 0 0.5em; } .episode-detail-wrapper .series .status-icons, .episode-detail-wrapper .special .status-icons, .team-detail-wrapper .series .status-icons, .team-detail-wrapper .special .status-icons { display: none; } .episode-detail-wrapper .series .watch-now-buttons, .team-detail-wrapper .series .watch-now-buttons { display: none; } .episode-detail-wrapper .movie .duration, .team-detail-wrapper .movie .duration { display: none; } .episode-detail-wrapper .movie .content-description, .team-detail-wrapper .movie .content-description { width: calc(100% - 200px); } .has-episode-panel .onepass-episode-line { margin: 0; padding: 12px 0 10px 10px; } .has-episode-panel .onepass-episode-line .line-item-prefix { height: 30px; } .has-episode-panel .onepass-episode-line .line-item-body { width: 50%; margin: 0; position: relative; top: 5px; } .has-episode-panel .onepass-episode-line .line-item-suffix { width: 20%; position: relative; top: 5px; float: none; } .has-episode-panel .onepass-episode-line .line-item-suffix .progress-bar-wrapper { width: 55px; margin-right: 15px; margin-left: 0; } .has-episode-panel .onepass-episode-line .line-item-suffix .date { margin-right: 8px; width: 75px; } .has-episode-panel .onepass-episode-line .line-item-suffix .op-channel .channel-icon { height: 26px; width: 91px; background-size: contain; background-repeat: no-repeat; background-position: center center; vertical-align: middle; display: inline-block; background-repeat: no-repeat; } .myfolder .episode-detail-wrapper, .myfolder .folder-tabs { display: none; } .myshows-folder-breadcrumbs, .myshows-folder-title { display: none; } .myfolder .myshows-folder-breadcrumbs, .myfolder .myshows-folder-title, .episodes .myshows-folder-breadcrumbs, .episodes .myshows-folder-title, .myteam .myshows-folder-breadcrumbs, .myteam .myshows-folder-title { display: inline-block; height: 30px; margin-right: 100px; } .content-detail-panel { padding: 0; } .content-detail-panel .poster-container { display: inline-block; float: left; vertical-align: top; margin: 0 0 10px; padding: 0; } .content-supplemental-panel { clear: both; } .content-supplemental-panel .heading { display: none; } .content-supplemental-panel .cast-wrapper { float: left; width: 65%; margin-right: 50px; } .content-supplemental-panel .cast-wrapper .cast-container { padding: 0 25px; } .content-supplemental-panel .cast-wrapper .cast-container.has-carousel .heading { display: block; margin-left: -15px; } .content-supplemental-panel .suggestions-wrapper { float: left; width: 30%; } .content-supplemental-panel .suggestions-wrapper .if-you-like-this-panel { padding: 0 25px; float: none; } .content-supplemental-panel .suggestions-wrapper .if-you-like-this-panel.has-carousel .heading { display: block; margin-left: -15px; } .content-supplemental-panel h3.heading { margin-bottom: 10px; } .season-picker { display: none; padding: 15px 20px 5px 17px; min-height: 42px; } .season-picker li { margin-bottom: 5px; } .season-picker label { display: block; float: left; position: relative; top: 5px; margin-right: 8px; } .has-season-picker .season-picker { display: block; } .has-season-picker.show-recordings.sort-by-time .season-picker { display: none; } .onepass .content-detail-flyout-container { width: 456px; } .hover-bulk-onepass-wrapper, .hover-border-wrapper { position: relative; } .hover-bulk-onepass-wrapper .info-overlay, .hover-border-wrapper .info-overlay { display: none; position: absolute; top: 0; } .hover-border-wrapper.ui-state-hover .info-overlay, .hover-border-wrapper.selected .info-overlay { display: block; } .hover-border-wrapper.ui-state-hover.display-buttons .button-list, .hover-border-wrapper.selected.display-buttons .button-list { display: block; } .hover-border-wrapper.ui-state-hover .button-list, .hover-border-wrapper.selected .button-list { display: none; } .hover-bulk-onepass-wrapper .overlay-description, .hover-bulk-onepass-wrapper .select-this-show, .hover-bulk-onepass-wrapper .confirmation-bar { display: none; } .hover-bulk-onepass-wrapper.ui-state-hover .info-overlay { display: block; } .hover-bulk-onepass-wrapper.ui-state-hover .info-overlay .overlay-description { display: block; margin-left: 5%; margin-right: 5%; position: absolute; top: 30%; transform: translateY(-30%); } .hover-bulk-onepass-wrapper.ui-state-hover .info-overlay .overlay-description .description { display: block; max-height: 70px; overflow: hidden; } .hover-bulk-onepass-wrapper.ui-state-hover .info-overlay .select-this-show { display: block; margin-left: 5%; position: absolute; top: 90%; transform: translateY(-90%); } .hover-bulk-onepass-wrapper.onepass-created .info-overlay { display: block; } .hover-bulk-onepass-wrapper.onepass-created .info-overlay .confirmation-bar { top: 100%; transform: translateY(-100%); padding: 3px; position: absolute; width: 100%; display: block; } .hover-bulk-onepass-wrapper.onepass-created .info-overlay .overlay-description, .hover-bulk-onepass-wrapper.onepass-created .info-overlay .select-this-show { display: none; } .bulk-onepass-header .bulk-onepass-description { margin-right: 170px; } .has-episode-panel .one-pass-top-controls, .team .one-pass-top-controls, .myteam .one-pass-top-controls { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #FFFFFF; } .one-pass-edit-selectors { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #323940; } .onepass-episode-line, .onepass-folder-line, .onepass-movie-line { border-width: 2px; border-style: solid; border-color: transparent; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #323940; box-shadow: 0 1px 0 0 #242424; } .one-pass-list-items:not(.multi-select) .onepass-episode-line.ui-selected, .one-pass-list-items:not(.multi-select) .onepass-folder-line.ui-selected, .one-pass-list-items:not(.multi-select) .onepass-movie-line.ui-selected { border-width: 2px; border-style: solid; border-color: #FFFFFF; } .onepass-episode-line:last-child, .onepass-folder-line:last-child, .onepass-movie-line:last-child { border-bottom: none; box-shadow: none; } .manage-onepass-list .manage-onepass-line:last-child { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #323940; } .left-nav.ui-menu { padding: 0; margin-top: 32px; } .left-nav.ui-menu .ui-menu-item { display: block; padding: 3px; margin: 6px 0; line-height: 1.5; } .left-nav.ui-menu .ui-menu-divider { border-color: #FFFFFF; border-style: solid; height: 1px; } .left-nav.ui-menu .ui-menu-item.menu-item-active a.ui-state-focus, .left-nav.ui-menu .ui-menu-item.ui-state-active a.ui-state-focus { text-decoration: none; cursor: default; } .left-nav.ui-menu .ui-menu-item a.ui-state-focus { text-decoration: underline; } .folder-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active > a { cursor: default; } .folder-tabs.ui-tabs .ui-tabs-nav li { border-radius: 5px 5px 0 0; border-width: 1px; border-style: solid; border-color: #6B89B8; } .folder-tabs.ui-tabs .ui-tabs-nav li.ui-state-hover { text-decoration: none; } .season-picker { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #323940; } .inline-tabs .ui-tabs-nav .ui-state-default.ui-tabs-active a, .inline-tabs .ui-tabs-nav .ui-state-default.ui-tabs-active.ui-state-active a, .inline-tabs .ui-tabs-nav .ui-state-default.ui-tabs-active.ui-state-hover a { cursor: default; text-decoration: none; } .inline-tabs .ui-tabs-nav .ui-state-default { border-left-width: 2px; border-left-style: solid; border-left-color: #FFFFFF; } .inline-tabs .ui-tabs-nav .ui-state-default:first-child { border-left: none; } .dropdown .dropdown-menu { border: none; box-shadow: none; } .dropdown .dropdown-menu .dropdown-button { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #101010; } .dropdown.dropdown-tip:after { border-bottom-width: 6px; border-bottom-style: solid; border-bottom-color: #3d3d3d; } .container-divider { border-top-width: 1px; border-top-style: solid; border-top-color: #323940; box-shadow: 0px -1px 0px 0px #242424; } .upcoming-dialog-list .dialog-line-item { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #323940; box-shadow: 0px 1px 0px 0px #242424; } .upcoming-dialog-list .dialog-line-item:last-child { border-bottom: 0 none; } .conflicts-description-container { border-width: 1px; border-style: solid; border-color: #323940; box-shadow: 0px 0px 7px 0px #000000; } /* Caret in guide */ /* Basic backgrounds */ .menuBgColor, .ui-selectmenu-menu .ui-menu.ui-widget-content { background-color: rgba(41, 41, 41, 0.9); } .menuHighlightBgColor, .ui-selectmenu-menu .ui-menu-item.ui-state-hover, .ui-selectmenu-menu .ui-menu-item.ui-state-focus { background-color: rgba(216, 216, 216, 0.12); } .menuBorderColor { background-color: rgba(41, 41, 41, 0.9); } /* Global hovers colors and shadows */ /* Borders */ /* Selection and highlight */ /* show container colors and gradients */ /* buttons and Links colors */ /* PRIMARY AND SECONDARY TEXT COLORS */ /* error message on login page */ /* modal popup colors */ /* browse pages */ /* guide backgrounds */ /* guide calendar available and unavailable cells background colors */ /* shadows , Borders and Backgrounds colors that are used in the whole site */ /* locked channels background color */ /* onepass variables */ /* progress bar styling */ /* Global Message styling for DVR-Disconnected and Unsupported Browser messages */ /* tivo branded player controls */ /* Recording icons */ /* Image pagination */ #TEXT-PRIMARY, a, body, .fa-circle-thin.fa-stack-1x, .input-primary, .link-secondary.ui-state-disabled, .link-primary, .text-primary { color: #FFFFFF; } #TEXT-PRIMARY-CONTRAST, .ui-tabs-active > a, .login-error-banner, .season-state-active span, .time-slot-header.current, .ui-datepicker thead, .text-primary-contrast { color: #000000; } #TEXT-SECONDARY, .is-transfer-prohibited, .onepass-line.has-conflicts, .season-state-unavailable span, .season-state-active.season-state-unavailable span, .ui-selectmenu-disabled, .ui-state-disabled, .text-secondary { color: #929292; } #TEXT-HIGHLIGHT, .inline-tabs.ui-tabs .ui-state-active a, .inline-tabs.ui-tabs .ui-state-hover a, .left-nav.ui-menu .menu-item-active a, .left-nav.ui-menu .ui-menu-item:hover a, .link-secondary.ui-state-active, .timepicker-container .time-selector.ui-state-active, .text-highlight { color: #FFFFFF; } #TEXT-ALT, .inline-tabs.ui-tabs a, .link-secondary, .link-secondary:hover, .link-secondary.ui-state-hover, .role-guest .upsell-link, .tvod-message, .timepicker-container .time-selector, .text-alt { color: #7FBDDF; } #ALERT-TEXT, .alert-text { color: #CB3E3E; } .icon-accent { color: #4EC400; } .default-button.disabled, .default-button.inactive-button, .default-button.time-jump-item-disabled { color: #BBBBBB; } #TRANSPARENT-BACKGROUND, .transparent-background, .body-selector .ui-selectmenu-button.ui-selectmenu-disabled, .dropdown .dropdown-menu, div.search input.ui-autocomplete-input, .jspCorner { background: transparent; } #PRIMARY-BACKGROUND, .primary-background, fieldset legend, div.search, .ui-datepicker table, .ui-datepicker td.ui-state-disabled .ui-state-default { background: #FFFFFF; } #SECONDARY-BACKGROUND, .info-overlay .confirmation-bar, .secondary-background, .timeHolder, .ui-widget-overlay { background: #000000; } #MAIN-PAGE-BACKGROUND, .main-page-background, body, .infinite-browse.no-more-results, .manage-onepass-line.ui-selected { background: #0F0F0F; } #DEFAULT-BUTTON-BACKGROUND, .default-button-background, #DEFAULT-TAB-BACKGROUND, .default-tab-background, .folder-tabs.ui-tabs .ui-tabs-nav li, .season-state-available, .season-state-unavailable, .dropdown-button, .default-button, a.default-button, .jspDrag, .jspArrow, .progress-bar .ui-progressbar-value { background: #3d3d3d; } #HOVER-BACKGROUND, .hover-background, .season-state-available:hover, .season-state-unavailable:hover, .dropdown-button:hover, .default-button:hover, a.default-button:hover, .folder-tabs.ui-tabs .ui-tabs-nav li.ui-state-hover, .ui-autocomplete.ui-widget-content li.ui-menu-item.ui-state-focus, .jspDrag:hover, .jspArrow:hover, .channel-list-panel .channel-list li:hover, .channel-list-panel .channel-list li.selected, #DEFAULT-BUTTON-HOVER-BACKGROUND, .default-button-hover-background { background: #323940; } #DEFAULT-PLAY-BTN-BACKGROUND, .default-play-btn-background, .default-button.online, .default-button.play-btn { background-image: linear-gradient(#4EC400, #4EC400); } #DEFAULT-PLAY-BTN-HOVER, .default-play-btn-hover, .default-button.online:hover, .default-button.play-btn:hover { background-image: linear-gradient(#3C9E00, #3C9E00); } #DISABLED-BTN-BACKGROUND, .ui-datepicker td .ui-state-default, .disabled-btn-background, .video-play-button .play-btn:disabled .fa-play, .ui-state-disabled .shows-state-icons, .ui-state-disabled .shows-state-icons:hover, .default-button.disabled, .default-button.delete-button.disabled, .default-button.inactive-button, .default-button.time-jump-item-disabled, .default-button.disabled:hover, .default-button.delete-button.disabled:hover, .default-button.inactive-button:hover, .default-button.time-jump-item-disabled:hover, .jspArrow.jspDisabled { background-image: linear-gradient(#929292, #929292); } #DELETE-BTN-BACKGROUND, .delete-btn-background, .default-button.action, .default-button.delete-button, .default-button.delete-active { background-image: linear-gradient(#A13636, #780404); } #DELETE-BTN-HOVER, .delete-btn-hover, .default-button.action:hover, .default-button.delete-button:hover, .default-button.delete-active:hover { background-image: linear-gradient(#CB3E3E, #921210); } #DEFAULT-CONTAINER-BACKGROUND, .default-container-background, .tiles-list.poster-container ul.items > li, .panel, .panel.ui-widget-content, .manage-list-wrapper, .one-pass-list-items, .one-pass-buttons-container, .left-nav.ui-menu .ui-menu-item.menu-item-active, .left-nav.ui-menu .ui-menu-item.ui-state-active, #guide-controls .search-container, #guide-controls .global-search-container, .ui-autocomplete.ui-widget-content, .progress-bar.ui-progressbar, .channel-list-panel, .ui-dialog { background: #242424; } #HIGHLIGHT-BACKGROUND, .highlight-background, .timeHolder .hours .time-slot-header.current, .season-state-available.season-state-active, .season-state-unavailable.season-state-active, .season-state-available.season-state-active:hover, .season-state-unavailable.season-state-active:hover, .folder-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active, .folder-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover { background: #FFFFFF; } #LOCKED-CHANNEL-BACKGROUND, .locked-channel-background { background: #3D3D3D; } #GUIDE-SCROLLBAR-BACKGROUND, .guide-scrollbar-background { background: #242424; background-repeat: no-repeat; background-position: center center; } #GUIDE-SCROLLBAR-HOVER, .guide-scrollbar-hover { background: #000000; background-repeat: no-repeat; background-position: center center; } #GUIDE-CELL-BACKGROUND, .guide-cell-background, #guide-listing .channel .channel-description { background: #1a1a1a; } #GUIDE-CHANNEL-BACKGROUND, .guide-channel-background { background: #242424; } #GUIDE-CELL-SELECTED-BACKGROUND, .guide-cell-selected-background, #guide-listing .channel.description-shown .channel-description { background: #3d3d3d; } #GUIDE-SHOW-LIVE-STREAM-HOVER, .guide-show-live-stream-hover, #guide-listing .channels .channel .content .name.channel-streaming-enabled:hover + .shows li > div { background: #0E532B; } #INFO-OVERLAY-BACKGROUND, .info-overlay-background, .hover-bulk-onepass-wrapper.ui-state-hover .info-overlay, .hover-border-wrapper.ui-state-hover .info-overlay, .hover-border-wrapper.selected .info-overlay { background: rgba(0, 0, 0, 0.8); } #DIALOG-HEADER-BACKGROUND, .dialog-header-background, .ui-dialog .ui-dialog-titlebar { background: #3d3d3d; } #CALENDAR-CURRENT-BACKGROUND, .calendar-current-background, .ui-datepicker td.ui-datepicker-today .ui-state-default, .ui-datepicker td.ui-datepicker-today .ui-state-highlight { background: #7FBDDF; } #CALENDAR-UNAVAILABLE-BACKGROUND, .calendar-unavailable-background, .ui-datepicker td.ui-datepicker-unselectable .ui-state-default { background: #B8B8B8; } #SELECTED-ITEM-BACKGROUND, .selected-item-background, .one-pass-list-items:not(.multi-select) .onepass-episode-line.ui-selected, .one-pass-list-items:not(.multi-select) .onepass-folder-line.ui-selected, .one-pass-list-items:not(.multi-select) .onepass-movie-line.ui-selected, .onepass-line.show-conflict-details, .content-detail-flyout-container, .content-detail-flyout-container .qtip-tip { background: #0F0F0F; } #GUIDE-SHOW-LIVE-STREAM-HOVER, .guide-show-live-stream-hover, #guide-listing .channels .channel .content .name.channel-streaming-enabled:hover + .shows li > div { background: #0E532B; } .popup-global-container { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; } .popup-global-container .popup-container-background { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.75); } .popup-global-container .popup-container { display: flex; flex-direction: column; position: relative; max-height: 100%; font-size: 18px; cursor: default; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; border-radius: 6px; box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0 rgba(0, 0, 0, 0.22); border: solid 0.5px transparent; background-color: #333333; } .popup-global-container .popup-container .popup-title { width: 100%; height: 56px; background-color: #414141; border-radius: 6px 6px 0 0; border-bottom: 2px solid #313131; line-height: 56px; padding-left: 24px; font-size: 20px; font-weight: 600; color: #ffffff; } .popup-global-container .popup-container .close { position: absolute; right: 15px; top: 15px; cursor: pointer; } .popup-global-container .popup-container .popup-content { max-height: calc(100% - 56px); overflow: auto; } .popup-global-container.watchNowPopup .popup-container { width: 328px; } .popup-global-container.watchNowPopup .popup-container .popup-content { padding: 20px 24px; } .popup-global-container.watchNowPopup .popup-container .popup-content .watchnow-popup-item-container, .popup-global-container.watchNowPopup .popup-container .popup-content .vod-watchnow-popup-item-container { position: relative; height: 56px; border-radius: 8px; background-color: rgba(216, 216, 216, 0.12); font-size: 18px; font-weight: 600; color: #ffffff; cursor: pointer; } .popup-global-container.watchNowPopup .popup-container .popup-content .watchnow-popup-item-container:hover, .popup-global-container.watchNowPopup .popup-container .popup-content .vod-watchnow-popup-item-container:hover { background-color: #555555; } .popup-global-container.watchNowPopup .popup-container .popup-content .watchnow-popup-item-container .watchnow-popup-item-icon, .popup-global-container.watchNowPopup .popup-container .popup-content .vod-watchnow-popup-item-container .watchnow-popup-item-icon { position: absolute; top: 12px; left: 16px; width: 32px; height: 32px; background-position: center; background-repeat: no-repeat; background-size: contain; } .popup-global-container.watchNowPopup .popup-container .popup-content .watchnow-popup-item-container .watchnow-popup-item-text, .popup-global-container.watchNowPopup .popup-container .popup-content .vod-watchnow-popup-item-container .watchnow-popup-item-text { line-height: 56px; padding-left: 64px; padding-right: 10px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .popup-global-container.watchNowPopup .popup-container .popup-content .watchnow-popup-item-container + .watchnow-popup-item-container, .popup-global-container.watchNowPopup .popup-container .popup-content .vod-watchnow-popup-item-container + .watchnow-popup-item-container { margin-top: 8px; } .popup-global-container.watchNowPopup .popup-container .popup-content .vod-watchnow-popup-item-container .watchnow-popup-item-text { line-height: 33px !important; } .popup-global-container.watchNowPopup .popup-container .popup-content .vod-watchnow-popup-item-container .watchnow-popup-item-entitlement { padding-left: 64px; padding-right: 10px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; } .popup-global-container.watchNowPopup .popup-container .popup-content .vod-watchnow-popup-item-container + .vod-watchnow-popup-item-container { margin-top: 8px; } .popup-global-container.rent-or-buy-popup .popup-container { width: 376px; } .popup-global-container.rent-or-buy-popup .popup-container .popup-title { padding: 0 20px 0 15px; text-align: left; } .popup-global-container.rent-or-buy-popup .popup-container .popup-content { padding: 5px 15px 15px; } .popup-global-container.rent-or-buy-popup .popup-container .popup-content .rent-or-buy-content { position: relative; border-radius: 8px; font-size: 18px; font-weight: 300; line-height: 1.25; color: #ffffff; display: inline-grid; text-align: left; width: 100%; } .popup-global-container.rent-or-buy-popup .popup-container .popup-content .rent-or-buy-content .rent-or-buy-content-on-tv { font-size: 16px; font-weight: normal; margin: 5px 0 15px 0; color: #bfbfbf; } .popup-global-container.rent-or-buy-popup .popup-container .popup-content .rent-or-buy-popup-item-container { display: inline-table; position: relative; height: 56px; border-radius: 8px; padding: 10px 5px 10px 10px; background-color: #d8d8d81e; } .popup-global-container.rent-or-buy-popup .popup-container .popup-content .rent-or-buy-popup-item-container .rent-or-buy-popup-item-icon { float: left; margin-right: 16px; width: 32px; height: 32px; background-position: center; background-repeat: no-repeat; background-size: contain; } .popup-global-container.rent-or-buy-popup .popup-container .popup-content .rent-or-buy-popup-item-container .rent-or-buy-popup-item-text { font-weight: 400; line-height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .popup-global-container.rent-or-buy-popup .popup-container .popup-content .rent-or-buy-popup-item-container .rent-or-buy-popup-item-price { font-size: 16px; font-weight: normal; color: #bfbfbf; padding: 4px 0 0 0; line-height: 1; text-align: left; } .popup-global-container.rent-or-buy-popup .popup-container .popup-content .rent-or-buy-popup-item-container .rent-or-buy-popup-item-price .horizontal-list { display: inline; overflow: hidden; white-space: normal; } .popup-global-container.rent-or-buy-popup .popup-container .popup-content .rent-or-buy-popup-item-container .rent-or-buy-popup-item-price .horizontal-list .offer-price { display: inline-flex; } .popup-global-container.rent-or-buy-popup .popup-container .popup-content .rent-or-buy-popup-item-container .rent-or-buy-popup-item-price .horizontal-list li { border-left: 1px solid #bfbfbf; padding: 0 6px; } .popup-global-container.rent-or-buy-popup .popup-container .popup-content .rent-or-buy-popup-item-container .rent-or-buy-popup-item-price .horizontal-list li:first-child { border-left: none; padding-left: 0; } .popup-global-container.popup-more-info .popup-container { width: 75%; padding: 32px 71px 32px 32px; } .popup-global-container.popup-more-info .popup-container .popup-title { display: none; } .end-of-life .end-of-life-wrapper { font-size: 18px; font-weight: normal; } .end-of-life .end-of-life-wrapper .app-links { margin-top: 24px; margin-bottom: 24px; } .end-of-life .end-of-life-wrapper .reason { margin-bottom: 16px; overflow-wrap: anywhere; } .end-of-life .end-of-life-wrapper .reason a { display: block; margin-top: 16px; } .end-of-life .end-of-life-wrapper a { color: #7FBDDF; } .end-of-life .end-of-life-wrapper .dialog-buttons { width: 100%; } .end-of-life .end-of-life-wrapper .dialog-buttons button { display: block; width: 100%; background-color: #1892c2; height: 32px; font-weight: 600; line-height: 18px; margin-bottom: 16px; } /* autocomplete search box style specific to the global search box */ .global-search-container input[type="text"].input-primary { font-size: 18px; padding: 0 0 0 20px; color: #FFFFFF; font-weight: normal; } .global-search-container.show-search-area { width: 693px; background: #1f1f1f; height: 64px; } @media only screen and (min-height: 961px) { .global-search-container.show-search-area { max-height: 845px; } } .global-search-container.show-search-area .image-search { top: 22px; position: absolute; } .global-search-container.show-search-area .search-background { display: block; width: 100%; height: 100%; left: 0; position: fixed; z-index: -1; background-color: rgba(0, 0, 0, 0.75); } .global-search-container .ui-autocomplete.ui-widget-content { position: fixed; top: 64px; left: auto; width: 693px; overscroll-behavior: contain; overflow-x: hidden; overflow-y: auto; z-index: 101; border: 0; border-radius: 2px; background-color: #333333; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16), 0 0 8px 0 rgba(0, 0, 0, 0.24); } @media only screen and (min-height: 961px) { .global-search-container .ui-autocomplete.ui-widget-content { max-height: 845px; } } @media only screen and (max-height: 961px) { .global-search-container .ui-autocomplete.ui-widget-content { max-height: calc(100% - 116px); } } .global-search-container .ui-autocomplete.ui-widget-content::-webkit-scrollbar { width: 8px; background-color: rgba(41, 41, 41, 0.9); } .global-search-container .ui-autocomplete.ui-widget-content::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #A1A1A1; } .global-search-container .ui-autocomplete.ui-widget-content::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 8px; border-color: rgba(41, 41, 41, 0.9); } .global-search-container .ui-autocomplete.ui-widget-content.empty-results li { white-space: normal; } .global-search-container .ui-autocomplete.ui-widget-content .episode-title, .global-search-container .ui-autocomplete.ui-widget-content .menu-link { overflow: hidden; text-overflow: ellipsis; } .global-search-container .ui-autocomplete.ui-widget-content .ellipses-truncated-text { display: inline; } .global-search-container .ui-autocomplete.ui-widget-content li { position: relative; width: 100%; min-height: 106px; display: block; float: left; margin: 0px; border-left: 0px; padding: 16px; } .global-search-container .ui-autocomplete.ui-widget-content li.ui-menu-item:first-child { border-top: 0; } .global-search-container .ui-autocomplete.ui-widget-content li.ui-menu-item { border-top: 2px solid rgba(216, 216, 216, 0.12); } .global-search-container .ui-autocomplete.ui-widget-content li.ui-menu-item a { display: block; } .global-search-container .ui-autocomplete.ui-widget-content li.ui-menu-item.ui-state-focus::after { content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; opacity: 0.1; background-color: #d8d8d8; } .global-search-container .ui-autocomplete.ui-widget-content li.ui-menu-item .search-result-container .cast-container, .global-search-container .ui-autocomplete.ui-widget-content li.ui-menu-item .search-result-container .search-result-image { position: absolute; padding: 0px; width: 96px; height: 74px; } .global-search-container .ui-autocomplete.ui-widget-content li.ui-menu-item .search-result-container .cast-container .img-container, .global-search-container .ui-autocomplete.ui-widget-content li.ui-menu-item .search-result-container .search-result-image .img-container { margin: 0; border: none; height: 100%; width: 100%; background-repeat: no-repeat; background-size: contain; background-position: center; } .global-search-container .ui-autocomplete.ui-widget-content li.ui-menu-item .search-result-container .search-result-text-content { position: relative; left: 128px; right: 16px; font-size: 18px; color: #bfbfbf; line-height: 23px; } .global-search-container .ui-autocomplete.ui-widget-content li.ui-menu-item .search-result-container .search-result-text-content .content-title { font-size: 20px; color: #ffffff; } .global-search-container .ui-autocomplete.ui-widget-content li.ui-menu-item .search-result-container .search-result-text-content .content-title .highlight-text { color: #19ace6; } .global-search-container .ui-autocomplete.ui-widget-content li.ui-menu-item .search-result-container .search-result-text-content .episode-name .highlight-text { color: #19ace6; } .global-search-container .ui-autocomplete.ui-widget-content li.ui-menu-item .search-result-container .search-result-text-content p { margin: 0; } .global-search-container .ui-autocomplete.ui-widget-content li.ui-menu-item .search-result-container .search-result-text-content p span.rating { margin-right: 5px; } .global-search-container .ui-autocomplete.ui-widget-content li.ui-menu-item .search-result-container .search-result-text-content .team { text-transform: capitalize; } .global-search-container .ui-autocomplete.ui-widget-content li.no-search-results { padding: 15px 15px 15px 15px; font-weight: normal; } .global-search-container .ui-autocomplete.ui-widget-content li.no-search-results h3 { color: #19ace6; font-size: 18px; } .global-search-container .ui-autocomplete.ui-widget-content li.no-search-results p { margin-bottom: 0; color: #bfbfbf; font-size: 18px; } .global-search-container .ui-autocomplete.ui-widget-content li.last { padding-left: 15px; } #search-box.search-container .search-icon, #search-box.global-search-container .search-icon { cursor: pointer; position: absolute; right: 5px; top: 5px; } #search-box.search-container .ui-autocomplete.ui-widget-content, #search-box.global-search-container .ui-autocomplete.ui-widget-content { border-width: 2px; border-style: solid; border-color: #323940; border-radius: 3px 3px 10px 10px; box-shadow: 4px 4px 7px #333333; } #search-box.search-container .ui-autocomplete.ui-widget-content li, #search-box.global-search-container .ui-autocomplete.ui-widget-content li { padding: 5px; } #search-box.search-container .channel-list-item .channel-logo, #search-box.global-search-container .channel-list-item .channel-logo { width: 3em; height: 2em; vertical-align: -.5em; margin-left: 5px; background-size: contain; background-repeat: no-repeat; background-position: center center; } /* generic autocomplete based search box */ .search-container, .global-search-container { position: relative; /* Search input - input element hides inside wrapper box, which provides background, override default input[type=...] styles from forms */ /* IE provides default 'x' icon for input box. We have our own 'x' so hiding IE's default*/ } .search-container input[type="text"].input-primary, .global-search-container input[type="text"].input-primary { width: 92%; float: left; border: medium none; background: transparent; margin: 0; color: #bfbfbf; display: none; height: 64px; } .search-container input.ui-autocomplete-input::-ms-clear, .global-search-container input.ui-autocomplete-input::-ms-clear { display: none; } .search-container.show-search-area input[type="text"].input-primary, .show-search-area.global-search-container input[type="text"].input-primary { display: inline-block; } .search-container .search-icon, .global-search-container .search-icon { cursor: pointer; position: relative; right: 24px; } .search-container .search-icon.close-btn, .global-search-container .search-icon.close-btn { pointer-events: none; } .search-container .loading-indicator, .global-search-container .loading-indicator { display: none; } .search-container .search-background, .global-search-container .search-background { display: none; } .search-container.show-loading .loading-indicator, .show-loading.global-search-container .loading-indicator { display: inline-block; position: absolute; right: 50%; top: 17px; } #search-box.search-container .ui-autocomplete.ui-widget-content, #search-box.global-search-container .ui-autocomplete.ui-widget-content, #zip-box.search-container .ui-autocomplete.ui-widget-content, #zip-box.global-search-container .ui-autocomplete.ui-widget-content { overflow: auto; max-height: calc(100vh - 250px); } /* disabled navigational button */ a.disabled { visibility: hidden !important; } .list-footer { visibility: hidden; } /* ------------------------------------------------------------------- START PAGE STYLES ----------------------------------------------------------------------*/ /* ----------------------------------------- Start page sizes grid-flex-full (100% with min constraints) grid-fixed-left (fixed width float left) grid-flex-right (flex width float right) -----------------------------------------*/ .grid-flex-full { min-width: 900px; width: 100%; } .grid-fixed-left { width: 683px; float: left; } .grid-flex-right { margin-left: 683px; } .tve-start .grid-flex-right { margin-left: 703px; } /* ----------------------------------------- Start page settings for .panel and grids -----------------------------------------*/ .tve-start .panel { padding: 8px; margin-bottom: 1.8em; /* Needed to show navigation-outside */ overflow: visible; /* default for panel header */ } .tve-start .panel .feed-title { display: inline-block; margin-bottom: 5px; } .tve-start .panel .view-more { margin-left: 10px; } .tve-start .panel .fallback-ajax-error, .tve-start .panel .fallback-error-forbidden { display: none; } .tve-start .panel.ajax-error-other .fallback-ajax-error { display: block; } .tve-start .panel.ajax-error-other .items { display: none; } .tve-start .panel.feed-empty .view-more { display: none; } .tve-start .panel.feed-empty .carousel-container { display: none; } .tve-start .panel.feed-empty .my-shows-default.fallback-for-empty-feed .heading, .tve-start .panel.feed-empty .my-shows-default.fallback-for-empty-feed .default-message { margin: 0; } .tve-start .panel.ajax-error-access-denied .view-more { display: none; } .tve-start .panel.ajax-error-access-denied .carousel-container { display: none; } .tve-start .panel.ajax-error-access-denied .fallback-for-empty-feed { display: none; } .tve-start .panel.ajax-error-access-denied .fallback-error-forbidden { display: block; padding: 20px 6px 6px; } .tve-start .tveStartFeed4 .carousel-container { padding-top: .5em; } .tve-start .tveStartFeed4 .my-shows-default { padding-top: 1em; } .tve-start .tveStartFeed6 .show-info { display: none; } .tve-start .carousel-container.poster-set-A .items .mov { margin: 0 0 0 30px; } .tve-start .carousel-container.poster-set-A .items .mov.img-container { margin: 0; } .tve-start .carousel-container.poster-set-B .items { margin-left: 4px; } .tve-start .carousel-container.poster-set-C .items .mov, .tve-start .carousel-container.poster-set-C .items .tv { margin: 0 6px 0; } .tve-start .carousel-container.poster-set-C .items .mov.img-container, .tve-start .carousel-container.poster-set-C .items .tv.img-container { margin: 0; } .tve-start .carousel-container.poster-set-D .items .tv { margin: 0 6px 0 0; } .tve-start .carousel-container.poster-set-D .items .tv.img-container { margin: 0; } .tve-start .panel.tveStartFeed1 { min-height: 17.2em; } .tve-start .panel.tveStartFeed2 { min-height: 33.5em; } .tve-start .panel.tveStartFeed3Tv { min-height: 57.5em; } .tve-start .panel.tveStartFeed4 { padding: 8px 12px; min-height: 17.2em; } .tve-start .panel.tveStartFeed5Tv { min-height: 17.2em; } .tve-start.role-guest .panel.tveStartFeed2 { min-height: 38.5em; } .tve-start .grid-flex-right .panel { overflow: hidden; } .tve-start .grid-flex-right .panel .carousel-container { height: 653px; overflow: hidden; } .tve-start .grid-flex-right .panel .carousel-container.poster-set-C .items .mov { margin: 6px 3px; } .tve-start .grid-flex-right .panel .carousel-container.poster-set-D .items { margin-left: 4px; } .tve-start .grid-flex-right .panel .carousel-container.poster-set-D .items .tv { margin: 6px 6px 0; } .tve-start .grid-flex-right .panel .carousel-container.poster-set-D .items .tv.img-container { margin: 0; } .tve-start .grid-flex-right .carousel-container .items { overflow: visible; } .tve-start .navigation-outside .image-nav-left { left: -26px; } .tve-start .navigation-outside .image-nav-right { right: -26px; } .tve-start .pagination { padding-top: 0px; } /* special styles for browse categories */ .tve-start .carousel-container.show-category-titles .items .category-container { display: block; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tve-start .suggestions-default { padding: 20px 6px 6px; } .tveStartFeed4.feed-empty .default-message { padding-top: 1em; } .todo-list .one-pass-edit-selectors { padding: 1em 1.833em; } .todo-list .list-header { padding: 20px 0 0 48px; } .todo-list .todo-line { padding: 10px 12px; } .todo-line { margin: 0; } .todo-line .line-item-prefix { width: 270px; } .todo-line .line-item-body { width: calc(100% - 550px); } .todo-line .line-item-suffix { width: 100px; text-align: center; } .todo-line .line-item-suffix .op-channel { width: 100px; } .todo-line .onepass-status, .todo-line .start-time { display: inline-block; text-align: center; } .todo-line .channel-info { text-align: right; } .todo-line .onepass-status { width: 36px; } .todo-line .start-time { width: 100px; } .todo-line .channel-info { position: absolute; top: 15px; width: 80px; } .editable-list.multi-select .todo-line.has-conflicts .image-checkbox { visibility: hidden; } .todo-line .star-rating, .todo-line .movie-duration, .todo-line .episode-title { display: none; } .todo-line.show-movie-details .star-rating, .todo-line.show-movie-details .movie-duration, .todo-line.show-episode-details .episode-title { display: inline; } /* ToDoList default messages: .todo-empty-list // no shows scheduled to record .todo-non-dvr // device-is-web-player is currently selected .todo-disconnected-error // dvr is disconnected .todo-unsupported-dvr // non-supported dvr is currently selected */ .todo-list .default-message { display: none; } .device-can-record .todo-list.show-list-empty .todo-empty-list { display: block; } .device-can-record .todo-list.show-list-empty .one-pass-list-items { display: none; } .device-can-record .todo-list.show-update-status .todo-update-status { display: block; } .todo-list.show-disconnected-error .todo-disconnected-error { display: block; } .todo-list.show-disconnected-error .one-pass-list-items { display: none !important; } .content-source .image-on-dvr, .user-actions .image-on-dvr, .actions .image-on-dvr { display: inline-block; margin-right: 5px; } div.search { border-radius: 4px; } div.search input.ui-autocomplete-input { border: none; } div.search input::-moz-placeholder { opacity: .75 !important; } #guide-controls .search-container, #guide-controls .global-search-container { border-width: 1px; border-style: solid; border-color: #323940; border-radius: 4px; } .guide .panel.programs { box-shadow: none; border-width: 1px; border-style: solid; border-color: #000000; } .ui-autocomplete.ui-widget-content { border-width: 2px; border-style: solid; border-color: #323940; border-radius: 3px 3px 10px 10px; box-shadow: 4px 4px 7px #242424; } .ui-autocomplete.ui-widget-content li.ui-menu-item { border-top-width: 1px; border-top-style: solid; border-top-color: #323940; box-shadow: none; } .ui-autocomplete.ui-widget-content li.ui-menu-item:first-child { border-top: 0; } .ui-autocomplete.ui-widget-content li.last { border-top-width: 1px; border-top-style: solid; border-top-color: #323940; } .ui-autocomplete.ui-widget-content li.last:hover { background: none; } .jspVerticalBar { border-left-width: 1px; border-left-style: solid; border-left-color: #323940; border-right-width: 1px; border-right-style: solid; border-right-color: #000000; box-shadow: none; } .jspDrag { border-radius: 10px; } .progress-bar.ui-progressbar { border-width: 1px; border-style: solid; border-color: #3d3d3d; } .progress-bar .ui-progressbar-value { border-width: 1px; border-style: solid; border-color: #242424; margin: 0; } .hover-bulk-onepass-wrapper, .hover-border-wrapper { border-width: 3px; border-style: solid; border-color: transparent; } .hover-border-wrapper.ui-state-hover, .hover-border-wrapper.selected { border-width: 3px; border-style: solid; border-color: #FFFFFF; } .on-now .hover-border-wrapper.ui-state-hover .info-overlay { background: rgba(0, 0, 0, 0.3); } .hover-bulk-onepass-wrapper.onepass-created { border-width: 3px; border-style: solid; border-color: #FFFFFF; } .hover-bulk-onepass-wrapper.onepass-created .info-overlay, .hover-bulk-onepass-wrapper.onepass-created.hover-loading .info-overlay { background: none; } .cast-container .img-container, .cast-container .img-container.ui-state-hover, .cast-container .img-container:hover, .cast-container .img-container.selected { border: none; } .content-detail-flyout-container { border-width: 3px; border-style: solid; border-color: #FFFFFF; box-shadow: -11px 0 30px 0 #000000; max-width: none; min-height: 50px; min-width: 440px; z-index: 1 !important; } .content-detail-flyout-container .qtip-content { padding: 0; line-height: 15px; } .content-detail-flyout-container .qtip-content.empty.loading { height: 40px; } /* Styles for display of upcoming tiles */ .upcoming-no-upcoming-message { display: none; color: #EFC605; margin-top: 10px; } .no-upcoming .upcoming-filters, .no-upcoming .upcoming-wrapper { display: none; } .no-upcoming .upcoming-no-upcoming-message { display: block; } .no-items.upcoming-wrapper { display: none; } .no-items ~ .upcoming-no-upcoming-message { display: block; } .upcoming-filters { display: inline-block; margin-top: 10px; font-size: 18px; color: #cccccc; } .upcoming-filters > label { text-transform: uppercase; margin-right: 50px; display: inline-block; cursor: pointer; } .upcoming-filters .image-checkbox { margin-right: 5px; } .upcoming-container .image-nav-left, .upcoming-container .image-nav-right { top: 165px; } .upcoming-container .upcoming-item { padding-top: 10px; text-align: center; display: inline-block; position: relative; margin: 0 12px 0 0; vertical-align: top; } .upcoming-container .upcoming-item .title-container { text-align: left; display: block; font-size: 14px; color: #bfbfbf; line-height: 1.57; width: 100%; margin-bottom: 10px; max-height: none; padding-left: 2px; height: 42px; } .upcoming-container .upcoming-item .title-container .upcoming-channel-logo { display: inline-block; width: 60px; height: 15px; background-size: contain; background-repeat: no-repeat; background-position: center; vertical-align: middle; } .upcoming-container .upcoming-item .title-container .upcoming-date-time { display: block; } .upcoming-container .upcoming-item .upcoming-movie-title { display: block; width: 168px; height: 48px; font-size: 18px; text-align: left; } .upcoming-container .upcoming-item .upcoming-movie-title .upcoming-movie-year { color: #bfbfbf; margin-left: 5px; } .upcoming-container .upcoming-item .upcoming-movie-title .upcoming-notification-icon { display: inline-block; width: 11px; height: 10px; margin-left: 5px; visibility: hidden; vertical-align: middle; } .upcoming-container .upcoming-item .upcoming-movie-title .upcoming-notification-icon.show-recording-icon { visibility: visible; } .upcoming-container .upcoming-item .upcoming-episode-title { display: block; max-width: 216px; height: 48px; font-size: 18px; text-align: left; } .upcoming-container .upcoming-item .upcoming-episode-title .upcoming-notification-icon { display: inline-block; width: 17px; height: 10px; margin-left: 5px; visibility: hidden; } .upcoming-container .upcoming-item .upcoming-episode-title .upcoming-notification-icon.show-recording-icon { visibility: visible; } .upcoming-container.upcoming-show-only-hd .upcoming-item:not(.item-hd), .upcoming-container.upcoming-show-only-new .upcoming-item:not(.item-new) { display: none; } /* video_player widget's styles and selectors This is the common CSS for the videoPlayer widget, the template[s] for this are in video_player.html The videoPlayer widget creates a jQuery dialog modal overlay video playback window containing the player elements (Flash, VMX, etc.) for the video playback window, metadata about the current show, and when the show completes, next offerings (If you like this.., episodes, etc). */ div.ui-dialog.popup-player { box-sizing: content-box; -moz-box-sizing: content-box; } .ui-dialog.popup-player { padding: 10px; min-width: 900px; } .ui-dialog.popup-player .ui-dialog-content { padding: 10px; } .ui-dialog.popup-player .ui-dialog-titlebar { padding: 0; } .ui-dialog.popup-player .ui-dialog-titlebar .ui-dialog-title { display: none; } .ui-dialog.popup-player .ui-dialog-titlebar .ui-dialog-titlebar-close { right: -15px; top: -15px; } .popup-player { /* hide or show items when the video is playing vs completed */ /* container with the now showing program metadata */ } .popup-player .show-on-video-complete { display: none; } .popup-player .video-complete .show-on-video-complete { display: block; opacity: 0; } .popup-player .video-complete .show-on-video-complete .more-episodes .title-container { max-height: 3.8em; } .popup-player .video-complete .show-on-video-complete .more-episodes .title-container .ellipses-truncated-text { max-width: 85%; } .popup-player .video-complete .show-on-video-complete .more-episodes .title-container .season-info { display: block; margin: 0 auto; } .popup-player .video-complete .video-player-container { display: none; } .popup-player .video-complete .video-metadata-container { display: block; } .popup-player .plugin-required-message { display: block; padding: 20px; text-align: center; } .popup-player .content-detail-panel .explore-link-wrapper { margin-top: 1em; display: inline-block; } .popup-player .show-description { margin-top: 1em; } .popup-player .cast-container, .popup-player .if-you-like-this-container, .popup-player .more-episodes-container { margin-top: 2em; } .popup-player .cast-container h3, .popup-player .if-you-like-this-container h3, .popup-player .more-episodes-container h3 { margin-bottom: .5em; } .popup-player .cast-container.feed-empty, .popup-player .if-you-like-this-container.feed-empty, .popup-player .more-episodes-container.feed-empty { display: none; } .popup-player .player-error { min-height: 200px; text-align: center; vertical-align: middle; } .popup-player .player-error .error-header { margin: 2em 0 1.2em; } .popup-player .player-error .description-container { margin: 1.2em 0; } .popup-player .player-error .default-button { margin: 1.2em 0; } /* These next 3 selectors set the width/height of the video playback components this css size is read by the videoPlayer widget and it uses it to size the created flash or other Object/Embed or iframe components. To do this the content is inserted in to body offscreen and measured, so do not nest these in a sass selector tree. */ .main-video { width: 533px; height: 300px; } .tivo-player .main-video { width: 870px; height: 490px; } /* some players require ads (Hulu) and have a component for this */ .ad-video { width: 300px; } /* container with the video playback components */ .video-player-container .player-component { display: block; float: left; } .video-player-container .player-component.ad-video { margin-left: 20px; } /* video player bandwidth test data styling */ .quality-data table { margin: 15px auto; } .quality-data table td, .quality-data table th { padding: 6px; border-width: 1px; border-style: solid; border-color: #323940; text-align: left; } .player-log { clear: both; } #player-detection-div { display: none; } .image-player-branding { display: inline-block; margin: 0 10px 0 0; vertical-align: top; } .hulu .image-player-branding { display: none; } .video-title-container { display: inline-block; padding-right: 10px; max-width: 570px; height: 58px; vertical-align: bottom; } .video-title-container .main-title { margin: 0 0 5px; line-height: normal; } .video-title-container .main-title h3 { margin: 0; line-height: normal; } .video-title-container .episode-title-container { display: block; margin: 5px 0 0; } .video-title-container .episode-title-container .ellipses-truncated-text { max-width: 400px; } .video-title-container .status-icon { vertical-align: bottom; } .video-title-container .video-status:not(.image-recording-now) { display: none; } .video-source-container { position: relative; display: inline-block; padding: 0 0 0 10px; height: 58px; vertical-align: bottom; min-width: 120px; } .video-source-container .channel-display { height: 100%; } .video-source-container .channel-display .fa-angle-down { display: none; } .video-source-container .channel-display .channel-switcher-tip { display: none; } .video-source-container .player-channel-number, .video-source-container .channel-sign:not(.hidden) { display: inline-block; vertical-align: top; margin: 15px 10px 0 10px; } .channel-list-panel { border-radius: 0 0 10px 10px; box-shadow: 4px 4px 7px #242424; border-width: 1px; border-style: solid; border-color: #323940; position: absolute; z-index: 10; top: 5.1em; width: 450px; max-height: 500px; overflow: hidden; } .channel-list-panel .channel-list li { display: block; height: 60px; } .channel-list-panel .player-channel-number, .channel-list-panel .channel-sign:not(.hidden), .channel-list-panel .channel-list-show-title { display: inline-block; vertical-align: top; } .channel-list-panel .player-channel-number { margin: 15px 10px 0 10px; } .channel-list-panel .channel-sign:not(.hidden) { margin: 15px 0px 0 0px; } .channel-list-panel .channel-list-show-title { width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 15px 10px 0 10px; } .channel-list-item.show-channel-logo .channel-sign { display: none; } .channel-list-item.show-channel-sign .channel-logo { display: none; } .channel-signal-container { display: inline-block; vertical-align: top; } .channel-signal-container .player-channel-number, .channel-signal-container .signal-strength { display: block; vertical-align: top; } .channel-signal-container .player-channel-number { margin: 4px 10px 0; } .channel-signal-container .signal-strength { margin: 0px 10px 0; } .channel-signal-container .channel-icon { height: 65px; width: 55px; background-size: contain; background-repeat: no-repeat; background-position: center center; } .tivo_live .channel-display { border-width: 1px; border-style: solid; border-color: #323940; border-radius: 5px; cursor: pointer; } .tivo_live .channel-display .fa-angle-down { display: inline-block; margin: 24px 10px 0 10px; vertical-align: top; } .tivo_live .channel-display .channel-switcher-tip { display: inline-block; border-left-width: 8px; border-left-style: solid; border-left-color: transparent; border-bottom-width: 8px; border-bottom-style: solid; border-bottom-color: #323940; border-right-width: 8px; border-right-style: solid; border-right-color: transparent; position: absolute; top: 4.5em; z-index: 11; } .tivo_live .channel-display:not(.is-open) .channel-switcher-tip { display: none; } .tivo_live .channel-display:not(.is-ready) { opacity: 0.25; } .tivo_live .channel-display .channel-icon { height: 65px; width: 55px; background-size: contain; background-repeat: no-repeat; background-position: center center; } .video-broadcast-status-container { display: inline-block; float: right; height: 58px; } .video-broadcast-status-container .broadcast-status-icon { display: inline-block; margin: 15px 10px 0 10px; } .video-broadcast-status-container .recording-icon:not(.image-live) { display: none; } .video-broadcast-status-container .thumbs-icon { display: inline-block !important; margin-right: 0px; } .video-player-container { margin-top: 1em; } .player-detail-toggle { margin: 1em 0; } .player-detail-toggle .link-primary { padding: 0; } .video-recording-msg { display: none; margin: 15px auto; } .video-msg-container { text-align: center; } .video-msg-container.show-video-recording-msg .video-recording-msg { display: inline-block; } .video-metadata-container .hide-for-tv, .video-metadata-container .hide-for-movie { display: none; } .video-metadata-container.series .hide-for-movie, .video-metadata-container.special .hide-for-movie { display: inline-block; } .video-metadata-container.movie .hide-for-tv { display: block; } .tpPlayer { width: 870px; height: 510px; background: #ccc; } .ui-widget-overlay { opacity: 0.85; } .ui-dialog { box-shadow: 3px 5px 3px 3px rgba(0, 0, 0, 0.75); } .ui-dialog.ui-corner-all { border-radius: 4px; border-width: 4px; border-style: solid; border-color: #3d3d3d; } .ui-datepicker { border-width: 1px; border-style: solid; border-color: #323940; border-radius: 5px; box-shadow: 0 0 10px 0 #000000; } .ui-datepicker .ui-datepicker-prev { left: 7px; top: 4px; background: url(../img/ui/arrows-left-right-small.png) no-repeat; background-position: -6px -10px; width: 6px; height: 10px; } .ui-datepicker .ui-datepicker-prev.ui-state-hover { background-position: 0px -10px; } .ui-datepicker .ui-datepicker-next { right: 7px; top: 4px; background: url(../img/ui/arrows-left-right-small.png) no-repeat; background-position: -6px 0px; width: 6px; height: 10px; } .ui-datepicker .ui-datepicker-next.ui-state-hover { background-position: 0px 0px; } .ui-datepicker td .ui-state-default { border-width: 1px; border-style: solid; border-color: #FFFFFF; } .ui-datepicker td .ui-state-active { border-width: 1px; border-style: solid; border-color: #FBD779; } .ui-datepicker td.ui-datepicker-today .ui-state-default, .ui-datepicker td.ui-datepicker-today .ui-state-highlight { border-width: 1px; border-style: solid; border-color: #FFFFFF; } .ui-dialog.ui-widget-content.date-time-picker-container { border-width: 1px; border-style: solid; border-color: #323940; border-radius: 5px; box-shadow: 4px 4px 7px #242424; } .ui-dialog.ui-widget-content.date-time-picker-container .ui-datepicker { background: none; border: none; box-shadow: none; } .ui-dialog.ui-widget-content.date-time-picker-container .timepicker-container .ui-state-disabled:hover { text-decoration: none; } .global-dvr-selector .ui-selectmenu-button, .bandwidth-test-dvr-selector .ui-selectmenu-button, .channel-selector .ui-selectmenu-button { border-radius: 5px; } /* make the modal overlay less opaque */ .ui-widget-overlay.date-time-picker-modal-overlay { opacity: .2; } .ui-selectmenu-button.ui-state-disabled { border-width: 1px; border-style: solid; border-color: #323940; } .ui-selectmenu-menu .ui-menu.ui-widget-content { border-width: 1px; border-style: solid; border-color: rgba(41, 41, 41, 0.9); border-radius: 2px; box-shadow: 0 0 4px 0 #242424; } .ui-selectmenu-menu .ui-menu.ui-widget-content .ui-menu-item { border-width: initial; border-style: solid; border-color: transparent; color: #FBFBFB; font-size: 18px; font-weight: 600; line-height: normal; } .ui-selectmenu-menu .ui-menu.ui-widget-content .ui-menu-item:first-child { border-top: none; box-shadow: none; } /* Styles for using qTip for tooltip display */ .qtip-tivo { background-color: white; color: black; border: 0 solid transparent; border-radius: 3px; font-weight: normal; font-size: 10px; } .qtip-tivo .qtip-titlebar { padding: 6px 35px 0 10px; background-color: transparent; } .qtip-tivo .qtip-content { max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; } .qtip-tivo .qtip-icon { border-color: #f42212; text-shadow: none; } /* Styles for display WatchList menu selector and it's options */ .subnav-container.watchlist-selector .ui-selectmenu-button { max-width: 35%; border-color: rgba(41, 41, 41, 0); background: rgba(36, 36, 36, 0); display: inline-flex; align-items: center; } .subnav-container.watchlist-selector .ui-selectmenu-button .ui-selectmenu-text { font-size: 36px; font-weight: 300; padding: 2px; width: auto; } .subnav-container.watchlist-selector .ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s { display: none; } .subnav-container.watchlist-selector .ui-selectmenu-button:after { content: ""; margin-left: 13px; position: relative; left: 0; top: 2px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #ffffff transparent transparent transparent; } .subnav-container.watchlist-selector .ui-selectmenu-menu .ui-menu.ui-widget-content { width: 50% !important; background-color: #3d3d3d; border-width: 1px; border-style: solid; border-radius: 2px; box-shadow: inherit; overflow: hidden; border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0)); } .subnav-container.watchlist-selector .ui-selectmenu-menu .ui-menu.ui-widget-content .menu-item.ui-menu-item { font-size: 16px; font-weight: 600; color: #FBFBFB; vertical-align: middle; border-color: rgba(41, 41, 41, 0); padding: 11px 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .subnav-container.watchlist-selector .ui-selectmenu-menu .ui-menu.ui-widget-content .menu-item.option-selected::after { content: ""; background: transparent url(../img/svg/ic_checkmark.svg) center center no-repeat; width: 14px; height: 10px; display: inline-block; margin-left: 24px; vertical-align: baseline; } .subnav-container.watchlist-selector .ui-selectmenu-button:focus { outline: none; } .content-watchlist-container .allepisodes-strip-container, .content-watchlist-container .recordings-strip-container, .content-watchlist-container .watchlist-strip-container { display: none; } .content-watchlist-container .recordings-strip-container.show-in-view, .content-watchlist-container .allepisodes-strip-container.show-in-view, .content-watchlist-container .watchlist-strip-container.show-in-view { display: block; } .content-allepisodes-container .ajax-error.show-error, .content-allepisodes-container .ajax-error.show-error, .content-watchlist-container .ajax-error.show-error { display: contents; } .allepisodes-strip-container.show-in-view.loading-spinner, #guide-listing.guide-grid-loading .allepisodes-strip-container.show-in-view.programs, .allepisodes-strip-container.show-in-view#main-content:empty, .recordings-strip-container.show-in-view.loading-spinner, #guide-listing.guide-grid-loading .recordings-strip-container.show-in-view.programs, .recordings-strip-container.show-in-view#main-content:empty, .watchlist-strip-container.show-in-view.loading-spinner, #guide-listing.guide-grid-loading .watchlist-strip-container.show-in-view.programs, .watchlist-strip-container.show-in-view#main-content:empty { height: 326px; width: 100%; } /** This class solves the problem of having things visible under the loading-spinner. */ .loading-spinner .season-filters, #guide-listing.guide-grid-loading .programs .season-filters, #main-content:empty .season-filters, .loading-spinner .carousel-container, #guide-listing.guide-grid-loading .programs .carousel-container, #main-content:empty .carousel-container, .loading-spinner .all-episodes-no-episodes-message, #guide-listing.guide-grid-loading .programs .all-episodes-no-episodes-message, #main-content:empty .all-episodes-no-episodes-message, .loading-spinner .editable-buttons-container, #guide-listing.guide-grid-loading .programs .editable-buttons-container, #main-content:empty .editable-buttons-container, .loading-spinner .ajax-error.show-error, #guide-listing.guide-grid-loading .programs .ajax-error.show-error, #main-content:empty .ajax-error.show-error { display: none; } .allepisodes-strip-container .editable-buttons-container, .allepisodes-strip-container .edit-checkbox, .all-episodes-container .editable-buttons-container, .all-episodes-container .edit-checkbox { display: none; } .whisper-notification-container { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999; display: flex; align-items: center; justify-content: flex-end; } .whisper-notification-container .whisper-notification-container-background { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.75); } .whisper-notification-container .whisper-notification { position: relative; font-size: 18px; color: #ffffff; box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.25), 0 0 24px 0 rgba(0, 0, 0, 0.25); background-color: #333333; cursor: default; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; transition: max-width 1s linear 0s; max-width: 0; padding: 0; white-space: nowrap; } .whisper-notification-container .whisper-notification.show { max-width: 100%; padding: 16px; } .my-rentals-container { display: none; } .one-pass-list-items .onepass-line.not-currently-available-folder { display: none; } .one-pass-list-items .onepass-line.recently-deleted-recordings-folder { display: none; } #guide-listing option[value="isWatchNow"] { display: none; } .one-pass-watchnow-filter { display: none; } .status-icons.is-ad-skippable .image-skip { display: none !important; } .editable-list.multi-select .is-transfer-prohibited .image-checkbox { visibility: hidden; } /*# sourceMappingURL=common.css.map */