/* ************************************************** */ /* ALL PAGES */ /* ************************************************** */ body, html body.eol {background-position:center top; background-repeat:no-repeat;} body#external-header {background-color:transparent; background-image:none;} .js-hide #landing.eol.shows .lp_layout{visibility:hidden;} .main_content {margin-bottom: 0px;} .left-container {float:left; width:670px;} .no-user-select { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } /* show-info */ #show-info .logo {float:left; height:70px; width:290px;} #show-info .text {float:left; padding-left:10px; width:248px;} #show-info .title-desp {font-size:15px;width:290px;} #show-info .show-time {font-size:14px; font-weight:bold;width:311px;} #show-info .social-links {float:left; padding:25px 0 0 50px; width:260px;} #show-info .social-links .li {float:left; opacity:1.0; width:100px;} #show-info .social-links iframe {float:left;margin-right: 10px;} #show-info .social-links .facebook-like {width:90px;} /* show-tune-in */ #show-tune-in {font-size:13px; font-weight:bold; height:25px; line-height:25px;} /* show-header */ #show-header {margin-bottom:10px;} #show-header .keyart {background-position:-260px -330px; float:left; height:465px; width:440px;} #show-header .social-links {min-width:500px;} /* video */ #videos {background-color:#808080; float:right; height:465px; position:relative; width:536px;} .c-ice_loves_coco #videos,.c-eastwoods #videos{background-color: #000000;} .c-ice_loves_coco #videos{margin-top:10px;} #videos .video-preview {background:transparent none no-repeat 0 0; height:298px; width:536px;} #videos .video-unavailable, #videos .video-preview a { height:298px; display:block; overflow:hidden; position:relative; width:540px; } #video-meta #social-media-icons .social-Send-Email { color: #000; margin: -240px 0px 0px 50px; } #videos.video-unavailable {background:none no-repeat 0 0 #333;} #videos .video-preview span.play-btn { background:url("http://images.eonline.com/static/mvc/sites/redcarpet/images/video-play-btn.png") no-repeat 0 0 transparent; display:block; height:84px; left:239px; position:absolute; text-indent:-9999999px; top:100px; width:84px; } #video-meta {color:#fff; padding:5px 10px 0 10px;} .video-playing-title {color: white; font-size:13px; font-weight:bold; height:20px; line-height:20px; overflow:hidden; padding-left: 5px; width:531px;} .c-ice_loves_coco .video-playing-title {background-color: black;} #video-meta .description {clear:both;height:30px; overflow:hidden; padding:0 0 4px 0;} .social-links li {float:left} #video-wrap {display:inline; float:left; position:relative; width:461px;} #video-wrap ul {height:77px;} #video-wrap li {border:1px solid #fff; display:inline; float:left; height:75px; margin:0 3px; width:145px;} #video-wrap li.active {border-color:#B50017;} .c-jonas #video-wrap li.active {border-color: #A1DBFD;} .c-opening_act #video-wrap li.active {border-color: #11ace4;} .c-chelsea #video-wrap li.active {border-color: #df007d;} .c-eastwoods #video-wrap li.active {border-color: #643891;} .c-the_soup #video-wrap li.active {border-color: #fff200;} .c-ice_loves_coco #video-wrap li.active {border-color: #643891;} #video-wrap li a {display:block; height:75px; position:relative; width:145px;} #video-wrap li a span.title { background-color: #000000; bottom: 0; color: #FFFFFF; display: block; font-size: 12px; height: 24px; left: 0; line-height: 12px; opacity: 0.75; overflow: hidden; padding: 3px; position: absolute; text-decoration: none; width: 139px; filter:alpha(opacity=75); /* For IE8 and earlier */ } #video-wrap li a span.description {visibility:hidden;} #video-stream {padding:0 19px;} #video-stream .btn { background:url("http://images.eonline.com/static/mvc/sites/redcarpet/images/arrows.gif") no-repeat transparent; border:none; display:block; cursor:pointer; display:none; float:left; height:77px; outline:0; text-indent:-9999px; width:15px; } .c-jonas #video-stream .btn, .c-opening_act #video-stream .btn, .c-chelsea #video-stream .btn, .c-eastwoods #video-stream .btn, .c-the_soup #video-stream .btn, .c-ice_loves_coco #video-stream .btn { background:url("/resources/images/sprite_maps/e_shows_video_player_arrows.png") no-repeat transparent; height: 24px; margin: 22px 0px 0px 0px; width: 14px; } #video-stream .video-prev {background-position:center left;} .c-jonas #video-stream .video-prev{background-position:0px -23px;} .c-opening_act #video-stream .video-prev{background-position:0px -47px;} .c-chelsea #video-stream .video-prev{background-position:0px -71px;} .c-eastwoods #video-stream .video-prev{background-position:0px -95px;} .c-the_soup #video-stream .video-prev {background-position:0px -119px;} .c-ice_loves_coco #video-stream .video-prev {background-position:0px -143px;} #video-stream .video-next {background-position:center right; margin-left:3px;} .c-jonas #video-stream .video-next{background-position:-14px -23px;} .c-opening_act #video-stream .video-next{background-position:-14px -47px;} .c-chelsea #video-stream .video-next{background-position:-14px -71px;} .c-eastwoods #video-stream .video-next{background-position:-14px -95px;} .c-the_soup #video-stream .video-next{background-position:-14px -119px;} .c-ice_loves_coco #video-stream .video-next {background-position:-14px -143px;} #video-stream .disabled {visibility:hidden;} /* show-nav */ #show-nav {background-color:#fff; margin-bottom:0px;} #show-nav li {float:left;} #show-nav li a {display:inline-block; color:#000; font-size:14px; font-weight:bold; line-height:24px; padding:0 10px; text-decoration:none; text-transform:uppercase;} #show-nav li a:hover {text-decoration:none;} #showSchedule #show-nav li.schedule a, #homepage #show-nav li.home a, #bio #show-nav li.bio a, #external-header #show-nav li.photos a, #news #show-nav li.news a, #newsDetail #show-nav li.news a, #blog #show-nav li.news a, #sweepstakes #show-nav li.sweepstakes a, #games #show-nav li.games a, #show-nav li a:hover {background-color:#673d99; color:#fff;} /* featured-items */ #featured-items {height:215px; margin:0 auto 10px; width:665px;} #featured-items li {display:inline; float:left; height:215px; margin-right:10px; overflow:hidden; position:relative; width:215px;display:inline;} #featured-items li.featured-item-3 {margin-right:0px;} #featured-items li a {display:block; height:215px; overflow:hidden; position:relative; text-decoration:none; width:215px;} #featured-items .title {background:url("http://images.eonline.com/static/photogallery/images/thumb_overlay.png") repeat scroll 0 0 transparent;bottom:0;color:#FFFFFF;display:block;font-size:14px;font-weight:bold;left:0;line-height:17px;overflow:hidden;padding:4px;position:absolute;text-align:center;text-transform:uppercase;width:207px;} /* interactive-poll */ .interactive-poll {background-color:#fff; padding:30px;} .interactive-poll .poll-header { border-bottom:5px solid #A50010; color:#000; font-size:14px; font-weight:bold; margin-bottom:20px; padding:5px 0; } /* twitter */ div.twrap {background:no-repeat scroll 0 0 #C0BECC; height:auto; margin-bottom:10px;} div.twrap div.twitter {height:400px; margin-bottom:10px; min-height:400px;} div.twrap div.twitter ol.tweets li.community {background:no-repeat -24px -84px; overflow:hidden;} div.twrap div.twitter ol.tweets li.talent {background:no-repeat -24px -7px; overflow:hidden;} /* ************************************************** */ /* RAIL */ /* ************************************************** */ .rail {display:inline; float:right; margin-left:10px; padding-bottom:20px; width:300px;} .rail .advertisement {font-size:0px; margin-bottom:10px; position:relative; z-index:100;} //ad bug - have to set font-size to 0 .rail .module {border-bottom:none;} /* related-galleries */ .related-galleries {background-color:#fff; margin-bottom:10px; overflow:hidden;} .rg-title { background-color:#009FFF; color:#fff; font-size:15px; font-weight:bold; height:28px; line-height:28px; padding-left:10px; text-transform:uppercase; } ul.rg-body {padding:7px;} ul.rg-body li {display:inline; float:left; height:187px; padding:4px; width:135px;} ul.rg-body li img {border:none;} ul.rg-body p {color:#000; font-size:13px; font-weight:bold; margin:0; text-align:center;} ul.rg-body a {text-decoration:none;} ul.rg-body a:hover p {color:#ad0b1a;} /* big-picture */ .big-picture {margin-bottom:10px; overflow:hidden;} .big-picture .caption {background-color:#009FFF; color:#fff; font-size:18px; padding:10px;} .big-picture a.image {display:block; font-size:0px;} .big-picture h4 {font-size:17px; font-weight:bold;} .big-picture p {font-size:11px; line-height:11px; padding:3px 0;} .big-picture p a {color:#fff; text-decoration:none;} /* ************************************************** */ /* BIO */ /* ************************************************** */ #cast-content {background-color:#fff; padding-top:20px;} #cast-content li {padding:0 14px 20px 14px;} #cast-content .image {display:inline; float:left; height:202px; margin-left:10px; overflow:hidden; width:202px; display:inline;} #cast-content .text {float:left; width:430px;} #cast-content p {color:#000; font-size:11px; padding-bottom:10px;} #cast-content p.name {color:#000; font-size:14px; font-weight:bold; padding-bottom:4px;} #cast-content .no-image .image {display:none !important;} #cast-content .no-image .text {width:auto !important;} /* ************************************************** */ /* NEWS */ /* ************************************************** */ .news-header {color:#083B74; font-size:20px; font-weight:bold; padding-bottom:10px; text-transform:uppercase;} .news-wrapper {background-color:#fff; padding:20px;} .articles {border-top:solid 5px #A50010;} .articles li {border-bottom:solid 2px #A50010; padding:10px 0;} .articles li a {display:block; text-decoration:none;} .articles li img {float:left; margin-right:10px;} .articles .title {display:block; font-size:18px; font-weight:bold;} .articles .time {display:block; font-size:14px; padding:5px 0;} /* pagination */ .pagination {padding:20px 0; text-align:center;} .pagination a {border:solid 2px black; color:#000; margin:0 5px; padding:4px; text-decoration:none;} .pagination a.current {background-color:#000; color:#fff;} /* ************************************************** */ /* ARTICLE DETAIL overrides for blog.css */ /* ************************************************** */ .shows-news-header {color:#083B74; font-size:20px; font-weight:bold; margin-left:20px; margin-top:20px; text-align:left; text-transform:uppercase;} .article-wrapper {background:none #fff; border:none; width:670px;} .article-wrapper a {text-decoration:none;} .article-bg {margin: 0 auto;} .article h1 {font-family:arial;} .article div.categories {display:none;} /* ************************************************** */ /* SCHEDULE */ /* ************************************************** */ .schedule-content {background-color:#fff; padding:20px;} .schedule-content h5 {font-size:18px; padding:10px 0; text-transform:uppercase;} .schedule .episode_time {width:140px; float:left; font-size:16px; font-weight:bold;} .schedule .episodes dt {border-bottom:5px solid #A50010; font-size:14px; font-weight:bold; text-transform:uppercase;} .schedule .episodes {border-bottom:1px solid #999; margin-bottom: 20px;} .schedule .episodes ol {margin-left:0;} .episode_title{font-size: 16px;font-weight: bold;} .episode_desp{margin-bottom: 20px;margin-top: 10px;} .episode_content{margin-left:150px;} /* ************************************************** */ /* PHOTO GALLEY */ /* ************************************************** */ .photogalleries #content {margin-bottom:10px;} .photo-gallery .ad_box {margin-bottom:10px;} .photo-gallery .skin {background-image:none;} .photo-gallery #gallery-title {height:40px; line-height:37px;} .photo-gallery #gallery-title {background-color:#000; color:#fff;} /* ************************************************** */ /* SHOWS LANDING */ /* ************************************************** */ #show-landing-content {padding:10px 25px;} #show-list strong {font-weight:bold;} #show-list li {float:left; height:300px; margin-bottom:10px; margin-right:10px; width:300px;} #show-list li.last {margin-right:0;} #show-list .show-description { background-color: #000000; bottom: 0px; color: #ffffff; display: none; filter: alpha(opacity=70); /* For IE8 and earlier */ font-family: 'Lato', 'Arial Narrow', sans-serif; font-size: 14px; height: 80px; letter-spacing: .33px; opacity: 0.70; overflow: hidden; padding: 10px; position: absolute; width: 280px; } #show-list a {display:block; height:300px; position:relative; width:300px;margin-right:10px;margin-bottom:10px;float:left;} #show-list .show-landing-list.last{margin-right:0;} /*#show-list a:hover .show-description {display:block;}*/ .advertisement.ad-ignore.ad-120x60{height: 60px;width: 120px;float: right;margin-top: 15px;} .photogalleries #HFooter{width:980px;margin: 0 auto;} .shows .image-container{width:257px;overflow:hidden;} /* ************************************************** */ /* SHOWS OVERVIEW SPRITE MAPS */ /* ************************************************** */ /*** All Sprite Boxes ***/ /* Future? #landing.shows #show-landing-content #show-list li a { display: block; height: 300px; width: 300px; } */ /*** Sprite to Edition Name Mappings ***/ /* The number is for the Image Quality. 8 = .JPG with Image Quality 8 in Photoshop. * "Packed" means that there was 1 extra show package image at the bottom of the sprite map & it's been moved * to the upper right corner, where the ad box would be at. * For these shows sprite maps remember this formula: (Localhost = Dev = Test) != (Staging = Preview = Prod) * Localhost, Dev & Test are currently identical to each other. * Staging, Preview & Prod are also identical to each other. * Those 2 groups are not identical. Localhost/Dev/Test doesn't match Staging/Preview/Prod. */ /** AU **/ /* Future? #landing.shows.edition_au #show-landing-content #show-list li a{ background: url("/resources/shows/images/sprite-maps/prod/au-9-packed.jpg") no-repeat 0 0 transparent; } */ /** CA **/ /* Future? #landing.shows.edition_ca #show-landing-content #show-list li a { background: url("/resources/shows/images/sprite-maps/prod/ca-9.jpg") no-repeat 0 0 transparent; } */ /** DE **/ /* Future? #landing.shows.edition_de #show-landing-content #show-list li a { background: url("/resources/shows/images/sprite-maps/prod/de-9.jpg") no-repeat 0 0 transparent; } */ /** FR **/ /* Future? #landing.shows.edition_fr #show-landing-content #show-list li a { background: url("/resources/shows/images/sprite-maps/prod/fr-9.jpg") no-repeat 0 0 transparent; } */ /** UK **/ /* Future? #landing.shows.edition_uk #show-landing-content #show-list li a { background: url("/resources/shows/images/sprite-maps/prod/uk-9.jpg") no-repeat 0 0 transparent; }*/ /** US **/ /* Future? #landing.shows.edition_us #show-landing-content #show-list li a{ background: url("/resources/shows/images/sprite-maps/prod/us-9.jpg") no-repeat 0 0 transparent; } #landing.shows.edition_us #show-landing-content #show-list.test li a { background: url("/resources/shows/images/sprite-maps/test/us-9.jpg") no-repeat 0 0 transparent; } #landing.shows.edition_us #show-landing-content #show-list.dev li a { background: url("/resources/shows/images/sprite-maps/dev/us-9.jpg") no-repeat 0 0 transparent; } #landing.shows.edition_us #show-landing-content #show-list.localhost li a { background: url("/resources/shows/images/sprite-maps/localhost/us-9.jpg") no-repeat 0 0 transparent; }*/ /*** Sprite to Class Name Mappings ***/ /* Future? #landing.shows #show-landing-content #show-list li .advertisement a { background: none; } */ /** AU **/ /* Future? #landing.shows.edition_au #show-landing-content #show-list li a.after-lately { background-position: 0px -900px; } #landing.shows.edition_au #show-landing-content #show-list li a.burning-love { background-position: -600px -1200px; } #landing.shows.edition_au #show-landing-content #show-list li a.chelsea-lately { background-position: -600px -600px; } #landing.shows.edition_au #show-landing-content #show-list li a.e-news{ background-position: -300px -900px; } #landing.shows.edition_au #show-landing-content #show-list li a.fashion-police { background-position: -300px -600px; } #landing.shows.edition_au #show-landing-content #show-list li a.ice-loves-coco { background-position: 0px -1200px; } #landing.shows.edition_au #show-landing-content #show-list li a.keeping-up-with-the-kardashians { background-position: -300px 0px; } #landing.shows.edition_au #show-landing-content #show-list li a.khloe-and-lamar { background-position: -600px -1200px; } #landing.shows.edition_au #show-landing-content #show-list li a.kourtney-and-kim-take-miami { background-position: -600px -300px; } #landing.shows.edition_au #show-landing-content #show-list li a.live-from-the-red-carpet { background-position: 0px -600px; } #landing.shows.edition_au #show-landing-content #show-list li a.married-to-jonas { background-position: 0px 0px; } #landing.shows.edition_au #show-landing-content #show-list li a.ryan-lochte { background-position: -600px 0px; } #landing.shows.edition_au #show-landing-content #show-list li a.saturdays { background-position: -300px -300px; } #landing.shows.edition_au #show-landing-content #show-list li a.the-soup { background-position: -600px -900px; } #landing.shows.edition_au #show-landing-content #show-list li a.wanted-life { background-position: 0px -300px; } */ /** CA **/ /* Future? #landing.shows.edition_ca #show-landing-content #show-list li a.chelsea-lately { background-position: -300px -600px; } #landing.shows.edition_ca #show-landing-content #show-list li a.dukes-of-melrose { background-position: -300px -900px; } #landing.shows.edition_ca #show-landing-content #show-list li a.e-news{ background-position: 0px -1500px; } #landing.shows.edition_ca #show-landing-content #show-list li a.fashion-police { background-position: -600px -600px; } #landing.shows.edition_ca #show-landing-content #show-list li a.ice-loves-coco { background-position: 0px -1200px; } #landing.shows.edition_ca #show-landing-content #show-list li a.joan-and-melissa { background-position: -300px -300px; } #landing.shows.edition_ca #show-landing-content #show-list li a.keeping-up-with-the-kardashians { background-position: 0px 0px; } #landing.shows.edition_ca #show-landing-content #show-list li a.khloe-and-lamar { background-position: -600px 0px; } #landing.shows.edition_ca #show-landing-content #show-list li a.kourtney-and-kim-take-miami { background-position: -300px -1500px; } #landing.shows.edition_ca #show-landing-content #show-list li a.kourtney-and-kim-take-ny { background-position: -600px -1500px; } #landing.shows.edition_ca #show-landing-content #show-list li a.kimora-house-of-fab { background-position: -600px -300px; } #landing.shows.edition_ca #show-landing-content #show-list li a.live-from-the-red-carpet { background-position: -600px -1200px; } #landing.shows.edition_ca #show-landing-content #show-list li a.married-to-jonas { background-position: 0px -600px; } #landing.shows.edition_ca #show-landing-content #show-list li a.ryan-lochte { background-position: 0px -300px; } #landing.shows.edition_ca #show-landing-content #show-list li a.resale-royalty { background-position: 0px -900px; } #landing.shows.edition_ca #show-landing-content #show-list li a.styled-by-june { background-position: -600px -900px; } #landing.shows.edition_ca #show-landing-content #show-list li a.the-soup { background-position: -300px -1200px; } #landing.shows.edition_ca #show-landing-content #show-list li a.wanted-life { background-position: -300px 0px; } */ /** DE **/ /* Future? #landing.shows.edition_de #show-landing-content #show-list li a.after-lately { background-position: 0px -900px; } #landing.shows.edition_de #show-landing-content #show-list li a.chelsea-lately { background-position: -600px -600px; } #landing.shows.edition_de #show-landing-content #show-list li a.e-news { background-position: -300px -900px; } #landing.shows.edition_de #show-landing-content #show-list li a.fashion-police { background-position: -600px -300px; } #landing.shows.edition_de #show-landing-content #show-list li a.giuliana-and-bill { background-position: -600px -900px; } #landing.shows.edition_de #show-landing-content #show-list li a.ice-loves-coco { background-position: -300px -1500px; } #landing.shows.edition_de #show-landing-content #show-list li a.keeping-up-with-the-kardashians { background-position: -300px -600px; } #landing.shows.edition_de #show-landing-content #show-list li a.kourtney-and-kim-take-miami { background-position: -300px 0px; } #landing.shows.edition_de #show-landing-content #show-list li a.kimora-house-of-fab { background-position: 0px -300px; } #landing.shows.edition_de #show-landing-content #show-list li a.live-from-the-red-carpet { background-position: -300px -1200px; } #landing.shows.edition_de #show-landing-content #show-list li a.married-to-jonas { background-position: 0px -600px; } #landing.shows.edition_de #show-landing-content #show-list li a.mrs-eastwood-and-company { background-position: -600px -1200px; } #landing.shows.edition_de #show-landing-content #show-list li a.opening-act { background-position: 0px -1500px; } #landing.shows.edition_de #show-landing-content #show-list li a.saturdays { background-position: 0px 0px; } #landing.shows.edition_de #show-landing-content #show-list li a.the-soup { background-position: 0px -1200px; } #landing.shows.edition_de #show-landing-content #show-list li a.true-hollywood-story { background-position: -300px -300px; } */ /** FR **/ /* Future? #landing.shows.edition_fr #show-landing-content #show-list li a.e-news { background-position: 0px -300px; } #landing.shows.edition_fr #show-landing-content #show-list li a.fashion-police { background-position: -300px -300px; } #landing.shows.edition_fr #show-landing-content #show-list li a.giuliana-and-bill { background-position: 0px -1200px; } #landing.shows.edition_fr #show-landing-content #show-list li a.ice-loves-coco { background-position: -600px 0px; } #landing.shows.edition_fr #show-landing-content #show-list li a.keeping-up-with-the-kardashians { background-position: 0px -600px; } #landing.shows.edition_fr #show-landing-content #show-list li a.kourtney-and-kim-take-miami { background-position: 0px 0px; } #landing.shows.edition_fr #show-landing-content #show-list li a.kimora-house-of-fab { background-position: -300px 0px; } #landing.shows.edition_fr #show-landing-content #show-list li a.live-from-the-red-carpet { background-position: -600px -1200px; } #landing.shows.edition_fr #show-landing-content #show-list li a.married-to-jonas { background-position: -300px -600px; } #landing.shows.edition_fr #show-landing-content #show-list li a.mrs-eastwood-and-company { background-position: -600px -600px; } #landing.shows.edition_fr #show-landing-content #show-list li a.opening-act { background-position: -300px -1200px; } #landing.shows.edition_fr #show-landing-content #show-list li a.saturdays { background-position: -600px -300px; } */ /** IT **/ /* Has no Shows Page at: http://it.eonline.com/shows */ /** UK **/ /* Future? #landing.shows.edition_uk #show-landing-content #show-list li a.after-lately { background-position: -600px -600px; } #landing.shows.edition_uk #show-landing-content #show-list li a.chelsea-lately { background-position: -300px -600px; } #landing.shows.edition_uk #show-landing-content #show-list li a.e-news { background-position: -300px -900px; } #landing.shows.edition_uk #show-landing-content #show-list li a.fashion-police { background-position: 0px -600px; } #landing.shows.edition_uk #show-landing-content #show-list li a.ice-loves-coco { background-position: 0px -1200px; } #landing.shows.edition_uk #show-landing-content #show-list li a.keeping-up-with-the-kardashians { background-position: -600px -300px; } #landing.shows.edition_uk #show-landing-content #show-list li a.khloe-and-lamar { background-position: -300px -1200px; } #landing.shows.edition_uk #show-landing-content #show-list li a.kourtney-and-kim-take-miami { background-position: 0px 0px; } #landing.shows.edition_uk #show-landing-content #show-list li a.live-from-the-red-carpet { background-position: -600px -900px; } #landing.shows.edition_uk #show-landing-content #show-list li a.married-to-jonas { background-position: 0px -300px; } #landing.shows.edition_uk #show-landing-content #show-list li a.ryan-lochte { background-position: -300px 0px; } #landing.shows.edition_uk #show-landing-content #show-list li a.saturdays { background-position: -600px -1200px; } #landing.shows.edition_uk #show-landing-content #show-list li a.the-soup { background-position: 0px -900px; } #landing.shows.edition_uk #show-landing-content #show-list li a.wanted-life { background-position: -300px -300px; } */ /** USA **/ /* Future? #landing.shows.edition_us #show-landing-content #show-list li a.after-lately { background-position: -600px -900px; } #landing.shows.edition_us #show-landing-content #show-list li a.burning-love { background-position: 0px -900px; } #landing.shows.edition_us #show-landing-content #show-list li a.chelsea-lately { background-position: -600px -300px; } #landing.shows.edition_us #show-landing-content #show-list li a.e-news { background-position: -300px -300px; } #landing.shows.edition_us #show-landing-content #show-list li a.e-news-weekend { background-position: 0px -1200px; } #landing.shows.edition_us #show-landing-content #show-list li a.fashion-police { background-position: 0px -300px; } #landing.shows.edition_us #show-landing-content #show-list li a.ice-loves-coco { background-position: 0px -1500px; } #landing.shows.edition_us #show-landing-content #show-list li a.keeping-up-with-the-kardashians { background-position: 0px 0px; } #landing.shows.edition_us #show-landing-content #show-list li a.khloe-and-lamar { background-position: -300px -1500px; } #landing.shows.edition_us #show-landing-content #show-list li a.kourtney-and-kim-take-miami { background-position: -600px -600px; } #landing.shows.edition_us #show-landing-content #show-list li a.live-from-the-red-carpet { background-position: -300px -600px; } #landing.shows.edition_us #show-landing-content #show-list li a.married-to-jonas { background-position: -300px -900px; } #landing.shows.edition_us #show-landing-content #show-list li a.playing-with-fire { background-position: -600px -1200px; } #landing.shows.edition_us #show-landing-content #show-list li a.ryan-lochte { background-position: -300px -1200px; } #landing.shows.edition_us #show-landing-content #show-list li a.the-soup { background-position: 0px -600px; } #landing.shows.edition_us #show-landing-content #show-list li a.true-hollywood-story { background-position: -600px -1500px; } #landing.shows.edition_us #show-landing-content #show-list li a.wanted-life { background-position: -300px 0px; } */ /*** Old Shows on Localhost = Dev = Test ***/ /* Future? #landing.shows.edition_us #show-landing-content #show-list.localhost li a.after-lately { background-position: -300px -1200px; } #landing.shows.edition_us #show-landing-content #show-list.localhost li a.chelsea-lately { background-position: -300px -600px; } #landing.shows.edition_us #show-landing-content #show-list.localhost li a.e-investigates { background-position: 0px -1500px; } #landing.shows.edition_us #show-landing-content #show-list.localhost li a.e-news { background-position: 0px -600px; } #landing.shows.edition_us #show-landing-content #show-list.localhost li a.fashion-police { background-position: 0px -900px; } #landing.shows.edition_us #show-landing-content #show-list.localhost li a.ice-loves-coco { background-position: 0px -1200px; } #landing.shows.edition_us #show-landing-content #show-list.localhost li a.keeping-up-with-the-kardashians { background-position: -300px 0px; } #landing.shows.edition_us #show-landing-content #show-list.localhost li a.khloe-and-lamar { background-position: -600px -900px; } #landing.shows.edition_us #show-landing-content #show-list.localhost li a.kourtney-and-kim-take-new-york { background-position: -300px -900px; } #landing.shows.edition_us #show-landing-content #show-list.localhost li a.live-from-the-red-carpet { background-position: -600px -300px; } #landing.shows.edition_us #show-landing-content #show-list.localhost li a.married-to-jonas { background-position: -300px -300px; } #landing.shows.edition_us #show-landing-content #show-list li a.mrs-eastwood-and-company { background-position: 0px -300px; } #landing.shows.edition_us #show-landing-content #show-list li a.opening-act { background-position: 0px 0px; } #landing.shows.edition_us #show-landing-content #show-list.localhost li a.scouted { background-position: -300px -1500px; } #landing.shows.edition_us #show-landing-content #show-list.localhost li a.sex-and-the-city { background-position: -600px -1500px; } #landing.shows.edition_us #show-landing-content #show-list.localhost li a.the-soup { background-position: -600px -600px; } #landing.shows.edition_us #show-landing-content #show-list.localhost li a.true-hollywood-story { background-position: -600px -1200px; } */ /* ************************************************** */ /* NEW SHOWS LANDING STYLING */ /* ************************************************** */ #landing.shows #shows-landing-content {padding: 0 30px 30px;} #landing.shows #shows-landing-content hgroup h1{ font-size: 36pt; font-family: "Ostrich Sans Pro Regular", "Arial Narrow", Sans-Serif; letter-spacing: 1px; line-height: 32pt; text-rendering: optimizeLegibility; text-transform: uppercase; } #landing.shows h2 { font-family: 'Oswald', 'Arial Narrow', sans-serif; font-size: 38px; font-weight: lighter; } #landing.shows h2.more-shows { display: block; float: left; margin-left: 14px; margin-right: 14px; } #landing.shows .section-type.old{font-size:36pt;} #landing.shows #show-list {width:920px;} #landing.shows #show-list.old {width:930px;padding-top:0;margin-top:5px;border-top:none;} #landing.shows .show-module {height: 300px; margin:0 0 30px 0;} #landing.shows .show-brick-image {height: 300px;width: 300px;float: left;} #landing.shows .show-detail {background-color:#efefef; float:right; width:620px; height:298px; border-top-style:solid;border-bottom-style:solid;border-width:1px;border-color:#a6a6a6;} #landing.shows .show-detail-inner {padding: 0 0 0 21px;} #landing.shows .show-tuneIn { font-family: 'Lato', 'Arial Narrow', sans-serif; font-size: 32px; line-height: 34px; padding: 15px 0; height: 30px; } #landing.shows .show-description-long { color: #4a4a4a; font-family: 'Lato', 'Arial Narrow', sans-serif; font-size: 17px; height: 45px; line-height: 23px; padding: 4px 0 19px; } #landing.shows .goto-official-site, #landing.shows .goto-official-site a { float: right; font-family: 'Lato', 'Arial Narrow', sans-serif; font-size: 15px; height: 37px; letter-spacing: .23px; line-height: 37px; width: auto; } #landing.shows .goto-official-site a { color: #000000; padding: 0 10px; text-decoration: none; } #landing.shows .current-show-header{height:43px;padding:27px 0 23px 0;line-height:46px;} #landing.shows .current-show-title { float: left; margin-left: 16px; margin-right: 16px; } #landing.shows .episodefinder{font-family:"DIN Web Condensed", "Arial Narrow", Sans-Serif;font-size:20px;color:#656597;float:left;} #landing.shows .find-full{margin-left:25px;margin-right:10px;} #landing.shows .swiper-container {width: 588px;height: 145px;padding-left:7px;padding-right:4px;} #landing.shows .swiper-slide {overflow:hidden;float: left;max-width: 257px;width: 257px;height: 145px;margin-right:3px;position:relative;} #landing.shows .carousel-image {display: inline;float: left;height: 145px; margin: 0;} #landing.shows .carousel-caption { background-color: #000000; bottom: 0; color: #ffffff; filter: Alpha(opacity=62); font-family: 'Lato', 'Arial Narrow', sans-serif; font-size: 14px; height: 28px; left: 0; letter-spacing: .23px; line-height: 28px; opacity: 0.82; position: absolute; text-align: left; text-indent: 10px; width: 257px; } #landing.shows .carousel-caption-title { width: 209px; height: 28px; float: left; } #landing.shows .carousel-duration { float: right; width: 40px; text-align: right; padding-right: 5px; } #landing.shows .swiper-slide .play-button { position: absolute; width: 44px; height: 44px; top: 47px; left: 117px; background-color: #000; opacity: 0.5; } #landing.shows .swiper-slide .play-arrow { position: absolute; top: 58px; left: 118px; width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 20px solid #fff; } /*** #landing.shows .carousel .left-button { top: 0; left: 0; } #landing.shows .carousel .left {width:26px;} #landing.shows .carousel .right-button { top: 0; right: 0; } #landing.shows .carousel .right {width:26px;} ***/ #landing.shows .carousel .left-button, #landing.shows .carousel .right-button {position:absolute;width:34px;height:100%;top:0;z-index:20;} #landing.shows .carousel .button-transparency {position:absolute;top:0;width:34px;height:100%;opacity: 0.62;background-color:#000;} #landing.shows .carousel .left, #landing.shows .carousel .right {position:absolute;width: 26px;height: 52px;top:46px;cursor: pointer;opacity: 1;} #landing.shows .carousel .right{background-position:42px -4px;} #landing.shows .carousel .left{background-position:-11px -4px;} #landing.shows .carousel .left, #landing.shows .carousel .left-button {left: 0;} #landing.shows .carousel .right, #landing.shows .carousel .right-button {right: 0;} #landing.shows .carousel {width: 599px;height: 145px;position: relative;} #landing.shows .carousel .left-bar, #landing.shows .carousel .right-bar { position: absolute; width: 4px; height: 100%; top: 0; opacity: 1; } #landing.shows .carousel .left-bar { left: 0; } #landing.shows .carousel .right-bar { right: 0; } #landing.shows #show-list .swiper-slide a {display: block;max-width: 257px;width: 257px;height: 145px;position: relative;float: left;} #landing.shows .lp-widget, .lp-widget.one-column, .lp-widget.two-column, .lp-widget.three-column { border: none; } #landing.shows .lp-widget.slideshow { padding: 0; } #landing.shows .lp-widget.slideshow .gradients { bottom: 0px; } #landing.shows .lp-widget.slideshow .breadcrumbs-bar { bottom: 0px; } /* ************************************************** */ /* ********** LANDING PAGE SCHEDULE ********** */ /* ************************************************** */ #landing-schedule {background-color:#656597;} #landing-schedule .data {display:none;} /* ***** Header ***** */ #landing-schedule .header {height:110px; position:relative;} #landing-schedule .header h2 { color:#fff; display:block; font-family:"Ostrich Sans Pro Regular","Arial Narrow",Sans-Serif; font-size:60px; line-height:110px; padding:0 0 0 55px; } #landing-schedule .right-now { background: transparent url('/resources/shows/images/activeDot.png') no-repeat 21px 30px; color: #ffffff; font-family: 'Oswald', 'Arial Narrow', sans-serif; font-size: 35px; font-weight: lighter; padding: 13px 0 0 55px; } #landing-schedule #right-now-tune-in { color: #ffffff; font-family: 'Lato', 'Arial Narrow', sans-serif; font-size: 21px; font-weight: 400; letter-spacing: .33px; line-height: 23px; opacity: 0.72; padding: 0 0 0 55px; } #landing-schedule .week-of { color:#fff; font-family: 'Lato', 'Arial Narrow', sans-serif; font-size: 28px; padding:4px 0 27px 55px; } #landing-schedule #btn-schedule-expand { background: transparent url('/resources/shows/images/schedule/arrow-sprite.png') no-repeat right 0px; color: #ffffff; cursor: pointer; font-family: 'Lato', 'Arial Narrow', sans-serif; font-size: 16px; height: 30px; letter-spacing: .53px; line-height: 28px; padding-right: 47px; position: absolute; right: 20px; top: 40px; } #landing-schedule.collapsed #btn-schedule-expand {background-position:right -30px;} #landing-schedule #btn-schedule-expand .expand, #landing-schedule.collapsed #btn-schedule-expand .collapse {display:none;} #landing-schedule #btn-schedule-expand .collapse, #landing-schedule.collapsed #btn-schedule-expand .expand {display:inline;} #landing-schedule.collapsed #btn-schedule-expand .expand { display: inline; font-family: 'Lato', 'Arial Narrow', sans-serif; font-size: 16px; letter-spacing: .53px; line-height: 28px; } /* Collapse button at bottom */ #landing-schedule #btn-schedule-collapse { background-color:#799AB8; cursor:pointer; height:36px; padding-top:38px; position:relative; } #landing-schedule #btn-schedule-collapse .bar { background-color:#656597; bottom:0px; display:block; height:15px; position:absolute; width:920px; } #landing-schedule #btn-schedule-collapse .text { background-color: #656597; color: #ffffff; font-family: 'Lato', 'Arial Narrow', sans-serif; font-size: 20px; line-height: 33px; margin: 0 auto; padding: 0 20px; position: relative; text-align: center; width: 267px; z-index: 1; } /* Day Tabs */ #landing-schedule #schedule-days {background-color:#6586A5;} #landing-schedule #schedule-days li { cursor:pointer; float:left; height:78px; line-height:88px; margin:0; position:relative; text-align:center; width:131px; } #landing-schedule #schedule-days li .day { color: #ffffff; font-family: 'Oswald', 'Arial Narrow', sans-serif; font-size: 38px; font-weight: 400; line-height: 74px; padding: 0; text-decoration: none; text-transform: uppercase; } #landing-schedule #schedule-days li.active .day {color:#799AB8;} #landing-schedule #schedule-days li.active .arrow { border-color:transparent transparent #799AB8 transparent; border-style:solid; border-width:0 15px 15px 15px; bottom:0; height:0px; left:50px; position:absolute; width:0px; } /* Episode list */ #landing-schedule #schedule-list {background-color:#799AB8;} #landing-schedule #schedule-list li {padding:0 40px;} #landing-schedule #schedule-list li.active {background-color:#6586A5;} #landing-schedule #schedule-list li .wrapper {border-bottom:1px solid #BCCDDC;} #landing-schedule #schedule-list li.active .wrapper {border-bottom:none;} #landing-schedule #schedule-list div div { color: #bccddc; float: left; font-family: 'Oswald', 'Arial Narrow', sans-serif; font-size: 25px; font-weight: 300; padding: 31px 0 26px; } #landing-schedule #schedule-list .time {text-align:left; width:100px;} #landing-schedule #schedule-list .title {text-align:left; width:620px;} .de #landing-schedule #schedule-list .title, .fr #landing-schedule #schedule-list .title, .uk #landing-schedule #schedule-list .title {width:560px;} #landing-schedule #schedule-list .rating {text-align:right; width:120px;} #landing-schedule #schedule-list .synopsis {text-align:right; width:180px;} #landing.shows .arrowsprite {background: url("/resources/shows/images/new_shows_landing_sprite.png");} #landing.shows #HFooter {width:980px;margin:auto;} #landing.shows .carousel-image{position: absolute;} #landing.shows .swiper-slide .play-overlay { display: none; position: absolute; opacity: 0.5; filter: alpha(opacity=50); background-color: #000; width: 100%; height: 100%; } #landing.shows .swiper-slide .play-button { display: none; position: absolute; width: 44px; height: 44px; top: 47px; left: 117px; background-color: #fff; opacity: 0.5; filter: alpha(opacity=50); } #landing.shows .swiper-slide .replay-button { font-family: "DIN Web Condensed","Arial Narrow",Sans-Serif; font-size: 24px; color: #fff; left: 68px; top: 34px; position: absolute; line-height:25px; } #landing.shows .swiper-slide.replay:hover .replay-button { text-decoration: underline; } #landing.shows .swiper-slide .play-arrow { display: none; position: absolute; top: 55px; left: 130px; width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 20px solid #fff; } #landing.shows .swiper-slide.replay .play-arrow { display: block; } /*#landing.shows .swiper-slide:hover .play-overlay, #landing.shows .swiper-slide:hover .play-button, #landing.shows .swiper-slide:hover .play-arrow, #landing.shows .swiper-slide:hover .replay-button { display: block; }*/ .no-touch #video-detail-main-content .swiper-slide:hover .play-overlay, .no-touch #video-detail-main-content .swiper-slide:hover .play-button, .no-touch #video-detail-main-content .swiper-slide:hover .play-arrow, .no-touch #video-detail-main-content .swiper-slide:hover .replay-button { display: block; } #landing.shows .SL_title_hypen{border-bottom:1px solid #a6a6a6;width:307px;width:305px\0;height:21px;float:left;} #landing.shows .more-show-header{height:43px;padding:0 0 25px 0;line-height:46px;} #landing.shows .SL_MS_hypen{border-bottom:1px solid #a6a6a6; width:337px;width:334px\0;height:21px;float:left;} .edition_us#landing.shows .SL_title_hypen, .edition_ca#landing.shows .SL_title_hypen, .edition_au#landing.shows .SL_title_hypen, .edition_uk#landing.shows .SL_title_hypen{width:307px;width:305px\0;} .edition_de#landing.shows .SL_title_hypen{width:301px;width:297px\0;} .edition_fr#landing.shows .SL_title_hypen{width:126px;width:120px\0;} .edition_us#landing.shows .SL_MS_hypen, .edition_ca#landing.shows .SL_MS_hypen, .edition_au#landing.shows .SL_MS_hypen, .edition_uk#landing.shows .SL_MS_hypen{width:337px;width:334px\0;} .edition_de#landing.shows .SL_MS_hypen{width:310px;width:307px\0;} .edition_fr#landing.shows .SL_MS_hypen{width:301px;width:299px\0;}