/* this is layout css */ #left {margin-right:20px;width:calc(100% - 320px);} #right {width:300px; position: relative; z-index:2; } @media (max-width:677px) { #left {float:none;margin:0 0 10px 0;width:100%;} #right {float:none;width:100%;position:static;} } #page-title {margin-bottom:20px;} .grid .body {font-size:0;} .grid .item {display:inline-block;font-size:14px;position:relative;vertical-align:top;} .grid .item-thumbnail {font-size:0;overflow:hidden;position:relative;width:100%;display:inline-block;line-height:0;} .grid .item-overlay {color:#fff;font-size:18px;height:100%;left:0;position:absolute;top:0;width:100%;} /*.grid .fa-play-circle-o {left:50%;margin:-16px 0 0 -16px;position:absolute;top:50%;}*/ .grid .item-overlay.video-play {background-image:url('http://o.aolcdn.com/os/moviefone/img/play_btn_grey.png');background-repeat:no-repeat;background-position:50%;} .grid .item-overlay.video-play:hover {background-image:url('http://o.aolcdn.com/os/moviefone/img/play_btn_blue.png');} .grid .item-image {width:100%;} .grid .item-title {color:#333;font-weight:bold;line-height:20px;font-size:15px;} .grid .item-title:hover {color:#00c8ff;} .grid .more-button {display:block;margin:20px auto 0;} .grid.columns-1 .item {margin-bottom:10px;width:100%;} .grid.columns-1.margin-large .item {margin-bottom:20px;} .grid.columns-1 .item:last-child {margin-bottom:0;} .grid.columns-2 .item {margin:0 10px 10px 0;width:calc(50% - 5px);} .grid.columns-2.margin-large .item {margin:0 20px 20px 0;width:calc(50% - 10px);} .grid.columns-2 .item:nth-child(2n) {margin-right:0;} .grid.columns-2 .item:nth-last-child(-n+2) {margin-bottom:0;} .grid.columns-3 .item {margin:0 10px 10px 0;width:calc(33% - 6px);} .grid.columns-3.margin-large .item {margin:0 20px 20px 0;width:calc(33% - 13px);} .grid.columns-3 .item:nth-child(3n) {margin-right:0;} .grid.columns-3 .item:nth-last-child(-n+3) {margin-bottom:0;} .grid.columns-4 .item {margin:0 10px 10px 0;width:calc(25% - 8px);} .grid.columns-4.margin-large .item {margin:0 20px 20px 0;width:calc(25% - 15px);} .grid.columns-4 .item:nth-child(4n) {margin-right:0;} .grid.columns-4 .item:nth-last-child(-n+4) {margin-bottom:0;} /*.grid.type-video .item-overlay, .grid.type-5min .item-overlay {opacity:0.5;}*/ /*.grid.type-video .item-overlay:hover, .grid.type-5min .item-overlay:hover {}*/ .grid.type-5min .item-title {background-color: #000000; bottom: 0px; color: #fff; display: block; padding: 8px; position: absolute; width: 100%; font-weight: 400; font-family: Helvetica, Arial, sans-serif;white-space: normal;top: auto;text-align: left;font-size:15px;margin-bottom:0;} .grid.type-5min .item-thumbnail{margin: 0px; padding: 0px;} .grid.type-5min .item-tag {display: inline-block; height: 150px; margin-bottom: 10px;} /*.grid:not(.type-video):not(.type-5min) .item-overlay {background:-moz-linear-gradient(45deg,rgba(69,198,254,0.65) 0%, rgba(69,198,254,0.65) 22%, rgba(69,198,254,0) 88%, rgba(69,198,254,0) 100%);background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(69,198,254,0.65)), color-stop(22%,rgba(69,198,254,0.65)), color-stop(88%,rgba(69,198,254,0)), color-stop(100%,rgba(69,198,254,0)));background:-webkit-linear-gradient(45deg,rgba(69,198,254,0.65) 0%,rgba(69,198,254,0.65) 22%,rgba(69,198,254,0) 88%,rgba(69,198,254,0) 100%);background:-o-linear-gradient(45deg,rgba(69,198,254,0.65) 0%,rgba(69,198,254,0.65) 22%,rgba(69,198,254,0) 88%,rgba(69,198,254,0) 100%);background:-ms-linear-gradient(45deg,rgba(69,198,254,0.65) 0%,rgba(69,198,254,0.65) 22%,rgba(69,198,254,0) 88%,rgba(69,198,254,0) 100%);background:linear-gradient(45deg,rgba(69,198,254,0.65) 0%,rgba(69,198,254,0.65) 22%,rgba(69,198,254,0) 88%,rgba(69,198,254,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a600c8ff', endColorstr='#0000c8ff',GradientType=1 );opacity:0;}*/ .grid:not(.type-video):not(.type-5min) .item-overlay{background-color:rgba(102,102,102,.4);opacity:0;} .grid:not(.type-video):not(.type-5min) .item-overlay:hover {opacity:1;} .grid.type-slide#all-galleries {padding: 0px;} #top-trailers .item-thumbnail {font-size:0;margin-bottom:10px;overflow:hidden;position:relative;width:100%;display:inline-block;} @media only screen and (max-width: 480px){ #left .grid .item {width: 100%;} /* POSTER GRID =================================================== */ #left .twoColumnMobile .item {width: 48%;} #left .twoColumnMobile .item:nth-child(odd) {margin: 0px 5px 15px 0px;} #left .twoColumnMobile .item:nth-child(even) {margin: 0px 0px 15px 5px;} } @media screen and (max-width: 340px) { /* Top Trailers - not Gravity so it is not in gravity.css */ #top-trailers h2 {font-size:24px !important;} .grid.type-5min .item-title{ font-size:13px; line-height:18px; padding:5px 8px; } } .list-post-movie-news .news-item {overflow: hidden;padding: 0 0 5px;} .list-post-movie-news .news-item-wrap {margin:0; clear: left; } .list-post-movie-news .title { color: #00ccff; display: block; font-family: Helvetica, Arial, sans-serif; font-weight: 400; line-height: 26px;} .list-post-movie-news .title:hover { color: #54ddff; } .list-post-movie-news .byline a, .list-post-movie-news .byline { color: #757373; font-size: 16px; font-style: italic; font-weight: 400;margin: 6px 0 0;} .list-post-movie-news .byline a:hover { text-decoration: underline;} .list-post-movie-news .image {float: left;margin-right:4%;width:46%;} .list-post-movie-news .news-item .image .image-wrap {position: relative; width: 100%;} .list-post-movie-news .image img {border-bottom: 0;width:100%;height:auto; display: block !important;} .list-post-movie-news .info {float: left;width: 48%;} .list-post-movie-news .feature-news img {width:100%;height:auto;} .list-post-movie-news .border-clear {clear: both; border-bottom: 1px solid #dadada; border-top: none; margin: 15px 0;} .list-post-movie-news .more-button {display: block; margin: 0 auto 20px auto;} .list-post-movie-news .item-overlay {color:#fff;font-size:18px;height:100%;left:0;position:absolute;top:0;width:100%;} .list-post-movie-news .item-overlay {background:-moz-linear-gradient(45deg,rgba(69,198,254,0.65) 0%, rgba(69,198,254,0.65) 22%, rgba(69,198,254,0) 88%, rgba(69,198,254,0) 100%);background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(69,198,254,0.65)), color-stop(22%,rgba(69,198,254,0.65)), color-stop(88%,rgba(69,198,254,0)), color-stop(100%,rgba(69,198,254,0)));background:-webkit-linear-gradient(45deg,rgba(69,198,254,0.65) 0%,rgba(69,198,254,0.65) 22%,rgba(69,198,254,0) 88%,rgba(69,198,254,0) 100%);background:-o-linear-gradient(45deg,rgba(69,198,254,0.65) 0%,rgba(69,198,254,0.65) 22%,rgba(69,198,254,0) 88%,rgba(69,198,254,0) 100%);background:-ms-linear-gradient(45deg,rgba(69,198,254,0.65) 0%,rgba(69,198,254,0.65) 22%,rgba(69,198,254,0) 88%,rgba(69,198,254,0) 100%);background:linear-gradient(45deg,rgba(69,198,254,0.65) 0%,rgba(69,198,254,0.65) 22%,rgba(69,198,254,0) 88%,rgba(69,198,254,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a600c8ff', endColorstr='#0000c8ff',GradientType=1 );opacity:0;} .list-post-movie-news .item-overlay:hover {opacity:1;} .list-post-movie-news p {font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #333333; line-height: 24px; padding-bottom: 12px; font-weight: 400; margin: 0px;} #right .movie-module.list-post { background-color: #DEE2E3; margin: 0 0 20px; padding: 0; } #right .list-post-movie-news h2.module-title { color: #333333; padding: 9px 0 7px 15px; font-weight: 700; text-transform: lowercase; font-size: 18px; line-height: 20px; } #right .list-post-movie-news .news-item { overflow: hidden; padding: 10px; } #right .list-post-movie-news .image { width: auto; margin: 2px 10px 0px 0px; } #right .list-post-movie-news .image a { display: block; position: relative; width: auto; height: auto; } #right .list-post-movie-news .image img { width: 60px; height: 60px; } #right .list-post-movie-news .news-item:hover .item-overlay { opacity: 1; } #right .list-post-movie-news .info { color: #666666; font-weight: 400; width: calc(100% - 70px); } #right .list-post-movie-news .info .title { color: #666666; font-size: 14px; margin-top: 5px; line-height: normal; } #right .list-post-movie-news .info p { display: none; } #right .list-post-movie-news .byline { font-size: 11px; margin-top: 5px; font-style: normal; } #right .list-post-movie-news .byline a { font-size: 11px; font-weight: 700; font-style: normal; } #right .list-post-movie-news .border-clear { border-bottom: none; margin: 0; } /* ================================================================================================================== */ /* STORY CONTENTS ================================================================================================== */ /* ================================================================================================================== */ /* STORY GENERAL ======================== */ em {font-style:italic;} /* http://www.w3schools.com/tags/tag_blockquote.asp */ blockquote { display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 40px; margin-right: 40px } #permalink {margin: 12px 0 20px;} #permalink .entry-content iframe {display: block; text-align: center;max-width:100%;} /* STORY META DATE (AT TOP OF POST) ===== */ #permalink .meta {font-size: 15px; margin: 20px 0;} #permalink .meta.article-gallery {font-size: 15px; margin: 0;} #permalink .meta .byline a, #permalink .meta {color: #666666; } #permalink .meta .byline a:hover {text-decoration: underline;} #permalink .meta .posted, #permalink .meta .byline {float: left; margin: 0 10px 0 0; color: #666666;} #permalink .meta .byline .author .fn a {font-weight: 700;} /* STORY TAGS / CATEGORIES ============== */ #permalink .tags a {font-weight: 700;} #permalink .categories, #permalink .tags {color: #939598; font-size: 14px; line-height: 16px; margin: 0 0 4px; text-transform: lowercase;} #permalink .categories span, #permalink .tags span {color: #666666; font-weight: 700; font-size: 14px; padding: 0 4px 0 0;} #permalink .categories span:after, #permalink .tags span:after {content: ":";} #permalink .categories {margin: 10px 0 20px; } #permalink .categories a {font-weight: 700;} /* STORY COPY / LINKS =================== */ #permalink h1 {font-size: 34px; font-weight: 400; line-height: 40px;} #permalink .entry-content, #permalink .entry-content p {font-size: 14px; letter-spacing: normal; line-height: 24px;} #permalink a:hover {text-decoration: none;} /* STORY META DATA - IN THE BODY OF THE STORY, UNDER GALLERY =================== */ #permalink .post-body .meta {margin:0;} /* STORY IMAGE ========================== */ #permalink .entry-content img {display: block; margin: 10px auto; text-align: center; width: 100%;} #permalink .entry-content p.cap {} #permalink .entry-content p.cap img {width: 100%;} #permalink .entry-content .image-no-resize img {width: auto !important;} /* SHOW POST (PREV/NEXT AT BOTTOM) ===== */ #permalink .nav-crumb {margin: 20px 0 40px; padding: 0;} #permalink .nav-crumb .prev-article, #permalink .nav-crumb .next-article {background: #dee2e3; border-radius: 2px; color: #ffffff; float: left; min-height: 60px; position: relative; width: 300px;} #permalink .nav-crumb .prev-article:hover, #permalink .nav-crumb .next-article:hover {background: #eeeeee;} #permalink .nav-crumb .next-article {margin-left: 10px;} #permalink .nav-crumb .next-article:hover, #permalink .nav-crumb .prev-article:hover {background: #ffffff;} #permalink .nav-crumb .prev-cat, #permalink .nav-crumb .next-cat {color: #666666; font-size: 13px; padding: 10px 0px;} #permalink .nav-crumb .prev-cat {float: left; margin: 0px 10px 0px 40px; } #permalink .nav-crumb .next-cat {float: right; margin: 0px 40px 0px 10px; text-align: left;} #permalink .nav-crumb .prev-arrow, #permalink .nav-crumb .next-arrow {background: url("http://o.aolcdn.com/os/moviefone/img/sprite-mf-main.png") no-repeat transparent; height: 60px; margin-top: -30px; position: absolute; top: 50%; width: 35px;} #permalink .nav-crumb .prev-arrow {background-position: -35px -426px; left: 0px;} #permalink .nav-crumb .next-arrow { background-position: -35px -486px; right: 0px;} #permalink .nav-crumb .cat-name {float: left; width: 300px; text-align:center; padding: 22px 0 0;} #permalink .nav-crumb .cat-name a {color: #fff; text-decoration: none; margin: 0 20px 0 0;} /* AOL PLAYER ========================== */ .fmvps-wrapper {height:0px!important;padding-bottom:75%!important;position:relative;width:100%!important;margin-bottom:10px!important;min-width:0!important;} .fmvps-wrapper > div, .fmvps-wrapper object, .fmvps-wrapper video, .fmvps-limited-mode {height: 100% !important; position: absolute !important; width: 100% !important;max-width:610px;padding-bottom:0!important;top:0;} .fmvps-wrapper div#fiveMinCB_1 {height: auto; width: auto;} .fmvps-wrapper {z-index:4!important;min-width:0!important;} #view-more-unscripted .head h2 {font-size:28px;padding:0 0 20px;font-weight: 400;} .grid .item-title { font-weight: 400; font-size: 12px; clear: both; color: #666666; display: block; margin-bottom: 5px; overflow: hidden; position: relative; text-align: center; text-overflow: ellipsis; top: 5px; white-space: nowrap; width: 100%; } /* YOUTUBE VIDEOS ====================== */ .youtube-video-wrap {margin: 10px 0px; padding-bottom: 56.25%; position: relative;} .youtube-video-frame {height: 100%; eft: 0px; position: absolute; top: 0px; width: 100%;} /* FACEBOOK POSTS ====================== */ .fb-post.fb_iframe_widget {width: 100% !important;} .fb-post.fb_iframe_widget span {width: 100% !important;} .fb-post.fb_iframe_widget span iframe {width: 100% !important;} /* TV & MOVIE NEWS RR =================== */ .tv-news #right, .movie-news #right {margin-top: 56px;} /* REMOVING ADDTHIS SHARE BAR FROM LEFT DOCK ON SCREEN ====================== */ .at4-share-outer.addthis-smartlayers.addthis-smartlayers-desktop {display: none;} /* ================================================================================================================== */ /* RESPONSIVE MEDIA-QUERIES ======================================================================================== */ /* ================================================================================================================== */ @media only screen and (min-width: 320px) and (max-width: 969px) { /* NEXT / PREV BUTTONS ON ARTICLES ===== */ #permalink .nav-crumb .prev-article, #permalink .nav-crumb .next-article {margin: 5px 0px; width: 100%;} /* TV & MOVIE NEWS RR =================== */ .tv-news #right, .movie-news #right {margin-top: 0px;} } @media only screen and (max-width: 769px) { /* TV & MOVIE NEWS RR =================== */ body.tv-news:not(.in-view):not(.homepage) #wrap, body.movie-news:not(.in-view):not(.homepage) #wrap {margin-top: 50px;} } @media only screen and (max-width: 480px){ /* NEXT / PREV BUTTONS ON ARTICLES ===== */ #permalink .new-article-meta {margin-top: 10px;} #permalink .new-article-meta .posted {width: 100%;} #permalink .nav-crumb .prev-article, #permalink .nav-crumb .next-article{width: 100%} #permalink .nav-crumb .next-article{margin-left: 0px;margin-top: 5px;} /* TV & MOVIE NEWS RR =================== */ .tv-news #wrap, .movie-news #wrap {padding: 10px 10px;} } @media only screen and (min-width: 0px) and (max-width: 677px) { #footer .newsletter input {width: auto;} #view-more-unscripted .head h2 {font-size:22px;} .fmvps-player-poster {height: calc(75% - 0px)!important;} } .addthis_sharing_toolbox { margin-top: 15px;} .campus-beat-info { float:left; margin-top: 5px; } .campus-posted { float:left; margin-left: 15px; } .author-campus-twitter { clear: both; position: relative; top: -23px; left: 145px; } .author-campus-twitter span { color: #00cdff; padding-left: 5px; } .campus-meta { margin-bottom: 0px !important;} .campus-twitter-handle { color: #00cdff !important;} @media only screen and (max-width: 767px) { #permalink h1 { font-size: 28px ; line-height: 34px ; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .campus-beat-info { margin-top: 0px; } .campus-beat-info img { width: 91px; } .campus-posted { margin-left: 5px; } .author-campus-twitter { top: 0px; left: 0px; } } @media only screen and (min-width: 481px) and (max-width: 767px) { .campus-beat-info { float: none; margin-top: 0px; } .campus-beat-info img { width: 131px; } .campus-posted{ float: left; margin-left: 0px; } .author-campus-twitter { clear: both; top: 0; left: 0;} .campus-byline { margin-top:38px !important;} } @media only screen and (min-width: 320px) and (max-width: 480px) { .campus-beat-info { float: none; margin-top: 0px; } .campus-beat-info img { width: 131px; } .campus-posted{ float: left; margin-left: 0px; } .author-campus-twitter { clear: both; top: 0; left: 0;} .campus-byline { margin-top:38px !important;} } @media only screen and (max-width: 320px) { .campus-byline { margin-top:0px !important;} } /* ================================================================================================================== */ /* AROUND THE WEB ================================================================================================== */ /* ================================================================================================================== */ #zerglayout {margin: 5px!important; width: auto!important;} #zerglayout .zergentity {margin: 5px!important; width: 135px!important;} #zerglayout .zergentity img {border: none!important;} #zerglayout .zergentity .zergheadline a {color: #ffffff!important; font-weight: 400 !important;} #right .zergentity {background: #999999; color: #ffffff; } #right .zergentity .zergheadline {height: 64px;} #right .zergentity .zergheadline a {display: block; margin: 0px 5px;} #right .latest-news-side .activity-byline a {color:#666666; font-weight: 700;} #right .latest-news-side .activity-title {color: #666666; font-size: 14px; margin-top: 5px;} .latest-news-side {background: #dee2e3;} .latest-news-side .body {margin: 0px; overflow:hidden; padding: 0;} .latest-news-side a:hover {} .latest-news-side .activity-article {border-bottom: 1px dotted #aaaaaa; overflow: hidden; padding: 10px;} .latest-news-side .activity-article:last-child {border: none;} .latest-news-side .activity-clear {clear: both; border-bottom: 1px solid #333; border-top: solid 1px #1A1917; margin: 6px 0 10px;} .latest-news-side .activity-image {float: left; width: 60px; margin: 2px 10px 0 0;} .latest-news-side .activity-image img {border-bottom: solid 1px #333;} .latest-news-side .activity-info {float: left; width: 185px; font-size:11px;} .latest-news-side .activity-info.no-image {width: 260px; } .latest-news-side .activity-byline {color: #666666; font-size: 14px; font-style: italic; font-weight: 700; margin: 2px 0 0;} #right .latest-news-side .tweet-action {margin: 4px 0 0;} #right .latest-news-side .tweet-action a {color: #00B9FF; padding: 0 4px 0 0;} #right .latest-news-side .tweet-action a:hover {color:#fff;} #right #zergnet-widget-31262 {border-radius:2px;-webkit-box-shadow:0px 0px 0px 1.5px rgba(238, 238, 238, 1);-moz-box-shadow:0px 0px 0px 1.5px rgba(238, 238, 238, 1);box-shadow:0px 0px 0px 1.5px rgba(238, 238, 238, 1);clear:both;height:955px;margin-bottom:10px;padding:5px;overflow:hidden;width:300px;} #right #zergnet-widget-31262 .zerglayoutcl::before {content:'More to Explore';display:block;font-weight:normal;text-align:left;color:#333;font-size:28px;font-family:Helvetica;margin-top:10px;margin-bottom:5px;margin-left:2%;} #right #zergnet-widget-31262 #zerglayout {margin:0 !important;width:100% !important;} #right #zergnet-widget-31262 .zergentity {background:inherit;margin-left:2% !important;margin-right:2% !important;margin-bottom:15px !important;width:46% !important;} #right #zergnet-widget-31262 .zergentity img {display:block !important;height:auto !important;max-width:100% !important;width:auto !important;} #right #zergnet-widget-31262 .zergheadline {margin-top:7px !important;text-align:left !important;} #right #zergnet-widget-31262 .zergheadline a {color:#333 !important;font-weight:bold !important;margin:0 !important;} #right #zergnet-widget-31262 .zergheadline a:hover {color:#54ddff !important;} /* ================================================================================================================== */ /* SALETHRU CONCIERGE ============================================================================================== */ /* ================================================================================================================== */ .recommendation.sailthruRecommendation {background: #ffffff; border: none; box-shadow: 0px 0px 0px 2px #dee2e3;} #sailthru-concierge {} #sailthru-concierge .recommendation{background: #ffffff; box-shadow: 5px 5px 5px rgb(0,0,0,.5);font-size: 12px; border-top:2px solid #c00; display: none; padding-bottom: 10px; position: fixed; overflow:hidden; right:-300px; text-align: left; width:300px;} #sailthru-concierge .ie {border: 1px solid #666666;} #sailthru-concierge .recommendationWrapper {float: left; padding: 10px; width: 260px;} #sailthru-concierge span.row {display: block;} #sailthru-concierge .recommendation a {color: #CC0000; font-size: 11px; text-decoration: none; } #sailthru-concierge span.recommendationCategory {border-bottom: 2px solid #00c8ff; color: #666666; font-size: 12px; font-weight: 400; margin: 0px 0px 0px 2px;} #sailthru-concierge span.recommendationTitle { margin-bottom: 5px;} #sailthru-concierge span.recommendationTitle a {color: #666666; font-size: 14px;} #sailthru-concierge .imgReplace {display: block;} #sailthru-concierge .imgReplace span {display: none;} #sailthru-concierge div.openWrapper {display: none; float: left; width: 20px; } #sailthru-concierge a.openRecommendation {background: url("http://cdn.sailthru.com/assets/images/icons/open.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 13px; margin-left: 5px; margin-top: 36px; width: 13px; } #sailthru-concierge a.openRecommendation:hover {background: url("http://cdn.sailthru.com/assets/images/icons/open.gif") no-repeat scroll 0 -13px rgba(0, 0, 0, 0); } #sailthru-concierge a.closeRecommendation {background: url("http://cdn.sailthru.com/assets/images/icons/close.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 13px; position: absolute; right: 5px; top: 5px; width: 13px; } #sailthru-concierge .recommendationThumb {background: none repeat scroll 0 0 #CCCCCC; float: left; height: 50px; width: 50px; } #sailthru-concierge .recommendationThumb img {width: 50px; } #sailthru-concierge .recommendationDetails {float: left; margin-left: 5px; width: 205px; } #sailthru-concierge .recommendationFooter {clear: both; font-size: 11px; padding-right: 5px; text-align: right; } /* SAILTHRU LIGHTBOX */ .sailthru_lightbox {display: none; } .sailthru_lightbox { font-size: 14px; left: 50%; margin-left: -270px; min-height: 330px; padding: 10px; position: absolute; text-align: left; top: 3%; width: 540px; z-index: 99999999 !important; } .sailthru_lightbox .head {left: -36px; overflow: hidden; position: relative; width: 200px; z-index: 1; } .sailthru_lightbox .left {background: url("http://o.aolcdn.com/os/moviefone/img/sprite-main.png") no-repeat scroll -62px 0 rgba(0, 0, 0, 0); float: left; height: 45px; width: 9px; } .sailthru_lightbox .right {background: url("http://o.aolcdn.com/os/moviefone/img/sprite-main.png") no-repeat scroll -251px -1px rgba(0, 0, 0, 0); border-bottom: 1px solid #000000; float: left; height: 34px; width: 16px; } .sailthru_lightbox .head-title {border-bottom: 1px solid #000000; color: #FFFFFF; float: left; font-size: 15px; font-weight: 700; height: 14px; padding: 10px 0; text-decoration: none; text-indent: 10px; text-shadow: 0 1px 1px #000000; text-transform: uppercase; width: 170px; } .sailthru_lightbox h2 {font-size: 18px; font-weight: 700; text-transform: uppercase; } .sailthru_lightbox p {color: #666666; font-size: 16px; padding: 10px 0; text-align: center; } .sailthru_lightbox .item-0 {display: none; } .sailthru_lightbox p.strong {color: #000000; font-size: 18px; font-weight: 700; line-height: normal; padding: 20px 0; } .sailthru_lightbox fieldset legend {font-size: 18px; font-weight: 700; } .sailthru_lightbox fieldset p {display: inline-block; font-size: 12px; margin: 5px 0; padding: 0; text-align: left; width: 100%; } .sailthru_lightbox .lists {padding: 10px 0; position: relative; } .sailthru_lightbox .list_name {} .sailthru_lightbox .list_desc {color: #999999; font-size: 12px; margin-left: 30px; padding: 0; } .sailthru_lightbox ul {list-style: none outside none; margin: 0; padding: 0; } .sailthru_lightbox ul .tag {background: none repeat scroll 0 0 #919191; border-radius: 2px; color: #FFFFFF; float: left !important; font-size: 12px; list-style: none outside none; margin: 3px 5px 0 0; padding: 8px 7px 6px; } .sailthru_lightbox ul .newremover {background: url("http://o.aolcdn.com/os/music/art/2-AOL-Follow-button-sprite.png") no-repeat scroll -5px -12px rgba(0, 0, 0, 0); cursor: pointer; float: right; height: 14px; margin-left: 5px; width: 12px; } .sailthru_lightbox .form {background-color: #FFFFFF; border: 2px solid #A52C10; padding: 15px 25px; position: relative; z-index: 5009999; } .sailthru_lightbox #alerts_form {margin: 0; overflow: hidden; padding: 30px 50px 60px; } .sailthru_lightbox .my_alerts {margin-bottom: 20px; } .sailthru_lightbox .button {background-color: #980300; border: 0 none; border-radius: 5px; box-shadow: 1px 2px 2px #CCCCCC; color: #FFFFFF; cursor: pointer; display: block; float: right; font-weight: 700; height: 32px; line-height: 32px; margin: 0; text-align: center; text-shadow: 0 1px 1px #000000; text-transform: uppercase; width: 100px; } .sailthru_lightbox .settings_cancel {background: none repeat scroll 0 0 #000000; border: 3px solid #FFFFFF; border-radius: 20px; box-shadow: 2px 2px 7px #333333; color: #FFFFFF; cursor: pointer; font-size: 16px; font-weight: 400; height: 20px; line-height: 16px; padding: 5px 3px 2px; position: absolute; right: -10px; text-align: center; top: -10px; vertical-align: middle; width: 20px; } .video .video-title {font-weight:600;margin-top:20px;} .video .video-description {margin-bottom:20px;} .video .share-text {position:relative;top:-10px;} .video .addthis_sharing_toolbox {display:inline-block;} #mf-slideshow-holder .full-screen-button-container { width: 50px; height: 50px; background: rgb(0,0,0); background: rgba(0,0,0,0.8); z-index:11; position: absolute; left: auto; top : 0; right: 0; cursor: pointer; } #mf-slideshow-holder .full-screen-button-container:hover { background-color: #00cdff ; } #mf-slideshow-holder .full-screen-button { background: url("http://o.aolcdn.com/os/moviefone/img/mf-full-screen.png"); background-repeat: no-repeat; background-color: transparent; background-position: 8px 12px; width: 50px; height: 50px; margin: 13px; z-index: 11; position: absolute; left: auto; top: -12px; right: -14px; cursor: pointer; } #mf-slideshow-holder .aol-twist-controls .aol-twist-next:hover{ background: url("http://o.aolcdn.com/os/moviefone/img/mf-right-arrow-black.png") no-repeat transparent; background-position: 130px 12px; } #mf-slideshow-holder .full-screen-button:hover { background: url("http://o.aolcdn.com/os/moviefone/img/mf-fullscreen-black.png") no-repeat; z-index: 11; position: absolute; left: auto; cursor: pointer; background-position: 7px 10px; } #mf-slideshow-holder .slide-nav-container-next{ width: 160px; height: 50px; position: absolute; top: 0; right: 0; background: rgb(0,0,0); background: rgba(0,0,0,0.8); z-index: 10; } #mf-slideshow-holder .slide-nav-container-next:hover { background-color: #00cdff ; } #mf-slideshow-holder .aol-twist-controls { position: absolute; top: 45%; width: 100%; height: 50px; font-size: 30px; left: 0; right: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #mf-slideshow-holder .aol-twist-controls .aol-twist-next { background: url("http://o.aolcdn.com/os/moviefone/img/gallery-right-arrow.png") no-repeat transparent; background-position: 130px 12px; width: 160px; right: 0px; color: #ffffff; font-family: helvetica; font-size: 16px; font-weight: 700; line-height: 20px; padding-top: 15px; } #mf-slideshow-holder .aol-twist-controls .aol-twist-next { cursor: pointer; display: block; text-align: center; position: absolute; text-indent: -35px;; height: 50px; z-index: 10; } #mf-slideshow-holder .main-slide-title { position: absolute; top: 36%; right: 50px; font-family: helvetica; font-size: 23px; font-weight: 700; line-height: 30px; width: 400px; height: 30px; color: #ffffff; text-align: right; text-overflow : ellipsis; white-space: nowrap; overflow: hidden; } #mf-slideshow-holder { position: relative; height: 502px; margin-bottom: 20px; } .gallery-module { margin: 20px 0px 0px; border-bottom: 0px !important; margin-bottom: 0px !important; padding-bottom: 0px !important; } #mf-slideshow-holder .aol-twist-slides { background: #000000; list-style: none !important; } .aol-twist-slide{ width: 100%; height: 502px; background-position: 50% 50%; background-repeat: no-repeat; opacity:0.8 } @media only screen and (max-width: 480px){ .gallery-module{ margin-bottom: 10px !important; } #mf-slideshow-holder .aol-twist-controls { top: 40%; } #mf-slideshow-holder, .aol-twist-slide { height: 300px; background-size: 100%; } #mf-slideshow-holder .full-screen-button-container, #mf-slideshow-holder .full-screen-button{ left: auto; right: 0; top: 0; margin: auto; } #mf-slideshow-holder .full-screen-button:hover{ left: auto; right: 0; top: 0; margin: auto; } #mf-slideshow-holder .aol-twist-controls .aol-twist-next{ font-size: 15px; } #mf-slideshow-holder .main-slide-title{ line-height: 23px; font-size: 17px; top: 30%; width: 300px; right: 10px; } #mf-slideshow .aol-twist-flyout-title { top: 0px; left: 35px; } } @media only screen and (max-width: 350px){ #mf-slideshow-holder .main-slide-title{ width:250px; } } @media only screen and (max-width: 767px) { #mf-slideshow-holder .full-screen-button-container:hover { background-color: #000000; } #mf-slideshow-holder .full-screen-button:hover { background-color: #000000; } #mf-slideshow-holder .aol-twist-controls .aol-twist-next:hover { background-color: #000000; } #mf-slideshow-holder .slide-nav-container-next:hover { background-color: #000000; } #mf-slideshow-holder .full-screen-button, #mf-slideshow-holder .full-screen-button:hover { background: url("http://o.aolcdn.com/os/moviefone/img/mobile-mf-full-screen-icon.png"); background-repeat: no-repeat; background-color: transparent; background-position: 7px 7px; width: 40px; height: 40px; } #mf-slideshow-holder .aol-twist-controls .aol-twist-next, #mf-slideshow-holder .aol-twist-controls .aol-twist-next:hover { background: url("http://o.aolcdn.com/os/moviefone/img/2-mobile-gallery-right-arrow.png") no-repeat transparent; background-position: 130px 15px; } #mf-slideshow-holder .full-screen-button-container { width: 40px; height: 40px; } .slide-nav-container-next { height: 40px; } #mf-slideshow-holder .aol-twist-controls .aol-twist-next { padding-top: 15px; } } @media only screen and (min-width: 481px) and (max-width: 767px){ #mf-slideshow-holder .main-slide-title{ top: 32%; width: 350px; right: 10px; } #mf-slideshow-holder .aol-twist-controls { top: 44%; } } @media only screen and (min-width: 768px) and (max-width: 1024px){ #mf-slideshow-holder .main-slide-title{ top: 34%; width: 350px; right: 10px; } } @media only screen and (min-width: 481px) and (max-width: 1024px){ #mf-slideshow-holder,#mf-slideshow-holder .aol-twist-slide{ height: 400px; } #mf-slideshow-holder .full-screen-button-container, #mf-slideshow-holder .full-screen-button{ left: auto; right: 0; top: 0; margin: auto; } } #grv-personalization-14, #grv-personalization-17{border-radius: 2px;box-shadow: 0 0 2px #e3e3e3;margin-bottom:25px;} #gravity-ad, #gravity-partners {padding:0;} .grv_post_type{z-index:1;} li.mv-trending.grv_article:hover .grv_post_type{background-color:rgba(102,102,102,.4) !important;} li.mv-trending.grv_article{border-bottom:1px solid #e3e3e3;padding:0 !important;margin:0 23px !important;width: auto !important;} li.mv-trending.grv_article a.grv_img_link{margin-left:0 !important;} #most-popular-articles li.grv_article{padding:10px 10px 0;} #most-popular-articles-module, #trending-module{ box-shadow:none; border-radius:2px 2px 0 0; border:1px solid #F6F6F6; border-bottom:0; margin:0 !important; padding:0; } #most-popular-articles-module .head, #trending-module .head{ padding-bottom:0; } #most-popular-articles, #trending{ border:1px solid #F6F6F6; border-radius:0 0 2px 2px; border-top:0; margin-bottom:20px; } #trending-module h2{padding:20px 0 0 20px;} #most-popular-articles-module h2 {padding:20px 0 0 10px;} /* THIS WAS BROUGHT OVER FROM aol-twist-gallery.css */ .aol-twist-wrapper .aol-twist-slide-wrapper ul li{margin:0;list-style:none;float:left; } .aol-twist-wrapper .aol-twist-flyout{background:#222;width:340px;padding:0 20px;position:absolute;top:0;right:0;bottom:0;z-index:1;overflow:auto} .aol-twist-wrapper .aol-twist-flyout .aol-twist-flyout-head{height:20px;position:absolute;top:0;right:0;left:0;line-height:20px} .aol-twist-wrapper .aol-twist-flyout .aol-twist-flyout-head .aol-twist-enter-fullscreen{font-size:11px;font-weight:400;padding:0 20px;display:inline-block;cursor:pointer} .aol-twist-wrapper .aol-twist-flyout .aol-twist-flyout-head .aol-twist-exit{position:absolute;top:0;right:0;width:20px;display:block;text-align:center;height:20px;line-height:20px;cursor:pointer} .aol-twist-wrapper .aol-twist-flyout .aol-twist-flyout-content{position:absolute;bottom:300px;top:20px;overflow:auto;padding-right:20px;left:20px;right:0} .aol-twist-wrapper.fullscreen{width:auto !important;height:auto !important;position:fixed;top:0;right:340px;left:0;bottom:0;z-index:1000} .aol-twist-wrapper.fullscreen .aol-twist-slide-wrapper{width:auto !important;height:auto !important;position:absolute;top:40px;bottom:25%;left:30px;right:30px} .aol-twist-wrapper.fullscreen .aol-twist-flyout{overflow:auto} .aol-twist-wrapper.fullscreen .aol-twist-infobar{position:absolute;bottom:80px;left:30px;right:30px;top:75%} .aol-twist-wrapper .aol-twist-flyout .aol-twist-flyout-ad{position:absolute;bottom:20px;left:20px;right:20px;height:250px;border:1px solid #333} .aol-twist-wrapper .aol-twist-flyout .aol-twist-flyout-ad:after{content:'ADVERTISEMENT';position:absolute;font-size:11px;color:#666;top:-25px;left:0;right:0;text-align:center} .aol-twist-wrapper {background:#222;color:#eee;position:relative;} .aol-twist-wrapper .aol-twist-controls{position:absolute;top:45%;font-size:30px;left:0;right:0;-webkit-user-select:none;-moz-user-select:none;user-select:none} /* TWIST GALLERY ===== */ .aol-twist-thumbs-container {display:none;} .hide {display: none;} .aol-twist-fullscreen body { overflow:hidden; } .aol-twist-fullscreen #header { position:fixed;width:100%;z-index:5000000; } /* ================================================================================================================== */ /* KNOT GALLERY ==================================================================================================== */ /* ================================================================================================================== */ .gallery-module {margin-top:0 !important;} .gallery-module .aol-twist-wrapper.fullscreen {z-index: 2147483647; } .gallery-module a {color: #ffffff;} .aol-twist-wrapper .aol-twist-flyout .aol-twist-flyout-head .aol-twist-enter-fullscreen {background: none repeat scroll 0 0 #111111; border: 1px solid #000000; cursor: pointer; display: inline-block; font-size: 11px; font-weight: 400; margin: 5px 0 0 17px; padding: 1px 10px !important;} .aol-twist-wrapper .aol-twist-flyout .aol-twist-flyout-content {top: 40px;} ul.aol-twist-thumbs {padding: 10px !important;} ul.aol-twist-thumbs li {margin: 4px;} .gallery-module {margin: 20px 0px 0px;} .blog #main-column .gallery-module h1, .blog .gallery-module h3 {background: none; color: #000000; font-size: 20px; font-weight: 400; } h3.aol-twist-slide-title, h3.aol-twist-flyout-title {background: transparent none; font-size: 17px; border-bottom: 0; padding:0 0 2px; color: #ffffff} .gallery-module .aol-twist-wrapper .aol-twist-infobar .aol-twist-slide-caption, .aol-twist-flyout-caption {font-size: 12px !important; color: #fff; } #permalink .gallery-module .aol-twist-wrapper p.aol-twist-flyout-caption, #permalink .gallery-module .aol-twist-wrapper p.aol-twist-flyout-caption p {color: #ffffff; line-height: 20px;} h4.aol-twist-flyout-count {font-size: 12px !important;} .aol-twist-wrapper .aol-twist-flyout .aol-twist-flyout-ad {border: 0; } /*.aol-twist-wrapper .aol-twist-flyout {z-index: 999999;-webkit-transform: translateZ(0);} .aol-twist-wrapper .aol-twist-thumbs-container, .aol-twist-wrapper .aol-twist-slide-wrapper {z-index: 9999999; }*/ .gallery-module a:hover {color: #666;} .gallery-module .aol-knot-wrapper {background: transparent none; border:0;} .gallery-module .df-inline-slide, .gallery-module .aol-knot-slide-wrapper {background: transparent none;} .gallery-module .aol-knot-nav-prev:hover,.gallery-module .aol-knot-nav-next:hover{background:transparent;} .gallery-module .aol-knot-slide-video.aol-knot-active-slide iframe {margin: 0 auto !important;} .gallery-module .aol-twist-wrapper .aol-twist-slide-wrapper .aol-twist-loading-indicator {background: none repeat scroll 0 0 #000000; color: #FFFFFF; font-size: 11px; left: 0; letter-spacing: 2px; margin: 0 auto; opacity: 0.4; padding: 5px 0; position: absolute; right: 0; text-align: center; text-shadow: 1px 1px 3px #000000; top: 47%; width: 25%;} .gallery-module .aol-knot-slide-video iframe {width: 85% !important; margin: 0 !important;} .gallery-module .movie-module-body {background: transparent; margin:20px 0px 0px 0px ; padding: 0; border-bottom: 0; box-shadow:none; } .gallery-module .df-inline-info {padding: 0 20px 20px;} #permalink .gallery-module .see-all-galleries, .gallery-module .see-all-galleries {background: none repeat scroll 0 0 #00c8ff; border: medium none; clear: both; color: #FFFFFF; display: block; float: right; font-size: 16px; font-weight: 400; margin: 0px 0px 10px 0px; padding: 10px; text-align: center; width: 100%;} #permalink .gallery-module .see-all-galleries:hover, .gallery-module .see-all-galleries:hover {background: #54ddff;} .gallery-module .aol-knot-fullscreen-right-thumbs { bottom: 310px; left: 7px; position: absolute; top: 150px; width: 315px; } .gallery-module .aol-knot-fullscreen-wrapper {display: none;} .gallery-module .aol-knot-fullscreen-wrapper .aol-knot-fullscreen-right-infobar {color: #D8D8D8; font-size: 11px; height: 450px; line-height: 14px; margin: -30px 0 6px; overflow-x:hidden; padding: 0 20px 10px; width: 282px; word-wrap: break-word; font: 15px/1.5em !important; letter-spacing: normal;} .gallery-module .aol-knot-fullscreen-share {display: none;} .gallery-module .aol-knot-fullscreen-title {font-weight: 700; font-size: 16px; margin: 0 0 6px; color:#fff;} .gallery-module .aol-knot-fullscreen-caption{font-size: 12px; margin: 0 0 6px; color:#d8d8d8; line-height: 14px;} .gallery-module .aol-knot-fullscreen-caption p {font-size: 12px !important; line-height: 14px !important; } .gallery-module .aol-knot-nav-prev, .gallery-module .aol-knot-nav-next, .gallery-module .aol-knot-thumb-prev, .gallery-module .aol-knot-thumb-next {font-size: 100px; color:#fff;} .gallery-module .aol-knot-default-enter-fullscreen {background: none repeat scroll 0 0 #111111; border-color: #2F2F2F; border-image: none; border-radius: 4px 0 0 4px; border-style: solid; border-width: 1px 0 1px 1px; bottom: 6px; color: #D8D8D8; cursor: pointer; font-size: 12px; font-weight: 400; height: 22px; line-height: 23px; padding: 10px; position: absolute; right: 0; text-align: left;} .gallery-module .aol-knot-default-enter-fullscreen:hover {background: #000;} .gallery-module .aol-knot-slideshow-title, .aol-knot-slide-info {color: #D8D8D8; font-size: 12px; line-height: 16px; padding: 20px 20px 10px;} .gallery-module .aol-knot-fullscreen-right {width: 360px; background: none repeat scroll 0 0 #282A2A;} .gallery-module .aol-knot-thumb:active,.gallery-module .aol-knot-thumb.active, .gallery-module .aol-knot-thumb:hover {border:5px solid #00c8ff;height:80px !important;width:80px !important;} .gallery-module .aol-knot-fullscreen-exit, .gallery-module .aol-knot-fullscreen-bottom {display:none;} .gallery-module .aol-knot-nav-prev, .gallery-module .aol-knot-nav-next, .gallery-module .aol-knot-thumb-prev, .gallery-module .aol-knot-thumb-next {width: 40px;} #permalink .gallery-module blockquote {background:transparent;border-left:0;margin:0;padding:0; quotes: none;} #permalink .gallery-module blockquote:before {color:#ccc;content:open-quote;font-size:4em;line-height:.1em;margin-right: 0;vertical-align:auto;} #permalink .gallery-module blockquote p {display:block;} #permalink .gallery-module .twitter-tweet {border-color: transparent !important; margin: 0 !important; } .hentry.post .post-content .gallery-module .fmvps-wrapper object, .hentry.post .post-content .gallery-module #SmartPlayer_0 object {width: 500px; margin: 0;} .gallery-module div.aol-knot-enter-fullscreen {display:none !important;} .gallery-module .aol-knot-enter-fullscreen {background: none repeat scroll 0 0 #111111; cursor: pointer; padding: 15px 0; width: 100%; } .gallery-module .aol-knot-enter-fullscreen:hover {background: none repeat scroll 0 0 #000;} .gallery-module .aol-knot-thumbs-wrapper .aol-knot-enter-fullscreen:hover , .gallery-module .aol-knot-thumbs-wrapper .aol-knot-enter-fullscreen {background: transparent; font-size:0;padding: 0;} .gallery-module .aol-knot-thumb {border:none;opacity:1 !important;margin:4px !important;width:80px;height:80px;} .gallery-module .aol-knot-fullscreen-caption {background: none repeat scroll 0 0 #282A2A; position: absolute; z-index: 1; height: 150px; overflow-x: auto;} .gallery-module .aol-knot-fullscreen-title {background: none repeat scroll 0 0 #282A2A; height: auto; margin: 0; padding: 0 0 4px; position: relative; width: 303px; z-index: 123;} .gallery-module .aol-knot-fullscreen-wrapper .aol-knot-fullscreen-right-infobar {margin:0;} .gallery-module .aol-knot-fullscreen-right .aol-share {margin: 0px auto; text-align: center; width: 100%;} .gallery-module .aol-knot-fullscreen-right .aol-share a {display: inline-block; float: none;} .knot-fullscreen #container, .knot-fullscreen .mf-banner-container {display:none;} /* ================================================================================================================== */ /* NEW ARTICLE DESIGN AND GALLERY DESIGN Module (mf2-new-show-post-gallery) ========================================================================================== */ /* ================================================================================================================== */ #mf-slideshow { min-height: 250px; } .aol-twist-wrapper .aol-twist-slide-wrapper ul li { background-size: contain; } .gallery-article-only { border-bottom: 1px solid #dadada; padding-bottom: 30px !important; margin: 0px 0px 20px !important; } .gallery-article-only h1, .gallery-article-only h3 { color: #333333; position: relative; font-size: 34px; font-weight: 400; line-height: 38px; } .gallery-article-only h3 { top: 0; } .gallery-article-only h1 { top: 20px; } .gallery-article-only .fullscreen h1, .gallery-article-only .fullscreen h3 { color: #ffffff; } .gallery-article-only .movie-module-body{ width: 610px; margin-top: 20px; clear:both; } .gallery-article-only .aol-twist-wrapper p.aol-twist-flyout-caption, .gallery-article-only .aol-twist-wrapper p.aol-twist-flyout-caption p{ color: #333333; font-size: 14px !important; font-weight: 400; line-height: 20px; } .gallery-article-only .aol-twist-wrapper p.aol-twist-flyout-caption { position: relative; top: 40px; height: 150px; overflow: auto; padding-right: 10px; padding-bottom: 30px; } .gallery-article-only .aol-twist-wrapper.fullscreen p.aol-twist-flyout-caption, .gallery-article-only .aol-twist-wrapper.fullscreen p.aol-twist-flyout-caption p{ font-size: 14px !important; color: #ffffff !important; font-weight: 400 !important; } .gallery-article-only .aol-twist-wrapper.fullscreen p.aol-twist-flyout-caption { position: relative; top: 70px; height: 120px; overflow: auto; padding-right: 10px; } @media only screen and (max-width: 480px){ .gallery-article-only { overflow: hidden; width: 100% !important; margin: 10px 0px 0px !important; } .gallery-article-only .movie-module-body{ width: 100% !important; margin: 20px 0px 0px 0px; } .gallery-article-only h3.gallery-title{ top: 0px; font-size: 24px; font-weight: 400; line-height: 30px; } .gallery-article-only h3.aol-twist-slide-title { margin-top: 0px; position: relative; top: 32px; left: 0; font-size: 14px; line-height: 17px; font-weight: 700; } } @media only screen and (min-width:481px) and (max-width: 767px){ .gallery-article-only { margin: 10px 0px 20px !important; padding-bottom: 50px; } .gallery-article-only .movie-module-body { margin: 0px 0px 10px 0px; width: 100% !important; } .gallery-article-only h3.gallery-title{ top: 0px; font-size: 24px; font-weight: 400; line-height: 30px; } .gallery-article-only h3.aol-twist-slide-title { margin-top: 0px; position: relative; top: 35px; left: 0; font-size: 14px; line-height: 17px; font-weight: 700; } } @media only screen and (min-width:768px) and (max-width: 1046px){ .gallery-article-only { margin: -20px 0px 20px !important; } } @media only screen and (min-width:768px) and (max-width: 1024px){ .gallery-article-only .movie-module-body { width: 400px; } } /* ================================================================================================================== */ /* NEW ARTICLE DESIGN AND GALLERY DESIGN Module (mf2-new-show-post) ========================================================================================== */ /* ================================================================================================================== */ #permalink .new-article { margin-top: -30px; font-weight: 400; } #permalink .new-article-meta { margin-top: -10px; } .aol-twist-wrapper .aol-twist-slide-wrapper { background:#000000; overflow: hidden; } .aol-twist-wrapper.fullscreen .aol-twist-slide-wrapper { top: 40px; bottom: 20px; left: 20px; right: 20px; } .aol-twist-wrapper.fullscreen .aol-twist-slide-wrapper.end-card-slide ul li { background-position-y: 20% !important; } .aol-twist-wrapper .aol-twist-infobar { display: none; } .aol-twist-wrapper .aol-mobile-controls { display: none; } .aol-twist-wrapper .aol-twist-controls { z-index: 11; } .aol-twist-wrapper.fullscreen .aol-twist-controls { top: 45%; left: 0px; right: 0px; } .aol-twist-wrapper.fullscreen .aol-twist-controls.end-card { top: 45%; left: 0; right: 0; } .aol-twist-wrapper .aol-twist-slide-wrapper ul li { background-size: contain; } /*.aol-twist-wrapper.fullscreen.end-show .aol-twist-slide-wrapper ul li { background-position-y: 40% !important; top: 0px; }*/ #mf-slideshow.end-show .fullscreen-nav { display: none; } #mf-slideshow.end-show .aol-twist-infobar.fullscreen { display: none; } .aol-mobile-controls { background-color: rgba(0,0,0,0.8); position: absolute; width: 50px; height: 50px; top: 40px; right: 20px; z-index:12; } .aol-twist-wrapper.fullscreen .aol-twist-flyout .aol-twist-flyout-ad { left: 0px; top: 380px; height: 250px; width: 300px; border: 1px solid #333333; } .aol-twist-wrapper .aol-twist-flyout .aol-twist-flyout-ad { position: absolute; top: 22px; left: 20px; } .aol-twist-wrapper .aol-twist-flyout .aol-twist-flyout-content { position: absolute; bottom: 0px; top: 290px ; overflow: hidden; padding-right: 20px; left: 20px; right: 0; } .fullscreen .aol-twist-flyout .aol-twist-flyout-head{ top: 20px; z-index: 10; } .aol-twist-wrapper.fullscreen .aol-twist-infobar { background-color : rgba(0,0,0,0.8); background-color : rgba(0,0,0,0.8); position: absolute; z-index: 11; overflow: scroll; } #mf-slideshow.aol-twist-wrapper.fullscreen .aol-twist-flyout .aol-twist-flyout-content{ top: 50px; left: 0; } .aol-twist-wrapper .aol-twist-flyout { background: #ffffff; width: 340px; padding: 2px 20px; position: absolute; display: block; top: 0; right: -340px !important; bottom: 0; z-index: 1; overflow: visible; height: 100%; } .aol-twist-wrapper.fullscreen .aol-twist-flyout { background: #222222; top: 0; } .aol-twist-wrapper .aol-twist-flyout .aol-twist-flyout-head .aol-twist-enter-fullscreen { display:none !important;} h4.aol-twist-flyout-count{ display: block; position: absolute; top: 0px; font-size: 14px !important; font-weight: 700; line-height: 24px; color: #666666;} .fullscreen h4.aol-twist-flyout-count { position: absolute; top: 25px; color: #ffffff; display: block; } .gallery-module h1, .gallery-module h3 { color: #333333 !important; position: absolute; font-size: 16px; font-weight: 700; line-height: 24px; } .blog .aol-twist-mobile-fix { display:none; } #mf-slideshow .aol-twist-flyout-title { top: 30px; font-size: 16px; font-weight: 700; line-height: 24px; position: relative; color: #333333; } #mf-slideshow.fullscreen .aol-twist-flyout-title { top: 60px; height: auto; color: #ffffff !important; } .fullscreen .full-screen-button-container{ display: none; } .addthis_toolbox.fullscreen .custom_images{ margin-top: 30px; } .full-screen-button-container, .full-screen-button, .full-screen-button:hover{ left: auto; right: 0; top: 0; margin: auto; } .full-screen-button-container { width:50px; height:50px; background-color: #000000; z-index:12; position: absolute; cursor: pointer; } .full-screen-button-container:hover { background-color: #00cdff; } .full-screen-button { background: url("http://o.aolcdn.com/os/moviefone/img/2-mf-full-screen.png"); background-repeat: no-repeat; width: 50px; height: 50px; margin: 0px; background-position: 8px 12px; } .aol-twist-wrapper .aol-twist-controls .aol-twist-prev:hover, .aol-twist-wrapper .aol-twist-controls .aol-twist-prev1:hover{ background-color: #00cdff; background: url("http://o.aolcdn.com/os/moviefone/img/4-mf-left-arrow-black.png") no-repeat transparent; background-position: 15px 10px; } .aol-twist-wrapper .aol-twist-controls .aol-twist-next:hover { background-color: #00cdff; background: url("http://o.aolcdn.com/os/moviefone/img/5-mf-right-arrow-black.png") no-repeat transparent; background-position: 15px 10px; } .aol-twist-wrapper .aol-twist-controls .aol-twist-next1:hover { background-color: #00cdff; background: url("http://o.aolcdn.com/os/moviefone/img/5-mf-right-arrow-black.png") no-repeat transparent; background-position: 130px 10px; } .full-screen-button:hover { background-color: #00cdff; background: url("http://o.aolcdn.com/os/moviefone/img/2-mf-fullscreen-black.png") no-repeat; z-index: 11; position: absolute; cursor: pointer; background-position: 7px 10px; } .slide-nav-container-prev:hover, .slide-nav-container-next:hover, .slide-nav-container-next1:hover { background: #00cdff; } .slide-nav-container-prev { width: 50px; height: 50px; position: absolute; top: 0; left: 0; background: rgb(0,0,0); background: rgba(0,0,0,0.8); z-index: 10; } .slide-nav-container-next{ width: 50px; height: 50px; position: absolute; top: 0px; right: 0; background: rgb(0,0,0); background: rgba(0,0,0,0.8); z-index: 10; } .slide-nav-container-next1{ width: 161px; height: 50px; position: absolute; top: 0px; right: 0; background: rgb(0,0,0); background: rgba(0,0,0,0.8); z-index: 10; } .aol-twist-wrapper .aol-twist-controls .aol-twist-prev,.aol-twist-wrapper .aol-twist-controls .aol-twist-prev1 { background: url("http://o.aolcdn.com/os/moviefone/img/5-gallery-left-arrow.png") no-repeat transparent; background-position: 15px 10px; left: 0px; } .aol-twist-wrapper .aol-twist-controls .aol-twist-next { background: url("http://o.aolcdn.com/os/moviefone/img/4-gallery-right-arrow.png") no-repeat transparent; background-position: 15px 10px; right: 0px; color: #ffffff; font-family: helvetica; font-size: 16px; font-weight: 700; line-height: 20px; padding: 12px; } .aol-twist-wrapper .aol-twist-controls .aol-twist-next1 { background: url("http://o.aolcdn.com/os/moviefone/img/4-gallery-right-arrow.png") no-repeat transparent; background-position: 130px 10px; right: 0px; color: #ffffff; font-family: helvetica; font-size: 16px; font-weight: 700; line-height: 20px; padding-top: 14px; } .aol-twist-wrapper .aol-twist-controls .aol-twist-prev,.aol-twist-wrapper .aol-twist-controls .aol-twist-prev1, .aol-twist-wrapper .aol-twist-controls .aol-twist-next { border-radius: 0px !important; cursor: pointer; display: block; text-align: center; position: absolute; text-indent: -35px;; height: 50px; width: 50px; z-index: 10; } .aol-twist-wrapper .aol-twist-controls .aol-twist-next1 { border-radius: 0px !important; cursor: pointer; display: block; text-align: center; position: absolute; text-indent: -35px;; height: 50px; width: 161px; z-index: 10; } .aol-twist-wrapper.fullscreen { top: 90px; } html.aol-twist-fullscreen #container { display:block; } .aol-twist-wrapper.fullscreen .aol-twist-flyout .aol-twist-flyout-head .aol-twist-exit{ background: url("http://o.aolcdn.com/os/moviefone/img/mf-gallery-fullscreen-close.png"); background-repeat: no-repeat; background-position: 5px 5px; width: 35px; height: 35px; right: 25px; top: 15px; } .aol-twist-wrapper.fullscreen .aol-twist-flyout .aol-twist-flyout-head .aol-twist-exit:hover{ background: url("http://o.aolcdn.com/os/moviefone/img/mf-gallery-fullscreen-close-hover.png"); background-repeat: no-repeat; background-position: 5px 5px; } .gallery-button { right: 65px; top: 20px; } .gallery-button-mobile { display: none; } .gallery-button { background: url("http://o.aolcdn.com/os/moviefone/img/mf-closed-icon.png"); background-repeat: no-repeat; width: 50px; height: 50px; position: absolute; cursor: pointer; } .gallery-button:hover { background: url("http://o.aolcdn.com/os/moviefone/img/mf-closed-hover-icon.png"); background-repeat: no-repeat; width: 50px; height: 50px; position: absolute; cursor: pointer; } .gallery-button-mobile { top: 10px; } .gallery-button.hide { display:none;} .show-gallery, .show-gallery-mobile { background: url("http://o.aolcdn.com/os/moviefone/img/mf-opened-icon.png"); background-repeat: no-repeat; } .show-gallery:hover { background: url("http://o.aolcdn.com/os/moviefone/img/mf-opened-hover-icon.png"); background-repeat: no-repeat; } .addthis_toolbox.fullscreen.hide{ display: none; } .addthis_toolbox.fullscreen { position: absolute; top: 260px; left: 0; width: 300px; z-index: 11; display: block; } .aol-twist-flyout-head #mf-social-fb { float: left; width: 40px; border-right: 1px solid gray; } .aol-twist-flyout-head #mf-social-google-plus { float: left; width: 40px; margin-left: 20px; margin-right: 10px; border-right: 1px solid gray; } .aol-twist-flyout-head #mf-social-tumblr { float: left; width: 40px; border-right: 1px solid gray; margin-left: 10px; } .aol-twist-flyout-head #mf-social-twitter { float: left; width: 40px; margin-left: 20px; margin-top: 2px; } .aol-twist-slide-wrapper .next-slide-title { position: absolute; right: 50px; top: 38%; font-family: helvetica; font-size: 23px; font-weight: 700; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 70%; color: #ffffff; text-align: right; } .fullscreen .aol-twist-slide-wrapper .next-slide-title { top: 40%; } .aol-twist-slide-wrapper .pre-slide-title { top: 34%; width: 120px ; font-size: 20px; font-weight: 400; position: absolute; right: 22px; font-family: helvetica; line-height: 24px; color: #ffffff; } .fullscreen .aol-twist-slide-wrapper .pre-slide-title { top: 36%; } @media only screen and (max-width: 480px){ #permalink .new-article-meta { margin-top: 10px; } #permalink .new-article-meta .posted { width: 100%; } #permalink .nav-crumb .prev-article, #permalink .nav-crumb .next-article{ width: 100% } #permalink .nav-crumb .next-article{ margin-left: 0px; margin-top: 5px; } div#prompt.docked.hide { display: none; } .tablet.phone.header.hide-override { display: none !important; } .aol-twist-wrapper.fullscreen { right: 0; top: 0; background: #000000; } .aol-twist-wrapper.fullscreen .aol-twist-slide-wrapper { height: 70% !important; top: 50px; left: 0; right: 0; overflow: visible; } .aol-twist-wrapper.fullscreen .aol-twist-slide-wrapper.end-card-slide { height: 80% !important; } .aol-twist-wrapper.fullscreen .aol-twist-flyout { display: none; } .aol-twist-wrapper.fullscreen .aol-twist-controls { position: absolute; top: 100%; left: 0; right: 0; } .aol-mobile-controls { top: 30px; } .aol-mobile-controls.hide { display: none; } .aol-twist-wrapper .aol-twist-controls { z-index: 11; top: 42%; } .full-screen-button-container { width: 40px; height: 40px; } .full-screen-button-container:hover { background-color: #000000; } .full-screen-button, .full-screen-button:hover { background: url("http://o.aolcdn.com/os/moviefone/img/mobile-mf-full-screen-icon.png"); background-repeat: no-repeat; width: 40px; height: 40px; margin: 0px; background-position: 6px 8px; } .aol-twist-wrapper .aol-twist-controls .aol-twist-prev,.aol-twist-wrapper .aol-twist-controls .aol-twist-prev1, .aol-twist-wrapper .aol-twist-controls .aol-twist-prev:hover, .aol-twist-wrapper .aol-twist-controls .aol-twist-prev1:hover { background: url("http://o.aolcdn.com/os/moviefone/img/mobile-gallery-left-arrow.png") no-repeat transparent; background-position: 13px 10px; background-color: #000000; left: 0px; width: 40px; height: 40px; } .slide-nav-container-prev, .slide-nav-container-next { width: 40px; height: 40px; } .slide-nav-container-prev:hover,.slide-nav-container-next:hover, .slide-nav-container-next1:hover { background: #000000; } .aol-twist-wrapper .aol-twist-controls .aol-twist-next, .aol-twist-wrapper .aol-twist-controls .aol-twist-next:hover { background: url("http://o.aolcdn.com/os/moviefone/img/2-mobile-gallery-right-arrow.png") no-repeat transparent; background-position: 15px 10px; width: 40px; height: 40px; } .aol-twist-wrapper .aol-twist-controls .aol-twist-next1, .aol-twist-wrapper .aol-twist-controls .aol-twist-next1:hover { background: url("http://o.aolcdn.com/os/moviefone/img/2-mobile-gallery-right-arrow.png") no-repeat transparent; background-position: 130px 10px; height: 40px; } .slide-nav-container-next1 { height: 40px; } .aol-twist-wrapper .aol-twist-controls .aol-twist-next1 { padding-top: 10px; } .aol-twist-wrapper.fullscreen .gallery-button-mobile { background: url("http://o.aolcdn.com/os/moviefone/img/mobile-gallery-open.png"); background-repeat: no-repeat; width: 40px; height: 40px; display: block; right: 42%; position: absolute; cursor: pointer; } .aol-twist-wrapper.fullscreen .gallery-button-mobile.show-gallery-mobile { background: url("http://o.aolcdn.com/os/moviefone/img/mobile-gallery-close.png"); background-repeat: no-repeat; width: 40px; height: 40px; } .aol-twist-wrapper.fullscreen.end-show .gallery-button-mobile { display: none; } .aol-twist-wrapper.fullscreen .aol-twist-infobar { display: none; } .fullscreen-nav .plus-open-caption { background: url("http://o.aolcdn.com/os/moviefone/img/2-mf-full-plus.png"); background-repeat: no-repeat; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.8); background-position: 10px 10px; width: 40px; height: 40px; position: absolute; float: right; top: 72%; right: 0; z-index: 12; cursor: pointer; } .fullscreen-nav .minus-open-caption { background: url("http://o.aolcdn.com/os/moviefone/img/2-mf-full-minus.png"); background-repeat: no-repeat; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.8); background-position: 10px 10px; width: 40px; height: 40px; position: absolute; float: right; top: -40px; right: 0; z-index: 12; cursor: pointer; } /*.phone-device .fullscreen-nav .minus-open-caption { top: 48%; }*/ .aol-twist-wrapper .aol-twist-controls.end-card { top: 44%; } .aol-twist-wrapper.fullscreen .aol-twist-controls.end-card { top: 90%; left: 0; right: 0; } #mf-slideshow .aol-twist-flyout-title { top: 30px; font-size: 16px; font-weight: 700; line-height: 24px; } .aol-twist-slide-wrapper .next-slide-title { font-size: 17px; line-height: 23px; width: 60%; top: 35%; } .aol-twist-slide-wrapper .pre-slide-title { font-size: 17px; line-height: 23px; top: 28%; } .gallery-only h3.aol-twist-slide-title { margin-top: 0px; position: relative; top: 30px; left: 0; font-size: 14px; color: #333333; font-weight: 700; } .full-screen-button-container, .full-screen-button { left: auto; right: 0; top: 0; margin: auto; } .full-screen-button:hover{ left: auto; right: 0; top: 0; margin: auto; } .aol-twist-infobar.fullscreen h3.aol-twist-slide-title { color: #ffffff } .aol-twist-infobar.fullscreen h4.aol-twist-slide-count { color: #ffffff; } .aol-twist-infobar.fullscreen p.aol-twist-slide-caption { height: 50%; overflow: auto; } .aol-twist-infobar.fullscreen p.aol-twist-slide-caption, .aol-twist-infobar.fullscreen p.aol-twist-slide-caption p { color: #ffffff; } .aol-twist-slide-caption{ color: #333333; position: relative; top: 35px; padding-bottom: 0px; font-size: 12px; line-height: 16px; font-weight: 400; height : 100%; overflow: auto; margin-bottom: 30px; } .aol-twist-infobar.hide{ display: none; } .aol-twist-slide-count{ color: #333333; font-size: 14px; line-height: 20px; position: absolute; top: 10px; display:block; } .aol-twist-wrapper .aol-twist-infobar { display: block; background-color: #ffffff; margin-bottom: -10px; position: relative; /*height: 120px !important; overflow: hidden; */ } .aol-twist-wrapper.fullscreen.phone-device .aol-twist-infobar.show { display: block; top: 50%; padding-left: 20px; left: 0; right: 0; height: 30% !important; overflow: visible; } .aol-twist-wrapper.fullscreen .aol-twist-infobar.show { display: block; top: 58%; padding-left: 20px; left: 0; right: 0; height: 120px !important; overflow: visible; left: 0; right: 0; width: 100%; padding-left: 20px; position: fixed; } .aol-twist-flyout { display: none; } .aol-twist-wrapper.fullscreen .aol-mobile-controls .aol-twist-exit { background: url("http://o.aolcdn.com/os/moviefone/img/2-mf-full-mobile-close.png"); background-repeat: no-repeat; background-position: 10px 10px; width: 40px; height: 40px; cursor: pointer; position: absolute; right: 0; top: 5px; } .aol-twist-wrapper.fullscreen.end-show .aol-twist-slide-wrapper ul li { background-position-y: 20% !important; top: 0px; } } @media only screen and (min-width:481px) and (max-width: 767px){ #permalink .new-article-meta .posted { width: 100%; } /*#permalink .entry-content { margin-top: -50px; }*/ div#prompt.docked.hide { display: none; } .tablet.phone.header.hide-override { display: none !important; } div#mf-slideshow { top: 20px; } div#mf-slideshow.fullscreen { top: 0; background: #000000; } .gallery-module h3 { top: -20px !important; } .aol-twist-wrapper.fullscreen { z-index: 11 !important; right: 0; top: 0; } .full-screen-button, .full-screen-button:hover { background: url("http://o.aolcdn.com/os/moviefone/img/mobile-mf-full-screen-icon.png"); background-repeat: no-repeat; width: 40px; height: 40px; margin: 0px; background-position: 6px 8px; } .full-screen-button-container { width: 40px; height: 40px; } .full-screen-button-container:hover { background-color: #000000; } .aol-twist-wrapper .aol-twist-controls .aol-twist-prev, .aol-twist-wrapper .aol-twist-controls .aol-twist-prev1, .aol-twist-wrapper .aol-twist-controls .aol-twist-prev:hover, .aol-twist-wrapper .aol-twist-controls .aol-twist-prev1:hover { background: url("http://o.aolcdn.com/os/moviefone/img/mobile-gallery-left-arrow.png") no-repeat transparent; background-position: 15px 10px; background-color: #000000; left: 0px; width: 40px; height: 40px; } .slide-nav-container-prev, .slide-nav-container-next { width: 40px; height: 40px; } .slide-nav-container-prev:hover,.slide-nav-container-next:hover, .slide-nav-container-next1:hover { background: #000000; } .aol-twist-wrapper .aol-twist-controls .aol-twist-next, .aol-twist-wrapper .aol-twist-controls .aol-twist-next:hover { background: url("http://o.aolcdn.com/os/moviefone/img/2-mobile-gallery-right-arrow.png") no-repeat transparent; background-position: 15px 10px; width: 40px; height: 40px; } .aol-twist-wrapper .aol-twist-controls .aol-twist-next1, .aol-twist-wrapper .aol-twist-controls .aol-twist-next1:hover { background: url("http://o.aolcdn.com/os/moviefone/img/2-mobile-gallery-right-arrow.png") no-repeat transparent; background-position: 130px 10px; height: 40px; } .slide-nav-container-next1 { height: 40px; } .aol-twist-wrapper .aol-twist-controls .aol-twist-next1 { padding-top: 10px; } .aol-twist-slide-wrapper .next-slide-title { font-size: 17px; line-height: 23px; width: 60%; top: 32%; } .aol-twist-slide-wrapper .pre-slide-title { font-size: 17px; line-height: 23px; top: 24%; } .fullscreen .aol-twist-slide-wrapper .next-slide-title { top: 40%; width : 50%; } .fullscreen .aol-twist-slide-wrapper .pre-slide-title { top: 35%; } .fullscreen.phone-device .aol-twist-slide-wrapper .pre-slide-title { top: 32%; } .aol-twist-wrapper.fullscreen { right: 0; top: 0; } .aol-twist-wrapper.fullscreen .aol-twist-slide-wrapper { height: 80% !important; left: 0; right: 0; overflow: visible; } .aol-twist-wrapper.fullscreen .aol-twist-slide-wrapper.phone-device { height: 50% !important; left : 0; right: 0; top: 40px; } /*.aol-twist-wrapper.fullscreen .aol-twist-slide-wrapper.phone-device ul li { height: 180px !important; }*/ .aol-twist-wrapper.fullscreen .gallery-button-mobile { background: url("http://o.aolcdn.com/os/moviefone/img/mobile-gallery-open.png"); background-repeat: no-repeat; width: 40px; height: 40px; display: block; right: 42%; position: absolute; cursor: pointer; } .aol-twist-wrapper.fullscreen .gallery-button-mobile.show-gallery-mobile { background: url("http://o.aolcdn.com/os/moviefone/img/mobile-gallery-close.png"); background-repeat: no-repeat; width: 40px; height: 40px; } .aol-twist-wrapper.fullscreen.end-show .gallery-button-mobile { display: none; } .aol-twist-infobar.hide{ display: none; } .aol-twist-wrapper.fullscreen.phone-device .aol-twist-infobar.show { display: block; top: 33%; bottom: 0; height: 30% !important; overflow: visible; } .aol-twist-wrapper.fullscreen .aol-twist-infobar.show { display: block; top: 62%; bottom: 0; height: 24% !important; overflow: visible; left: 0; right: 0; width: 100%; padding-left: 20px; } .aol-twist-wrapper.fullscreen .aol-twist-infobar { display: none; } .aol-twist-infobar.fullscreen h3.aol-twist-slide-title { color: #ffffff } .aol-twist-infobar.fullscreen h4.aol-twist-slide-count { color: #ffffff; } .aol-twist-infobar.fullscreen p.aol-twist-slide-caption { height: 52%; overflow: auto; } .aol-twist-infobar.fullscreen p.aol-twist-slide-caption, .aol-twist-infobar.fullscreen p.aol-twist-slide-caption p { color: #ffffff; } .aol-twist-wrapper.fullscreen .aol-mobile-controls { top: 0px; } .fullscreen-nav .plus-open-caption { background: url("http://o.aolcdn.com/os/moviefone/img/2-mf-full-plus.png"); background-repeat: no-repeat; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.8); background-position: 10px 10px; width: 40px; height: 40px; position: absolute; float: right; top: 80%; right: 0; z-index: 12; cursor: pointer; } .phone-device .fullscreen-nav .plus-open-caption { top: 50%; } .fullscreen-nav .minus-open-caption { background: url("http://o.aolcdn.com/os/moviefone/img/mf-full-minus.png"); background-repeat: no-repeat; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.8); background-position: 10px 10px; width: 40px; height: 40px; position: absolute; float: right; top: -40px; right: 0; z-index: 12; cursor: pointer; } /*.phone-device .fullscreen-nav .minus-open-caption { top: 27.5%; }*/ .aol-mobile-controls.hide { display: none; } /*.aol-twist-wrapper.phone-device .aol-twist-controls { top: 32%; }*/ .aol-twist-wrapper .aol-twist-controls { top: 42%; } .aol-twist-wrapper.fullscreen.phone-device .aol-twist-controls { top: 100%; left: 0; right: 0; margin-top: 28px; } .aol-twist-wrapper.fullscreen .aol-twist-controls { top: 100%; left: 0; right: 0; } .aol-twist-wrapper.fullscreen.phone-device .aol-twist-controls.end-card { top: 94%; } .aol-twist-wrapper.fullscreen .aol-twist-controls.end-card { top: 90%; left: 0; right: 0; } .aol-twist-wrapper .aol-twist-controls.end-card { top: 40%; left: 0; right: 0; } .aol-twist-wrapper.fullscreen .aol-mobile-controls .aol-twist-exit { background: url("http://o.aolcdn.com/os/moviefone/img/2-mf-full-mobile-close.png"); background-repeat: no-repeat; background-position: 10px 10px; width: 40px; height: 40px; cursor: pointer; position: absolute; right: 5px; top: 30px; } .aol-twist-infobar .aol-twist-slide-caption{ color: #333333; margin-top: 0px; font-size: 12px; line-height: 16px; font-weight: 400; height: 100%; overflow: auto; position: relative; top: 40px; margin-bottom: 30px; } .aol-twist-slide-count{ position: absolute; top: 10px; color: #333333; font-size: 14px; line-height: 24px; display:block; } .aol-twist-wrapper .aol-twist-infobar { position: relative; display: block; margin-bottom: 10px; background: #ffffff; /*height: 120px !important; overflow: hidden;*/ } .aol-twist-wrapper .aol-twist-flyout { display: none; } } @media only screen and (min-width:481px) and (max-width: 1024px){ #main-column-wrap #main-column { /*margin-top: 25px; Commented out on 3/17 by Rob per MOV-2348 */ } .dvd-hub.in-view #main-column-wrap #main-column { margin-top: 0px; } .dvd-hub.in-view .filter-module .show-filters-area { margin-bottom: 3px; } #permalink .entry-content.post-content.new-article{ margin-top: -10px; } .aol-twist-wrapper .aol-twist-flyout .aol-twist-flyout-head .aol-twist-exit { display: none; } .aol-twist-slide-caption { color: #333333; margin-top: 30px; } } @media only screen and (min-width:1024px) and (max-width: 1026px){ .aol-twist-wrapper.fullscreen { top: 0px; } #mf-slideshow.fullscreen { top: 0px; } .aol-twist-wrapper .aol-mobile-controls { display: block ; right: -320px; top: 30px; background: #222222; } } /* .aol-twist-wrapper.fullscreen .aol-twist-slide-wrapper { top: 10px; height: 46% !important; overflow: visible; } .aol-twist-wrapper.fullscreen .aol-twist-flyout { right: 0px !important; display: block !important; position: absolute; width: 100%; height: 100%; top: 48%; } .aol-twist-wrapper.fullscreen .aol-twist-flyout .aol-twist-flyout-ad { position: relative; float: right; top: 80px; } #mf-slideshow.aol-twist-wrapper.fullscreen .aol-twist-flyout .aol-twist-flyout-content { top: 40px; left: 20px; width: 50%; } .addthis_toolbox.fullscreen { top: 270px; } .aol-twist-wrapper.fullscreen .pre-slide-title { font-size: 17px; line-height: 23px; top: 30%; } }*/ @media only screen and (min-width:768px) and (max-width: 1023px){ .aol-twist-wrapper.fullscreen .aol-twist-slide-wrapper { top: 10px; height: 60% !important; overflow: visible; } .aol-twist-wrapper.fullscreen .aol-twist-flyout { right: 0px !important; display: block !important; position: absolute; width: 100%; height: 100%; top: 61%; } .aol-twist-wrapper.fullscreen .aol-twist-flyout .aol-twist-flyout-ad { position: relative; float: right; top: 90px; } #mf-slideshow.aol-twist-wrapper.fullscreen .aol-twist-flyout .aol-twist-flyout-content { top: 50px; left: 20px; width: 50%; } .addthis_toolbox.fullscreen { top: 280px; } .aol-twist-wrapper.fullscreen .pre-slide-title { font-size: 17px; line-height: 23px; top: 34%; } .aol-twist-wrapper.fullscreen { z-index: 11 !important; top: 0; right: 0; } .fullscreen .aol-twist-flyout .aol-twist-flyout-head { top: 0px; background: #000000; height : 50px; } .aol-twist-wrapper.fullscreen .aol-mobile-controls { background-color: rgba(0,0,0,0.8); position: absolute; width: 50px; height: 50px; right: 0; z-index:12; display: block; } .aol-mobile-controls { top: 0; } .aol-mobile-controls.hide{ display: none; } .aol-twist-wrapper.fullscreen .aol-twist-controls { left: -20px; right: -20px; } .aol-twist-wrapper.fullscreen .aol-twist-controls.end-card { top: 98%; left: -20px; right: -20px; } .fullscreen-nav { display: none; } .gallery-button-mobile { display: none; } .aol-twist-wrapper.fullscreen .aol-twist-controls{ top: 100%; } .addthis_toolbox.fullscreen { left: 20px; } .gallery-button { top: 10px; left: 48%; right: 0; } .aol-twist-wrapper .pre-slide-title { font-size: 17px; line-height: 23px; top: 32%; } .aol-twist-wrapper .next-slide-title { font-size: 17px; line-height: 23px; width: 60%; top: 38%; } .aol-twist-wrapper.fullscreen .next-slide-title { font-size: 17px; line-height: 23px; width: 500px; top: 40%; } #mf-slideshow.fullscreen { background: #000000; } } @media only screen and (min-width:768px) and (max-width: 1024px){ .aol-twist-wrapper.fullscreen .aol-mobile-controls .aol-twist-exit { background: url("http://o.aolcdn.com/os/moviefone/img/mf-gallery-fullscreen-close.png"); background-repeat: no-repeat; background-position: 10px 10px; width: 50px; height: 50px; cursor: pointer; position: absolute; right: 5px; top: 0; } .aol-twist-wrapper.fullscreen .aol-mobile-controls .aol-twist-exit:hover { background: url("http://o.aolcdn.com/os/moviefone/img/mf-gallery-fullscreen-close-hover.png"); background-repeat: no-repeat; background-position: 10px 10px; } html.aol-twist-fullscreen #container { display: none; } } @media only screen and (max-width: 767px){ .aol-twist-wrapper.fullscreen .aol-mobile-controls { background-color: rgba(0,0,0,0.8); position: absolute; width: 40px; height: 40px; right: 0; z-index:12; display: block; } .dvd-hub.in-view #main-column-wrap #main-column { margin-top: 30px; } .dvd-bluray.in-view #main-column-wrap #main-column { margin-top: 31px; } } /* ================================================================================================================== */ /* NEW ARTICLE DESIGN AND GALLERY DESIGN Module (mf2-show-more-galleries-fullscreen) ========================================================================================== */ /* ================================================================================================================== */ .more-gallery-fullscreen-container { position: absolute; left: 0; top: 80px; } .gallery-header { margin-bottom: 20px; font-size: 16px; } .article-grid-new { background-color: #222222; } .article-grid-new .article-new { height: 156px; width: 277px; margin-bottom: 10px; overflow: hidden; position: relative; } .article-grid-new .article-new:hover { border: 5px solid #00cdff; } .article-grid-new .article-new:hover #more-gallery-image, .article-grid-new .article-new:hover #more-gallery-title-fullscreen { margin: -5px; } .image-wrap-new { width: 277px; } .image-wrap-new #more-gallery-image { background-position: 50% 50%; background-repeat: no-repeat; list-style: none; width: 100%; height: 156px; } #more-galleries-fullscreen a { color: #00cdff; } #more-galleries-fullscreen a:hover { color: #54DDFF; } #more-gallery-title-fullscreen { font-size: 14px; font-weight: 400; line-height: 28px; background: rgba(0,0,0,0.8); position: absolute; bottom: 0; width: 277px; color: #ffffff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 10px; padding-right: 10px; padding-top: 8px; height: 40px; } #view-all-gallery-arrow { background: url("http://o.aolcdn.com/os/moviefone/img/2-mobile-gallery-right-arrow.png") no-repeat transparent; display: inline-block; width: 20px; height: 20px; background-position: 5px 2px; } @media only screen and (max-width: 480px){ .mobile-fullscreen-more-gallery { position: absolute; top: 40px; width: 96%; left: 20px; } .article-grid-new { margin-top: 20px; } .phone-device .article-grid-new { margin-top: 0px; } .phone-device .mobile-fullscreen-more-gallery { position: absolute; top: 0; width: 100%; left: 0; } .article-grid-new .article-new { height: 120px; width: 46%; margin-bottom: 20px; overflow: hidden; position: relative; } .phone-device .article-grid-new .article-new { height: 110px; width: 48%; margin-bottom: 0px; overflow: hidden; position: relative; } .article-grid-new .article-new:hover { border: 0px; } .article-grid-new .article-new:hover #more-gallery-image, .article-grid-new .article-new:hover #more-gallery-title-fullscreen { margin: 0; } .phone-device .gallery-header{ margin-bottom: 0; } .gallery-header{ margin-left: 20px; float: left; margin-bottom: 0px; } .image-wrap-new { width: 96%; } .phone-device .image-wrap-new { width: 100%; } .article-grid-new .article-new:nth-child(even) { float: left; } .phone-device .article-grid-new .article-new:nth-child(even) { float: right; right: 10px; } .article-grid-new .article-new:nth-child(odd) { float: right; right: 10px; } .phone-device .article-grid-new .article-new:nth-child(odd) { float: left; margin-left: 10px; margin-right: 0; } .image-wrap-new #more-gallery-image { height: 120px; } li#more-gallery-image { background-position: 50% 50%; } #more-gallery-title-fullscreen { width: 100%; display: block; } #view-all-gallery-arrow { width: 15px; background-position: 2px 2px; } } @media only screen and (min-width:481px) and (max-width: 767px){ .phone-device .mobile-fullscreen-more-gallery { position: absolute; top: 0px; width: 100%; left: 0px; } .mobile-fullscreen-more-gallery { position: absolute; top: 60px; width: 100%; left: 0px; } .article-grid-new { margin-top: 0px; padding-top: 40px; } .article-grid-new .article-new { height: 150px; width: 30%; margin-bottom: 20px; margin-right: 10px; overflow: hidden; position: relative; display: inline-block; } .article-grid-new .article-new:hover { border: 0px; } .article-grid-new .article-new:hover #more-gallery-image, .article-grid-new .article-new:hover #more-gallery-title-fullscreen { margin: 0; display:block; } .phone-device .article-grid-new .article-new { height: 70px; width: 160px; margin-bottom: 0px; overflow: hidden; position: relative; display: inline-block; } .gallery-header { float: left; margin-left: 20px; margin-top: 5px; margin-bottom: 0; } .image-wrap-new { width: 100%; } .phone-device .image-wrap-new { width: 160px; } .image-wrap-new #more-gallery-image { background-position: 50% 50%; background-size: cover; width: 100%; height: 150px; } .aol-twist-wrapper.fullscreen .aol-twist-slide-wrapper.phone-device .image-wrap-new #more-gallery-image { background-position: 50% 50%; background-size: cover; width: 130px; height: 70px !important; } #more-gallery-title-fullscreen { width: 100%; display: block; } .phone-device #more-gallery-title-fullscreen { width: 130px; } } @media only screen and (min-width:768px) and (max-width: 1024px){ .more-gallery-fullscreen-container{ width: 100%; } .article-grid-new > div:nth-of-type(4), .article-grid-new > div:nth-of-type(5), .article-grid-new > div:nth-of-type(6) { display:none; } #more-galleries-fullscreen{ color: #fff; margin-left: 20px; } .article-grid-new .article-new { float: left; height: 150px; width: 30%; } .image-wrap-new #more-gallery-image{ height: 150px; } .article-grid-new > div:nth-of-type(1){ margin-left: 20px; } .article-grid-new > div { margin-left: 10px; } .article-grid-new > div:nth-of-type(6){ margin-right: 20px; } .gallery-header { margin-bottom: 10px; margin-top: 10px; } #more-gallery-title-fullscreen { width: 100%; } } /* ================================================================================================================== */ /* NEW ARTICLE DESIGN AND GALLERY DESIGN Module (show-post) ========================================================================================== */ /* ================================================================================================================== */ #mf-slideshow-holder .full-screen-button-container { width: 50px; height: 50px; background: rgb(0,0,0); background: rgba(0,0,0,0.8); z-index:11; position: absolute; left: auto; top : 0; right: 0; cursor: pointer; } #mf-slideshow-holder .full-screen-button-container:hover { background-color: #00cdff ; } #mf-slideshow-holder .full-screen-button { background: url("http://o.aolcdn.com/os/moviefone/img/mf-full-screen.png"); background-repeat: no-repeat; background-color: transparent; background-position: 8px 12px; width: 50px; height: 50px; margin: 13px; z-index: 11; position: absolute; left: auto; top: -12px; right: -14px; cursor: pointer; } #mf-slideshow-holder .aol-twist-controls .aol-twist-next:hover{ background: url("http://o.aolcdn.com/os/moviefone/img/mf-right-arrow-black.png") no-repeat transparent; background-position: 130px 12px; } #mf-slideshow-holder .full-screen-button:hover { background: url("http://o.aolcdn.com/os/moviefone/img/mf-fullscreen-black.png") no-repeat; z-index: 11; position: absolute; left: auto; cursor: pointer; background-position: 7px 10px; } #mf-slideshow-holder .slide-nav-container-next{ width: 160px; height: 50px; position: absolute; top: 0; right: 0; background: rgb(0,0,0); background: rgba(0,0,0,0.8); z-index: 10; } #mf-slideshow-holder .slide-nav-container-next:hover { background-color: #00cdff ; } #mf-slideshow-holder .aol-twist-controls { position: absolute; top: 45%; width: 100%; height: 50px; font-size: 30px; left: 0; right: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #mf-slideshow-holder .aol-twist-controls .aol-twist-next { background: url("http://o.aolcdn.com/os/moviefone/img/gallery-right-arrow.png") no-repeat transparent; background-position: 130px 12px; width: 160px; right: 0px; color: #ffffff; font-family: helvetica; font-size: 16px; font-weight: 700; line-height: 20px; padding-top: 15px; } #mf-slideshow-holder .aol-twist-controls .aol-twist-next { cursor: pointer; display: block; text-align: center; position: absolute; text-indent: -35px;; height: 50px; z-index: 10; } #mf-slideshow-holder .main-slide-title { position: absolute; top: 36%; right: 50px; font-family: helvetica; font-size: 23px; font-weight: 700; line-height: 30px; width: 400px; height: 30px; color: #ffffff; text-align: right; text-overflow : ellipsis; white-space: nowrap; overflow: hidden; } #mf-slideshow-holder { position: relative; height: 502px; margin-bottom: 20px; } .gallery-module { margin: 20px 0px 0px; border-bottom: 0px !important; margin-bottom: 0px !important; padding-bottom: 0px !important; } #mf-slideshow-holder .aol-twist-slides { background: #000000; list-style: none !important; } .aol-twist-slide{ width: 100%; height: 502px; background-position: 50% 50%; background-repeat: no-repeat; opacity:0.8 } @media only screen and (max-width: 480px){ .gallery-module{ margin-bottom: 10px !important; } #mf-slideshow-holder .aol-twist-controls { top: 40%; } #mf-slideshow-holder, .aol-twist-slide { height: 300px; background-size: 100%; } #mf-slideshow-holder .full-screen-button-container, #mf-slideshow-holder .full-screen-button{ left: auto; right: 0; top: 0; margin: auto; } #mf-slideshow-holder .full-screen-button:hover{ left: auto; right: 0; top: 0; margin: auto; } #mf-slideshow-holder .aol-twist-controls .aol-twist-next{ font-size: 15px; } #mf-slideshow-holder .main-slide-title{ line-height: 23px; font-size: 17px; top: 30%; width: 300px; right: 10px; } #mf-slideshow .aol-twist-flyout-title { top: 0px; left: 35px; } } @media only screen and (max-width: 350px){ #mf-slideshow-holder .main-slide-title{ width:250px; } } @media only screen and (max-width: 767px) { #mf-slideshow-holder .full-screen-button-container:hover { background-color: #000000; } #mf-slideshow-holder .full-screen-button:hover { background-color: #000000; } #mf-slideshow-holder .aol-twist-controls .aol-twist-next:hover { background-color: #000000; } #mf-slideshow-holder .slide-nav-container-next:hover { background-color: #000000; } #mf-slideshow-holder .full-screen-button, #mf-slideshow-holder .full-screen-button:hover { background: url("http://o.aolcdn.com/os/moviefone/img/mobile-mf-full-screen-icon.png"); background-repeat: no-repeat; background-color: transparent; background-position: 7px 7px; width: 40px; height: 40px; } #mf-slideshow-holder .aol-twist-controls .aol-twist-next, #mf-slideshow-holder .aol-twist-controls .aol-twist-next:hover { background: url("http://o.aolcdn.com/os/moviefone/img/2-mobile-gallery-right-arrow.png") no-repeat transparent; background-position: 130px 15px; } #mf-slideshow-holder .full-screen-button-container { width: 40px; height: 40px; } .slide-nav-container-next { height: 40px; } #mf-slideshow-holder .aol-twist-controls .aol-twist-next { padding-top: 15px; } } @media only screen and (min-width: 481px) and (max-width: 767px){ #mf-slideshow-holder .main-slide-title{ top: 32%; width: 350px; right: 10px; } #mf-slideshow-holder .aol-twist-controls { top: 44%; } } @media only screen and (min-width: 768px) and (max-width: 1024px){ #mf-slideshow-holder .main-slide-title{ top: 34%; width: 350px; right: 10px; } } @media only screen and (min-width: 481px) and (max-width: 1024px){ #mf-slideshow-holder,#mf-slideshow-holder .aol-twist-slide{ height: 400px; } #mf-slideshow-holder .full-screen-button-container, #mf-slideshow-holder .full-screen-button{ left: auto; right: 0; top: 0; margin: auto; } } /* ================================================================================================================== */ /* NEW ARTICLE DESIGN AND GALLERY DESIGN Module (mf2-new-list-slideshows) ========================================================================================== */ /* ================================================================================================================== */ .more-galleries-container { margin-top: -25px; } #more-galleries { color: #333333 !important; font-size:23px !important; font-weight:700 !important; line-height: 34px;padding: 20px 20px 20px 0px;} #content .page-header h1 .title-divider { font-size: 16px; color: #333333; font-weight: 700; line-height: 34px;} #view-all-gallery { font-size: 16px; font-weight: 700 !important; line-height: 34px;} #more-gallery-title { font-size: 18px; font-weight: 700; line-height: 24px;} @media only screen and (max-width:480px){ #main-column .article-grid .article:nth-of-type(2n), #main-column .article-grid .article:nth-of-type(2n+1) { padding: 0px 4px 0px 0px; } .article-grid .article:hover a .hover-cover, .article-grid .article-more:hover a .hover-cover, .article-grid .main-article:hover a .hover-cover-main, .movie-trailersclips .trailer-item:hover .gradient, .thumb-caption-module .article:hover .hover-cover, #movie-trailersclips .trailer-item:hover .hover-cover, .list-post-movie-news .news-item .image-wrap:hover .hover-cover { display: none; } #more-gallery-title { font-size: 14px; font-weight: 700; line-height: 15px; } #main-column .article-grid .article { height: 40%; } #main-column .article .gradient { display: none; } #main-column .article-grid .article, #main-column .article-grid .article-more { width: 100%; } } @media only screen and (min-width:481px) and (max-width: 767px){ .article-grid .article:hover a .hover-cover, .article-grid .article-more:hover a .hover-cover, .article-grid .main-article:hover a .hover-cover-main, .movie-trailersclips .trailer-item:hover .gradient, .thumb-caption-module .article:hover .hover-cover, #movie-trailersclips .trailer-item:hover .hover-cover, .list-post-movie-news .news-item .image-wrap:hover .hover-cover { display: none; } #more-gallery-title { font-size: 14px; font-weight: 700; line-height: 15px; } #main-column .article-grid .article { height: 30%; } #main-column .article .gradient { display: none; } } @media only screen and (min-width:481px) and (max-width: 1024px){ .more-galleries-container { margin-top: -45px; } } /* ================================================================================================================== */ /* NEW ARTICLE DESIGN AND GALLERY DESIGN Module (show-slideshow) ========================================================================================== */ /* ================================================================================================================== */ .gallery-only { border-bottom: 1px solid #dadada; padding-bottom: 30px; margin: 0px 0px 20px !important; } .gallery-only h1, .gallery-only h3.gallery-title { color: #333333 !important; position: relative; font-size: 34px; font-weight: 400; line-height: 38px; } .gallery-only h3.gallery-title { top: 0; } .gallery-only h1 { top: 20px; } .gallery-only .fullscreen h1, .gallery-only .fullscreen h3 { color: #ffffff; } .gallery-only .movie-module-body{ width: 610px; margin-top: 20px; } .gallery-only .aol-twist-wrapper p.aol-twist-flyout-caption, .gallery-only .aol-twist-wrapper p.aol-twist-flyout-caption p { color: #333333; font-size: 14px !important; font-weight: 400; line-height: 20px; } .gallery-only .aol-twist-wrapper p.aol-twist-flyout-caption { position: relative; top: 40px; height: 120px; overflow: auto; padding-right: 10px; } .gallery-only .aol-twist-wrapper.fullscreen p.aol-twist-flyout-caption, .gallery-only .aol-twist-wrapper.fullscreen p.aol-twist-flyout-caption p{ font-size: 14px !important; color: #ffffff ; font-weight: 400 !important; } .gallery-only .aol-twist-wrapper.fullscreen p.aol-twist-flyout-caption { position: relative; top: 70px; height: 120px; overflow: auto; padding-right: 10px; } @media only screen and (max-width: 480px){ .gallery-only { overflow: hidden; width: 100% !important; margin: 10px 0px 20px !important; padding-bottom: 40px; } .gallery-only .movie-module-body{ width: 100% !important; margin: 10px 0px 15px 0px; } .gallery-only h3.gallery-title{ top: 0px; font-size: 24px; font-weight: 400; line-height: 30px; } .gallery-only h3.aol-twist-slide-title { margin-top: 0px; position: relative; top: 32px; left: 0; font-size: 14px; line-height: 17px; color: #333333; font-weight: 700; } } @media only screen and (min-width:481px) and (max-width: 767px){ .gallery-only { margin: 10px 0px 20px !important; padding-bottom: 50px; } .gallery-only h3.gallery-title{ top: 0px; font-size: 24px; font-weight: 400; line-height: 30px; } .gallery-only h3.aol-twist-slide-title { margin-top: 0px; position: relative; top: 35px; left: 0; font-size: 14px; line-height: 17px; color: #333333; font-weight: 700; } .gallery-only .movie-module-body { margin: 0px 0px 13px 0px; width: 100% !important; } } @media only screen and (min-width:1024px) and (max-width: 1046px){ /*.aol-twist-wrapper.fullscreen { top: 80px; }*/ } @media only screen and (min-width:768px) and (max-width: 1024px){ .gallery-only .movie-module-body { width: 400px; } } @media only screen and (min-width:481px) and (max-width: 1024px){ h3.aol-twist-slide-title { left: 0; margin-top: 0; font-size: 14px; font-weight: 700; line-height: 24px; } .aol-twist-slide-count{ color: #333333; } } /* styles from mf2-new-show-post */ .addthis_sharing_toolbox { margin-top: 15px;} @media only screen and (max-device-width : 320px) and (max-device-height : 480px) and (orientation: portrait){ .phone-device .fullscreen-nav .plus-open-caption { top: 62%; } .aol-twist-wrapper.fullscreen.phone-device .aol-twist-controls { top: 100% !important; margin-top: -10px; } .aol-twist-wrapper.fullscreen .aol-twist-slide-wrapper.phone-device { height: 60% !important; } .aol-twist-wrapper.fullscreen.phone-device .aol-twist-infobar.show { top: 40%; height: 32% !important; } } @media only screen and (max-device-width : 480px) and (max-device-height : 320px) and (orientation: landscape){ .phone-device .fullscreen-nav .plus-open-caption { top: 60%; } .aol-twist-wrapper.fullscreen.phone-device .aol-twist-controls { top: 100% !important; margin-top: -10px; } .aol-twist-wrapper.fullscreen .aol-twist-slide-wrapper.phone-device { height: 40% !important; } } @media (min-width : 1024px) { .gallery-article-only .movie-module-body { width: 610px; } } /* from mf2-new-show-post-gallery */ .addthis_sharing_toolbox { margin-top:20px; margin-bottom: 20px;} /* from mf2-show-morte-galleries-fullscreen */ @media only screen and (max-device-width : 320px) and (max-device-height : 480px) and (orientation: portrait){ .phone-device .article-grid-new { margin-top: 20px !important; } .article-grid-new > div:nth-of-type(5), .article-grid-new > div:nth-of-type(6) { display:none; } .phone-device .article-grid-new .article-new { height: 90px !important; width: 45% !important; } } @media (min-width : 768px) { .more-gallery-fullscreen-container { width: 100%; overflow: auto; } .article-grid-new > div:nth-of-type(4), .article-grid-new > div:nth-of-type(5), .article-grid-new > div:nth-of-type(6) { display: block; margin-left: 10px; } .grid-module-new { width: 1500px !important; } .article-grid-new .article-new { width:15%; } } @media (min-width : 1024px) { .more-gallery-fullscreen-container { position: absolute; left: 0; top: 80px; } .list-slideshow { width: 100%; } .gallery-header { margin-bottom: 20px; } .article-grid-new { background-color: #222222; } .article-grid-new .article-new { height: 156px; width: 277px; margin-bottom: 10px; overflow: hidden; position: relative; } .article-grid-new .article-new:hover { border: 5px solid #00cdff; } .article-grid-new .article-new:hover #more-gallery-image, .article-grid-new .article-new:hover #more-gallery-title-fullscreen { margin: -5px; } .image-wrap-new { width: 277px; } .image-wrap-new #more-gallery-image { background-position: 50% 50%; background-repeat: no-repeat; list-style: none; width: 100%; height: 156px; } #more-galleries-fullscreen a { color: #00cdff; } #more-gallery-title-fullscreen { font-size: 14px; font-weight: 400; line-height: 28px; background: rgba(0,0,0,0.8); position: absolute; bottom: 0; width: 277px; color: #ffffff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 10px; padding-right: 10px; padding-top: 8px; height: 40px; } .article-grid-new > div:nth-of-type(5), .article-grid-new > div:nth-of-type(6) { display: block; } } /* regular fixes due to layout changes */ @media (max-width : 1024px) { .aol-twist-fullscreen #header .tablet.phone.header { display: none !important; } .aol-twist-fullscreen #unb { display: none !important; } } /* MAIN COLUMN ================ */ .grid-module .head {position:relative; width: 100%;} .grid-module .head h2, #main-column .grid-module .head h1 {color: #333333; font-size: 36px; display: inline; font-weight: 100; line-height: 46px; letter-spacing: -0.5px; margin-left: 10px; text-transform: none;} .grid-module .head .divider {background: none repeat scroll 0 0 #C0C0C0; color: #A4A4A4; display: inline-block; font-size: 40px; font-weight: 400 !important; height: 25px; margin: 0 10px; overflow: hidden; position: relative; top: 3px; width: 1px;} .grid-module .head a {font-size: 16px; position: relative;} .grid-module .head a span, .head a img {position:relative;} .grid-module .head a span {} .grid-module .head .view-all {font-size: 18px; top: 8px;} .grid-module .head .view-all .arrow-r-sml {display: inline-block; left: 5px; position: relative; top: 0px;} .grid-module .head .view-all:hover .arrow-r-sml, .grid-module .head .view-all .arrow-r-sml:hover {background-position:-11px -248px;} .grid-module .head select.select {display: none; opacity: 0; position: absolute; right: 16px; top: 17px; z-index: 3; width: 137px;} .article-grid {background: none; padding: 0px; width: auto;} .article-grid .article, #main-column .article-grid .article-more {margin-bottom: 20px; padding: 0px; width: 49%;} .article-grid .article:nth-of-type(2n+1) {padding: 0px 17px 0px 0px;} .article-grid .article:nth-of-type(2n) {padding: 0px 4px 0px 13px;} .article-grid .article .playmebtn, #main-column .article-grid .article-more .playmebtn {background:url("http://o.aolcdn.com/os/moviefone/img/sprite-mf-main.png") no-repeat scroll 0px 0px transparent; height: 46px; left: 50%; margin: -23px 0px 0px -23px; position: absolute; top: 50%; width: 46px;} .article-grid .article .playmebtn:hover, #main-column .article-grid .article-more .playmebtn:hover {background-position: 0px -46px;} .article-grid .article .play-btn, #main-column .article-grid .article-more .play-btn {background:url("http://o.aolcdn.com/os/moviefone/img/sprite-mf-main.png") no-repeat scroll 0px 0px transparent; height: 46px; left: 50%; margin: -23px 0px 0px -23px; position: absolute; top: 50%; width: 46px;} .article-grid .article .play-btn:hover, #main-column .article-grid .article-more .play-btn:hover {background-position: 0px -46px;} .home-movie-news .article .gradient, #main-column .article .gradient, #main-column .home-movie-news .article-more .gradient, #main-column .article-more .gradient {height: 50px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .home-movie-news .article p, .blog #main-column .home-movie-news .article iframe, .blog #main-column .home-movie-news .article div:not(.gradient):not(.image-wrap):not(.hover-cover) {display:none !important;} .article-grid.weekend-watchlist-grid .article-more:nth-of-type(even) { padding: 0px 4px 0px 13px; } .article-grid .article-more:nth-of-type(odd) { padding: 0px 17px 0px 0px; } .article-grid .article, .article-grid .article-more {display:inline-block;overflow: hidden; padding: 5px; position: relative;vertical-align:top;} .article-grid .article a, .article-grid .article-more a {color: #666666; font-weight: 400; font-size: 14px; line-height: 15px;} .article-grid .article .image-wrap, .article-grid .article-more .image-wrap, .article-grid .main-article .image-wrap {position: relative; width: 100%;} .article-grid .article h2, .article-grid .article-more h2 {color: #333333; font-size: 18px; font-weight: 700; line-height: 24px; margin: 10px 0px 0px 0px;} .article-grid img {display: block; width: 100%;} .article-grid span {color: #A8A8A8; display: block; font-size: 12px;} .article-grid .gradient {bottom: 0px; height: 200px; position: absolute; width: 100%;} .article-grid a {color: #333333;} .list-slideshow { width: 100%; }