/* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ /* * HTML5 ✰ Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. * * Detailed information about this CSS: h5bp.com/css * * ==|== normalize ========================================================== */ /* ============================================================================= HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * 2. Force vertical scrollbar in non-IE * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 10px; line-height: 1.231; background-color: white; } body, button, input, select, textarea { font-family: sans-serif; } body, button, input, select, textarea { border: 0px solid; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate * Also: hot pink! (or customize the background color to match your design) */ ::-moz-selection { background: #E65C00; color: #fff; text-shadow: none; } ::selection { background: #E65C00; color: #fff; text-shadow: none; } /* ============================================================================= Links ========================================================================== */ a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Improve image quality when scaled in IE7: h5bp.com/d * 2. Remove the gap between images and borders on image containers: h5bp.com/e */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* * Correct overflow not hidden in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } /* Indicate that 'label' will shift focus to the associated form element */ label { cursor: pointer; } /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left: -7px; padding: 0; } /* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) * 2. Correct inner spacing displayed oddly in IE6/7 */ button, input { line-height: normal; *overflow: visible; } /* * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 */ table button, table input { *overflow: auto; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS */ button, input[type="button"], input[type="reset"], input[type="submit"], [role="button"] { cursor: pointer; -webkit-appearance: button; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Remove inner padding and border in FF3/4: h5bp.com/l */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */ textarea { overflow: auto; vertical-align: top; resize: vertical; } /* Colors for form validity */ input:invalid, textarea:invalid { background-color: #f0dddd; } /* ============================================================================= Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* == No Query Styles Start Here ======================================================= Mobile First: All styles outside of media queries are for small screens For larger screens, override these styles using media queries testing for min-width ========================================================================== */ /* ------------------------------------------------------------------------ Links ------------------------------------------------------------------------ */ a { text-decoration: none; } /* ------------------------------------------------------------------------ Fonts ------------------------------------------------------------------------ */ body { font-family: 'Helvetica', 'Arial', sans-serif; } /* WebType Fonts */ @font-face { font-family: "NickMom Text A Front"; src: url("/font/NickMom-Text-A-Front/b555e8f9-1658-4276-9c77-61f5a76f6f2c-2.eot"); src: url("/font/NickMom-Text-A-Front/b555e8f9-1658-4276-9c77-61f5a76f6f2c-2.eot?") format("embedded-opentype"), url("/font/NickMom-Text-A-Front/b555e8f9-1658-4276-9c77-61f5a76f6f2c-3.woff") format("woff"), url("/font/NickMom-Text-A-Front/b555e8f9-1658-4276-9c77-61f5a76f6f2c-1.ttf") format("truetype"), url("/font/NickMom-Text-A-Front/b555e8f9-1658-4276-9c77-61f5a76f6f2c-4.svg") format("svg"); font-style: normal; font-weight: normal; } @font-face { font-family: "NickMom Tune In A Front"; src: url("/font/NickMom-Tune-In-A-Front/3a92c5f0-00b5-4452-94e1-4c025209d1c6-2.eot"); src: url("/font/NickMom-Tune-In-A-Front/3a92c5f0-00b5-4452-94e1-4c025209d1c6-2.eot?") format("embedded-opentype"), url("/font/NickMom-Tune-In-A-Front/3a92c5f0-00b5-4452-94e1-4c025209d1c6-3.woff") format("woff"), url("/font/NickMom-Tune-In-A-Front/3a92c5f0-00b5-4452-94e1-4c025209d1c6-1.ttf") format("truetype"), url("/font/NickMom-Tune-In-A-Front/3a92c5f0-00b5-4452-94e1-4c025209d1c6-4.svg") format("svg"); font-style: normal; font-weight: normal; } @font-face { font-family: "Salvo Sans Light"; src: url("/font/Salvo-Sans-Light/d8a90db0-e06d-43ba-8213-a4e60ed76417-2.eot"); src: url("/font/Salvo-Sans-Light/d8a90db0-e06d-43ba-8213-a4e60ed76417-2.eot?") format("embedded-opentype"), url("/font/Salvo-Sans-Light/d8a90db0-e06d-43ba-8213-a4e60ed76417-3.woff") format("woff"), url("/font/Salvo-Sans-Light/d8a90db0-e06d-43ba-8213-a4e60ed76417-1.ttf") format("truetype"), url("/font/Salvo-Sans-Light/d8a90db0-e06d-43ba-8213-a4e60ed76417-4.svg") format("svg"); font-style: normal; font-weight: normal; } @font-face { font-family: "Salvo Sans Medium"; src: url("/font/Salvo-Sans-Medium/7ff7b4e6-b3bd-4953-b148-28d7061eec00-2.eot"); src: url("/font/Salvo-Sans-Medium/7ff7b4e6-b3bd-4953-b148-28d7061eec00-2.eot?") format("embedded-opentype"), url("/font/Salvo-Sans-Medium/7ff7b4e6-b3bd-4953-b148-28d7061eec00-3.woff") format("woff"), url("/font/Salvo-Sans-Medium/7ff7b4e6-b3bd-4953-b148-28d7061eec00-1.ttf") format("truetype"), url("/font/Salvo-Sans-Medium/7ff7b4e6-b3bd-4953-b148-28d7061eec00-4.svg") format("svg"); font-style: normal; font-weight: bold; } @font-face { font-family: "Salvo Sans Regular"; src: url("/font/Salvo-Sans-Regular/fb168056-a3a1-4193-b8a1-8ea75b933850-2.eot"); src: url("/font/Salvo-Sans-Regular/fb168056-a3a1-4193-b8a1-8ea75b933850-2.eot?") format("embedded-opentype"), url("/font/Salvo-Sans-Regular/fb168056-a3a1-4193-b8a1-8ea75b933850-3.woff") format("woff"), url("/font/Salvo-Sans-Regular/fb168056-a3a1-4193-b8a1-8ea75b933850-1.ttf") format("truetype"), url("/font/Salvo-Sans-Regular/fb168056-a3a1-4193-b8a1-8ea75b933850-4.svg") format("svg"); font-style: normal; font-weight: normal; } @font-face { font-family: "Salvo Sans Bold"; src: url("/font/Salvo-Sans-Bold/b61ae091-ddc2-4f02-ba69-94531004183e-2.eot"); src: url("/font/Salvo-Sans-Bold/b61ae091-ddc2-4f02-ba69-94531004183e-2.eot?") format("embedded-opentype"), url("/font/Salvo-Sans-Bold/b61ae091-ddc2-4f02-ba69-94531004183e-3.woff") format("woff"), url("/font/Salvo-Sans-Bold/b61ae091-ddc2-4f02-ba69-94531004183e-1.ttf") format("truetype"), url("/font/Salvo-Sans-Bold/b61ae091-ddc2-4f02-ba69-94531004183e-4.svg") format("svg"); font-style: normal; font-weight: bold; } @font-face { font-family: "Salvo Sans Black"; src: url("/font/Salvo-Sans-Black/b9cd5e14-f970-499f-ab18-e2639304ec18-2.eot"); src: url("/font/Salvo-Sans-Black/b9cd5e14-f970-499f-ab18-e2639304ec18-2.eot?") format("embedded-opentype"), url("/font/Salvo-Sans-Black/b9cd5e14-f970-499f-ab18-e2639304ec18-3.woff") format("woff"), url("/font/Salvo-Sans-Black/b9cd5e14-f970-499f-ab18-e2639304ec18-1.ttf") format("truetype"), url("/font/Salvo-Sans-Black/b9cd5e14-f970-499f-ab18-e2639304ec18-4.svg") format("svg"); font-style: normal; font-weight: bold; } @font-face { font-family: "Salvo Serif Light"; src: url("/font/Salvo-Serif-Light/1242c7a0-063d-41d8-87ad-eb3d70524ff4-2.eot"); src: url("/font/Salvo-Serif-Light/1242c7a0-063d-41d8-87ad-eb3d70524ff4-2.eot?") format("embedded-opentype"), url("/font/Salvo-Serif-Light/1242c7a0-063d-41d8-87ad-eb3d70524ff4-3.woff") format("woff"), url("/font/Salvo-Serif-Light/1242c7a0-063d-41d8-87ad-eb3d70524ff4-1.ttf") format("truetype"), url("/font/Salvo-Serif-Light/1242c7a0-063d-41d8-87ad-eb3d70524ff4-4.svg") format("svg"); font-style: normal; font-weight: normal; } @font-face { font-family: "Salvo Serif Medium"; src: url("/font/Salvo-Serif-Medium/cf6c5816-b264-456e-a1f9-6920bcee67fa-2.eot"); src: url("/font/Salvo-Serif-Medium/cf6c5816-b264-456e-a1f9-6920bcee67fa-2.eot?") format("embedded-opentype"), url("/font/Salvo-Serif-Medium/cf6c5816-b264-456e-a1f9-6920bcee67fa-3.woff") format("woff"), url("/font/Salvo-Serif-Medium/cf6c5816-b264-456e-a1f9-6920bcee67fa-1.ttf") format("truetype"), url("/font/Salvo-Serif-Medium/cf6c5816-b264-456e-a1f9-6920bcee67fa-4.svg") format("svg"); font-style: normal; font-weight: bold; } @font-face { font-family: "Salvo Serif Regular"; src: url("/font/Salvo-Serif-Regular/7f24be80-3c25-4d99-81be-6390032b055c-2.eot"); src: url("/font/Salvo-Serif-Regular/7f24be80-3c25-4d99-81be-6390032b055c-2.eot?") format("embedded-opentype"), url("/font/Salvo-Serif-Regular/7f24be80-3c25-4d99-81be-6390032b055c-3.woff") format("woff"), url("/font/Salvo-Serif-Regular/7f24be80-3c25-4d99-81be-6390032b055c-1.ttf") format("truetype"), url("/font/Salvo-Serif-Regular/7f24be80-3c25-4d99-81be-6390032b055c-4.svg") format("svg"); font-style: normal; font-weight: normal; } @font-face { font-family: "Salvo Serif Bold"; src: url("/font/Salvo-Serif-Bold/0870100b-619c-4997-82d6-2fc1b717bde3-2.eot"); src: url("/font/Salvo-Serif-Bold/0870100b-619c-4997-82d6-2fc1b717bde3-2.eot?") format("embedded-opentype"), url("/font/Salvo-Serif-Bold/0870100b-619c-4997-82d6-2fc1b717bde3-3.woff") format("woff"), url("/font/Salvo-Serif-Bold/0870100b-619c-4997-82d6-2fc1b717bde3-1.ttf") format("truetype"), url("/font/Salvo-Serif-Bold/0870100b-619c-4997-82d6-2fc1b717bde3-4.svg") format("svg"); font-style: normal; font-weight: bold; } @font-face { font-family: "Salvo Serif Black"; src: url("/font/Salvo-Serif-Black/23cc4b35-d3ee-4140-90c8-6d6642ab6621-2.eot"); src: url("/font/Salvo-Serif-Black/23cc4b35-d3ee-4140-90c8-6d6642ab6621-2.eot?") format("embedded-opentype"), url("/font/Salvo-Serif-Black/23cc4b35-d3ee-4140-90c8-6d6642ab6621-3.woff") format("woff"), url("/font/Salvo-Serif-Black/23cc4b35-d3ee-4140-90c8-6d6642ab6621-1.ttf") format("truetype"), url("/font/Salvo-Serif-Black/23cc4b35-d3ee-4140-90c8-6d6642ab6621-4.svg") format("svg"); font-style: normal; font-weight: normal; } /* -------------------------------------------------------------------- Structural -------------------------------------------------------------------- */ #main { margin-bottom: 20px; position: relative; display: block; clear: both; margin-bottom: 30px; } [data-item-url-key="todays-funny"] #sponsor-bg { padding-top: 0; } #content-bg { width: 100%; padding: 10px 0 20px; overflow: hidden; background-color: #f3f3f3; } [data-item-url-key="todays-funny"] #content-bg { padding-top: 0; } @media screen and (min-width: 640px) { [data-item-url-key="todays-funny"] #content-bg { padding-top: 20px; } } .dropshadow { height: 20px; position: absolute; left: 0; right: 0; background: rgba(0, 0, 0, 0) url(/img/gradients/header-drop-shadow.png) no-repeat center top; z-index: 1000; } @media screen and (min-width: 768px) { #content-bg { padding: 20px 0; } } [data-module-url-key=sitewide-remarketing-pixel], [data-module-url-key=footer-remarketing-promo], [data-module-url-key="ad-g"], [data-module-url-key="ad-h"] { font-size: 0; background-color: #000; } /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ /* prevent callout */ .nocallout { -webkit-touch-callout: none; } /* Text overflow with ellipsis */ .ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /* A hack for HTML5 contenteditable attribute on mobile */ textarea[contenteditable] { -webkit-appearance: none; } /* A workaround for S60 3.x and 5.0 devices which do not animated gif images if they have been set as display: none */ .gifhidden { position: absolute; left: -100%; } /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .left { float: left; } .right { float: right; } /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* -------------------------------------------------------------------- MagneticPoetry -------------------------------------------------------------------- */ .magneticPoetry-container { position: relative; } .magneticPoetry-imageOverlay { position: absolute; left: 20px; top: 20px; } .magneticPoetry { background: #000000; color: #FFFFFF; text-transform: uppercase; font-size: 20px; border: none; *padding-bottom: 0px; font-weight: normal; float: left; } .magneticPoetry .magneticPoetry-word { margin: 5px 0px 5px 0px; padding: 0px 5px 0px 5px; background: #000000; color: #FFFFFF; float: left; } .magneticPoetry .magneticPoetry-space { width: 5px; float: left; } /*--------------------------------------------------- LESS Elements 0.9 --------------------------------------------------- A set of useful LESS mixins More info at: http://lesselements.com ---------------------------------------------------*/ .opacity50 { -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); } .play-icon-tiny { position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; background: transparent url(/img/icons/marquee/btn-play-sm.png) no-repeat center center; background-size: 20px 20px; } /* The wrapper classes generally live on the #main div and are set via template.xml. They're responsible for setting the outter container width of the page. They set a width that generally expands in increments of 320px, which represents a column in the nickmom grid. .wrapper-micro-cols and .wrapper-extra-wide are sub-classes of .wrapper, which means they're expected to be used in conjunction with it. For example:
foo
or
bar
.wrapper takes care of the widths in the range of 640 to 960px .wrapper-micro-cols adds widths of 320px and 640px .wrapper-extra-wide adds widths of 1280px and 1600px */ #main { margin: 0 auto; } .wrapper { width: auto; margin: 0 auto; } @media screen and (min-width: 320px) { .wrapper-micro-cols { width: 320px; } } @media screen and (min-width: 480px) { .wrapper-micro-cols { width: 480px; } } @media screen and (min-width: 640px) { .wrapper { width: 640px; } } @media screen and (min-width: 980px) { .wrapper { width: 960px; } } @media screen and (min-width: 1300px) { .wrapper-extra-wide { width: 1280px; } } @media screen and (min-width: 1620px) { .wrapper-extra-wide { width: 1600px; } } /* author: thompsotr */ /* .layout-header-1-col, .layout-header-1-col-full { #sponsor-bg { padding-bottom: 30px; } .primary-1 { margin-left: auto; margin-right: auto; } } // Tablets and Above: ------------------ @media screen and (min-width: 640px) { // (2*320) .layout-header-1-col-full { #sponsor-bg { padding-bottom: 10px; } .primary-1 { width: 640px; } } } @media screen and (min-width: 980px) { // (3*320)+20 .layout-header-1-col-full { .primary-1 { width: auto; } } } */ /* @media screen and (min-width: 1300px) { // (4*320)+20 .layout-header-1-col { .primary-1 { width: 960px; } } }*/ /* author: thompsotr */ /* @media screen and (min-width: 1300px) { // (4*320)+20 .layout-header-2-cols { .primary-2 { width: 960px; } } } */ /* author: thompsotr */ /* these default to auto so don't need this .primary-1 { width: 100%; } .primary-2 { width: 100%; }*/ /* I'm adding this to .wrapper @media screen and (min-width: 640px) { .layout-header-2-cols-centered { #main { width: 640px; } } } */ /* author: thompsotr */ /* author: thompsotr */ /* .layout-content-hdr { .chicklet-landing-header { width: 100%; margin: -1px auto 0 auto !important; padding-top: 1px; // prevent margin collapse } } @media screen and (min-width: 980px) { // (3*320)+20 .layout-content-hdr { .chicklet-landing-header { width: 960px !important; } } } @media screen and (min-width: 1300px) { // (4*320)+20 .layout-content-hdr { .chicklet-landing-header { width: 1280px !important; } } } @media screen and (min-width: 1620px) { // (5*320)+20 .layout-content-hdr { .chicklet-landing-header { width: 1600px !important; } } } */ /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ /* .zone and .module live in modules-zone.less as mixins Columns are 300px wide plus and 20px gutter Modules are responsible for creating the gutter (usually by margin: 10px), so zones don't get margins or padding on right/left */ .zone { position: relative; } .all, .col-1, .all-but-1 { margin: 0 auto; } @media screen and (min-width: 480px) { .module { margin-left: 10px; margin-right: 10px; } } @media screen and (min-width: 640px) { .all-but-1 { width: 640px; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 980px) { .all-but-1 { float: left; } .col-1 { width: 320px; float: left; margin-left: 0; margin-right: 0; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ .header.zone .header-banner-ad { display: block; text-align: center; } #header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; *behavior: url(/js/polyfill/boxsizing.htc); position: relative; margin: 0 auto; padding: 0; background-position: -1000000px; background-repeat: no-repeat; } .header-wrapper { position: relative; } .header-bg-promo { background-position: -1000000px; background-repeat: no-repeat; } .banner-ad { display: none; position: static; } .banner-ad .banner { width: 100%; } .banner-ad .banner table { margin: 0 auto; } .header-logo-sprite { position: relative; display: block; margin: 10px auto 10px auto; overflow: hidden; width: 242px; height: 44px; } .header-logo-sprite div { position: absolute; width: 100%; height: 100%; display: block; z-index: 20; } .header-logo-sprite .svg-logo { background: url("/img/logos/logo-nickmom-mobile.png") no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .header-logo-sprite #svg-object { display: none; width: 100%; margin: 0; padding: 0; top: 0px; left: 0px; } .svg #svg-object { display: block; } .svg .svg-logo { background: none; } #fb-root > div { left: -10000px; } #header-promo { display: none; } #monthlyTout { margin-bottom: 20px; } #founding-mother { display: none; } .founding-mother-ad-d { position: relative; } #primary-nav { margin: 0; padding: 0; } #primary-nav .desktop { display: none; } #primary-nav .mobile { display: block; } #primary-nav ul { width: 100%; position: relative; list-style: none; list-style-image: none; margin: 0; padding: 0; } #primary-nav li { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; *behavior: url(/js/polyfill/boxsizing.htc); width: 25%; font-family: "Salvo Sans Medium"; font-size: 1.3em; display: block; float: left; height: 44px; text-transform: uppercase; background-color: #000; border-right: 1px dotted #666666; border-top: 1px solid #000; border-bottom: 1px dotted #666666; color: #fff; text-align: center; line-height: 1em; padding: 5px 0 0 0; z-index: 1; } #primary-nav li a { display: block; height: 12px; overflow: hidden; color: #fff; line-height: 1.2em; padding: 7px 10px 3px; } #primary-nav li span span:nth-child(n+2) { display: none; } #primary-nav li.active { background-color: #e65c00; border-top: 1px solid #e65c00; border-bottom: 1px solid #e65c00; } #primary-nav li.more { display: block; cursor: pointer; border-right: 1px solid #000; border-bottom: 1px solid #000; } #primary-nav li.more .carat { display: inline-block; margin-left: 6px; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #999999; position: relative; top: 1px; } #primary-nav li.more .carat.arrow-gray-sm-dn { border-style: solid; border-width: 6px 6px 0; border-color: #999999 transparent transparent; margin-left: 0; } #primary-nav li.trailing { display: none; width: 100%; float: none; clear: left; border-bottom: 1px dotted #666666; border-right: 1px solid #000; } #primary-nav li.trailing.hideonmobile { display: none !important; } #primary-nav li.active .carat { position: absolute; top: 42px; left: 50%; margin-left: -4px; z-index: 999; border-style: solid; border-width: 6px 6px 0; border-color: #e65c00 transparent transparent; } #primary-nav li.primary-nav-search { padding-top: 7px; } #primary-nav span.menu-wrapper { display: inline-block; float: left; position: relative; } #primary-nav .menu-wrapper:hover > li { background-color: #e65c00; } #primary-nav .sub-nav-entries { display: none; position: absolute; z-index: 1000; top: 27px; left: 0px; border: 6px solid #e65c00; background-color: white; -moz-box-shadow: 2px 5px 3px 1px rgba(3, 3, 3, 0.2) inset; -webkit-box-shadow: 2px 5px 3px 1px rgba(3, 3, 3, 0.2) inset; box-shadow: 2px 5px 3px 1px rgba(3, 3, 3, 0.2) inset; -moz-box-shadow: 2px 5px 3px 1px rgba(3, 3, 3, 0.2); -webkit-box-shadow: 2px 5px 3px 1px rgba(3, 3, 3, 0.2); box-shadow: 2px 5px 3px 1px rgba(3, 3, 3, 0.2); font-size: 10px; width: 450px; padding: 25px 10px 20px; } #primary-nav .sub-nav-entries li { background-color: white; height: auto; text-align: left; font-size: 10px; } #primary-nav .sub-nav-entries li a { padding: 11px 0px 0px 0px; color: #666666; height: auto; } #primary-nav .sub-nav-entries li .sub-item li { margin-bottom: 10px; margin-right: 0px; width: 100%; } #primary-nav .sub-nav-entries li .sub-item li a { text-transform: capitalize; font-family: "Salvo Sans Regular"; padding: 1px 0 0 0; } #primary-nav .sub-nav-entries li .sub-item li a:hover { color: #bf177c; } #primary-nav .sub-nav-entries li .sub-item li a .fullTitle { font-size: 1.3em; line-height: 1.2em; } #primary-nav .sub-nav-entries li .sub-item li a .videoTitle { float: right; width: 110px; font-size: 1.2em; line-height: 1.15em; min-height: 50px; } #primary-nav .sub-nav-entries li .sub-item li a img { box-shadow: 2px 2px 5px #ccc; width: 75px; height: 43px; } #primary-nav .sub-nav-entries li .sub-item li a .play-button { background-image: url("/img/icons/btn-play-xs.png"); display: block; height: 35px; left: 21px; position: absolute; top: 6px; width: 35px; } #primary-nav .sub-nav-entries li .sub-item li a .video-image-border { width: 69px; height: 37px; position: absolute; top: 1px; } #primary-nav .sub-nav-entries li .sub-item li a:hover .video-image-border { border: 3px solid #bf177c; } #primary-nav .sub-nav-entries li:hover { background: #fff; } #primary-nav .sub-nav-entries .sub-nav-header { margin-left: 117px; margin-bottom: 10px; } #primary-nav .sub-nav-entries .sub-nav-header .sub-nav-title { background-color: #6a2b85; font-size: 14px; padding: 6px 5px 5px; text-align: center; text-transform: uppercase; width: 202px; line-height: 1em; height: auto; color: white; } #primary-nav .sub-nav-entries .sub-nav-header .sub-nav-header-arrow { border-style: solid; border-width: 6px 6px 0; border-color: #6a2b85 transparent transparent; width: 0; margin-left: 100px; } #primary-nav .sub-nav-entries li.sub-nav-list { width: 185px; width: 195px; float: left; margin: 0 15px; } #primary-nav .sub-nav-entries li.sub-nav-list .sub-nav-header { margin-left: 0; } #primary-nav .sub-nav-entries li.sub-nav-list .sub-nav-header .sub-nav-title { width: auto; } #primary-nav .sub-nav-entries li.sub-nav-list .sub-nav-header .sub-nav-header-arrow { margin-left: 91px; } #primary-nav .sub-nav-entries li.sub-nav-promo { float: left; width: 100%; margin: 15px 0 20px; } #primary-nav .sub-nav-entries li.sub-nav-promo .photo-subnav-promo a { width: 260px; height: 84px; margin-left: 95px; outline: none; padding-top: 0; } #primary-nav .sub-nav-entries li.sub-nav-promo .photo-subnav-promo a:hover img { position: relative; top: -84px; } #primary-nav .sub-nav-entries li.sub-nav-promo .sub-nav-promo-block { background-color: #f3f3f3; color: #333; margin: 0 15px; padding: 10px 10px 4px; font-family: Salvo Sans Regular; } #primary-nav .sub-nav-entries li.sub-nav-promo .sub-nav-promo-block .sub-nav-promo-title { color: #333; font-size: 1.6em; margin-top: 5px; text-transform: none; } #primary-nav .sub-nav-entries li.sub-nav-promo .sub-nav-promo-block .sub-nav-link { font-size: 1.3em; padding-top: 12px; height: 84px; } #primary-nav .sub-nav-entries li.sub-nav-promo .sub-nav-promo-block .sub-nav-link img { box-shadow: 2px 2px 5px #ccc; float: left; width: 133px; height: 77px; } #primary-nav .sub-nav-entries li.sub-nav-promo .sub-nav-promo-block .sub-nav-link .play-button { background-image: url("/img/icons/video-play-button-overlay.png"); display: block; height: 38px; left: 75px; position: absolute; top: 57px; width: 38px; } #primary-nav .sub-nav-entries li.sub-nav-promo .sub-nav-promo-block .sub-nav-link .video-image-border { height: 71px; position: absolute; width: 127px; } #primary-nav .sub-nav-entries li.sub-nav-promo .sub-nav-promo-block .sub-nav-link p { width: 247px; float: left; margin-top: 10px; margin-bottom: 0; margin-left: 10px; color: #666666; line-height: 16px; text-transform: none; } #primary-nav .sub-nav-entries li.sub-nav-promo .sub-nav-promo-block .sub-nav-link:hover .video-image-border { border: 3px solid #bf177c; } #primary-nav .sub-nav-entries li.sub-nav-promo .sub-nav-promo-block .sub-nav-link:hover p { color: #bf177c; } #primary-nav .sub-nav-entries li.sub-nav-promo .tv-tune-in-links .inner { width: 315px; margin: 0px auto; background-color: transparent; border-radius: 0 0 0 0; } #primary-nav .sub-nav-entries li.sub-nav-promo .tv-tune-in-links .inner a { color: white; font-family: Salvo Sans Bold; padding: 8px 16px; display: inline-block; overflow: visible; background-color: #bf177c; border-radius: 20px 0 0 20px; } #primary-nav .sub-nav-entries li.sub-nav-promo .tv-tune-in-links .inner a:nth-child(2) { border-radius: 0 20px 20px 0; } #primary-nav .sub-nav-entries li.sub-nav-promo .tv-tune-in-links .inner a:hover { background-color: black; } #primary-nav .sub-nav-entries li.view-all { width: 100%; margin-bottom: 0; } #primary-nav .sub-nav-entries li.view-all:hover { background-color: none; } #primary-nav .sub-nav-entries li.view-all a { float: right; margin-right: 15px; padding: 0; } #primary-nav .sub-nav-entries li.view-all a .view-all-text { float: left; margin-right: 5px; color: black; font-family: arial; font-weight: bold; text-transform: uppercase; font-size: 1.2em; line-height: 1em; } #primary-nav .sub-nav-entries li.view-all a .view-all-arrow { border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #000000; float: right; margin-top: 1px; margin-right: 1px; } #primary-nav .sub-nav-entries li.view-all a:hover .view-all-text { color: #bf177c; } #primary-nav .sub-nav-entries li.view-all a:hover .view-all-arrow { border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #bf177c; } #primary-nav .trailing .sub-nav-entries { left: -392px; } #user-bar, .header-social-bar { display: none; } #sm4-user-bar-header .sendUsFeedback { display: none; } .thirdPartyAuthContainer .thirdPartyAuth { width: 18px; } .flux4Widget .userBar .barElement { border-color: #000 !important; } .flux4Widget .share { border: none !important; } .flux4Widget iframe.fb_iframe_widget_lift { z-index: 12; } #monthlyTout { clear: both; } .header-user-bar { display: none; position: relative; margin-top: -35px; } .header-user-bar #sm4-user-bar-header { top: -1px; } .header-search-bar { display: none; } .zone.header-v2 { background: #f3f3f3; } .zone.header-v2 .banner-ad { display: block; float: none !important; margin: 0 auto; padding: 0 0 2px; width: auto; background: #f3f3f3; /* Old browsers */ background: -moz-linear-gradient(top, #f3f3f3 0%, #e7e7e7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #e7e7e7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f3f3f3 0%, #e7e7e7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f3f3f3 0%, #e7e7e7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f3f3f3 0%, #e7e7e7 100%); /* IE10+ */ background: linear-gradient(to bottom, #f3f3f3 0%, #e7e7e7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#e7e7e7', GradientType=0); /* IE6-9 */ } .zone.header-v2 .banner-ad .banner { background: none; display: block; text-align: center; margin: 0 auto; } .zone.header-v2 .banner-ad .banner > div { margin: 0 auto; } .zone.header-v2 .banner-ad iframe { width: 100%; float: none; margin: 0 auto; } .wrapper.header-ad-a { background: #f3f3f3; } .header-ad-a .banner-ad { margin: 20px 0 10px; padding: 4px 0 0 0; } @media screen and (min-width: 640px) { #primary-nav li span span:nth-child(n+2) { display: inline-block; } #primary-nav li span span { margin: 0 5px 0 0; } #primary-nav li span span:last-child { margin: 0; } } @media screen and (min-width: 768px) { .svg .header-logo-sprite .svg-logo { background: none; } #header { padding: 0; margin-bottom: 10px; display: block; } .zone.header-v2 .banner-ad { display: block; width: 100%; float: left; clear: both; padding-top: 25px; } .zone.header-v2 .banner-ad .banner-side-2 { display: none; } .header-logo-sprite { position: relative; float: left; display: block; margin: 28px 10px -50px 10px; overflow: hidden; width: 350px; height: 68px; } .header-logo-sprite .svg-logo { background: url("/img/logos/logo-nickmom-desktop.png") no-repeat; } #header-promo { display: block; clear: both; float: right; margin-bottom: -130px; padding-right: 10px; } #founding-mother { display: block; position: absolute; left: 377px; top: 47px; color: #9a9a9a; } #founding-mother a { display: block; } .founding-mother-ad-d #founding-mother { top: 82px; } #primary-nav { width: auto; float: left; margin: 60px 0 0 10px; } #primary-nav .desktop { display: block; } #primary-nav .mobile { display: none; } #primary-nav li, #primary-nav li.trailing { width: auto; min-width: 90px; } #primary-nav li { height: 27px; padding: 0; margin-right: 5px; margin-left: 0; margin-bottom: 15px; border: none; font-size: 1.65em; } #primary-nav li a { height: 20px; line-height: 0.9em; } #primary-nav li:hover { background-color: #e65c00; } #primary-nav li.trailing { display: block !important; float: left; clear: none; border: none; } #primary-nav li.trailing.hideonmobile { display: block !important; } #primary-nav li.active { border-top: 0px solid #e65c00; } #primary-nav li.active .carat { top: 26px; } #primary-nav li.more { display: none; } #primary-nav li.mobile-only { display: none !important; } #user-bar, .header-social-bar { display: block; position: relative; height: 36px; background-color: #000; } #user-bar .wrapper, .header-social-bar .wrapper { position: relative; } #user-bar .dropdownWrapper, .header-social-bar .dropdownWrapper { z-index: 9999; } #user-bar .follow-bar, .header-social-bar .follow-bar { float: left; margin-top: 7px; } #user-bar .follow-bar .serviceDelimiter, .header-social-bar .follow-bar .serviceDelimiter { display: none; } #user-bar .follow-bar .successIcon, .header-social-bar .follow-bar .successIcon { display: none !important; } #user-bar .userBar .bar .elements .barElement, .header-social-bar .userBar .bar .elements .barElement { margin-top: 2px; } #sm4-user-bar-header { position: relative; float: right; max-width: 200px; /* oh, you, IE8 */ } .header-user-bar { display: block; } .header-search-bar { display: block; } } @media screen and (min-width: 768px) { .zone.header-v2 .banner-ad iframe { width: 768px; } } @media screen and (min-width: 980px) { #header { background-position: 65% 0%; } .header-wrapper { position: static; } .header-bg-promo { background-position: 65% 35px; height: 185px; } .banner-ad { width: 940px; position: static; margin: 10px 0 0px 10px; float: left; clear: both; } .banner-ad .banner { margin: 0px auto; } #founding-mother { left: 39%; top: 47px; } #primary-nav { margin-bottom: 10px; margin-right: 15%; } #primary-nav .menu-wrapper:hover .sub-nav { display: block; } #primary-nav .menu-wrapper:hover .sub-nav-entries { display: block; } } @media screen and (min-width: 1300px) { .header-bg-promo { height: 157px; } .ie8 .header-bg-promo { height: 203px; } .banner-ad { width: 1260px; } .banner-ad .banner { float: left; background: url("/img/gradients/leaderboard-fade.png") repeat-y scroll center top transparent; } .banner-ad .banner iframe { float: left; margin: 0 272px; } #primary-nav li, #primary-nav li.trailing { width: auto; min-width: 90px; } #founding-mother { top: 8px; left: 377px; } .founding-mother-ad-d #founding-mother { top: 43px; } } @media screen and (min-width: 1620px) { #header { background-position: 700px 0%; } .header-bg-promo { background-position: 700px 35px; } .ie8 .header-bg-promo { height: 157px; } .banner-ad { width: 1580px; } .banner-ad .banner iframe { margin: 0 426px; } #primary-nav li, #primary-nav li.trailing { min-width: 90px; } #founding-mother { top: 47px; left: 1074px; } .founding-mother-ad-d #founding-mother { top: 82px; } .ie8 #founding-mother { left: 1140px; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ .ie8 .zone.footer .footer-search .search-icon { margin-top: 5px; } .zone.footer > img { display: none; } .zone.footer .sm4-user-bar-footer .sendUsFeedback { display: none; } .zone.footer .border-bottom { border-bottom: 1px solid #242424; } .zone.footer .footer-carousel-wrapper { display: none; } .zone.footer .sm4-user-bar-footer-container { width: auto; background-color: #f3f3f3; } .zone.footer .sm4-user-bar-footer { display: block; position: absolute; right: 10px; top: -35px; } .zone.footer .sm4-user-bar-footer .userBar { background-color: black; } .zone.footer .footer-wrapper { clear: right; background-color: #000; overflow: hidden; position: relative; } .zone.footer .footer-inner-wrapper { margin: 0 auto; color: #FFF; } .zone.footer .footer-inner-wrapper a { text-decoration: none; } .zone.footer .footer-inner-wrapper a:hover { text-decoration: none; } .zone.footer .copyright { display: block; text-align: center; line-height: 1.2em; padding-top: 13px; font-size: 1em; text-transform: uppercase; font-family: "Salvo Sans Regular", Helvetica, sans-serif; color: #999999; } .zone.footer .rss-link { display: none; width: 47px; height: 20px; margin: 1px 0 0 10px; background: url(/img/icons/feed/rss-gray.gif) no-repeat top left; } .zone.footer .footer-ad-item { width: auto; } .zone.footer .footer-ad-item .footer-ad { width: 300px; height: 50px; margin: 0px auto; overflow: hidden; display: none; } .zone.footer .google-plus { float: left; margin-top: 3px; margin-left: 10px; } .zone.footer .google-plus img { height: 16px; width: 16px; } .zone.footer .footer-item { text-align: center; } .zone.footer .search-form { padding-top: 12px; padding-bottom: 14px; border-bottom: 1px solid #242424; position: relative; width: 100%; } .zone.footer .search-form a { cursor: pointer; } .zone.footer .search-form a .search-icon { position: static; width: 18px; margin-left: -23px; margin-top: -2px; } .zone.footer .footer-follow-widget { padding: 0 8px 0 0; } .zone.footer .footer-follow-widget .serviceDelimiter { display: none; } .zone.footer .footer-follow-widget .successIcon { display: none; } .zone.footer .newsletter-signup { display: none; } .zone.footer .footer-tv-schedule { width: 100%; margin-bottom: 10px; border-bottom: 1px solid #242424; } .zone.footer .footer-item-login-user-bar { border: none; } .zone.footer .ugc-call-to-action { display: none; } .zone.footer .footer-item-nav a { color: #bbbbbb; clear: right; } .zone.footer .footer-item-nav a:visited { color: #bbbbbb; } .zone.footer .footer-item-nav a[href='#'] { color: #FFF; } .zone.footer .footer-item-nav .privacyPolicyNoTimestamp { color: #f9e89c; } .zone.footer .footer-item-nav .final-details { display: none; padding: 20px 0 0 10px; } .zone.footer .footer-nav { background-color: #000; font-family: Arial, Helvetica, sans-serif; } .zone.footer .footer-nav nav { padding-bottom: 5px; border-bottom: 1px solid #242424; } .zone.footer .footer-nav ul { list-style: none; list-style-image: none; margin: 0; } .zone.footer .footer-nav .footer-nav-col-hdr { display: block; padding: 10px 0 5px 10px; text-align: center; font-size: 1.3em; font-weight: bold; color: #fff; } .zone.footer .footer-nav .footer-nav-col-hdr .carat { display: inline-block; margin-left: 6px; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #999999; position: relative; top: 1px; } .zone.footer .footer-nav .footer-nav-col-hdr .carat.arrow-gray-sm-dn { border-style: solid; border-width: 6px 6px 0; border-color: #999999 transparent transparent; margin-left: 0; } .zone.footer .footer-nav li { text-align: center; margin-left: 20px; } .zone.footer .footer-nav li a { line-height: 1.5em; color: #999999; text-decoration: none; } .zone.footer .pcfp { display: block; margin: 20px auto 20px auto; } .zone.footer .partners-wrapper { display: none; } .zone.footer .final-details { padding: 10px 0 0 0; } .zone.footer .final-details .nick-family-logo { margin-right: 10px; } .zone.footer .footer-social { width: 100%; border: none !important; } @media screen and (min-width: 768px) { .zone.footer .footer-wrapper { padding: 0 10px; } .zone.footer .flex-container { display: none; } .zone.footer .search-form { padding-top: 20px; padding-bottom: 30px; } .zone.footer .partners-wrapper { display: block; width: auto; min-height: 260px; margin-top: -11px; background: #f3f3f3 url(/img/gradients/gray-to-light-gray.gif) repeat-x 0 0; background-size: 1px 290px; border-bottom: 10px solid #000; } .zone.footer .partners { margin: 10px auto 0; } .zone.footer .partners div.carat-wrapper { position: relative; } .zone.footer .partners div.carat { position: absolute; top: 34px; left: 9%; z-index: 999; border-style: solid; border-width: 9px 9px 0; border-color: #BF177C transparent transparent; } .zone.footer .partners h3 { font-family: 'salvo sans regular'; font-weight: normal; background: none repeat scroll 0 0 #BF177C; padding: 10px 0 5px 10px; margin-bottom: 13px; font-size: 1.8em; text-transform: uppercase; color: #FFF; } .zone.footer .partners .partner { margin-left: .8%; background-color: #f3f3f3; float: left; width: 24.4%; padding: 0px 10px 20px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; *behavior: url(/js/polyfill/boxsizing.htc); } .zone.footer .partners .partner img { border: 0px; max-height: 55px; } .zone.footer .partners .partner div.image-wrapper { border-bottom: 1px dotted #666666; margin-bottom: 2px; height: 55px; cursor: pointer; } .zone.footer .partners .partner ul { text-align: left; padding: 0px; margin: 0 0 0 1em; list-style: initial; font-size: 13px; line-height: 15px; color: #666; } .zone.footer .partners .partner ul li { color: #333; padding: 3px 0; border-bottom: 1px dotted #CCC; } .zone.footer .partners .partner ul li a { color: inherit; } .zone.footer .partners .partner ul li a:hover { color: #bf177c; } .zone.footer #partners-1 { margin-left: 0; } .zone.footer .footer-carousel-wrapper { display: block; width: 94%; height: 250px; margin: 20px auto 12px auto; padding: 0 10px; } .zone.footer .footer-carousel-wrapper .loading-visual { margin: 10px auto; width: 768px; } .zone.footer .footer-carousel-wrapper h3 { font-family: 'salvo sans medium'; font-size: 2em; margin-bottom: 15px; margin-left: -10px; } .zone.footer .footer-carousel-wrapper a { position: relative; } .zone.footer .footer-carousel-wrapper a .play { position: absolute; background: url('/img/icons/marquee/btn-play-sm.png') no-repeat center center; width: 220px; height: 127px; top: 0; } .zone.footer .sm4-user-bar-footer-container { display: none; } .zone.footer .footer-inner-wrapper { position: relative; padding-top: 35px; } .zone.footer .rss-link { display: block; float: left; background: url(/img/icons/feed/rss-gray.gif) no-repeat top left; } .zone.footer .footer-item { padding-top: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; *behavior: url(/js/polyfill/boxsizing.htc); float: left; text-align: left; color: #9a9a9a; margin-bottom: 10px; border-bottom: 2px solid #242424; } .zone.footer .footer-follow-widget { width: auto; float: left; border: none; } .zone.footer .footer-follow-widget .successIcon { display: none; } .zone.footer .newsletter-signup { display: block; margin-top: 20px; } .zone.footer .newsletter-signup h3 { text-align: left; text-transform: none; margin-top: 20px; margin-bottom: 5px; font-weight: normal; font-size: 1.2em; } .zone.footer .newsletter-signup input[type="text"] { height: 15px; width: 150px; } .zone.footer .newsletter-signup .submitEmail { font-size: 1.5em; } .zone.footer .newsletter-signup { display: block; margin-top: 20px; } .zone.footer .pcfp { float: left; margin-right: 10px; } .zone.footer .footer-ad-item { border-bottom: none; } .zone.footer .final-details { padding: 0; width: 280px; } .zone.footer .final-details img { float: left; } .zone.footer .final-details .copyright { display: block; float: left; margin: 0; padding: 10px 0 0 0; font-size: 1em; font-weight: normal; text-align: left; width: 168px; } .zone.footer .ugc-call-to-action { position: absolute; top: 0px; right: 0; display: block; margin-top: 19px; } .zone.footer .ugc-call-to-action a img { display: block; } .zone.footer .footer-item-nav { width: 100%; margin: 0 auto 10px; padding: 0 0 18px 10px; float: left; background: #000; } .zone.footer .become-nickmom { display: none; } .zone.footer .footer-search .search-form { float: none; margin-right: 0; border-bottom: none; } .zone.footer .footer-nav { min-height: 100px; font-size: 1em; } .zone.footer .footer-nav nav { padding: 9px 0 0 0; border: 0; float: left; width: 30%; } .zone.footer .footer-nav ul { display: block !important; margin-bottom: 8px; } .zone.footer .footer-nav .footer-nav-col-hdr { padding-left: 0px; margin-left: 0px; background-color: inherit; color: white; text-align: left; text-transform: none; line-height: 1em; font-size: 1.3em; cursor: text; } .zone.footer .footer-nav .footer-nav-col-hdr .carat { display: none; } .zone.footer .footer-nav li { margin-left: 0px; padding-left: 0px; text-align: left; font-weight: normal; font-size: 1.3em; } .zone.footer .footer-nav li .privacyPolicyNoTimestamp { color: #f9e89c; } .zone.footer .footer-nav li .privacyPolicyTimestamp { color: #e65c00; } .zone.footer .footer-nav li .termsOfUseTimestamp { color: #e65c00; } } @media screen and (min-width: 980px) { .zone.footer .footer-carousel-wrapper { width: 920px; } .zone.footer .footer-carousel-wrapper .loading-visual { width: 920px; } .zone.footer .partners, .zone.footer .footer-inner-wrapper { width: 960px; } .zone.footer .footer-tv-schedule { width: 670px; } .zone.footer .footer-item-nav { width: 280px; float: right; border-bottom: none; } .zone.footer .footer-item-nav .final-details { display: block; } .zone.footer .footer-social { width: 670px; } .zone.footer .final-details { display: none; } .zone.footer .footer-nav nav { float: none; width: auto; padding: 0 0 0 10px; } } @media screen and (min-width: 1010px) { .zone.footer .footer-tv-schedule, .zone.footer .footer-social { width: 700px; } .zone.footer .footer-item-nav { width: 260px; } } @media screen and (min-width: 1300px) { .zone.footer .footer-tv-schedule, .zone.footer .footer-social { width: 950px; } .zone.footer .footer-item-nav { width: 320px; } .zone.footer .footer-carousel-wrapper { width: 1240px; } .zone.footer .footer-carousel-wrapper .loading-visual { width: 1300px; } .zone.footer .partners, .zone.footer .footer-inner-wrapper { width: 1280px; } .zone.footer .partners div.carat { left: 7%; } } @media screen and (min-width: 768px) { .footer-social { height: 425px; } } .footer-item-login-user-bar { display: none; float: left; width: 180px; } .footer-item-login-user-bar h3 { margin: 0px; padding: 19px 0 18px 12px; color: #FFF; text-transform: none; font-weight: normal; font-size: 2.1em; font-family: "Salvo Sans Medium", Helvetica, sans-serif; } .footer-item-login-user-bar .flux4Widget .userBar .bar { height: 0px; } .footer-item-login-user-bar .flux4Widget .myStuffElement { float: none; } .footer-item-login-user-bar .flux4Widget .hoverElement, .footer-item-login-user-bar .flux4Widget .dropdownContent { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .footer-item-login-user-bar .flux4Widget .hoverElement { width: 170px !important; height: 34px; } .footer-item-login-user-bar .flux4Widget .dropdownIndent { display: none; } .footer-item-login-user-bar .flux4Widget .dropdownWrapper { left: -1px !important; padding: 0; } @media screen and (min-width: 768px) { .footer-item-login-user-bar { display: block; } } .footer-item-follow-us { position: relative; float: none; margin: 0 auto; width: auto; } .footer-item-follow-us h3 { font-size: 2.1em; margin: 0px; padding: 9px 0 18px 0; color: #FFF; text-transform: none; font-weight: normal; font-family: "Salvo Sans Medium", Helvetica, sans-serif; } .footer-item-follow-us .social-bar { margin: 0 auto; width: 249px; } .footer-item-follow-us .social-bar-group { float: left; } @media screen and (min-width: 768px) { .footer-item-follow-us { float: none; margin: 0 0 0 180px; border: 0; } .footer-item-follow-us h3 { padding-top: 19px; } .footer-item-follow-us .social-bar { margin: 0 310px 0 0; width: auto; } } @media screen and (min-width: 980px) { .footer-item-follow-us { width: auto; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ #mama-bar { display: none; } ul#menu-mama-bar a[title=nickmom] { color: #ff9540; cursor: default; } @media screen and (min-width: 768px) { #mama-bar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; *behavior: url(/js/polyfill/boxsizing.htc); display: block; padding-left: 10px; padding-right: 10px; border-bottom: 2px solid #f1f1f1; background-color: #fff; z-index: 10000000; } #mama-bar .mama-bar-logo img { float: right; border: 0; } #menu-mama-bar { float: left; margin: 0; padding: 0; color: #ff0000; } #menu-mama-bar li { float: left; display: inline; margin: 4px 15px 0 0; } #menu-mama-bar a { display: block; color: #9a9a9a; font-size: 1.1em; font-weight: bold; text-decoration: none; } #menu-mama-bar a:hover { text-decoration: underline; } #menu-mama-bar a[title=nickmom] { color: #ff9540; cursor: default; } #menu-mama-bar a:hover[title=nickmom] { text-decoration: none; } #menu-mama-bar li:first-child a { color: #ff9540; cursor: default; } } @media screen and (min-width: 980px) { #mama-bar { margin-top: 0; } } /* @media screen and (min-width: 768px) and (max-width: 959px) { body.content { #main { width: 640px; } } } */ @media screen and (min-width: 1300px) { body.content.layout-header-2-cols .primary-2 { width: 640px; } body.content #main { width: 960px; } } .search-form { position: absolute; margin: 0 auto; width: 240px; top: 0; right: 0; } .search-query { height: 22px; margin-top: 6px; width: 208px; padding-left: 14px; padding-right: 14px; margin-bottom: 0; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; text-align: left; font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; } .search-icon { position: absolute; top: 9px; right: 13px; width: 18px; } @media screen and (min-width: 768px) { .search-form { position: relative; float: right; margin-right: 10px; } } @media screen and (min-width: 980px) and (max-width: 1299px) { .zone.footer .search-query { width: 146px; } } .chicklet { background: white; position: relative; color: #999; /* videos, other-funny-stuff, nickmom-originals, default, caption-contests and funny-photos */ border-bottom: 2px solid #e65c00; } .chicklet .featured { overflow: hidden; position: relative; margin-bottom: 0px; } .chicklet .featured .duration { position: absolute; bottom: 5px; right: 5px; height: 12px; padding: 3px 5px; text-align: right; font-family: 'Salvo Sans Regular', helvetica, arial; font-size: 12px; color: #fff; background: #a7a6a5; background: rgba(153, 153, 153, 0.8); z-index: 1; } .chicklet .featured .video-type { position: absolute; top: 0; right: 0; width: 52px; height: 52px; z-index: 2; background: transparent url(/img/chicklets/label-sprites.png) no-repeat 200px 0; } .chicklet .featured .video-type[data-video-type="vlog"] { background-position: 0 0; background-position: 0px -64px; } .chicklet .featured .video-type[data-video-type="promo"] { background-position: -64px 0; background-position: -52px -64px; } .chicklet .featured .video-type[data-video-type="bonus clip"] { background-position: -128px 0; background-position: -104px -64px; } .chicklet .featured .video-type[data-video-type="clip"] { background-position: -192px 0; background-position: -156px -64px; } .chicklet .featured .video-type[data-video-type="full episode"], .chicklet .featured .video-type[data-video-type="episode"] { background-position: -256px 0; background-position: -208px -64px; } .chicklet .featured .video-type[data-video-type="expiring soon"] { background-position: -320px 0; background-position: -260px -64px; } .chicklet .featured .video-type[data-video-type="new"] { background-position: -384px 0; background-position: -312px -64px; } .chicklet .featured .video-type[data-video-type="preview"] { background-position: -448px 0; background-position: -364px -64px; } @media screen and (min-width: 640px) { .chicklet .featured .video-type { width: 64px; height: 64px; } .chicklet .featured .video-type[data-video-type="vlog"] { background-position: 0 0; background-position: 0px 0px; } .chicklet .featured .video-type[data-video-type="promo"] { background-position: -64px 0; background-position: -64px 0px; } .chicklet .featured .video-type[data-video-type="bonus clip"] { background-position: -128px 0; background-position: -128px 0px; } .chicklet .featured .video-type[data-video-type="clip"] { background-position: -192px 0; background-position: -192px 0px; } .chicklet .featured .video-type[data-video-type="full episode"], .chicklet .featured .video-type[data-video-type="episode"] { background-position: -256px 0; background-position: -256px 0px; } .chicklet .featured .video-type[data-video-type="expiring soon"] { background-position: -320px 0; background-position: -320px 0px; } .chicklet .featured .video-type[data-video-type="new"] { background-position: -384px 0; background-position: -384px 0px; } .chicklet .featured .video-type[data-video-type="preview"] { background-position: -448px 0; background-position: -448px 0px; } } .chicklet.micro:hover, .chicklet.brand-hover-effect:hover { color: #fff; } .chicklet.micro:hover .hover-text, .chicklet.brand-hover-effect:hover .hover-text { color: white; } .chicklet .brand-color { color: #e65c00; } .chicklet .brand-background-color { background-color: #e65c00; } .chicklet.micro:hover, .chicklet.brand-hover-effect:hover { background-color: #e65c00; } .chicklet[data-category-id="166833ae-1a3e-489b-9088-52876c7439a1"] { border-bottom: 2px solid #92af0a; } .chicklet[data-category-id="166833ae-1a3e-489b-9088-52876c7439a1"] .brand-color { color: #92af0a; } .chicklet[data-category-id="166833ae-1a3e-489b-9088-52876c7439a1"] .brand-background-color { background-color: #92af0a; } .chicklet[data-category-id="166833ae-1a3e-489b-9088-52876c7439a1"].micro:hover, .chicklet[data-category-id="166833ae-1a3e-489b-9088-52876c7439a1"].brand-hover-effect:hover { background-color: #92af0a; } .chicklet[data-category-id="7c6f2467-0174-428e-adc5-dea2a365f3fe"] { border-bottom: 2px solid #bf177c; } .chicklet[data-category-id="7c6f2467-0174-428e-adc5-dea2a365f3fe"] .brand-color { color: #bf177c; } .chicklet[data-category-id="7c6f2467-0174-428e-adc5-dea2a365f3fe"] .brand-background-color { background-color: #bf177c; } .chicklet[data-category-id="7c6f2467-0174-428e-adc5-dea2a365f3fe"].micro:hover, .chicklet[data-category-id="7c6f2467-0174-428e-adc5-dea2a365f3fe"].brand-hover-effect:hover { background-color: #bf177c; } .chicklet[data-category-id="7c6f2467-0174-428e-adc5-dea2a365f3fe"] .play-button { display: block; } .chicklet.is-video .play-button { display: block; } .chicklet[data-category-id="a411a385-6732-4c40-8d9e-7a0ad156779c"] { border-bottom: 2px solid #29a2ff; } .chicklet[data-category-id="a411a385-6732-4c40-8d9e-7a0ad156779c"] .brand-color { color: #29a2ff; } .chicklet[data-category-id="a411a385-6732-4c40-8d9e-7a0ad156779c"] .brand-background-color { background-color: #29a2ff; } .chicklet[data-category-id="a411a385-6732-4c40-8d9e-7a0ad156779c"].micro:hover, .chicklet[data-category-id="a411a385-6732-4c40-8d9e-7a0ad156779c"].brand-hover-effect:hover { background-color: #29a2ff; } .chicklet[data-category-id="TV-6732-4c40-8d9e-7a0ad156779c"] { border-bottom: 2px solid #993ec6; } .chicklet[data-category-id="TV-6732-4c40-8d9e-7a0ad156779c"] .brand-color { color: #993ec6; } .chicklet[data-category-id="TV-6732-4c40-8d9e-7a0ad156779c"] .brand-background-color { background-color: #993ec6; } .chicklet[data-category-id="TV-6732-4c40-8d9e-7a0ad156779c"].micro:hover, .chicklet[data-category-id="TV-6732-4c40-8d9e-7a0ad156779c"].brand-hover-effect:hover { background-color: #993ec6; } .chicklet[data-category-id="20172e75-41e4-4ef5-8ab4-7fc50a822e1c"] { border-bottom: 2px solid #993ec6; } .chicklet[data-category-id="20172e75-41e4-4ef5-8ab4-7fc50a822e1c"] .brand-color { color: #993ec6; } .chicklet[data-category-id="20172e75-41e4-4ef5-8ab4-7fc50a822e1c"] .brand-background-color { background-color: #993ec6; } .chicklet[data-category-id="20172e75-41e4-4ef5-8ab4-7fc50a822e1c"].micro:hover, .chicklet[data-category-id="20172e75-41e4-4ef5-8ab4-7fc50a822e1c"].brand-hover-effect:hover { background-color: #993ec6; } .chicklet.type-tag { border-bottom: 2px solid #4f5e00; } .chicklet.type-tag .brand-color { color: #4f5e00; } .chicklet.type-tag .brand-background-color { background-color: #4f5e00; } .chicklet.type-tag.micro:hover, .chicklet.type-tag.brand-hover-effect:hover { background-color: #4f5e00; } .chicklet.type-tag .featured { background: url(/img/gradients/tag-chicklet-bg.jpeg); } .chicklet.type-tag .featured h1.title { margin: 14px 12px 15px 10px; } .chicklet:hover .hover-contrast { color: #fff !important; } .chicklet .category { font-size: 1.5em; padding: 2px 11px; position: absolute; top: 0px; left: 0px; } .chicklet .featured img { max-width: 100%; } .chicklet .featured img .duration { position: absolute; top: 85px; right: 5px; height: 10px; padding: 3px 5px; text-align: right; font-family: 'Salvo Sans Regular', helvetica, arial; font-size: 10px; color: #fff; background: #a7a6a5; background: rgba(153, 153, 153, 0.8); z-index: 1; } .chicklet .featured img .video-type { position: absolute; top: 0; right: 0; width: 52px; height: 52px; background: transparent url(/img/chicklets/label-sprites.png) no-repeat 0 200px; } .chicklet .featured img .video-type[data-video-type="vlog"] { background-position: 0px -64px; } .chicklet .featured img .video-type[data-video-type="promo"] { background-position: -52px -64px; } .chicklet .featured img .video-type[data-video-type="bonus clip"] { background-position: -104px -64px; } .chicklet .featured img .video-type[data-video-type="clip"] { background-position: -156px -64px; } .chicklet .featured img .video-type[data-video-type="full episode"], .chicklet .featured img .video-type[data-video-type="episode"] { background-position: -208px -64px; } .chicklet .featured img .video-type[data-video-type="expiring soon"] { background-position: -260px -64px; } .chicklet .featured img .video-type[data-video-type="new"] { background-position: -312px -64px; } .chicklet .featured img .video-type[data-video-type="preview"] { background-position: -364px -64px; } .chicklet .featured.brand-background-color { padding: 38px 20px; background-image: url(/img/tmp/carousel-inner-shadow.png); background-repeat: no-repeat; background-position: right bottom; } .chicklet .featured.brand-background-color .title { margin: 0; } .chicklet .title { font-size: 1.6em; line-height: 125%; color: #000; font-family: 'Salvo Sans Medium', helvetica, arial; } .chicklet .title .duration { font-family: 'Salvo Sans Regular', helvetica, arial; font-size: 10px; color: #63004C; width: 100%; height: 100%; } .chicklet .title .duration:hover { color: #fff; } .chicklet .meta { width: 100%; } .chicklet .date { font-size: 9px; margin-top: 13px; text-transform: uppercase; } .chicklet .description { margin: 17px 12px 11px 10px; font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; color: #333; font-size: 14px; } .chicklet .image-wrapper { position: relative; height: auto; width: auto; text-align: center; } .chicklet .play-button { display: none; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } .chicklet .play-button .fill { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } .chicklet .play-button .play-icon { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: transparent url(/img/icons/marquee/btn-play-sm.png) no-repeat center center; } .chicklet hr { margin: 12px 0 0 0; border: 0; border-bottom: 1px dashed white; } .chicklet .hover-overlay { z-index: 2; } .chicklet .hover-overlay div.like-counter { color: #fff; } .chicklet .hover-overlay div.like-counter .icon { background-position: -13px 0px; background-color: transparent; } .chicklet .hover-overlay .featured { display: none; } .chicklet .flux4Widget .share .secondaryHeadline { padding: 0px; } .chicklet .flux4Widget ul li { padding: 0px!important; } .chicklet .flux4Widget ul li.twitter { width: 56px; } .chicklet .flux4Widget ul li.googleplusone { width: 32px; } .chicklet .flux4Widget ul li.more a { background: #000000 url(/img/landing/btn-more-sm.gif) no-repeat center center; color: white; display: block; font-family: helvetica, arial, sans-serif; font-size: 10px; font-weight: bold; text-indent: -3000px; width: 56px; height: 20px; } .chicklet .flux4Widget ul li.more a a, .chicklet .flux4Widget ul li.more a a:hover { text-decoration: none; } .chicklet.micro { width: 140px; } .chicklet.micro:hover { color: #fff; } .chicklet.micro:hover .brand-color, .chicklet.micro:hover .hover-contrast { color: #fff; } .chicklet.micro .featured, .chicklet.micro .play-button { width: 140px; height: 105px; } .chicklet.micro .featured { overflow: hidden; position: relative; } .chicklet.micro .featured .duration { position: absolute; top: 85px; right: 5px; height: 10px; padding: 3px 5px; text-align: right; font-family: 'Salvo Sans Regular', helvetica, arial; font-size: 10px; color: #fff; background: #a7a6a5; background: rgba(153, 153, 153, 0.8); z-index: 10; } .chicklet.micro .featured .video-type { position: absolute; top: 0; right: 0; width: 52px; height: 52px; background: transparent url(/img/chicklets/label-sprites.png) no-repeat 0 200px; } .chicklet.micro .featured .video-type[data-video-type="vlog"] { background-position: 0px -64px; } .chicklet.micro .featured .video-type[data-video-type="promo"] { background-position: -52px -64px; } .chicklet.micro .featured .video-type[data-video-type="bonus clip"] { background-position: -104px -64px; } .chicklet.micro .featured .video-type[data-video-type="clip"] { background-position: -156px -64px; } .chicklet.micro .featured .video-type[data-video-type="full episode"], .chicklet.micro .featured .video-type[data-video-type="episode"] { background-position: -208px -64px; } .chicklet.micro .featured .video-type[data-video-type="expiring soon"] { background-position: -260px -64px; } .chicklet.micro .featured .video-type[data-video-type="new"] { background-position: -312px -64px; } .chicklet.micro .featured .video-type[data-video-type="preview"] { background-position: -364px -64px; } .chicklet.micro .category { font-size: 17px; } .chicklet.micro .title { margin: 9px 0px 6px; padding: 0px; text-transform: none; font-weight: normal; font-size: 1.3em; font-family: 'Salvo Serif Medium', serif; } .chicklet.micro .date, .chicklet.micro .franchise { margin: 0; color: #999; font-size: 10px; font-family: 'Salvo Sans Bold', arial; } .chicklet.micro .date, .chicklet.micro .franchise { position: absolute; right: 6px; bottom: 6px; } .chicklet.micro .info { position: relative; padding: 0px 6px; min-height: 121px; text-align: left; } .chicklet-box.drop-shadow { -moz-box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); -webkit-box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); } .chicklet.is-responsive.micro { border-bottom-width: 0px; height: 105px; width: auto; margin: 0 10px 10px; } .chicklet.is-responsive.micro .featured { width: 140px; height: 105px; float: left; } .chicklet.is-responsive.micro .info { min-height: 0; margin-left: 140px; } .content .slide article.chicklet .info .duration { font-family: 'Salvo Sans Regular', helvetica, arial; font-size: 10px; color: #63004C; width: 100%; height: 100%; } @media screen and (min-width: 640px) { .shadow { width: 300px; height: 20px; position: absolute; background: transparent url(/img/chicklets/chicklet-dropshadow.png) no-repeat center center; bottom: -20px; display: block; } } @media screen and (min-width: 768px) { .chicklet.is-responsive.micro { border-bottom-width: 2px; height: auto; width: 140px; margin: 0 20px 0 0; } .chicklet.is-responsive.micro .featured { width: 140px; height: 105px; float: none; } .chicklet.is-responsive.micro .info { min-height: 121px; margin-left: 0; } } .header-wrapper.tile h1 { font-size: 24px; font-family: 'Salvo Sans Regular'; color: black; letter-spacing: -1px; padding: 9px 0 8px 10px; margin: 0; display: block; font-weight: normal; text-shadow: 0px 2px 0px #ffffff; } @media screen and (min-width: 768px) { .header-wrapper.tile h1 { padding: 15px 0 10px 10px; margin: 0px; width: 100%; font-size: 38px; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ /*--------------------------------------------------- LESS Elements 0.9 --------------------------------------------------- A set of useful LESS mixins More info at: http://lesselements.com ---------------------------------------------------*/ .breadcrumbs { display: none; font-family: 'Salvo Sans Light', sans-serif; font-size: 1.1em; color: #333; } .breadcrumbs.wrapper { padding: 12px 0 5px 15px; } @media screen and (min-width: 640px) { .breadcrumbs { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; clear: both; z-index: 99; } .breadcrumbs > nav { margin: 0 auto; } .breadcrumbs > ul { margin-left: 10px; } .breadcrumbs li { display: inline; list-style: none; list-style-image: none; margin: 0; padding: 0; text-transform: capitalize; } .breadcrumbs li .separator { padding: 0 7px; color: #9a9a9a; } .breadcrumbs li a { color: #333333; text-decoration: none; font-size: 1em; } .breadcrumbs li a:hover { color: #000; text-decoration: underline; } [data-item-url-key="todays-funny"] .breadcrumbs { display: none; } .layout-content-hdr .breadcrumbs { display: none; left: 0; margin-bottom: -28px; } .layout-content-hdr .breadcrumbs li { background: #fff; padding: 2px 0; } .layout-content-hdr .breadcrumbs li:first-child { padding-left: 10px; border-left: 8px solid #c11778; } .layout-content-hdr .breadcrumbs li:last-child { padding-right: 10px; } } @media screen and (max-width: 980px) { .breadcrumbs.wrapper { width: auto; } } .header-social-login, .header-logo, .header-menu-games, .header-menu-navPromo2, .header-menu-navPromo1, .header-menu-search, .header-menu-navigation, .header-menu-navigation-mobile, .header-menu-search { height: 40px; font-size: 1.2em; } .header-social-login a, .header-logo a, .header-menu-games a, .header-menu-navPromo2 a, .header-menu-navPromo1 a, .header-menu-search a, .header-menu-navigation a, .header-menu-navigation-mobile a, .header-menu-search a, .header-social-login a:visited, .header-logo a:visited, .header-menu-games a:visited, .header-menu-navPromo2 a:visited, .header-menu-navPromo1 a:visited, .header-menu-search a:visited, .header-menu-navigation a:visited, .header-menu-navigation-mobile a:visited, .header-menu-search a:visited { color: #333; } .header-mama-bar, .header-social-login, .header-menu-games, .header-menu-navPromo2, .header-menu-navPromo1, .header-menu-search { display: none; } .header-social-login > a, .header-menu-games > a, .header-menu-navPromo2 > a, .header-menu-navPromo1 > a, .header-menu-navigation > a, .header-menu-navigation-mobile > a, .header-menu-search > a { display: block; text-align: center; padding: 13px 20px 0; min-height: 27px; text-transform: uppercase; } .header-social-login > a { padding: 5px 20px 0; min-height: 20px; } .header-social-login { float: right; height: 25px; background: wheat; } .header-mama-bar { position: absolute; top: 0px; right: 0; left: 0; width: 100%; height: 21px; font-size: 1.1em; font-weight: bold; text-decoration: none; } .header-mama-bar a { color: #9A9A9A; } .header-mama-bar a:hover { text-decoration: underline; } .header-mama-bar.is-pushdown-present { top: 188px; } .header-mama-bar .header-mama-bar-inner { padding: 4px 10px 0px; position: relative; } .header-mama-bar .header-mama-bar-nickmom { color: #FF9540; padding: 0 12px 0 0; } .header-mama-bar .header-mama-bar-links { padding: 0 12px 0 0; } .header-mama-bar .header-mama-bar-nickelodeon { position: absolute; top: 3px; right: 10px; } .header-logo a { display: block; overflow: hidden; padding: 0; height: 34px; margin: 0 auto; width: 206px; } .header-logo img { width: 152px; margin: 6px 0 0 32px; } .header-menu-navigation-mobile { width: 49px; position: absolute; } .header-menu-navigation-mobile a, .header-menu-navigation-mobile a:visited { color: #000; } .header-menu-navigation-mobile .header-menu-overlay { position: fixed; background: #F00; top: 0; bottom: 0; left: 197px; right: 0; z-index: 3000; opacity: 0; filter: alpha(opacity=0); /* For IE8 and earlier */ display: none; } .header-menu-navigation-mobile .header-menu-icon { display: inline-block; padding: 0; background: transparent url(/img/header/menu-button.png) no-repeat 0 0; width: 27px; height: 20px; min-height: auto; margin: 10px 0; } .header-menu-navigation-mobile .menu-toggle { width: 49px; border-right: 1px solid #e6e6e6; height: 40px; padding: 0; } .header-menu-navigation-mobile .menu-toggle:hover .header-menu-icon { background-position: 0 -29px; } .main-menu-is-active .header-menu-navigation-mobile .menu-toggle { background-color: #ECECEC; } .main-menu-is-active .header-menu-navigation-mobile .header-menu-overlay, .main-menu-is-active .header-menu-navigation-mobile .menu-dropdown { display: block; } .header-menu-navigation-mobile li { list-style-type: none; } .header-menu-navigation-mobile ul { margin: 0; padding: 0; } .header-menu-navigation-mobile .is-active { display: block; } .header-menu-navigation-mobile .level-1 { text-transform: uppercase; margin: 0px 23px 0 14px; padding: 14px 1px 11px; font-family: 'Salvo Sans Medium', Helvetica, Arial, sans-serif; font-size: 1.6em; } .header-menu-navigation-mobile .level-1-link, .header-menu-navigation-mobile .level-2-link { padding: 17px 1px 12px 10px; border-top: 1px solid #D7D7D7; } .header-menu-navigation-mobile .level-1 li:first-child .level-1-link { border: none; } .header-menu-navigation-mobile .menu-dropdown { position: fixed; top: 0; bottom: 0; left: 0; z-index: 10000; display: none; width: 197px; background: #ffffff url(/img/gradients/shadow_vertical_right_to_left.png) repeat-y right 0; background: url(/img/gradients/shadow_vertical_right_to_left.png) repeat-y right 0, -moz-linear-gradient(top, #ffffff 0%, #f4f3f1 100%); /* FF3.6+ */ background: url(/img/gradients/shadow_vertical_right_to_left.png) repeat-y right 0, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f4f3f1)); /* Chrome,Safari4+ */ background: url(/img/gradients/shadow_vertical_right_to_left.png) repeat-y right 0, -webkit-linear-gradient(top, #ffffff 0%, #f4f3f1 100%); /* Chrome10+,Safari5.1+ */ background: url(/img/gradients/shadow_vertical_right_to_left.png) repeat-y right 0, -o-linear-gradient(top, #ffffff 0%, #f4f3f1 100%); /* Opera 11.10+ */ background: url(/img/gradients/shadow_vertical_right_to_left.png) repeat-y right 0, -ms-linear-gradient(top, #ffffff 0%, #f4f3f1 100%); /* IE10+ */ background: url(/img/gradients/shadow_vertical_right_to_left.png) repeat-y right 0, linear-gradient(to bottom, #ffffff 0%, #f4f3f1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f3f1', GradientType=0); /* IE6-9 */ } .header-menu-navigation-mobile .menu-dropdown a { display: block; } .header-menu-navigation-mobile [data-section="TV"] .is-clicked { background: #993ec6; border-color: transparent; color: white; } .header-menu-navigation-mobile [data-section="Videos"] .is-clicked { background: #bf177c; border-color: transparent; color: white; } .header-menu-navigation-mobile [data-section="Photos"] .is-clicked { background: #29a2ff; border-color: transparent; color: white; } .header-menu-navigation-mobile [data-section="LOLS"] .is-clicked { background: #babf13; border-color: transparent; color: white; } .header-menu-navigation-mobile [data-section="TV Programming"] .is-clicked { background: #6a2b85; border-color: transparent; color: white; } .header-menu-navigation { display: none; float: left; } .header-menu-navigation li { list-style-type: none; } .header-menu-navigation ul { margin: 0; padding: 0; } .header-menu-navigation .level-2 { display: none; } .header-menu-navigation .is-active { display: block; } .header-menu-navigation .level-1 { margin: 0; display: inline-block; } .header-menu-navigation .level-1 > li { float: left; text-align: center; } .header-menu-navigation .level-1 > li:hover .level-1-link { color: white; } .header-menu-navigation .level-1.header-v2-nodropdown { display: none; } .header-menu-navigation .level-1-link { padding: 28px 18px 0; height: 47px; text-transform: uppercase; letter-spacing: 1px; font-size: 1.3em; font-family: 'Salvo Sans Medium', Helvetica, Arial, sans-serif; } .header-menu-navigation .nav-main-item.current a { color: #FFF; } .header-menu-navigation .TV:hover, .header-menu-navigation .TV.current { background: #993ec6; } .header-menu-navigation .Videos:hover, .header-menu-navigation .Videos.current { background: #bf177c; } .header-menu-navigation .Photos:hover, .header-menu-navigation .Photos.current { background: #29a2ff; } .header-menu-navigation .LOLS:hover, .header-menu-navigation .LOLS.current { background: #babf13; } .header-menu-navigation .Quizzes:hover, .header-menu-navigation .Quizzes.current { background: #ffd000; } .header-menu-navigation .level-2-link { font-size: 1.3em; font-family: 'Salvo Serif Regular', Helvetica, Arial, sans-serif; padding: 7px 10px 7px 8px; } .header-menu-navigation .level-2-link, .header-menu-navigation .level-2-link:visited { color: #e1e1e1; } .header-menu-navigation .level-2-link:hover { border-radius: 5px; color: #FFF; } .header-menu-navigation .level-2 { margin: 0 0 8px 0; padding: 0; z-index: 999; } .header-menu-navigation .level-2 li { clear: both; display: block; } .header-menu-navigation .header-menu-navigation-promo { float: left; } .header-menu-navigation .header-menu-navigation-promo img { max-width: 100%; } .header-menu-navigation .header-menu-navigation-promo .level-2-link { padding: 0 10px; font-size: 1em; } .header-menu-navigation .header-menu-navigation-promo .level-2-link span { display: block; margin-top: 10px; width: 195px; } .header-menu-navigation .header-menu-navigation-promo .level-2-link:hover { background: none !important; } .header-menu-navigation .menu-dropdown { z-index: 10000; height: 75px; padding: 0; } .header-menu-navigation .menu-dropdown a { display: block; } #expand-o-matic { display: none; width: auto; height: 160px; } .header-menu-games { float: left; border-right: 1px solid #e6e6e6; } .header-menu-games a { padding: 28px 22px 0; height: 47px; font-size: 1.3em; font-family: 'Salvo Sans Medium', Helvetica, Arial, sans-serif; } .header-menu-navPromo2 { float: left; background: white; } .header-menu-navPromo2 a { text-decoration: underline; } .header-menu-navPromo2 a:hover { background-color: transparent; } .header-menu-navPromo1 { float: left; margin: 0 0 0 30px; } .header-menu-navPromo1 a { padding: 0; display: block; } .header-menu-navPromo1 img { margin-top: 12px; } .header-menu-navPromo1:hover .header-menu-navPromo1-text { color: #bf177c; } .header-menu-navPromo1 .header-menu-navPromo1-text { position: relative; top: 6px; display: none; margin-left: 11px; color: #777; text-transform: none; font-weight: normal; font-size: 1em; font-family: 'Salvo Serif Regular', Helvetica, Arial, sans-serif; } .header-menu-navPromo1 .header-menu-navPromo1-arrow { border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #bf177c; margin: 0 0 -2px 7px; display: none; } .header-menu-search { position: relative; float: left; border-left: 1px solid #e6e6e6; } .header-menu-search .menu-toggle { width: 65px; padding: 0; height: 75px; } .header-menu-search .header-menu-search-icon { display: inline-block; margin-top: 29px; width: 20px; height: 19px; background: transparent url(/img/header/search.png) no-repeat 0 0; } .header-menu-search .menu-dropdown { display: none; } .header-menu-search .header-menu-search-go-arrow { display: inline-block; border-style: solid; border-width: 7px 0 7px 10px; border-color: transparent transparent transparent #ffffff; } .header-menu-search:hover, .header-menu-search.is-active { background: #6a2b85; } .header-menu-search:hover .header-menu-search-icon, .header-menu-search.is-active .header-menu-search-icon { background-position: -20px 0; } .header-menu-search:hover .menu-dropdown, .header-menu-search.is-active .menu-dropdown { display: block; } .header-menu-search .menu-dropdown { position: absolute; top: 75px; right: 0; z-index: 1000; padding: 13px 6px 13px 13px; width: 300px; background: #6a2b85; } .header-menu-search .search-input-nickmom { margin-right: 7px; padding: 9px 14px 9px 14px; width: 207px; font-family: 'Salvo Serif Regular', helvetica, arial; } .header-menu-search .search-submit { position: relative; top: 3px; left: 0px; padding: 0px 3px 0px; background: transparent; color: #FFF; font-size: 18px; font-family: 'Salvo Sans Regular', helvetica, arial; } .header-menu-search .search-submit .search-go-text { margin-left: 3px; margin-right: 4px; } @media screen and (max-height: 320px) and (max-width: 639px) { .header-menu-navigation-mobile .menu-dropdown { font-size: 9px; } .header-menu-navigation-mobile .level-1 { padding: 10px 0px; } .header-menu-navigation-mobile .level-1-link { padding: 13px 1px 8px; } .header-menu-navigation-mobile .level-2-link { padding: 8px 1px 11px; } } @media screen and (max-width: 639px) { body.main-menu-is-active { margin-left: 197px; margin-right: -197px; } } .header-nav { z-index: 1000; border: none; background: white; } @media screen and (min-width: 640px) { .header-logo, .header-menu-games, .header-menu-navPromo2, .header-menu-navPromo1, .header-menu-search, .header-menu-navigation, .header-menu-search { height: 75px; } .header-logo { position: static; float: left; width: 195px; border-right: 1px solid #e6e6e6; text-align: center; } .header-logo a { padding: 0; height: auto; width: auto; } .header-logo img { width: 168px; margin: 14px 0 0 0; } .header-row { clear: both; } .header-social-login { display: block; } .header-menu-navigation-mobile { display: none; } .header-menu-navigation { display: block; } .header-menu-games a:hover { background: #ffd000; color: white; } } @media screen and (min-width: 680px) { .header-menu-search { display: block; } } @media screen and (min-width: 768px) { .header-logo img { margin: 14px 0 0 9px; } .header-mama-bar { display: block; } .header-menu-navigation .level-1.header-v2-nodropdown { display: inline-block; margin-left: -3px; } } @media screen and (max-width: 980px) { .header-nav .wrapper { width: auto; } } @media screen and (min-width: 960px) { .header-menu-navigation .level-2 { position: absolute; left: 0; width: 100%; background: white; text-align: left; border: none; height: 160px; } .header-menu-navigation .level-2.is-active { display: block; } .header-menu-navigation .level-2-menu-list { width: 960px; margin: 0 auto; text-align: center; } .header-menu-navigation .level-2-menu-list > li { background: red !important; padding: 0; text-align: left; } .header-menu-navigation .sub-list, .header-menu-navigation .header-menu-navigation-promo { float: left; text-align: left; min-height: 120px; border-right: 1px solid #000; border-right: 1px solid rgba(0, 0, 0, 0.2); } .header-menu-navigation .header-menu-navigation-promo { margin-left: 0; padding: 20px 0; width: 195px; } .header-menu-navigation .header-menu-navigation-promo a { padding-right: 10px; } .header-menu-navigation .sub-list { max-width: 27.6%; padding: 20px 12px 20px 2px; margin-left: 10px; } .header-menu-navigation .TV .level-2 { background: #7c32a1; } .header-menu-navigation .TV .level-2 a:hover { background: #993ec6; } .header-menu-navigation .Videos .level-2 { background: #8d115a; } .header-menu-navigation .Videos .level-2 .level-2-link:hover { background: #bf177c; } .header-menu-navigation .Photos .level-2 { background: #2183cc; } .header-menu-navigation .Photos .level-2 .level-2-link:hover { background: #29a2ff; } .header-menu-navigation .LOLS .level-2 { background: #7c800f; } .header-menu-navigation .LOLS .level-2 .level-2-link:hover { background: #babf13; } .header-menu-navigation .header-menu-navigation-promo a:hover { background: none; } } @media screen and (min-width: 980px) { .header-logo { text-align: left; } .header-menu-navigation .level-1:last-child { border-right: 1px solid #e6e6e6; } .header-menu-games { display: block; } .header-menu-navPromo2 { margin: 0; } .header-menu-navigation .header-menu-navigation-promo .level-2-link { padding: 0; } .header-menu-search { border-right: 1px solid #e6e6e6; margin-right: 10px; } .header-menu-navPromo1 { display: block; margin-left: 20px; } .header-menu-navPromo1 a { display: table; } .header-menu-navPromo1 img { float: left; } .header-menu-navPromo1 .header-menu-navPromo1-text { padding-left: 11px; padding-top: 5px; display: table-cell; height: 64px; overflow: hidden; text-align: left; vertical-align: middle; width: 106px; position: static; } .header-menu-navPromo1 .header-menu-navPromo1-arrow { display: inline-block; } } @media screen and (min-width: 1300px) { .header-logo, .header-menu-navigation .header-menu-navigation-promo { width: 217px; } .header-menu-navigation .header-menu-navigation-promo .level-2-link { padding: 0; } .header-menu-navigation .level-2-menu-list { width: 1280px; } .header-menu-navPromo1 { max-width: none; margin-left: 30px; } .header-menu-navPromo1 a { display: inline; } .header-menu-navPromo1 .header-menu-navPromo1-text { display: inline-block; width: auto; height: auto; padding: 0; vertical-align: inherit; overflow: inherit; position: relative; } .header-menu-navPromo1 .header-menu-navPromo1-arrow { display: inline-block; } .header-menu-navPromo1 img { float: none; } } @media screen and (min-width: 1620px) { .header-menu-navigation .level-2-menu-list { width: 1600px; } } .content-top-bg { display: none; } .tagTitle { text-transform: uppercase !important; } .chicklet-landing.chicklet-landing-header .site-page-title { display: table-cell; height: 102px; vertical-align: middle; } .chicklet-landing.chicklet-landing-header h1 { margin: 0 10px; border-left: solid #bf177c 10px; font-size: 1.5em; text-transform: none; } .chicklet-landing.chicklet-landing-header .magneticPoetry .magneticPoetry-word { margin: 0; padding: 0; background-color: #fff; color: #000; font-family: 'Salvo Serif Regular', Helvetica, Arial, serif; font-weight: normal; } .chicklet-landing.chicklet-landing-header .whitePoetry { padding: 10px 10px 7px 7px; background: white; border-left-width: 7px; } .chicklet-landing.chicklet-landing-header .magneticPoetry-space { width: initial; display: inline; } .chicklet-landing.chicklet-landing-header .myemail { display: none !important; } .more-lols h1 { font-size: 24px; font-family: 'Salvo Sans Regular'; color: black; letter-spacing: -1px; padding: 9px 0 8px 10px; margin: 0; display: block; font-weight: normal; text-shadow: 0px 2px 0px #ffffff; } .tag-landing.primary-3 { min-height: 50px; } @media screen and (min-width: 480px) { #content-bg { position: relative; } .content-top-bg { position: absolute; background-color: #BABF13; height: 127px; width: 100%; top: 0px; display: block; } .content-top-bg .shadow { box-shadow: -3px -4px 14px 5px rgba(0, 0, 0, 0.3); width: 100%; height: 1px; } .tag-landing .site-page-title { background: none; } .chicklet-landing.chicklet-landing-header h1 { font-size: 1.8em; } } @media screen and (min-width: 769px) { .site-page-title { height: 105px; text-align: left; } .chicklet-landing.chicklet-landing-header .site-page-title { padding: 40px 0 60px; height: 60px; width: 100%; float: left; } .chicklet-landing.chicklet-landing-header h1 { font-size: 2.4em; } .chicklet-landing.chicklet-landing-header .whitePoetry { padding: 9px 19px 7px 18px; background: white; } .chicklet-landing.chicklet-landing-header.theme-page h1 { font-size: 44px; } .chicklet-landing.chicklet-landing-header.theme-page .magneticPoetry .magneticPoetry-word { font-family: 'Salvo Serif Light', serif; } .more-lols .site-page-title { height: 72px; } .more-lols .site-page-title h1 { font-size: 3.8em; padding: 15px 0 10px 10px; } } @media screen and (min-width: 980px) { } @media screen and (min-width: 1300px) { .content-top-bg { height: 105px; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ .site-page-description { width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; *behavior: url(/js/polyfill/boxsizing.htc); margin: 0; padding: 10px 10px; background-color: #fff; font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 1.2em; color: #666666; } .chicklet-landing-header .site-page-description { padding: 10px 10px 0 10px; } @media screen and (min-width: 480px) { .chicklet-landing-header .site-page-description { padding: 10px 140px 0 10px; } } @media screen and (min-width: 769px) { .chicklet-landing-header .site-page-description { padding: 0 455px 0 10px; font-size: 1.6em; height: 95px; display: table-cell; vertical-align: middle; } .chicklet-landing-header .theme-page .site-page-description { padding: 10px 140px 0 10px; } } .primary-1 .content-category { margin: 10px 10px 12px; } .primary-1 .content-category a { color: white; background: black; font-family: 'Salvo Sans Regular', Arial; text-transform: uppercase; font-weight: normal; font-size: 14px; line-height: 26px; } .primary-1 .content-category a span { margin: 0; } .primary-1 .content-category a:hover .magneticPoetry-word { background: #e65c00; } .primary-1 .content-category a:visited { color: #fff; } .end-level-title { padding: 0 10px; margin: 0 0 12px 0; } .end-level-title h1 { position: relative; overflow: hidden; padding: 0px; margin: 0px; line-height: 120%; text-shadow: 0px 2px 0px #ffffff; font-size: 24px; font-family: 'Salvo Sans Regular', helvetica, arial, sans-serif; font-weight: normal; } @media screen and (min-width: 480px) { .end-level-title h1 { font-size: 27px; } } @media screen and (min-width: 980px) { .end-level-title { margin: 0; } .end-level-title h1 { font-size: 41px; } } .tv-show-page .end-level-title, .tv-videos-landing .end-level-title { width: 62%; float: left; } .tv-show-page .end-level-title h1, .tv-videos-landing .end-level-title h1 { width: auto; } @media screen and (min-width: 640px) { .content-end-level-view-zone.series-end-level .end-level-title.tile { min-height: 0; margin: 0 0 10px; } .tv-show-page .end-level-title, .tv-videos-landing .end-level-title { width: 74%; min-height: 0; margin: 0 0 10px; float: left; } .tv-show-page .end-level-title h1, .tv-videos-landing .end-level-title h1 { width: auto; } } @media screen and (min-width: 980px) { .tv-hub-page .header.tile.end-level-title { min-height: 0; margin: 0 0 20px; } } .iframed .content-meta.tile div:last-child { display: none; } .content-meta.tile { margin: 0px; padding: 16px 10px 10px 10px; background: #fff; -webkit-box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); -moz-box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); color: #BFBFBF; text-transform: uppercase; font-style: normal; font-weight: bold; font-size: 10px; font-family: arial, sans-serif; line-height: 16px; } .content-meta.tile .article-description { font-family: 'Salvo Sans Light', sans-serif; font-weight: normal; font-size: 1.2em; text-transform: none; color: #666666; margin-bottom: 30px; } @media screen and (min-width: 640px) { .content-meta.tile .article-description { font-size: 1.4em; line-height: 1.3em; } } .content-meta.tile .date { margin: 0 5px; color: #999; } .content-meta.tile .duration { padding-right: 8px; color: #999; } .content-meta.tile span:first-child { margin-left: 0px; } .content-meta.tile .end-level-next { display: none; } .content-meta.tile hr { border: 0px; border-bottom: 1px dashed #999; padding: 0px; margin: 17px 0 0; } .content-meta.tile a, .content-meta.tile a:visited { font-weight: bold; color: #666666; } .content-meta.tile .value { margin-right: 10px; } .content-meta.tile .value.tags { color: #666666; font-weight: bold; font-family: Arial, sans-serif; text-transform: none; } .content-meta.tile .value.tags a, .content-meta.tile .value.tags a:visited { color: #bf177c; font-weight: normal; font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 1.4em; } .content-meta.tile .value.tags a:hover { border-bottom: 1px dotted #bf177c; } @media screen and (min-width: 480px) { .content-meta.tile { margin: 0 10px; padding: 11px 10px 10px 10px; } } @media screen and (min-width: 1120px) { .content-meta.tile { padding: 0px 21px 10px 20px; margin: 0 10px 20px; } .content-meta.tile hr { display: none; } } .quizzes-end-level-view-zone .content-meta.tile { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding-top: 12px; } @media screen and (max-width: 639px) { .quizzes-end-level-view-zone .content-meta.tile { width: 300px; margin: 0 auto; } } .content-article { background: #fff; padding: 10px 10px 0px; margin: 0px; font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 15px; color: #111111; -moz-box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); -webkit-box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); /* This looks crazy, but I assure you it is not. The 56.25% padding-bottom will restrict it to 16:9 aspect ratio */ } .content-article bold { font-family: 'Salvo Sans Bold', Helvetica, Arial, sans-serif; font-weight: normal; } .content-article a, .content-article a:visited, .content-article a:hover { color: #BF177C; } .content-article img { max-width: 100%; width: auto !important; height: auto !important; } .content-article iframe, .content-article object[type="application/x-shockwave-flash"] { max-width: 100%; } .content-article .content { position: relative; background-color: transparent; } .content-article .content .extVid { width: 100%; text-align: center; } .content-article .content.top-9 img:first-child { max-width: 100%; } .content-article .content.top-9 .title { font-family: 'Salvo Sans Bold', Helvetica, Arial, sans-serif; color: #2288a8; float: left; font-size: 21px; font-weight: 900; padding-right: 10px; } .content-article .content.top-9 .description { padding-left: 50px; } .content-article .content.top-9 section { border-bottom: 1px dashed #bbbbbb; padding: 14px 0 16px; } .content-article .content.top-9 section:first-child { border: 0; padding-top: 0; float: left; background: #fff; } .content-article .content.top-9 section:first-child .image { max-width: 100px; margin: 0 10px 10px 0px; } .content-article .content.top-9 section:first-child + section { padding-top: 8px; min-height: 90px; } .content-article .content.top-9 section.last { border-bottom-width: 0; } .content-article .content.top-9 section.last .title { font-size: 30px; } .content-article .content.top-9 section.last .description { font-size: 30px; padding-left: 50px; } .content-article .content.top-9 section.introText { border: 0px; padding-top: 8px; min-height: 90px !important; } .content-article .content .image { text-align: center; } .content-article .content .image .attribution { font-family: arial, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; margin-top: 10px; word-wrap: break-word; color: #999; } .content-article .content .image .attribution span { color: #BFBFBF; } .content-article .content .image .attribution a, .content-article .content .image .attribution a:visited { color: #666666; } .content-article .content .photo-copy { margin: 15px auto; width: auto; font-family: 'Salvo Serif Regular', Helvetica, Arial, sans-serif; font-size: 1.2em; color: #333333; } .content-article .content .article-compliment-generator { margin-top: -75px; position: relative; display: none; } .content-article .content .article-compliment-generator .article-compliment-btn-again { background-image: url("/img/buttons/btn-again.png"); height: 54px; right: 105px; position: absolute; bottom: 27px; width: 83px; display: none; } .content-article .content .article-compliment-generator .article-compliments { display: none; } .content-article .content .article-compliment-result { color: #29a2ff; font-family: Salvo Serif Regular; font-size: 24px; text-align: center; margin: 13px 10px; } .content-article .content .article-compliment-button { border-radius: 25px; box-shadow: 0 1px 2px 0 #999; color: white; font-family: Salvo Sans Medium; font-size: 20px; margin: 15px auto; padding: 8px 33px; background-color: #e65c00; outline: 0 none; text-transform: uppercase; } .content-article .content .article-compliment-button:hover { background-color: black; } .content-article .content .article-compliment-generator-mobile { text-align: center; } .content-article .content .article-compliment-button-mobile { border-radius: 25px; box-shadow: 0 1px 2px 0 #999; color: white; font-family: Salvo Sans Medium; font-size: 18px; margin: 15px 0 5px; padding: 3px 20px; background-color: #e65c00; outline: 0 none; text-transform: uppercase; } .content-article .content .article-compliment-button-mobile:hover { background-color: black; } .content-article .content .article-compliment-btn-again-mobile { background-image: url("/img/buttons/btn-again.png"); height: 42px; width: 61px; display: none; background-position: 0 54px; position: absolute; margin-left: -12px; } .content-article .viral-videos { position: relative; padding-bottom: 56.25%; height: 0; } .content-article .viral-videos embed, .content-article .viral-videos object, .content-article .viral-videos iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .content-article .viral-videos p { display: none; } .content-article .viral-videos div { padding: 0 !important; } .content-article .wp-caption { width: auto !important; } @media screen and (min-width: 480px) { .content-article { margin: 0px 10px; } .content-article .content { background-color: transparent; } .content-article .content.top-9 section:first-child .image { max-width: 200px; margin: 0 12px 10px 0px; } .content-article .content.top-9 section:first-child + section { min-height: 40px; } } @media screen and (min-width: 640px) { .content-article .content .article-compliment-generator-mobile { display: none; } .content-article .content .article-compliment-generator { display: block; } } @media screen and (min-width: 1120px) { .content-article { padding: 10px 20px 13px; } .content-article .content.top-9 section.last { border-bottom-width: 1px; } .content-article .content .article-compliment-generator .article-compliment-btn-again { right: 94px; } } /* not supported in ie */ .next-prev-container { float: right; margin-right: 10px; max-width: 240px; text-align: right; } .end-level-nav-btn { display: inline-block; width: 114px; margin: 0 0 10px 0; padding: 0; border: none; } .end-level-nav-btn.end-level-previous { margin-right: 10px; } .end-level-nav-btn a { display: none; width: 117px; height: 38px; } .end-level-nav-btn a.next { background: url("/img/buttons/prev-next_btn.png") no-repeat scroll -119px 0px transparent; } .end-level-nav-btn a.next:hover { background-position: -119px -41px; } .end-level-nav-btn a.previous { background: url("/img/buttons/prev-next_btn.png") no-repeat scroll 0px 0px transparent; } .end-level-nav-btn a.previous:hover { background-position: 0px -41px; } @media screen and (min-width: 640px) { .next-prev-container { width: 630px; } } .quizzes-end-level-view-zone .content-article { box-shadow: none; -webkit-box-shadow: none; background: none; padding: 0; } .quizzes-end-level-view-zone .content-article .content.quiz .question { background-color: white; overflow: auto; margin: 15px 0 30px 0; padding-bottom: 12px; clear: both; } .quizzes-end-level-view-zone .content-article .content.quiz .question table { width: 100%; margin: 0 0 15px 0; } .quizzes-end-level-view-zone .content-article .content.quiz .question td:first-child { vertical-align: middle; height: 100%; width: 55px; font-family: Arial bold, sans-serif; font-weight: bold; font-size: 18px; color: white; background-color: #ccad00; } .quizzes-end-level-view-zone .content-article .content.quiz .question td:last-child { height: 100%; background-color: #e3c43b; font-family: 'Salvo Sans Medium', Helvetica, Arial, sans-serif; font-size: 18px; padding: 16px 67px 16px 12px; } .quizzes-end-level-view-zone .content-article .content.quiz .question .answer-wrapper.first-col { margin-left: 24px; } .quizzes-end-level-view-zone .content-article .content.quiz .question .answer-wrapper { float: left; margin: 5px 15px 15px 0; } .quizzes-end-level-view-zone .content-article .content.quiz .question .answer-wrapper .answer { cursor: pointer; width: 180px; margin-bottom: 5px; padding: 10px 0; background-color: #e8eaeb; border-radius: 10px; } .quizzes-end-level-view-zone .content-article .content.quiz .question .answer-wrapper .answer.hover { background-color: #9E236D; } .quizzes-end-level-view-zone .content-article .content.quiz .question .answer-wrapper .answer .answer-img { position: relative; width: 160px; height: 160px; } .quizzes-end-level-view-zone .content-article .content.quiz .question .answer-wrapper .answer .answer-img img { display: block; position: absolute; top: 0; left: 10px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .quizzes-end-level-view-zone .content-article .content.quiz .question .answer-wrapper .answer .answer-img img.checkmark { display: none; left: 11px; } .quizzes-end-level-view-zone .content-article .content.quiz .question .answer-wrapper .answer .answer-text-wrapper { display: table; margin: 0 10px; } .quizzes-end-level-view-zone .content-article .content.quiz .question .answer-wrapper .answer .answer-text-wrapper .answer-text { font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 16px; display: table-cell; vertical-align: middle; width: 160px; height: 80px; color: #f3f3f3; background-color: #9E236D; margin: 0 10px 10px 10px; padding: 0 5px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .quizzes-end-level-view-zone .content-article .content.quiz .question .answer-wrapper .answer.selected { background-color: #ce0c81; } .quizzes-end-level-view-zone .content-article .content.quiz .question .answer-wrapper .answer.selected .answer-text-wrapper .answer-text { background-color: #ce0c81; } .quizzes-end-level-view-zone .content-article .content.quiz .question .answer-wrapper .answer-img-attr { font-family: Arial, sans-serif; font-size: 9px; text-transform: uppercase; color: #cccccc; width: 160px; margin: 0 auto; } .quizzes-end-level-view-zone .content-article .content.quiz .badge { display: none; clear: both; background: white; padding-top: 20px; position: relative; border: 5px solid #9E236D; height: 360px; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-lead-in-mobile { display: none; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-image { position: absolute; top: 0; left: 0; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-image img.mobile { display: none; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text { position: absolute; top: 15px; left: 280px; width: 312px; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text .badge-lead-in { text-align: left; font-family: 'Salvo Sans Medium', Helvetica, Arial, sans-serif; font-size: 21px; margin-bottom: 6px; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text .badge-title { text-align: left; font-family: 'Salvo Sans Bold', Helvetica, Arial, sans-serif; font-size: 42px; line-height: 42px; color: #ccad00; text-transform: uppercase; margin-bottom: 4px; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text .badge-desc { text-align: left; font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text .quiz-badge-button { margin: 10px auto; cursor: pointer; font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 14px; width: 186px; height: 64px; background-color: #29a2ff; border-radius: 10px; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text .quiz-badge-button:hover { background-color: #4eb4ff; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text .quiz-badge-button div { float: left; margin: 17px 4px 0 16px; width: 35px; height: 35px; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text .quiz-badge-button div.facebook-icon { background: url("/img/icons/social/social-bar-fb-logo.png") no-repeat scroll 0 0 transparent; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text .quiz-badge-button a { display: block; color: white; text-align: left; padding-top: 23px; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text .landing-promo-text { font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 14px; color: #9e236d; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text .landing-promo-text:hover { color: #ce0c81; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text .landing-promo-arrow { display: inline-block; border-style: solid; border-width: 7px 0 7px 7px; border-color: transparent transparent transparent #9e236d; margin: 0 0 -2px 7px; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text .landing-promo-arrow:hover { border-color: transparent transparent transparent #ce0c81; } @media screen and (max-width: 639px) { .quizzes-end-level-view-zone .content-article { padding: 0; } .quizzes-end-level-view-zone .content-article .content.quiz { width: 320px; margin: 0 auto; } .quizzes-end-level-view-zone .content-article .content.quiz .question { margin: 10px 0 20px; padding-bottom: 8px; } .quizzes-end-level-view-zone .content-article .content.quiz .question table { margin-bottom: 10px; } .quizzes-end-level-view-zone .content-article .content.quiz .question td:last-child { padding: 16px 12px; font-size: 13px; text-align: left; } .quizzes-end-level-view-zone .content-article .content.quiz .question .answer-wrapper.first-col { margin-left: 5px; } .quizzes-end-level-view-zone .content-article .content.quiz .question .answer-wrapper { margin: 5px 5px 10px 0; } .quizzes-end-level-view-zone .content-article .content.quiz .question .answer-wrapper .answer { padding: 7px 0; width: 100px; } .quizzes-end-level-view-zone .content-article .content.quiz .question .answer-wrapper .answer .answer-img { width: 86px; height: 86px; } .quizzes-end-level-view-zone .content-article .content.quiz .question .answer-wrapper .answer .answer-img img { left: 7px; width: 86px !important; height: 86px !important; } .quizzes-end-level-view-zone .content-article .content.quiz .question .answer-wrapper .answer .answer-text-wrapper { margin: 0 7px; } .quizzes-end-level-view-zone .content-article .content.quiz .question .answer-wrapper .answer .answer-text-wrapper .answer-text { width: 76px; font-size: 8px; height: 40px; } .quizzes-end-level-view-zone .content-article .content.quiz .question .answer-wrapper .answer-img-attr { width: 86px; font-size: 7px; } .quizzes-end-level-view-zone .content-article .content.quiz .badge { padding-top: 0; height: auto; padding-bottom: 12px; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-lead-in-mobile { display: block; padding-bottom: 4px; background-color: #9E236D; color: white; font-size: 16px; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-image { position: static; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-image img.mobile { display: inline; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-image img.main { display: none; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text { width: auto; position: static; margin: 7px 10px 0 10px; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text .badge-lead-in { display: none; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text .badge-title { text-align: center; font-size: 30px; line-height: 30px; margin-bottom: 1px; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text .badge-desc { text-align: center; font-size: 12px; line-height: 15px; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text .quiz-badge-button { font-size: 12px; width: 174px; height: 56px; margin: 6px auto; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text .quiz-badge-button div { margin: 14px 4px 0 14px; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text .quiz-badge-button a { padding-top: 22px; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text .landing-promo-text { font-size: 12px; } .quizzes-end-level-view-zone .content-article .content.quiz .badge .badge-text .landing-promo-arrow { margin: 0 0 -1px 5px; border-width: 6px 0 6px 6px; } } .share.tile { margin: 0 auto 20px; padding: 8px 0 5px; background: #fff; text-align: center; text-transform: none; } .share.tile .text { font-family: arial; font-size: 1.4em; font-weight: 600; } .share.tile .sm4Widget.end-level-share-mobile .serviceList li.serviceButton.facebook { width: 88px; max-width: 88px; } .share.tile .sm4Widget { padding-top: 11px; } .share.tile .sm4Widget .serviceList > li.serviceButton, .share.tile .sm4Widget .serviceList li.more { width: 60px; padding: 0px; } .share.tile .sm4Widget .share { padding: 0px; } .share.tile .sm4Widget .share .secondaryHeadline { padding-bottom: 3px; } .share.tile .sm4Widget.horizontalView li { float: left; } .quizzes-end-level-view-zone .share.tile.bidirectional { margin: 0 auto; width: 320px; } .chicklet-landing-header .share.tile { width: 100%; text-align: left; margin-left: 10px; margin-bottom: 0; padding: 0 0 7px; } .chicklet-landing-header .share.tile .text { display: none; } .tv-show-page .share.tile { margin: 0 10px 20px; -webkit-box-shadow: 0 2px 2px #CCC; box-shadow: 0 2px 2px #CCC; width: auto; padding: 10px 0; } .content-end-level-view-zone .share.tile { -moz-box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); -webkit-box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); } .secondary .share.tile { margin: 0 auto 20px; padding: 10px; width: 280px; } .primary-1 .share.bidirectional, .primary-2 .share.bidirectional { margin: 0; width: auto; } .primary-1 .share.bidirectional .share-wrapper, .primary-2 .share.bidirectional .share-wrapper { border-right: 1px dashed transparent; } .horiz-share-bar { display: none; float: left; height: 40px; margin-left: 10px; } .horiz-share-bar .endLevelShare { text-align: left; margin-top: 5px; } .horiz-share-bar .endLevelShare .more.lastButton { margin-left: 15px; } .horiz-share-bar li.serviceButton { margin: 0 5px 0 0 !important; } .horiz-share-bar .facebookLike .fb_iframe_widget > span { min-height: 20px !important; min-width: 71px !important; } .horiz-share-bar .facebookLike .fb_iframe_widget iframe { position: relative; min-height: 20px !important; min-width: 71px !important; } .horiz-share-bar .flux4Widget.endLevelShare .serviceList > li.more.lastButton { width: auto; } .horiz-share-bar .horiz-share-bar-inner .share { padding: 5px 0 0 0; } @media screen and (min-width: 480px) { .floating-share .share.tile { margin: 0px 10px; } .tv-show-page .share.tile { margin: 0 10px 20px; } .primary-1 .share.bidirectional, .primary-2 .share.bidirectional { margin: 0 10px; } } @media screen and (min-width: 640px) { .secondary .share.tile { margin-left: 10px; margin-right: 10px; float: left; } .primary-1 .facebookLike .fb_iframe_widget > span, .primary-2 .facebookLike .fb_iframe_widget > span { min-height: 61px !important; min-width: 48px !important; } .primary-1 .facebookLike .fb_iframe_widget iframe, .primary-2 .facebookLike .fb_iframe_widget iframe { min-height: 61px !important; min-width: 48px !important; left: 0; } .primary-1.chicklet-landing .facebookLike .fb_iframe_widget > span, .primary-2.chicklet-landing .facebookLike .fb_iframe_widget > span { min-height: 20px !important; } .primary-1.chicklet-landing .facebookLike .fb_iframe_widget iframe, .primary-2.chicklet-landing .facebookLike .fb_iframe_widget iframe { min-height: 20px !important; } .tv-show-page .share.tile { margin: 0 10px 20px; -webkit-box-shadow: 2px 2px 2px #CCC; box-shadow: 2px 2px 2px #CCC; } .facebookLike .fb_iframe_widget iframe { left: 0; } .horiz-share-bar { display: block; } .series-content-end-level-view-zone .horizontal-share.share.tile { top: -55px; } .content-end-level-view-zone .share.tile.bidirectional, .quizzes-end-level-view-zone .share.tile.bidirectional { border: none; float: left; margin: 0px 0px 17px 10px; width: 620px; } } @media screen and (min-width: 769px) { .chicklet-landing-header .share.tile { padding: 8px 0 5px; text-align: center; } .chicklet-landing-header .share.tile .text { display: block; } .floating-share .share.tile { margin: 0px 0px 0px 10px; } .tv-show-page .share.tile { margin: 0 10px 20px; } .series-end-level .share.tile { width: auto; float: none; margin: 0 10px; } .series-end-level .share.tile .share-wrapper { border-right: none; } .chicklet-landing-header .share.tile { width: 310px; height: 88px; position: absolute; top: 160px; right: 0; padding-top: 7px; border-left: 1px dashed #bbbbbb; } .tag-landing .share.tile, .franchise-landing .share.tile, .theme-page .share.tile { padding: 4px 0 0 0; } .tag-landing .share.tile .sm4Widget, .franchise-landing .share.tile .sm4Widget, .theme-page .share.tile .sm4Widget { padding: 0; } } @media screen and (min-width: 980px) { .secondary .share.tile { float: none; } .floating-share .share.tile { float: none; margin: 0px 10px 17px 10px; width: auto; } .floating-share .share.tile .share-wrapper { border: 0; } .tv-show-page .share.tile { width: auto; margin: 0 10px 20px; } .channel-finder-view-zone.secondary .share.tile { margin: 0 10px; } } @media screen and (min-width: 1024px) { .photo-landing-view-zone .share.tile { width: 70px; padding: 10px 0px; margin: 0; border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-bottom-right-radius: 35px; -webkit-border-bottom-left-radius: 35px; -moz-border-radius-bottomright: 35px; -moz-border-radius-bottomleft: 35px; border-bottom-right-radius: 35px; border-bottom-left-radius: 35px; width: 70px !important; background: #e2e2e2; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e2e2e2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #e2e2e2 100%); /* W3C */ } .photo-landing-view-zone .share.tile .flux4Widget .serviceList > li.serviceButton, .photo-landing-view-zone .share.tile .flux4Widget .serviceList li.more { width: 60px; padding: 0 10px 10px 5px; } .photo-landing-view-zone .share.tile .flux4Widget .serviceList li.more { padding-bottom: 0; } .photo-landing-view-zone .share.tile .flux4Widget .serviceList a.pin-it-button { margin-top: 0px; } .photo-landing-view-zone .share.tile .flux4Widget.horizontalView li .more { margin-bottom: 0; } .ie6 .photo-landing-view-zone .share.tile, .ie7 .photo-landing-view-zone .share.tile, .ie8 .photo-landing-view-zone .share.tile { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=0); /* IE6-8 */ } .ie9 .photo-landing-view-zone .share.tile { /* SVG as background image (IE9/Chrome/Safari/Opera) - allows gradient with border-radius */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFMkUyRTIiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1MjQpIiAvPgo8L3N2Zz4=); } } @media screen and (min-width: 1120px) { .floating-share .share.tile.floating { -moz-box-shadow: none; display: none !important; position: absolute; top: 0; left: -80px; width: 70px; padding: 10px 0px; margin: 0; border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-bottom-right-radius: 35px; -webkit-border-bottom-left-radius: 35px; -moz-border-radius-bottomright: 35px; -moz-border-radius-bottomleft: 35px; border-bottom-right-radius: 35px; border-bottom-left-radius: 35px; width: 70px !important; } .floating-share .share.tile.floating .flux4Widget .serviceList > li.serviceButton, .floating-share .share.tile.floating .flux4Widget .serviceList li.more { width: 60px; padding: 0 10px 10px 5px; } .floating-share .share.tile.floating .flux4Widget .serviceList li.more { padding-bottom: 0; } .floating-share .share.tile.floating .flux4Widget .serviceList a.pin-it-button { margin-top: 0px; } .floating-share .share.tile.floating .flux4Widget.horizontalView li .more { margin-bottom: 0; } .floating-share .share.tile.floating.sticky { display: block !important; position: fixed; top: 20px; left: 50%; margin-left: -560px; } .tv-show-page .share.tile { margin: 0; } .floating-share .share.tile.sticky { margin-left: -560px; z-index: 9999; } } .content-recent-trending.module { margin: 0 auto 20px; padding: 0; width: 300px; } .content-recent-trending.module .tab:hover a { background: #000; cursor: pointer; } .content-recent-trending.module article:hover div { outline: 3px solid #bf177c; } .content-recent-trending.module article:hover h3 a { color: #bf177c; } .content-recent-trending.module #recent-content { display: none; } .content-recent-trending.module #trending-content ul { margin-top: 0; padding-left: 0; list-style: none; } .content-recent-trending.module #trending-content ul li.content { font-family: 'Salvo Serif Light', serif; font-size: 14px; padding: 10px 0; line-height: 16px; border-bottom: 1px solid #f3f3f3; } .content-recent-trending.module #trending-content ul li.content a { color: #666666; } .content-recent-trending.module .tab { width: 49.6%; float: left; height: 48px; text-align: center; } .content-recent-trending.module .tab a { font-family: 'Salvo Sans Medium', Helvetica, Arial, sans-serif; font-size: 1.6em; color: #FFF; padding: 7px 0px; display: block; background: #A0A0A0; } .content-recent-trending.module .tab:first-child { margin-right: 2px; } .content-recent-trending.module .tab.selected .down-arrow { display: block; } .content-recent-trending.module .tab.selected a { background: black; font-family: 'Salvo Sans Bold', Helvetica, Arial, sans-serif; } .content-recent-trending.module .tab .down-arrow { border-style: solid; border-width: 8px 8px 0; border-color: #000000 transparent transparent; width: 0; margin-left: 68px; display: none; } .content-recent-trending.module .chicklet { margin-bottom: 16px; border: 0; background: transparent; } .content-recent-trending.module .chicklet.last-child { margin-bottom: 0; } .content-recent-trending.module .chicklet .featured { overflow: hidden; width: 120px; height: 87px; } .content-recent-trending.module .chicklet .featured img { max-width: 120px; min-width: 0; float: left; } .content-recent-trending.module .chicklet h3 { font-family: 'Salvo Serif Regular', serif; padding: 0 18px 0 16px; margin: 0; color: #666666; font-size: 1.4em; font-weight: normal; line-height: 18px; } .content-recent-trending.module .chicklet h3 a, .content-recent-trending.module .chicklet h3 a:visited { color: #666666; } .content-recent-trending.module .chicklet .content-recent-trending-image { width: 120px; height: 87px; } .content-recent-trending.module .Video .play-icon { position: absolute; width: 45px; height: 45px; top: 21px; left: 37px; } @media screen and (min-width: 640px) { .secondary .content-recent-trending { float: left; margin: 0 10px 20px; } } @media screen and (min-width: 980px) { .secondary .content-recent-trending { float: none; } .content-recent-trending.module { float: none; padding: 0; margin-left: 10px; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ .content-related.module { border-bottom: 7px solid #000; padding-bottom: 45px; text-align: center; overflow: hidden; } .content-related.module h2 { font-family: 'Salvo Sans Regular', serif; font-weight: normal; font-size: 28px; margin: 0 0 13px; } .content-related.module .page { margin: 0 auto; width: 300px; } .content-related.module .chicklet { float: left; width: 140px; display: none; margin: 0 10px 0px 10px; } .content-related.module .chicklet:first-child { margin-left: 0px; } .content-related.module .chicklet[data-index="0"], .content-related.module .chicklet[data-index="1"] { display: block; } .content-related.module .chicklet[data-index="1"], .content-related.module .chicklet[data-index="3"] { margin-right: 0px; } .primary-2 .content-related.module { margin: 20px 10px 17px 10px; } @media screen and (min-width: 640px) { .primary-2 .content-related.module { margin-top: 0; } } @media screen and (min-width: 768px) { .content-related.module h2 { text-align: left; } .content-related.module .page { width: auto; min-width: 2500px; margin: 0px; } .content-related.module .chicklet { width: 140px; display: block; } .content-related.module .chicklet[data-index="1"], .content-related.module .chicklet[data-index="3"] { margin-right: 10px; } } header.chicklet-landing { padding-top: 0; } .chicklet-landing .chicklet.chicklet-error { height: 250px; border-bottom: none; background-color: #29A2FF; } .chicklet-landing .chicklet.chicklet-error .title { margin-left: 20px; padding-top: 20px; font-family: 'Salvo Sans Light', Helvetica, Arial, sans-serif; } .chicklet-landing .chicklet.chicklet-error .title .headline { background-color: transparent; color: #000000; font-size: 23pt; } .chicklet-landing .chicklet.chicklet-error .title .bang { margin-left: 1px; color: black; font-size: 42pt; line-height: .9; } .chicklet-landing .chicklet.chicklet-error .body { margin: 15px 30px 0 20px; color: white; font-family: 'Salvo Serif Regular', Helvetica, Arial, sans-serif; font-size: 15pt; } .chicklet-landing .chicklet.inhouse-promo { border: 0; } .chicklet-landing .chicklet.chicklet-box.drop-shadow.trackable { width: 140px; } @media screen and (min-width: 640px) { .chicklet-landing .chicklet.chicklet-box.drop-shadow.trackable { width: 300px; } } .chicklet-landing .chicklet .title { margin: 10px 10px 4px 10px; font-weight: 400; font-family: 'Salvo Serif Regular', Helvetica, Arial, sans-serif; font-size: 1.3em; } .chicklet-landing .chicklet .title.magneticPoetry { font-family: 'Salvo Serif Light', Helvetica, Arial, sans-serif; font-size: 1.5em; line-height: 130%; } .chicklet-landing .chicklet .title.hover-text:first-child { display: none; } .chicklet-landing .chicklet .featured { margin-bottom: 8px; } .chicklet-landing .chicklet .featured .title { margin: 17px 12px 0 10px; } .chicklet-landing .chicklet .description { margin: 0 0 11px; font-size: 1.3em; } .chicklet-landing .chicklet .section { margin: 0 0 10px 0; color: #555; text-transform: uppercase; font-weight: bold; font-style: normal; font-size: 1.0em; font-family: Arial, sans-serif; } .chicklet-landing .chicklet .section a, .chicklet-landing .chicklet .section a:visited { color: #999; } .chicklet-landing .chicklet .meta { padding: 0 10px 10px 10px; width: auto; text-transform: uppercase; font-weight: normal; font-style: normal; font-family: arial, sans-serif; } .chicklet-landing .chicklet .tags { float: left; color: #555; font-family: 'Salvo Sans Medium', Helvetica, Arial, sans-serif; font-size: 1.1em; } .chicklet-landing .chicklet .date { float: right; margin: 0; color: #777; font-size: 1.0em; } .chicklet-landing .magneticPoetry-space { display: none; } .chicklet-landing .magneticPoetry .magneticPoetry-word { margin: 0 5px 3px 0; padding: 2px 5px 0 5px; } .chicklet-landing { padding-top: 10px; } .chicklet-landing .chicklet-box { margin: 0 10px 20px; width: 300px; } .no-results { margin: 0 10px; } .search-results .no-results { font-size: 1.6em; } @media screen and (min-width: 480px) { .chicklet-landing.franchise-landing.primary-1 { max-width: none; } .chicklet-landing.theme-page.primary-1 { max-width: none; } } @media screen and (min-width: 640px) { .zone.chicklet-landing { padding-top: 0; } .zone.chicklet-landing .chicklet-box { float: left; margin: 0 10px 20px 10px; } .zone.chicklet-landing .chicklet-error { display: none; } .chicklet-landing .chicklet.drop-shadow { -webkit-box-shadow: 0px 1px 8px 0px rgba(3, 3, 3, 0.5); -moz-box-shadow: 0px 1px 8px 0px rgba(3, 3, 3, 0.5); box-shadow: 0px 1px 8px 0px rgba(3, 3, 3, 0.5); } .chicklet-landing .chicklet .title { margin: 13px 12px 10px 10px; font-family: 'Salvo Serif Medium', Helvetica, Arial, sans-serif; font-size: 1.6em; } .chicklet-landing .chicklet .title.magneticPoetry { font-size: 2.2em; } .chicklet-landing .chicklet .title.hover-text:first-child { display: block; } .chicklet-landing .chicklet .title.last { display: none; } .chicklet-landing .chicklet .meta { padding: 7px 12px 6px 12px; } .chicklet-landing .chicklet.type-article .meta { padding: 36px 12px 6px 12px; } .chicklet-landing .chicklet .section { float: left; margin: 0; font-weight: normal; font-family: 'Salvo Sans Medium', Helvetica, Arial, sans-serif; font-size: 1.1em; } .chicklet-landing .chicklet .date { float: right; font-size: 1.1em; } .chicklet-landing .chicklet .description { font-size: 1.4em; } } #load-more { margin-top: 20px; position: relative; text-align: center; } #load-more a { color: #C8C8C8; font-size: 17px; } #load-more .pagination, #load-more .back-to-top { margin: 0px auto; } #load-more .pagination { min-height: 152px; } #load-more .back-to-top { margin-top: 30px; } #load-more .back-to-top a { display: inline-block; width: 150px; height: 50px; background: transparent url(/img/icons/loading/btn-loadmore.png) no-repeat 0px -155px; text-indent: -30000px; } #load-more .back-to-top a:hover { background-position: -156px -155px; } #load-more .loader { display: none; width: 150px; height: 150px; background: transparent url(/img/icons/loading/rotation-lg.gif) center center no-repeat; margin: 0px auto; } #load-more a.next-page { display: inline-block; background: transparent url(/img/icons/loading/btn-loadmore.png) no-repeat 0px 0px; width: 150px; height: 150px; text-indent: -3000px; } #load-more a.next-page:hover { background-position: -156px 0px; } #load-more a:focus { outline: none; } #load-more.loading a.next-page { display: none; } #load-more.loading .loader { display: block; } .loading #load-more a.next-page { display: none; } .loading #load-more .loader { display: block; } #inhouse-promo-data { display: none; } @media screen and (min-width: 980px) { #load-more .back-to-top { margin: 0px; position: absolute; bottom: 10px; right: 10px; } #load-more .back-to-top.load-more-hidden { position: relative; float: right; } } .toast-notification { display: none; } .toasttrigger { background: #000; } @media screen and (min-width: 768px) { .toasted { overflow: hidden; position: relative; } .toast-notification { display: block; width: 300px; background: white; right: -330px; position: fixed; bottom: 0px; background: #FFFFFF; border: 3px solid #999999; border-spacing: auto; border-collapse: separate; } .toast-notification a:hover .image { outline: 3px solid #bf177c; } .toast-notification a:hover .title { text-decoration: underline; } .toast-notification .thumb { float: left; display: block; } .toast-notification .thumb .image { margin: 5px 12px 5px 5px; } .toast-notification .thumb .play-icon { left: 40px; position: absolute; top: 26px; width: 45px; } .toast-notification.article .play-icon { display: none; } .toast-notification .close { color: #666666; font-size: 1.1em; font-family: "Salvo Sans Bold"; cursor: pointer; position: absolute; right: 4px; top: 1px; } .toast-notification .text { float: left; padding: 6px 0 0; width: 155px; } .toast-notification .text .title { font-family: "Salvo Sans Regular"; color: #bf177c; font-size: 1.4em; } .toast-notification .text .more { margin: 0 0 3px; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 1.2em; font-weight: bold; color: #666666; } } .nickcarousel .content { -webkit-transition: height 300ms linear; -moz-transition: height 300ms linear; -o-transition: height 300ms linear; -ms-transition: height 300ms linear; transition: height 300ms linear; } .nickcarousel .navigation { font-size: 1.1em; text-align: right; margin-top: 5px; font-family: Arial, sans-serif; } .nickcarousel .navigation, .nickcarousel .navigation button { color: #bf177c; } .nickcarousel .navigation button:hover { color: #63004c; } .nickcarousel .arrow { font-family: 'Salvo Sans Bold', Helvetica, Arial, sans-serif; padding: 0; margin: 0; background: transparent; } .nickcarousel .arrow .symbol { display: inline-block; } .nickcarousel .arrow.previous { margin-right: 6px; } .nickcarousel .arrow.next { margin-left: 6px; } .nickcarousel .arrow.previous .symbol { margin-right: 5px; border-style: solid; border-width: 5px 5px 5px 0; border-color: transparent #bf177c transparent transparent; } .nickcarousel .arrow.previous:hover .symbol { border-color: transparent #63004c transparent transparent; } .nickcarousel .arrow.next .symbol { margin-left: 5px; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #bf177c; } .nickcarousel .arrow.next:hover .symbol { border-color: transparent transparent transparent #63004c; } .alt-push-down { display: none; width: auto; text-align: center; overflow: hidden; } .alt-push-down .promos { display: none; } .carousel.tile { width: 100%; background-color: #e65c00; background-position: 50% 0%; background-repeat: no-repeat no-repeat; margin: -29px 0 20px 0; } .carousel.tile .header h1 { display: inline-block; margin: 18px 0 7px 8px; padding: 5px 6px 3px 8px; background: black; color: white; font-weight: normal; font-family: 'Salvo Sans Light', Helvetica, Arial, sans-serif; font-size: 1.7em; } .carousel.tile .overlay { display: none; } .carousel.tile .featured { float: left; margin-bottom: 0; width: 140px; height: 105px; } .carousel.tile .featured img { width: auto; height: auto; } .carousel.tile .play-button { width: 140px; height: 105px; } .carousel.tile .info { margin-left: 140px; padding: 0px 6px; } .carousel.tile .headline { display: none; } .carousel.tile .title { margin: 9px 0px 6px; padding: 0px; text-transform: none; font-weight: normal; color: #bf177c; font-family: 'Salvo Serif Medium', Helvetica, Arial, sans-serif; font-size: 1.3em; } .carousel.tile .chicklet { margin-bottom: 10px; border-bottom-width: 0; -webkit-box-shadow: 0px 1px 2px 2px rgba(3, 3, 3, 0.2); -moz-box-shadow: 0px 1px 2px 2px rgba(3, 3, 3, 0.2); box-shadow: 0px 1px 2px 2px rgba(3, 3, 3, 0.2); } .carousel.tile .chicklet[data-show-mobile='false'] { display: none; } .carousel.tile .chicklets { margin: 10px; } .carousel.tile .info { background: white; } /* == Media Query ======================================================= Large Mobile devices / landscape and Above ====================================================================== */ @media screen and (min-width: 640px) { .carousel.tile { margin: 0 10px 20px 10px; width: 620px; height: 340px; } .carousel.tile .header { display: none; } .carousel.tile .magneticPoetry { color: #fff; font-family: 'Salvo Sans Light', helvetica, arial; font-size: 3.2em; line-height: 34px; } .carousel.tile .magneticPoetry-word { margin: 5px 5px 0px 0px; padding: 5px 6px 6px; } .carousel.tile .magneticPoetry-space { margin: 5px 0px 0px 0px; padding: 5px 0px 6px; width: 5px; } .carousel.tile.chicklet-box { float: left; } .carousel.tile .chicklets { position: relative; margin: 0; width: 620px; height: 340px; } .carousel.tile .headline { display: block; margin: 47px 19px 0; } .carousel.tile .title, .carousel.tile .section { margin: 0; font-weight: normal; } .carousel.tile .title { margin: 16px 19px 0; color: #fff; font-size: 2.8em; font-family: 'Salvo Sans Regular', helvetica, arial; line-height: 125%; } .carousel.tile .section { float: none; margin: 9px 19px 0; color: #000; text-transform: uppercase; font-size: 1.2em; font-family: 'Salvo Sans Bold', helvetica, arial; opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */ } .carousel.tile .featured { overflow: hidden; margin: 0; background: #000; } .carousel.tile .featured img { margin: 0; min-width: 100%; max-width: 100%; width: auto!important; height: auto!important; } .carousel.tile .featured, .carousel.tile .info { float: left; width: 310px; height: 340px; } .carousel.tile .image-wrapper { width: 100%; } .carousel.tile .info { margin: 0; padding: 0; background-color: transparent; background-image: url(/img/tmp/carousel-inner-shadow.png); background-position: right 0px; background-repeat: no-repeat; cursor: pointer; } .carousel.tile .play-button { bottom: auto; width: 310px; height: 340px; } .carousel.tile .play-button .play-icon { background-image: url(/img/icons/marquee/btn-play-lrg.png); } .carousel.tile .chicklet { position: absolute; top: 0px; left: 0px; display: none; width: 100%; border: 0; } .carousel.tile .chicklet.current { display: block; } .carousel.tile .chicklet a, .carousel.tile .chicklet a:link, .carousel.tile .chicklet a:visited, .carousel.tile .chicklet a:hover { color: #fff; } .carousel.tile .overlay { position: absolute; bottom: 0px; left: 310px; display: block; width: 310px; height: 36px; } .carousel.tile .controls { float: right; margin-right: 10px; } .carousel.tile .pages { position: relative; float: left; margin: 8px 0px 0px 15px; } .carousel.tile .carousel-arrow { width: 24px; height: 24px; border: none; background: transparent url(/img/tmp/carousel-buttons-sprite.png) no-repeat 0px 0px; cursor: pointer; } .carousel.tile .carousel-arrow:first-child { margin-right: 5px; } .carousel.tile .carousel-arrow.next { background-position: -24px 0px; } .carousel.tile .bullet { float: left; margin: 0px; padding: 0px; width: 14px; height: 14px; background: transparent url(/img/tmp/carousel-page-bullet.png) no-repeat center center; opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */ } .carousel.tile .bullet.current { position: absolute; top: 0px; left: 0px; opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ } .masonry .carousel.tile { margin: 0 10px 20px 10px; } } .newsletter-sweeps-extended-footnote { display: none; } .ie8 .newsletter-sweeps .newsletter-sweeps-form-wrapper input.email, .ie8 .newsletter-sweeps .newsletter-sweeps-form-wrapper input.zipcode { line-height: 32px; } .newsletter-sweeps { background: #ffffff url('/img/newsletter/tote-sm.jpg') bottom right no-repeat; font-family: 'Salvo Sans Light', sans-serif; border: 12px solid #6a2b85; margin: 0 auto; padding: 10px; font-weight: 500; position: relative; text-align: left; } .newsletter-sweeps a { color: #bf177c; text-decoration: none; } .newsletter-sweeps .orange { color: #e65c00; } .newsletter-sweeps .newsletter-title { float: none; font-weight: 500; margin: 0 30px 8px 0; } .newsletter-sweeps .newsletter-title .word { float: left; padding: 2px 6px; margin: 2px; background: #000000; color: #FFFFFF; text-transform: uppercase; font-size: 2em; } .newsletter-sweeps .newsletter-title .nickmom { background: #e65c00; color: #FFF; } .newsletter-sweeps .newsletter-subtitle { color: #000; text-align: left; font-weight: 500; font-size: 1.5em; margin: 8px 8px 0 0; } .newsletter-sweeps .policy { display: inline-block; color: #000; position: relative; margin-top: 6px; width: auto; text-align: left; } .newsletter-sweeps .policy label { font-family: arial; font-size: 10px; text-align: left; color: #777; } .newsletter-sweeps .policy div.policy-child-1 { float: left; width: 16px; } .newsletter-sweeps .policy div.policy-child-2 { float: left; width: 110px; } .newsletter-sweeps .footnote { font-family: arial; font-size: 9px; text-align: left; color: #777; margin-top: 10px; float: left; width: 150px; } .newsletter-sweeps .newsletter-sweeps-form { width: 268px; } .newsletter-sweeps .newsletter-sweeps-form-wrapper { position: relative; padding: 5px 0 10px 0; } .newsletter-sweeps .newsletter-sweeps-form-wrapper input.placeholder { color: #777; } .newsletter-sweeps .newsletter-sweeps-form-wrapper input.email, .newsletter-sweeps .newsletter-sweeps-form-wrapper input.zipcode { height: 33px; width: 250px; background: #F2F2F2; margin: 4px 0 4px 0; padding: 0 8px; border: 1px solid #DDDDDD; font-size: 1.2em; } .newsletter-sweeps .newsletter-sweeps-form-wrapper input[type="submit"].submit { border-radius: 3px; background: #bf177c; border-color: #bf177c; font-family: 'Salvo Sans Light', sans-serif; font-size: 1.2em; color: #FFF; width: 95px; height: 36px; float: left; margin: 5px 0px; } .newsletter-sweeps .newsletter-sweeps-form-wrapper .field-error, .newsletter-sweeps .newsletter-sweeps-form-wrapper input.field-error { border: 3px solid #FF0000; } .newsletter-sweeps .newsletter-sweeps-form-wrapper input.email.field-error, .newsletter-sweeps .newsletter-sweeps-form-wrapper input.zipcode.field-error { padding: 0 6px; height: 29px; } .newsletter-sweeps .newsletter-sweeps-form-wrapper .policy.field-error { margin-top: 3px; margin-bottom: -3px; } .newsletter-sweeps .close { position: absolute; top: 10px; right: 10px; width: 28px; height: 28px; } .newsletter-sweeps-response-success { display: none; } .newsletter-sweeps-response-success .response-subtitle { font-family: 'Salvo Sans Medium', sans-serif; font-weight: 900; width: 132px; font-size: 1.5em; } .newsletter-sweeps-response-success p { width: 100px; } .newsletter-sweeps-response-success a.submit { border-radius: 3px; background: #c11778; border-color: #c11778; text-transform: uppercase; font-family: "Salvo Sans Medium" sans-serif; color: #FFF; padding: 10px; width: 85px; display: block; } .alt-push-down .newsletter-sweeps-response-success a.submit { display: none; } .newsletter-sweeps-response-processing { position: absolute; display: none; width: 16px; height: 11px; background: url(/img/icons/loading/ajax-loader-module-loader.gif) no-repeat left top; } @media screen and (min-width: 480px) { .newsletter-sweeps .policy div.policy-child-2 { width: 230px; } .newsletter-sweeps .footnote { width: 240px; } } @media screen and (min-width: 640px) { .newsletter-sweeps { width: 575px; } .newsletter-sweeps .newsletter-title { margin: 8px; } .newsletter-sweeps .newsletter-title .word { font-size: 2.4em; } .newsletter-sweeps .newsletter-subtitle { margin-left: 8px; } .newsletter-sweeps .newsletter-subtitle .word { font-size: 2.4em; } .newsletter-sweeps .footnote { padding: 10px 0 0 10px; } .newsletter-sweeps .newsletter-sweeps-form { padding-left: 10px; } .newsletter-sweeps .newsletter-sweeps-form .inputs { width: 284px; margin: 0; } .newsletter-sweeps .newsletter-sweeps-form input.zipcode { width: 150px; margin: 0 5px 0 0; float: left; } .newsletter-sweeps .newsletter-sweeps-form input[type="submit"].submit { width: 95px; height: 36px; float: left; margin: 0 0 5px 0px; } .newsletter-sweeps .newsletter-sweeps-form input[type="checkbox"] { position: relative; display: inline-block; /* try "block" instead if this fails in IE */ } .newsletter-sweeps .newsletter-sweeps-form .policy { margin-top: 4px; } .newsletter-sweeps .newsletter-sweeps-form .policy label { font-size: 10px; } .newsletter-sweeps .newsletter-sweeps-form .policy div.policy-child-2 { width: 210px; } .newsletter-sweeps .newsletter-sweeps-form .policy.field-error { margin-top: 1px; } .newsletter-sweeps .newsletter-sweeps-response-success { display: none; } .newsletter-sweeps .newsletter-sweeps-response-success .response-title { font-size: 1.4em; margin: 0; } .newsletter-sweeps .newsletter-sweeps-response-success .response-subtitle, .newsletter-sweeps .newsletter-sweeps-response-success p { width: auto; } } @media screen and (min-width: 768px) { } @media screen and (min-width: 980px) { .newsletter-sweeps { width: 915px; height: 174px; padding: 0; background: #ffffff url('/img/newsletter/tote-lrg.jpg') 40% 50% no-repeat; } .newsletter-sweeps .footnote { position: absolute; bottom: -5px; left: 10px; padding-left: 0; } .newsletter-sweeps .newsletter-title { width: 232px; margin: 10px 0 0 10px; } .newsletter-sweeps .newsletter-title .word { font-size: 2.5em; } .newsletter-sweeps .newsletter-subtitle { float: right; width: 265px; text-align: left; margin: -115px 48px 0 0; } .newsletter-sweeps .newsletter-sweeps-form-wrapper { position: absolute; top: 60px; left: 593px; } .newsletter-sweeps .newsletter-sweeps-form { width: 400px; } .newsletter-sweeps .newsletter-sweeps-form input.email { margin: 5px 0; } .newsletter-sweeps .newsletter-sweeps-form input.zipcode { margin: 0 5px 0 0; } .newsletter-sweeps .newsletter-sweeps-form .policy.field-error { margin-top: 1px; } .newsletter-sweeps .newsletter-sweeps-form .policy div.policy-child-2 { width: 290px; } .newsletter-sweeps .newsletter-sweeps-response-success { display: none; } .newsletter-sweeps .newsletter-sweeps-response-success .response-title { width: 232px; margin: 10px 0 0 10px; font-size: 1.8em; } .newsletter-sweeps .newsletter-sweeps-response-success .response-subtitle { width: 268px; float: right; font-size: 1.6em; margin-top: -55px; font-weight: 900; margin-right: 30px; } .newsletter-sweeps .newsletter-sweeps-response-success p { float: right; width: 290px; font-size: 1.4em; margin: 0 10px 0 0; } .newsletter-sweeps .newsletter-sweeps-response-success a.submit { position: absolute; bottom: 20px; right: 205px; width: auto; } } @media screen and (min-width: 1300px) { .ie8 .newsletter-sweeps .newsletter-subtitle { margin-top: -86px; } .newsletter-sweeps { width: 1235px; } .newsletter-sweeps .newsletter-subtitle { float: right; width: 290px; text-align: left; margin: -85px 175px 0 0; } .newsletter-sweeps .newsletter-sweeps-form-wrapper { position: absolute; left: 760px; } .newsletter-sweeps .newsletter-title { width: 360px; } .newsletter-sweeps .newsletter-title .word { font-size: 2.8em; } .newsletter-sweeps .newsletter-sweeps-response-success .response-subtitle { width: 268px; float: right; font-size: 1.6em; margin-top: -65px; font-weight: 900; margin-right: 65px; } .newsletter-sweeps .newsletter-sweeps-response-success p { float: right; width: 290px; font-size: 1.4em; margin: -10px 44px 0 0; } .newsletter-sweeps .newsletter-sweeps-response-success a.submit { position: absolute; bottom: 20px; right: 238px; width: auto; } .ie9 .newsletter-sweeps .newsletter-subtitle { margin-top: -127px; } } @media screen and (min-width: 1300px) and (-ms-high-contrast: active), (min-width: 1300px) and (-ms-high-contrast: none) { .newsletter-sweeps .newsletter-subtitle { margin-top: -127px; } } .newsletter-sweeps-zone .newsletter-sweeps-extended-footnote { display: block; font-family: arial; font-size: 9px; text-align: center; margin-top: 10px; color: #FFF; padding: 5px 23px; } .newsletter-sweeps-zone .newsletter-sweeps-extended-footnote a { color: #FFF; text-decoration: underline; } .newsletter-sweeps-zone .newsletter-sweeps { border: 0 none; width: 88%; box-shadpw: 2px 2px 4px 0px #323133; -webkit-box-shadow: 2px 2px 4px 0px #323133; -moz-box-shadow: 2px 2px 4px 0px #323133; } .newsletter-sweeps-zone .newsletter-sweeps .close { display: none; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-title { margin: 0 0 8px 0; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-sweeps-form-wrapper { margin-bottom: 40px; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-sweeps-form-wrapper input[type="submit"].submit { position: absolute; bottom: -35px; left: 0; margin: 0; width: 110px; height: 30px; } .newsletter-sweeps-zone .newsletter-sweeps .footnote { display: none; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-sweeps-response-success .response-title .word { margin: 4px 0; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-sweeps-response-success a.submit { display: block; } @media screen and (min-width: 640px) { .newsletter-sweeps-zone .wrapper { width: auto; } .newsletter-sweeps-zone .newsletter-sweeps-extended-footnote { padding: 5px 10px; } .newsletter-sweeps-zone .newsletter-sweeps { background: #ffffff url('/img/newsletter/tote-xlrg.jpg') bottom right no-repeat; height: 527px; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-title { width: 225px; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-subtitle { width: 175px; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-subtitle { margin: 15px 0; padding: 0; float: none; text-align: left; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-sweeps-form { padding: 0; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-sweeps-form-wrapper .inputs { width: 212px; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-sweeps-form-wrapper input.email, .newsletter-sweeps-zone .newsletter-sweeps .newsletter-sweeps-form-wrapper input.zipcode { width: 212px; margin-left: 0; margin-bottom: 6px; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-sweeps-form-wrapper input.email { margin: 5px 0 10px 0; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-sweeps-response-success .response-subtitle, .newsletter-sweeps-zone .newsletter-sweeps .newsletter-sweeps-response-success p { width: 250px; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-sweeps-response-success .response-subtitle { font-size: 2.6em; float: none; margin-top: 10px; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-sweeps-response-success p { font-size: 1.6em; margin-top: 10px; float: none; } } @media screen and (min-width: 980px) { .newsletter-sweeps-zone .newsletter-sweeps-extended-footnote { margin-top: -20px; } .newsletter-sweeps-zone .newsletter-sweeps { background: #ffffff url('/img/newsletter/tote-xlrg.jpg') bottom right no-repeat; width: 90%; height: 490px; padding: 30px 40px; margin: 30px auto; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-title { width: 412px; margin: 0; padding: 0; font-size: 1.7em; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-title .word { margin: 4px; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-subtitle { width: 460px; font-size: 2.2em; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-sweeps-form-wrapper { position: relative; top: 0; left: 0; padding: 0; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-sweeps-form-wrapper .inputs { width: 395px; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-sweeps-form-wrapper input.email, .newsletter-sweeps-zone .newsletter-sweeps .newsletter-sweeps-form-wrapper input.zipcode { width: 395px; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-sweeps-form-wrapper input[type="submit"].submit { bottom: -50px; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-sweeps-response-success .response-subtitle, .newsletter-sweeps-zone .newsletter-sweeps .newsletter-sweeps-response-success p { width: 400px; } .newsletter-sweeps-zone .newsletter-sweeps .newsletter-sweeps-response-success a.submit { position: relative; bottom: auto; right: auto; width: 85px; margin-top: 15px; } } .push-down { display: none; width: 100%; text-align: center; height: 0px; overflow: hidden; } .push-down .promos { display: none; } @media screen and (min-width: 768px) { .push-down.is-enabled { display: block; } } .social-overlay { -webkit-box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); -moz-box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); display: none; position: fixed; width: 580px; height: 350px; background-color: white; z-index: 10000; top: 235px; left: 50%; margin-top: 0; margin-left: -290px; } .social-overlay .close-box { cursor: pointer; position: absolute; right: 10px; top: 10px; background: url("/img/icons/social-overlay/close-btn.jpg") no-repeat scroll 0 0 transparent; width: 23px; height: 23px; } .social-overlay img { display: block; margin: 55px auto 0; } .social-overlay .facebook-button { cursor: pointer; background: url("/img/icons/social-overlay/follow-us-btn.jpg") no-repeat scroll 0 0 transparent; width: 220px; height: 80px; margin: 18px auto 14px; } .social-overlay .facebook-button:hover { background-position: 0 -81px; } .social-overlay p { font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 19px; color: #222; text-align: center; margin: 0 70px 51px; } .social-overlay a { font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 11px; color: #bf177c; text-decoration: underline; display: block; text-align: center; } .social-overlay a:hover { color: #63004c; } .babunga-overlay-backing { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 5; width: 100%; height: 100%; display: none; } .babunga-overlay { -webkit-box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); -moz-box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); border-radius: 10px; display: none; position: fixed; width: 673px; height: 488px; background-color: white; z-index: 10000; top: 225px; left: 50%; margin-top: 0; margin-left: -337px; background: url("/img/icons/babunga-overlay/main.png") no-repeat scroll 0 0 transparent; } .babunga-overlay .babunga-close-box { cursor: pointer; position: absolute; right: 9px; top: 9px; background: url("/img/icons/babunga-overlay/close-button.png") no-repeat scroll 0 0 transparent; width: 42px; height: 36px; } .babunga-overlay .babunga-close-box:hover { background-position: -44px 0; } .babunga-overlay .babunga-logo { position: absolute; left: 10px; top: 10px; background: url("/img/icons/babunga-overlay/bnw-logo.png") no-repeat scroll 0 0 transparent; width: 170px; height: 38px; } .babunga-overlay .babunga-logo.three-dp-override { background: url("/img/icons/babunga-overlay/3dp-logo.gif") no-repeat scroll 0 0 transparent; left: 12px; top: 12px; } .babunga-overlay img { display: block; margin: 30px auto 0; } .babunga-overlay .facebook-button { cursor: pointer; background: url("/img/icons/babunga-overlay/follow-us-btn.jpg") no-repeat scroll 0 0 transparent; width: 220px; height: 80px; margin: 18px auto 14px; } .babunga-overlay .facebook-button:hover { background-position: 0 -81px; } .babunga-overlay p { font-family: museo-slab, 'Times New Roman', serif; font-size: 25px; line-height: 1.25; color: #4C310A; text-align: center; margin: 269px 60px 51px; } .babunga-overlay p span { color: #E35530; } .babunga-overlay p span.babunga-logo-txt { font-weight: 800; } .babunga-overlay a { background: url("/img/icons/babunga-overlay/cta-button.png") no-repeat scroll -170px 0 transparent; display: block; width: 166px; height: 40px; position: absolute; top: 434px; left: 253px; } .babunga-overlay a:hover { background-position: 0 0; } body[data-item-url-key="tote-bag-sweeps"] #content-bg.content-with-header-bg, body[data-item-url-key="tote-bag-sweeps"] #content-bg { background-color: #6a2b85; padding: 10px 0 50px 0; } body[data-item-url-key="tote-bag-sweeps"] .breadcrumbs.wrapper { display: none; } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ .content-tune-in-promo.tile { font-style: normal; font-size: 10px; line-height: 16px; background: #fff; color: #666666; margin: 0px; padding: 0px 10px 0px 10px; -moz-box-shadow: 2px 4px 3px 1px rgba(3, 3, 3, 0.2) inset; -webkit-box-shadow: 2px 4px 3px 1px rgba(3, 3, 3, 0.2) inset; box-shadow: 2px 4px 3px 1px rgba(3, 3, 3, 0.2) inset; -moz-box-shadow: 2px 4px 3px 1px rgba(3, 3, 3, 0.2); -webkit-box-shadow: 2px 4px 3px 1px rgba(3, 3, 3, 0.2); box-shadow: 2px 4px 3px 1px rgba(3, 3, 3, 0.2); } .content-tune-in-promo.tile img, .content-tune-in-promo.tile .tune-in-promo { float: left; } .content-tune-in-promo.tile img { margin: 0 15px 0 0; } .content-tune-in-promo.tile .show { font-size: 1.5em; font-family: Salvo Sans Regular; color: #c11778; } .content-tune-in-promo.tile .channel { font-size: 1.4em; font-family: Salvo Sans Regular; color: #666666; } .content-tune-in-promo.tile .more { float: right; text-transform: Uppercase; margin: 7px 0px; color: #666666; font-size: 1.1em; } .content-tune-in-promo.tile .more div { float: right; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #c11778; margin: 3px 0 0 8px; } .content-tune-in-promo.tile hr { border: 0px; border-bottom: 1px dashed #c11778; padding: 0px; margin: 0 0 10px; } @media screen and (min-width: 480px) { .content-tune-in-promo.tile { margin: 0 10px; padding: 11px 10px 10px 10px; } .content-tune-in-promo.tile .tags { display: block; } } @media screen and (min-width: 1120px) { .content-tune-in-promo.tile { padding: 0px 21px 10px 20px; margin-bottom: 22px; } } .follow-us.tile { margin: 0 10px 20px; width: 300px; background: white; } .follow-us.tile .follow-us-title { margin: 9px 0 3px; font-size: 1.6em; font-family: 'Salvo Sans Medium'; } .follow-us.tile .follow-us-border { border: 8px solid black; text-align: center; } .follow-us.tile .follow-us-list { display: inline-block; margin: 0 0 11px; padding: 0; list-style-type: none; } .follow-us.tile .follow-us-list > li { float: left; margin-right: 16px; } .follow-us.tile .follow-us-list .last { margin: 0; } .follow-us.tile .follow-us-network { display: block; width: 40px; height: 40px; background: transparent url(/img/icons/social/follow-icon-sprite.png) no-repeat left top; text-indent: -9999px; } .follow-us.tile .follow-us-network.follow-us-network-facebook { background-position: 0px top; } .follow-us.tile .follow-us-network.follow-us-network-facebook:hover { background-position: 0px -40px; } .follow-us.tile .follow-us-network.follow-us-network-twitter { background-position: -40px top; } .follow-us.tile .follow-us-network.follow-us-network-twitter:hover { background-position: -40px -40px; } .follow-us.tile .follow-us-network.follow-us-network-pinterest { background-position: -80px top; } .follow-us.tile .follow-us-network.follow-us-network-pinterest:hover { background-position: -80px -40px; } .follow-us.tile .follow-us-network.follow-us-network-instagram { background-position: -120px top; } .follow-us.tile .follow-us-network.follow-us-network-instagram:hover { background-position: -120px -40px; } @media screen and (max-width: 659px) and (min-width: 480px) { .follow-us.tile { margin: 0 0px 20px; width: 480px; } } .zone.content-end-level-view-zone .follow-us.tile { margin: 0 auto 20px; width: 300px; } @media screen and (min-width: 640px) { .zone.content-end-level-view-zone .follow-us.tile { margin: 0 10px 20px; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ /* Elastislide Style */ .es-carousel-wrapper { position: relative; margin: 10px auto 0 auto; padding: 0 20px; } .es-carousel { overflow: hidden; } .es-carousel ul { display: none; padding: 0; } .es-carousel ul li { height: 100%; float: left; display: block; } .es-carousel ul li a { display: block; color: #666666; font-size: 1.4em; font-family: 'salvo sans regular'; } .es-carousel ul li a img { display: block; border: none; max-height: 100%; max-width: 100%; } .es-nav span { position: absolute; top: 40%; left: -5px; margin-top: -13px; border-style: solid; border-width: 13px 13px 13px 0; border-color: transparent #e65c00 transparent transparent; text-indent: -9000px; cursor: pointer; opacity: 0.8; height: 0; } .es-nav span.es-nav-next { right: -5px; left: auto; border-style: solid; border-width: 13px 0 13px 13px; border-color: transparent transparent transparent #e65c00; } .es-nav span:hover { opacity: 1.0; } @media screen and (min-width: 768px) { .es-carousel-wrapper { padding: 0 10px; } .es-nav span { left: -13px; } .es-nav span.es-nav-next { right: -13px; } } .photoslider { background: #ffffff url(/img/icons/loading/rotation-lg.gif) center 150px no-repeat; position: relative; min-height: 682px; } .photoslider .nav a { width: 25px; height: 25px; margin: 0; display: block; background: url(/img/icons/marquee/marquee-back-next-sprite-mobile.png) no-repeat; position: absolute; top: 22px; cursor: pointer; text-indent: -999em; z-index: 10; } .photoslider .nav a.next { background-position: top right; right: 20px; } .photoslider .nav a.previous { background-position: top left; left: 20px; } .photoslider .nav a.disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: default; } .photoslider .nav a:focus { outline: none; } .photoslider a, .photoslider a:hover { color: #262626; } .photoslider h2 { font-size: 1.8em; font-family: 'Salvo Serif Light', serif; text-transform: none; color: #29a2ff; font-weight: normal; margin: 0px; } .photoslider cite { font-style: normal; } .photoslider .content { position: relative; height: 682px; overflow: hidden; } .photoslider .slide { position: absolute; width: 100%; } .photoslider .slide img, .photoslider .slide iframe { display: block; margin: 0px auto; max-width: 100%; max-height: 320px; } .photoslider .slide-ad { margin-top: 50px; } .photoslider .slide-header table { width: 100%; } .photoslider .slide-header td { height: 108px; text-align: center; vertical-align: middle; padding: 0px 60px; } .photoslider .slide-left { text-align: center; width: auto; font-style: normal; font-weight: bold; text-transform: uppercase; color: #666666; border-top: 1px dashed #999; padding: 10px 0 0 0; } .photoslider .slide-left br { display: none; } .photoslider .author, .photoslider .tags { padding-top: 5px; } .photoslider .author a, .photoslider .tags a, .photoslider .author a:hover, .photoslider .tags a:hover, .photoslider .author .author-name, .photoslider .tags .author-name { color: #666666; } .photoslider .tags a:after { content: ", "; } .photoslider .tags a:last-child:after { content: ""; } .photoslider .dark { color: #000; } .photoslider .attribution { margin: 10px auto 0; text-align: center; text-transform: uppercase; font-family: arial; font-weight: bold; font-size: 1em; color: #999; } .photoslider .attribution span { color: #BFBFBF; } .photoslider .attribution a, .photoslider .attribution a:visited { color: #999999; } .photoslider .share-tool-placeholder { position: absolute; bottom: 25px; left: 50%; margin-left: -130px; height: 107px; } .photoslider .share-tool-placeholder .share.tile { margin: 0 auto; } .photoslider .photo-copy { margin: 15px auto; width: 75%; text-align: center; font-size: 12px; font-family: 'Salvo Sans Regular', helvetica, arial; color: #333333; } @media screen and (min-width: 768px) { .photoslider { -webkit-box-shadow: 2px 2px 2px #CCC; box-shadow: 2px 2px 2px #CCC; margin: 0 10px; } .photoslider .share-tool-placeholder { margin-left: -115px; } .photoslider .content { height: 980px; } .photoslider h2 { margin: 10px 0px; min-height: 50px; font-size: 2.8em; } .photoslider .nav a { width: 48px; height: 48px; background: url(/img/icons/marquee/marquee-back-next-sprite.png) no-repeat; top: 185px; } .photoslider .nav a.next { background-position: top right; right: 10px; } .photoslider .nav a.previous { background-position: top left; left: 10px; } .photoslider .slide img, .photoslider .slide iframe { max-height: 536px; max-width: 478px; } .photoslider .slide-center { height: auto; } .photoslider .slide-left { margin: 30px auto 0; } .photoslider .share-tool-placeholder { bottom: 16px; left: 50%; width: 240px; } .photoslider .slide-header td { padding: 0px 20px; } .photoslider .share.tile { padding-bottom: 8px; } .photoslider .photo-copy { width: 500px; } } @media screen and (min-width: 1024px) { .photoslider .author div, .photoslider .author time { float: none; margin-right: 0; } .photoslider .tags { margin-top: 15px; } .photoslider .slide-left, .photoslider .slide-right { margin: 0; position: absolute; width: 20%; } .photoslider .slide-left { top: 440px; width: 80px; margin: 0px 0px 0 10px; border-top: 0; text-align: left; } .photoslider .slide-left br { display: inline; } .photoslider .content { margin-bottom: 20px; height: 850px; } .photoslider .slide { width: 940px; } .photoslider .slide-center img { max-width: 530px; } .photoslider .nav a.next { right: 130px; } .photoslider .nav a.next:hover { background-position: bottom right; } .photoslider .nav a.next.disabled:hover { background-position: top right; } .photoslider .nav a.previous { left: 130px; } .photoslider .nav a.previous:hover { background-position: bottom left; } .photoslider .nav a.previous.disabled:hover { background-position: top left; } .photoslider .share-tool-placeholder { margin: 0; position: absolute; top: 94px; left: 10px; width: auto; height: auto; bottom: auto; z-index: 100; } .photoslider .share-tool-placeholder .flux4Widget .share .fixed.horizontalView .serviceList .serviceButton.pinterest { width: 60px; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ #traffic-driver { dislpay: inline-block; position: relative; margin: 0px auto; padding: 0px; width: 300px; height: 150px; overflow: hidden; border: 0px solid red; } #traffic-driver #drivers { width: 100%; height: 100%; margin: 0px; padding: 0px; list-style-type: none; } #traffic-driver #drivers .driver-item { width: 300px; height: 150px; position: relative; float: left; margin: 0px; padding: 0px; list-style-type: none; } #traffic-driver #drivers .driver-item .driver-image { width: 100%; height: 100%; } #traffic-driver #drivers .driver-item .driver-image a img { width: 300px; height: 150px; } #traffic-driver #drivers li:nth-child(3), #traffic-driver #drivers li:nth-child(2) { margin-left: 20px; } /* This amount of specificity for a module that's not commonly used seems a bit absurd */ .ie8 #traffic-driver #drivers .driver-item { margin-right: 20px; } .ie8 #traffic-driver #drivers .last { margin-right: 0; } /**************************************************/ @media screen and (min-width: 768px) { /**************************************************/#traffic-driver { dislpay: inline-block; position: relative; margin: 0px auto; padding: 0px; width: 620px; height: 150px; overflow: hidden; border: 0px solid red; } #traffic-driver #drivers { width: 100%; height: 100%; margin: 0px; padding: 0px; list-style-type: none; } #traffic-driver #drivers .driver-item { width: 300px; height: 150px; position: relative; float: left; margin: 0px; padding: 0px; list-style-type: none; } #traffic-driver #drivers .driver-item .driver-image { width: 100%; height: 100%; } #traffic-driver #drivers .driver-item .driver-image a img { width: 300px; height: 150px; } #traffic-driver #drivers li:nth-child(3), #traffic-driver #drivers li:nth-child(2) { margin-left: 20px; } } /**************************************************/ @media screen and (min-width: 980px) { /**************************************************/#traffic-driver { dislpay: inline-block; position: relative; margin: 10px; padding: 0px; width: 940px; height: 150px; overflow: hidden; border: 0px solid red; } #traffic-driver #drivers { width: 100%; height: 100%; margin: 0px; padding: 0px; list-style-type: none; } #traffic-driver #drivers .driver-item { width: 300px; height: 150px; position: relative; float: left; margin: 0px; padding: 0px; list-style-type: none; } #traffic-driver #drivers .driver-item .driver-image { width: 100%; height: 100%; } #traffic-driver #drivers .driver-item .driver-image a img { width: 300px; height: 150px; } #traffic-driver #drivers li:nth-child(3), #traffic-driver #drivers li:nth-child(2) { margin-left: 20px; } } .link-list-wrapper { margin: 30px 10px 20px; } .link-list-wrapper .inner-list-wrapper { border: 6px solid white; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; box-shadow: 2px 2px 2px #ccc; position: relative; background: #f2f2f2; /* Old browsers */ background: -moz-linear-gradient(top, #f2f2f2 0%, #fdfdfd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #fdfdfd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f2f2 0%, #fdfdfd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f2f2 0%, #fdfdfd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f2f2 0%, #fdfdfd 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2f2f2 0%, #fdfdfd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#fdfdfd', GradientType=0); /* IE6-9 */ } .link-list-wrapper ul { padding: 37px 0 0; margin: 0px; overflow: hidden; display: block; height: 111px; } .link-list-wrapper li { padding: 0px; list-style: none; margin: 0px; height: 37px; } .link-list-wrapper li.content { font-family: 'Salvo Serif Regular', helvetica, arial; font-size: 13px; color: #333; padding: 0; margin: 0; line-height: 16px; text-transform: capitalize; text-align: center; } .link-list-wrapper li.content.is-selected { background-color: #29a2ff; cursor: pointer; } .link-list-wrapper li.content.is-selected a { color: #fff; border-top: 1px solid transparent; cursor: pointer; } .link-list-wrapper li.content a { display: block; color: #333; border-top: 1px solid #e7e7e7; padding: 10px 0; } .link-list-wrapper .title { color: #FFFFFF; display: block; font-family: 'Salvo Sans Medium', helvetica, arial; font-size: 18px; text-transform: uppercase; height: 30px; position: absolute; text-align: center; top: -6px; width: 100%; } .link-list-wrapper .title .type-header { background: #29a2ff; /* Old browsers */ background: -moz-linear-gradient(-45deg, #29a2ff 0%, #00426e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #29a2ff), color-stop(100%, #00426e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #29a2ff 0%, #00426e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #29a2ff 0%, #00426e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #29a2ff 0%, #00426e 100%); /* IE10+ */ background: linear-gradient(-45deg, #00426e 0%, #00426e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-blue', endColorstr='@brand-blue-dark', GradientType=1); /* IE6-9 fallback on horizontal gradient */ display: inline; margin: 0 auto; padding: 7px 27px; width: auto; } .link-list-wrapper .more { cursor: pointer; color: #e65c00; font-size: 1.3em; font-family: 'Salvo Sans Bold', helvetica, arial, sans-serif; float: none; clear: both; width: auto; margin: 0 auto; padding: 10px 0px; background: #f3f3f3; text-align: center; text-transform: uppercase; } .link-list-wrapper.is-expanded ul { height: auto; } .link-list-wrapper.is-expanded .more { display: none; } @media screen and (min-width: 640px) { .link-list-wrapper li.content { margin: 0 5px; float: left; width: 48%; text-align: left; } } @media screen and (min-width: 980px) { .link-list-wrapper li.content { width: 30%; padding-left: 2%; } } @media screen and (min-width: 1120px) { .link-list-wrapper li.content:hover { background-color: #29a2ff; cursor: pointer; } .link-list-wrapper li.content:hover a { color: #fff; border-top: 1px solid transparent; cursor: pointer; } } .social-hub-banner { background: #6abffc; color: white; height: 64px; text-align: center; padding: 29px 0; } .social-hub-banner .sh-banner-wrapper { margin: 0 auto; width: 940px; } .social-hub-banner .sh-banner-wrapper .sh-banner-part-1 { text-align: left; float: left; font-family: 'Salvo Sans Light', Helvetica, Arial, sans-serif; font-size: 30px; height: 47px; letter-spacing: -0.0125em; margin: 13px 0 0 0; } .social-hub-banner .sh-banner-wrapper .sh-banner-part-2 { float: right; } .social-hub-banner .sh-banner-wrapper .sh-banner-part-2 .sh-banner-button:last-child { margin-left: 6px; } .social-hub-banner .sh-banner-wrapper .sh-banner-part-2 .sh-banner-button { cursor: pointer; font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 14px; float: left; width: 186px; height: 64px; background-color: #29a2ff; border-radius: 10px; } .social-hub-banner .sh-banner-wrapper .sh-banner-part-2 .sh-banner-button:hover { background-color: #4eb4ff; } .social-hub-banner .sh-banner-wrapper .sh-banner-part-2 .sh-banner-button div { float: left; margin: 17px 4px 0 28px; width: 35px; height: 35px; } .social-hub-banner .sh-banner-wrapper .sh-banner-part-2 .sh-banner-button div.facebook-icon { background: url("/img/icons/social/social-bar-fb-logo.png") no-repeat scroll 0 0 transparent; } .social-hub-banner .sh-banner-wrapper .sh-banner-part-2 .sh-banner-button div.twitter-icon { background: url("/img/icons/social/social-bar-tw-logo.png") no-repeat scroll 0 0 transparent; } .social-hub-banner .sh-banner-wrapper .sh-banner-part-2 .sh-banner-button a { display: block; color: white; text-align: left; margin-top: 16px; } .social-hub-banner.sticky { position: fixed; top: 0; z-index: 9999; width: 100%; } .social-hub-campaign { margin-left: 10px; margin-bottom: 20px; } .social-hub-campaign .image-mobile { display: none; } .social-hub-body { margin: 0; padding: 0; } .social-hub-body .social-share { float: left; display: block; margin: 0 10px 20px; } .social-hub-body .social-share iframe { background-color: white; } .social-hub-body .social-share .facebook .soc-mod-icon { background: url("/img/icons/social/social-feed-fb-logo.png") no-repeat scroll 0 0 #e8eaeb; } .social-hub-body .social-share .facebook h2 span { color: #3b5a95; } .social-hub-body .social-share .twitter .soc-mod-icon { background: url("/img/icons/social/social-feed-tw-logo.png") no-repeat scroll 0 0 #e8eaeb; } .social-hub-body .social-share .twitter h2 span { color: #55acee; } .social-hub-body .social-share .pinterest .soc-mod-icon { background: url("/img/icons/social/social-feed-pi-logo.png") no-repeat scroll 0 0 #e8eaeb; } .social-hub-body .social-share .pinterest h2 span { color: #cb242f; } .social-hub-body .social-share .instagram .soc-mod-icon { background: url("/img/icons/social/social-feed-ig-logo.png") no-repeat scroll 0 0 #e8eaeb; } .social-hub-body .social-share .instagram h2 span { color: #557e00; } .social-hub-body .social-share .social-module .soc-mod-header { cursor: pointer; border-top-left-radius: 10px; border-top-right-radius: 10px; height: 86px; background-color: #e8eaeb; padding: 10px 5px 0 5px; margin: 0; } .social-hub-body .social-share .social-module .soc-mod-header .soc-mod-icon { margin: 12px 0 0 8px; width: 60px; height: 55px; float: left; } .social-hub-body .social-share .social-module .soc-mod-header .soc-mod-text { padding: 5px 0 0 10px; width: 200px; float: left; } .social-hub-body .social-share .social-module .soc-mod-header .soc-mod-text h2 { letter-spacing: -0.0125em; font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 14px; color: #3d3d3d; margin: 0; } .social-hub-body .social-share .social-module .soc-mod-header .soc-mod-text h2 span { font-family: 'Salvo Sans Bold', Helvetica, Arial, sans-serif; font-size: 30px; } .social-hub-body .social-share .social-module .soc-mod-header .soc-mod-text .soc-mod-link { padding-bottom: 0; } .social-hub-body .social-share .social-module .soc-mod-header .soc-mod-text .soc-mod-link a { font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 12px; color: #bf177c; } .social-hub-body .social-share .social-module .soc-mod-header .soc-mod-text .soc-mod-link a:hover { color: #63004c; } .social-hub-body .social-share .social-module .soc-mod-header .soc-mod-text .soc-mod-link a span { display: inline-block; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #bf177c; margin: 0 0 -1px 3px; } .social-hub-body .social-share .social-module.instagram .soc-mod-instagram-sider { border-top-left-radius: 10px; border-bottom-left-radius: 10px; float: left; width: 93px; height: 270px; background-color: #e8eaeb; } .social-hub-body .social-share .social-module.instagram .soc-mod-instagram-sider div { background: url("/img/icons/social/social-feed-ig-logo.png") no-repeat scroll 0 0 #e8eaeb; height: 55px; margin: 19px 0 0 19px; } .social-hub-body .social-share .social-module.instagram .soc-mod-instagram-main { background: white; padding-left: 20px; float: left; width: 507px; height: 270px; } .social-hub-body .social-share .social-module.instagram .soc-mod-instagram-main .soc-mod-icon { display: none; } .social-hub-body .social-share .social-module.instagram .soc-mod-instagram-main .soc-mod-header { padding-left: 0; height: 70px; border-top-left-radius: 0; background-color: white; } .social-hub-body .social-share .social-module.instagram .soc-mod-instagram-main .soc-mod-header .soc-mod-text { padding-left: 0; padding-top: 10px; width: 500px; } .social-hub-body .social-share .social-module.instagram .soc-mod-instagram-main .soc-mod-header .soc-mod-text h2 { width: auto; font-family: 'Salvo Sans Light', Helvetica, Arial, sans-serif; font-size: 24px; color: #000000; margin: 0; } .social-hub-body .social-share .social-module.instagram .soc-mod-instagram-main .soc-mod-header .soc-mod-text h2 span { font-family: 'Salvo Sans Bold', Helvetica, Arial, sans-serif; font-size: 24px; } .social-hub-body .social-share .social-module.instagram .soc-mod-instagram-main .soc-mod-header .soc-mod-link { padding-top: 2px; } .social-hub-body .instagrammy { float: left; width: 486px; height: 176px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } .social-hub-body .instagrammy ul { height: inherit; margin: 0; padding: 0; } .social-hub-body .instagrammy li { display: inline; list-style-type: none; padding-right: 18px; } .social-hub-body .instagrammy li img { height: 138px; border: 1px solid lightgray; padding: 6px; } .header-nav.sticky-banner-margin { margin-bottom: 122px; } @media screen and (max-width: 979px) { .social-hub-banner .sh-banner-wrapper { width: 620px; } .social-hub-banner .sh-banner-wrapper .sh-banner-part-1 { width: 240px; font-size: 24px; margin-top: 3px; } .social-hub-banner .sh-banner-wrapper .sh-banner-part-2 .sh-banner-button { width: 178px; } .social-hub-banner .sh-banner-wrapper .sh-banner-part-2 .sh-banner-button div { margin-left: 23px; } .social-hub-campaign .image-non-mobile { width: 620px; } .social-hub-body .social-share .social-module .soc-mod-header { height: 50px; } .social-hub-body .social-share .social-module .soc-mod-header .soc-mod-icon { margin-top: 5px; width: 35px; height: 35px; background-position: 0 -58px; } .social-hub-body .social-share .social-module .soc-mod-header .soc-mod-text { width: 225px; } .social-hub-body .social-share .social-module .soc-mod-header .soc-mod-text h2 { font-family: 'Salvo Sans Bold', Helvetica, Arial, sans-serif; font-size: 16px; color: #000000; } .social-hub-body .social-share .social-module .soc-mod-header .soc-mod-text h2 span { font-family: 'Salvo Sans Bold', Helvetica, Arial, sans-serif; font-size: 16px; } .social-hub-body .social-share .social-module .soc-mod-header .soc-mod-text .soc-mod-link { padding-top: 3px; } .social-hub-body .social-share .social-module .soc-mod-header .soc-mod-text .soc-mod-link a { font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 11px; } .social-hub-body .social-share .social-module.instagram .soc-mod-instagram-sider { display: none; } .social-hub-body .social-share .social-module.instagram .soc-mod-instagram-main { width: 300px; height: inherit; padding-left: 0; background-color: inherit; } .social-hub-body .social-share .social-module.instagram .soc-mod-instagram-main .soc-mod-icon { display: block; } .social-hub-body .social-share .social-module.instagram .soc-mod-instagram-main .soc-mod-header { border-top-left-radius: 10px; border-top-right-radius: 10px; height: 70px; background-color: #e8eaeb; padding: 10px 5px 0 5px; margin: 0; } .social-hub-body .social-share .social-module.instagram .soc-mod-instagram-main .soc-mod-header .soc-mod-text { width: 225px; padding: 5px 0 0 10px; } .social-hub-body .social-share .social-module.instagram .soc-mod-instagram-main .soc-mod-header .soc-mod-text h2 { font-family: 'Salvo Sans Bold', Helvetica, Arial, sans-serif; font-size: 16px; color: #000000; margin: 0; } .social-hub-body .social-share .social-module.instagram .soc-mod-instagram-main .soc-mod-header .soc-mod-text h2 span { font-family: 'Salvo Sans Bold', Helvetica, Arial, sans-serif; font-size: 16px; } .social-hub-body .social-share .social-module.instagram .soc-mod-instagram-main .soc-mod-header .soc-mod-link { padding-top: 4px; padding-bottom: 0; } .social-hub-body .social-share .social-module.instagram .soc-mod-instagram-main .soc-mod-header .soc-mod-link a { font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 11px; } .social-hub-body .instagrammy-wrapper { height: 466px; background-color: white; padding-top: 14px; } .social-hub-body .instagrammy-wrapper .instagrammy { margin: 0 auto; float: none; width: 178px; height: 448px; overflow-x: hidden; overflow-y: scroll; } .social-hub-body .instagrammy-wrapper .instagrammy li { display: block; padding-bottom: 18px; } .social-hub-body .instagrammy-wrapper .instagrammy li img { height: auto; width: 138px; } } @media screen and (max-width: 639px) { .social-hub-banner { padding: 12px 0 28px 0; } .social-hub-banner .sh-banner-wrapper { width: 320px; } .social-hub-banner .sh-banner-wrapper .sh-banner-part-1 { font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 15px; letter-spacing: 0; float: none; width: 300px; height: 26px; margin: 0 auto; text-align: center; } .social-hub-banner .sh-banner-wrapper .sh-banner-part-2 { width: 300px; float: none; margin: 0 auto; } .social-hub-banner .sh-banner-wrapper .sh-banner-part-2 .sh-banner-button { font-size: 13px; width: 147px; height: 55px; } .social-hub-banner .sh-banner-wrapper .sh-banner-part-2 .sh-banner-button div { margin-top: 13px; margin-left: 16px; } .social-hub-banner .sh-banner-wrapper .sh-banner-part-2 .sh-banner-button a { margin-top: 13px; } .social-hub-section { width: 320px; margin: 0 auto; } .social-hub-campaign { margin-left: 0; } .social-hub-campaign .image-non-mobile { display: none; } .social-hub-campaign .image-mobile { display: block; } .header-nav.sticky-banner-margin { margin-bottom: 104px; } } @media screen and (min-width: 640px) { .sticky-banner-dropshadow { display: none; height: 20px; position: absolute; left: 0; right: 0; background: rgba(0, 0, 0, 0) url(/img/gradients/header-drop-shadow.png) no-repeat center top; z-index: 1000; bottom: -20px; } } /* TV Countdown Timer */ .secondary #tv-countdown { margin: 0 auto 20px; padding: 15px 10px 44px; width: 280px; background-color: #000; position: relative; } .secondary #tv-countdown .privacy-policy, .secondary #tv-countdown .privacy-policy:hover { color: #999; font-size: 1em; position: absolute; bottom: 12px; right: 10px; text-transform: uppercase; font-family: Arial; font-weight: bold; } .secondary .countdown-timer { margin: 0 0 19px; color: #FFF; padding: 0 10px; font-family: 'Salvo Sans Light', helvetica, arial; } .secondary .countdown-timer .magnetic-poetry { font-size: 2.9em; line-height: 1em; } .secondary .countdown-timer .magnetic-poetry .magneticPoetry-word { line-height: 1em; background: #993ec6; color: #FFF; padding: 4px 5px 1px 5px; margin: 5px 0px 7px 0px; } .secondary .tune-in-form { margin: 0 10px; padding: 0; font-family: Helvetica, Arial, sans-serif; color: #FFF; width: 94%; } .secondary .tune-in-form h3 { margin: 0 auto 20px; font-family: 'Salvo Sans Light', serif; font-size: 2.4em; font-weight: normal; color: #FFF; } .secondary .tune-in-form .email-me { margin-bottom: 20px; } .secondary .tune-in-form .questions li { margin-bottom: 5px; color: #000; } .secondary .tune-in-form .funnel { position: relative; } .secondary .tune-in-form #nickmom-tv-tune-in-email-label-email, .secondary .tune-in-form #nickmom-tv-tune-in-sms-label-phone { display: none; } .secondary .tune-in-form input { border: 1px solid #bbbbbb; } .secondary .tune-in-form input.submit { font-family: 'Salvo Sans Medium', serif; font-size: 1.2em; } .secondary .tune-in-form input[type="text"] { width: 40px !important; border: 0px; } .secondary .tune-in-form .questions { margin: 0px; } .secondary .tune-in-form #nickmom-tv-tune-in-email-field-email { width: 154px !important; } .secondary .tune-in-form .error, .secondary .tune-in-form .success { background: none; border: none; padding: 0; font-size: 1.4em; font-family: 'Salvo Serif Light', serif; color: #F00; width: auto; } .secondary .tune-in-form .success { color: #FFF; margin: 10px 0 15px; } .secondary .tune-in-form input[type="submit"] { position: absolute; width: 85px; right: 0; top: 0; background: #bf177c; border-radius: 20px; border-color: #bf177c; text-transform: uppercase; } @media screen and (min-width: 640px) { .secondary #tv-countdown { float: left; margin-left: 10px; margin-right: 10px; } } @media screen and (min-width: 980px) { .secondary #tv-countdown { float: none; } } .newsletter-signup-view-zone .newsletter-heading { text-align: left; margin-left: 10px; } .newsletter-signup-view-zone .newsletter-heading h1 { font-family: 'Salvo Sans Regular', sans-serif; font-size: 2.4em; margin: 12px 0 10px; font-weight: normal; } .newsletter-sign-up { position: relative; margin: 0 0 30px; padding: 15px 10px 20px; background: #000; } .newsletter-sign-up .newsletter-wrap { position: relative; float: left; } .newsletter-sign-up .promo-image { display: none; float: left; width: 300px; } .newsletter-sign-up .privacy-policy, .newsletter-sign-up .privacy-policy:hover { color: #999; font-size: 1em; position: absolute; bottom: 15px; right: 10px; text-transform: uppercase; font-family: Arial; font-weight: bold; } .newsletter-sign-up .newsletter-heading { margin: 0 0 8px; color: #FFF; padding: 0 10px; font-family: 'Salvo Sans Light', helvetica, arial; } .newsletter-sign-up .newsletter-heading .magnetic-poetry { font-size: 3.2em; line-height: 1em; } .newsletter-sign-up .newsletter-heading .magnetic-poetry .magneticPoetry-word { line-height: 1em; color: #FFF; padding: 3px 5px 1px 5px; margin: 5px 0px 7px 0px; } .newsletter-sign-up .newsletter-subheading { margin: 12px 10px; } .newsletter-sign-up .newsletter-subheading h3 { color: #FFF; font-size: 1.8em; font-family: 'Salvo Serif Light', serif; font-weight: normal; margin: 0; padding: 0; } .newsletter-sign-up .newsletter-form { margin: 0 10px; padding: 0; font-family: Helvetica, Arial, sans-serif; color: #FFF; } .newsletter-sign-up .newsletter-form h3 { margin: 0 auto 20px; font-family: 'Salvo Sans Light', serif; font-size: 2.4em; font-weight: normal; color: #FFF; } .newsletter-sign-up .newsletter-form .email-me { position: relative; } .newsletter-sign-up .newsletter-form input { border: 1px solid #666666; font-family: 'Salvo Sans Light', sans-serif; font-size: 1.4em; padding: 4px; } .newsletter-sign-up .newsletter-form input[type="checkbox"] { position: absolute; left: 0; top: 0; border: none; padding: 0; /* IE likes this */ } .newsletter-sign-up .newsletter-form input[type="submit"] { float: right; display: block; width: 95px; background: #bf177c; border-radius: 20px; border-color: #bf177c; text-transform: uppercase; margin: 12px auto 0; font-family: 'Salvo Sans Medium', sans-serif; font-size: 1.2em; color: #FFF; } .newsletter-sign-up .newsletter-form .privacy { position: relative; padding-left: 20px; margin-top: 12px; color: #666666; font-size: 1.2em; } .newsletter-sign-up .newsletter-form .privacy a, .newsletter-sign-up .newsletter-form .privacy a:hover { color: #666666; text-decoration: underline; } .newsletter-sign-up .newsletter-form .email { width: 250px !important; } .newsletter-sign-up .newsletter-form .error, .newsletter-sign-up .newsletter-form .success { background: none; border: none; padding: 0; font-size: 1.4em; font-family: 'Salvo Serif Light', serif; color: #F00; width: auto; margin-bottom: 12px; } .newsletter-sign-up .newsletter-form .success { color: #FFF; margin: 20px 0 15px; } .primary-1 .newsletter-sign-up .newsletter-subheading h3, .primary-2 .newsletter-sign-up .newsletter-subheading h3 { font-size: 1.6em; } .secondary .newsletter-sign-up { margin: 0 auto 20px; width: 280px; background: #000; } .secondary .newsletter-heading .magnetic-poetry { font-size: 2.9em; } .secondary .newsletter-heading .magnetic-poetry .magneticPoetry-word { background: #993ec6; } .secondary .newsletter-form { width: 94%; } .secondary .newsletter-form input[type="checkbox"] { top: 5px; } @media screen and (min-width: 640px) { .newsletter-signup-view-zone .newsletter-heading { margin-left: 0; } .newsletter-signup-view-zone .newsletter-heading h1 { font-size: 4.2em; } .newsletter-signup-view-zone { width: 620px; } .primary-1 .newsletter-sign-up, .primary-2 .newsletter-sign-up { padding: 0; } .primary-1 .newsletter-sign-up .promo-image, .primary-2 .newsletter-sign-up .promo-image { display: block; } .primary-1 .newsletter-sign-up .newsletter-wrap, .primary-2 .newsletter-sign-up .newsletter-wrap { margin: 0 10px 10px 5px; width: 295px; } .primary-1 .newsletter-sign-up .newsletter-subheading, .primary-2 .newsletter-sign-up .newsletter-subheading { margin: 15px 10px 10px; } .primary-1 .newsletter-sign-up .newsletter-subheading h3, .primary-2 .newsletter-sign-up .newsletter-subheading h3 { font-size: 2.4em; } .primary-1 .newsletter-sign-up .newsletter-form .email, .primary-2 .newsletter-sign-up .newsletter-form .email { width: 265px !important; } .secondary .newsletter-sign-up { display: block; float: right; margin-left: 10px; margin-right: 10px; } } @media screen and (min-width: 980px) { .secondary .newsletter-sign-up { float: none; } } .tile.tv-chicklets { margin: 0 10px 54px; } .tile.tv-chicklets h2 { font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 2.8em; font-weight: normal; margin-top: 0px; } .tile.tv-chicklets .nickcarousel .scroller { overflow: hidden; } .tile.tv-chicklets .nickcarousel .content { position: relative; height: 460px; } .tile.tv-chicklets .nickcarousel .page { position: absolute; display: none; width: 100%; } .tile.tv-chicklets .nickcarousel .page:first-child { display: block; } .tile.tv-chicklets .nickcarousel article { margin: 0 0 10px; } .tile.tv-chicklets .nickcarousel .navigation .disabled { opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */ } @media screen and (min-width: 640px) { .tile.tv-chicklets { width: 480px; margin: 0 auto 54px; } .tile.tv-chicklets .page { width: auto; } } @media screen and (min-width: 768px) { .tile.tv-chicklets { width: auto; margin: 0 10px 54px; } .tile.tv-chicklets .nickcarousel .content { height: 240px !important; } .tile.tv-chicklets .nickcarousel .page, .tile.tv-chicklets .nickcarousel article { float: left; } .tile.tv-chicklets .nickcarousel .page { width: 620px; } .tile.tv-chicklets .nickcarousel article { white-space: normal; margin: 0 0 0 20px; } .tile.tv-chicklets .nickcarousel article:first-child { margin: 0; } } #meet-the-cast { font-weight: normal; margin: 0 10px; } #meet-the-cast hr { height: 0; border: 0; border-top: 6px solid black; margin: 16px 0px 40px; } #meet-the-cast h2 { font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 2.8em; font-weight: normal; margin: 0 0 15px; } #meet-the-cast .cast-list { list-style: none; margin: 0 auto; padding: 0; } #meet-the-cast li { float: left; clear: left; } #meet-the-cast .cast-member { margin: 0 auto 15px; padding: 0 0 15px; border-bottom: 1px dashed #bbbbbb; } #meet-the-cast .frame { float: left; width: 140px; height: 140px; overflow: hidden; } #meet-the-cast .bio { margin: 0 0 0 0; /* mugs are 140px wide */ } #meet-the-cast h3 { font-family: 'Salvo Serif Regular', serif; font-size: 2em; font-weight: normal; color: #993ec6; margin: 0 0 0 150px; } #meet-the-cast p { font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; color: #111111; font-size: 1.3em; margin: 10px 0 0 0; float: left; } #meet-the-cast li:last-child .cast-member { border-bottom: none; } @media screen and (min-width: 768px) { #meet-the-cast .bio { margin: 0 0 0 150px; /* mugs are 140px wide */ } #meet-the-cast h3 { margin: 0 0 0 0; } #meet-the-cast p { float: none; margin: 3px 0 0 0; font-size: 1.5em; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ .module.shows { width: 320px; margin: 0 auto; } .module.shows h2 { font-size: 2.8em; font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-weight: normal; margin-left: 10px; margin-bottom: 0; } .module.shows .show-promo { width: 300px; float: left; margin: 10px; position: relative; } .module.shows .show-promo .title { font-family: 'Salvo Serif Light', serif; margin-top: 20px; font-size: 1.8em; line-height: 14px; } .module.shows .show-promo p { font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 1.5em; color: #000; margin-bottom: 10px; } .module.shows .show-promo .more { display: block; text-transform: uppercase; font-size: 1.2em; font-family: 'Salvo Sans Bold', Helvetica, Arial, sans-serif; margin-bottom: 15px; } .module.shows .show-promo .continue-arrow { float: left; margin-left: 5px; position: relative; margin-top: 2px; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #c11778; } .module.shows .show-promo .info { padding: 0; } .module.shows .show-promo a, .module.shows .show-promo a:visited, .module.shows .show-promo a:active { color: #c11778; } .module.shows .show-promo a.sneak-peak { background: #993ec6 url(/img/tmp/sneak-peak-icon.png) no-repeat 2% center; border-radius: 20px; text-transform: uppercase; font-weight: bold; font-size: 1.1em; height: 13px; padding: 5px 10px 5px 25px; width: 130px; position: absolute; top: 210px; left: 70px; display: none; color: #FFF; } @media screen and (min-width: 640px) { .module.shows { width: 100%; } } .tv-show-page .module.tv-header-nav .sub-nav a[data-key="about"] { color: #fff; background: #e65c00; text-shadow: 0px 1px 3px #969696; } .tv-show-page .module.tv-header-nav .sub-nav a[data-key="about"] div { display: block; } .tv-videos-landing .module.tv-header-nav .sub-nav a[data-key="videos"] { color: #fff; background: #e65c00; text-shadow: 0px 1px 3px #969696; } .tv-videos-landing .module.tv-header-nav .sub-nav a[data-key="videos"] div { display: block; } .tv-content-bg-wide { display: none; height: 160px; position: absolute; top: 0px; left: 0px; right: 0px; background: #ffffff url() no-repeat top center; } @media screen and (min-width: 480px) { .tv-content-bg-wide { display: block; background-position: 37% top; } } @media screen and (min-width: 768px) { .tv-content-bg-wide { background-position: center top; } } .module.tv-header-nav { padding: 0; position: relative; margin: -10px 0 12px 0; height: 100px; } .module.tv-header-nav .category { margin: 20px 0 0 10px; font-size: 10px; } .module.tv-header-nav .content-category { display: none; } .module.tv-header-nav .magneticPoetry { margin-left: 10px; font-size: 1.5em; font-family: 'Salvo Sans Regular', Arial; font-weight: normal; line-height: 36px; } .module.tv-header-nav .magneticPoetry span { margin: 5px 0px 5px 0px; } .module.tv-header-nav .full-schedule { font-family: arial; font-weight: bold; font-size: 1em; margin: 0 0 0 10px; color: #bf177c; } .module.tv-header-nav .full-schedule div { display: inline-block; } .module.tv-header-nav .sub-nav { list-style: none; list-style-image: none; margin: 0; padding: 0; position: absolute; bottom: -8px; margin: 0 10px; } .module.tv-header-nav .sub-nav li { float: left; margin-right: 5px; } .module.tv-header-nav .sub-nav a { position: relative; font-family: 'Salvo Sans Regular', helvetica, arial; font-size: 1.3em; display: block; padding: 5px 5px 3px; color: #000; background-color: #F3F3F3; -webkit-box-shadow: 0px -3px 2px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px -3px 2px rgba(50, 50, 50, 0.2); box-shadow: 0px -3px 2px rgba(50, 50, 50, 0.2); } .module.tv-header-nav .sub-nav a div { display: none; position: absolute; bottom: -5px; left: 39%; } .module.tv-header-nav .sub-nav a div.arrow-orange-sm-dn { border-style: solid; border-width: 5px 5px 0; border-color: #e65c00 transparent transparent; } .module.tv-header-nav .sub-nav a:hover { color: #fff; background: #e65c00; text-shadow: 0px 1px 3px #969696; } .module.tv-header-nav .sub-nav a:hover div { display: block; } @media screen and (min-width: 480px) { .module.tv-header-nav { margin: -10px 0 23px 0; height: 160px; } .module.tv-header-nav .category { margin: 25px 0 0 10px; } .module.tv-header-nav .category .magneticPoetry-word { margin: 5px 0px 10px 0px; } .module.tv-header-nav .magneticPoetry { font-size: 2.0em; } .module.tv-header-nav .full-schedule { font-size: 1.1em; } .module.tv-header-nav .sub-nav li { margin-right: 6px; } .module.tv-header-nav .sub-nav a { font-size: 2.0em; padding: 10px 20px 5px; } .module.tv-header-nav .sub-nav a div { left: 42%; } } @media screen and (min-width: 768px) { .module.tv-header-nav { margin: -20px 0 23px 0; } } @media screen and (min-width: 960px) { } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ .content-end-level-view-zone.series-end-level .end-level-title.tile { min-height: 0; clear: both; } .tv-show-page .header.tile.end-level-title, .tv-hub-page .header.tile.end-level-title { min-height: 0; clear: both; } .tv-videos-landing .content-category { margin-bottom: 15px; } .tv-videos-landing .content-category a { font-size: 15px; font-family: Helvetica, arial, sans-serif; } @media screen and (min-width: 480px) { .tv-videos-landing .content-category a { font-size: 20px; /* overriding */ } } .tv-hub-page .tv-hub-player-wrapper { background: #000; padding: 10px; margin: 0 10px; color: #FFF; } .tv-hub-page .tv-hub-player-wrapper .description { font-size: 1.8em; font-family: 'Salvo Sans Light', Helvetica, Arial, sans-serif; margin-right: 4px; margin-left: 4px; } .tv-show-page .tv-show-player-wrapper { background: #FFF; -webkit-box-shadow: 0 2px 2px #CCC; box-shadow: 0 2px 2px #CCC; padding: 10px; margin: 0 10px; } .tv-show-page .tv-show-player-wrapper .description { font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 1.5em; color: #333333; line-height: 1.5em; } @media screen and (min-width: 640px) { .tv-show-page .tv-show-player-wrapper { -webkit-box-shadow: 2px 2px 2px #CCC; box-shadow: 2px 2px 2px #CCC; } } @media screen and (min-width: 1120px) { .tv-show-page .tv-show-player-wrapper { margin: 0 10px 20px; } } .tv-videos-landing .tv-show-player-wrapper { width: auto; margin: 0; } .tv-videos-landing .tv-show-player-wrapper .video-player-wrapper { margin: 0; } @media screen and (min-width: 640px) { .tv-videos-landing .tv-show-player-wrapper { width: 620px; float: left; margin-right: 10px; } } #channel-finder-wrapper.inactive { display: none; } #channel-finder-wrapper.active { display: block; } .tv-schedule-view-zone .channel-finder-mini { display: block; } .tv-schedule-view-zone .channel-finder-right-rail { display: none; } .tv-hub-page .channel-finder-mini { display: block; } .tv-hub-page .channel-finder-right-rail { display: none; } .channel-finder-mini { margin: 0 10px 20px; padding: 0 0 11px 11px; clear: both; background-image: url(/img/tmp/channel-finder-inner-shadow.png); background-position: right 0px; background-repeat: repeat-y; background-color: #993ec6; color: white; position: relative; } .channel-finder-mini .subhead { font-size: 21px; padding: 10px 0px; color: #ffffff; float: left; width: 90%; } .channel-finder-mini h3 { font-size: 21px; margin: 0; padding: 10px 0 8px; color: white; width: 100%; } .channel-finder-mini .error_text { font-size: 14px; color: white; margin: 0 10px 0 0; position: absolute; bottom: 12px; left: 210px; } .channel-finder-mini input { margin: 0 10px 0 0; height: 20px; } .channel-finder-mini .channel-finder-form { float: left; margin-right: 10px; } .channel-finder-mini .channel-finder-form .channel-finder-zip { padding-left: 4px; font-family: 'Salvo Sans Light'; font-size: 14px; width: 80px; margin-top: 3px; } .channel-finder-mini .channel-finder-form .channel-finder-submit { height: 29px; width: 87px; float: right; background: url('/img/btn_submit.png') no-repeat; } .channel-finder-right-rail { width: 280px; height: 210px; margin: 0px auto 20px; padding: 10px; background-image: url(/img/tmp/channel-finder-inner-shadow.png); background-position: right 0px; background-repeat: no-repeat; background-color: #993ec6; color: white; } .channel-finder-right-rail .headline.magnetic-poetry.magneticPoetry { font-size: 28px; font-family: 'Salvo Sans Light'; } .channel-finder-right-rail .channel-finder-form .channel-finder-zip { padding-left: 4px; font-family: 'Salvo Sans Light'; font-size: 14px; width: 80px; float: left; } .channel-finder-right-rail .channel-finder-form .channel-finder-submit { height: 29px; width: 87px; background: url('/img/btn_submit.png') no-repeat; } .channel-finder-right-rail .subhead { font-size: 24px; padding: 10px 0px; color: #ffffff; float: left; } .channel-finder-right-rail h3 { font-size: 28px; padding: 10px 20px; color: #993ec7; } .channel-finder-right-rail .error_text { font-size: 14px; color: white; margin: 10px 0 0 0; float: left; } .channel-finder-right-rail input { margin: 0 10px 0 0; height: 20px; } .channel-finder-right-rail .channel-finder-zip { margin-top: 3px; } .channel-finder-default { margin-bottom: 20px; margin-right: 0px; padding: 10px; background-image: url(/img/tmp/channel-finder-inner-shadow.png); background-position: right 0px; background-repeat: no-repeat; background-color: #993ec6; color: white; } .channel-finder-default .headline.magnetic-poetry.magneticPoetry { font-size: 27px; font-family: 'Salvo Sans Light'; } .channel-finder-default .zipform { float: right; margin-top: 0px; width: 240px; margin-bottom: 10px; } .channel-finder-default .zipform .channel-finder-form { text-align: right; } .channel-finder-default .zipform .channel-finder-form .channel-finder-zip { padding-left: 4px; font-family: 'Salvo Sans Light'; font-size: 14px; width: 80px; margin-top: 3px; } .channel-finder-default .zipform .channel-finder-form .channel-finder-submit { height: 29px; width: 87px; background: url('/img/btn_submit.png') no-repeat; float: right; } .channel-finder-default .subhead { font-size: 18px; padding: 10px 0px; color: #ffffff; float: left; width: 97%; } .channel-finder-default h3 { font-size: 28px; padding: 10px 20px; color: #993ec7; } .channel-finder-default .error_text { width: 245px; font-size: 14px; color: white; margin: 5px 0 10px 0; position: absolute; } .channel-finder-default input { margin: 0 10px 0 0; height: 20px; } .channel-finder-results { position: relative; margin-bottom: 20px; margin-right: 0px; padding: 10px; float: left; font-family: 'Salvo Sans Light'; font-size: 13px; background: #fff; box-shadow: 0 0 10px #CCC; } .channel-finder-results .zcc-provider-type { margin: 13px 0px; padding-bottom: 6px; font-family: 'Salvo Sans Regular'; font-size: 18px; font-weight: normal; border-bottom: 8px solid black; } .channel-finder-results .channel-finder-results-inner { position: relative; } .channel-finder-results .cable-channel { right: 10px; top: 28px; } .channel-finder-results .satelite-channel { right: 10px; top: 28px; } .channel-finder-results .channel { position: relative; float: right; width: 80px; font-family: 'Salvo Sans Regular'; font-size: 13px; text-align: right; padding-top: 7px; } .channel-finder-results div { border-bottom: 0px; width: 100%; } .channel-finder-results div .odd, .channel-finder-results div .even { border-bottom: 1px dashed #993ec6; width: 100%; } .channel-finder-results div > div { padding-top: 2px; margin-bottom: 6px; float: left; } .channel-finder-results div > div .col_left { border-bottom: 0px; float: left; width: 240px; } .channel-finder-results div > div .col_right { text-align: right; border-bottom: 0px; float: right; width: 55px; } @media screen and (min-width: 480px) { .col_left { width: 420px !important; } } @media screen and (min-width: 640px) { .col_left { width: 450px !important; } .channel-finder-right-rail { margin-top: -130px; margin: 0px 10px; } } @media screen and (min-width: 768px) { .channel-finder-right-rail { background-image: url(/img/tmp/channel-finder-inner-shadow.png); background-position: right 0px; background-repeat: no-repeat; background-color: #993ec6; color: white; width: 280px; height: 210px; margin-left: 10px; margin-bottom: 20px; padding: 10px; } .channel-finder-right-rail .headline.magnetic-poetry.magneticPoetry { font-size: 28px; font-family: 'Salvo Sans Light'; } .channel-finder-right-rail .channel-finder-form .channel-finder-zip { padding-left: 4px; font-family: 'Salvo Sans Light'; font-size: 14px; width: 80px; float: left; } .channel-finder-right-rail .channel-finder-form .channel-finder-submit { height: 29px; width: 87px; background: url('/img/btn_submit.png') no-repeat; } .channel-finder-right-rail .subhead { font-size: 24px; padding: 10px 0px; color: #ffffff; float: left; } .channel-finder-right-rail h3 { font-size: 28px; padding: 10px 20px; color: #993ec7; } .channel-finder-right-rail .error_text { font-size: 14px; color: white; margin: 10px 0 0 0; float: left; } .channel-finder-right-rail input { margin: 0 10px 0 0; height: 20px; } .channel-finder-default { position: relative; margin: 0 10px 20px; padding: 10px; background-image: url(/img/tmp/channel-finder-inner-shadow.png); background-position: right 0px; background-repeat: no-repeat; background-color: #993ec6; color: white; } .channel-finder-default .headline.magnetic-poetry.magneticPoetry { font-size: 33px; font-family: 'Salvo Sans Light'; } .channel-finder-default .zipform { position: absolute; right: 10px; bottom: 20px; margin-bottom: 4px; } .channel-finder-default .zipform .channel-finder-form .channel-finder-zip { padding-left: 4px; font-family: 'Salvo Sans Light'; font-size: 14px; width: 80px; } .channel-finder-default .zipform .channel-finder-form .channel-finder-submit { height: 29px; width: 87px; background: url('/img/btn_submit.png') no-repeat; } .channel-finder-default .subhead { font-size: 26px; padding: 10px 0px; color: #ffffff; float: left; width: 64%; } .channel-finder-default h3 { font-size: 28px; padding: 10px 20px; color: #993ec7; } .channel-finder-default input { margin: 0 10px 0 0; height: 20px; } .channel-finder-results { margin: 0 10px 20px; padding: 10px; float: left; font-family: 'Salvo Sans Light'; font-size: 13px; background: #fff; box-shadow: 0 0 10px #CCC; } .channel-finder-results .guide-title { float: left; width: 100%; } .channel-finder-results .zcc-provider-type { margin: 13px 0px; padding-bottom: 6px; font-family: 'Salvo Sans Regular'; font-size: 18px; font-weight: normal; border-bottom: 8px solid black; } .channel-finder-results div { border-bottom: 0px; } .channel-finder-results div .odd, .channel-finder-results div .even { border-bottom: 1px dashed #993ec6; width: 100%; } .channel-finder-results div > div { padding-top: 2px; margin-bottom: 6px; float: left; } .channel-finder-results div > div .col_left { border-bottom: 0px; float: left; } .channel-finder-results div > div .col_right { text-align: right; border-bottom: 0px; float: right; } .channel-finder-mini { padding: 0 0 11px 11px; background-image: url(/img/tmp/channel-finder-inner-shadow.png); background-position: right 0px; background-repeat: repeat-y; background-color: #993ec6; color: white; } .channel-finder-mini .subhead { font-size: 21px; padding: 10px 0px; color: #ffffff; float: left; width: 90%; } .channel-finder-mini h3 { font-size: 21px; margin: 0; padding: 10px 0 8px; color: white; width: 100%; } .channel-finder-mini .error_text { font-size: 14px; color: white; margin: 0 10px 0 0; position: absolute; left: 210px; } .channel-finder-mini input { margin: 0 10px 0 0; height: 20px; } .channel-finder-mini .channel-finder-form .channel-finder-zip { padding-left: 4px; font-family: 'Salvo Sans Light'; font-size: 14px; width: 80px; } .channel-finder-mini .channel-finder-form .channel-finder-submit { height: 28px; width: 85px; height: 29px; width: 87px; background: url('/img/btn_submit.png') no-repeat; } } @media screen and (min-width: 980px) { .tv-schedule-view-zone .channel-finder-mini { display: none; } .tv-schedule-view-zone .channel-finder-right-rail { display: block; } .channel-finder-right-rail { background-image: url(/img/tmp/channel-finder-inner-shadow.png); background-position: right 0px; background-repeat: no-repeat; background-color: #993ec6; color: white; width: 280px; height: 235px; margin-left: 10px; margin-bottom: 20px; padding: 10px; } .channel-finder-right-rail .headline.magnetic-poetry.magneticPoetry { font-size: 28px; font-family: 'Salvo Sans Light'; } .channel-finder-right-rail .channel-finder-form .channel-finder-zip { padding-left: 4px; font-family: 'Salvo Sans Light'; font-size: 14px; width: 80px; float: left; } .channel-finder-right-rail .channel-finder-form .channel-finder-submit { height: 29px; width: 87px; background: url('/img/btn_submit.png') no-repeat; } .channel-finder-right-rail .subhead { font-size: 24px; padding: 10px 0px; color: #ffffff; float: left; } .channel-finder-right-rail h3 { font-size: 28px; padding: 10px 20px; color: #993ec7; } .channel-finder-right-rail .error_text { font-size: 14px; color: white; margin: 2px 0 0 0; float: left; } .channel-finder-right-rail input { margin: 0 10px 0 0; height: 20px; } .tv-hub-page .channel-finder-mini { display: none; } .tv-hub-page .channel-finder-right-rail { display: block; } } .expired-content { background: #630474; padding: 10px 10px; box-shadow: inset 0 0 10px #1d0b27; } .expired-content .heading { width: 270px; margin: 0 auto; text-align: center; } .expired-content .magnetic-poetry { font-size: 1.1em; font-family: 'Salvo Serif Regular', serif; margin: 0 auto 10px; } .expired-content .magnetic-poetry .magneticPoetry-word { line-height: 1em; color: #FFF; background: #e65c00; padding: 3px 5px 2px 5px; margin: 5px 0 0; } .expired-content .subheading { clear: both; text-align: center; font-size: 1.2em; font-family: 'Salvo Serif Regular', serif; font-weight: normal; margin: 0 auto 10px; color: #FFF; width: 270px; } .expired-content .promo-wrapper { margin: 0 auto; text-align: center; width: 170px; } .expired-content .chicklet { display: none; background: #FFF; float: left; margin: 0 10px; padding: 5px; border-bottom: none; font-size: 10px; } .expired-content .chicklet.micro .info { min-height: 0; } .expired-content .chicklet:nth-child(1) { display: block; } @media screen and (min-width: 480px) { .expired-content { padding: 20px 10px; } .expired-content .heading { width: 320px; } .expired-content .magnetic-poetry { font-size: 1.4em; } .expired-content .subheading { font-size: 1.4em; width: auto; } .expired-content .promo-wrapper { width: 340px; } .expired-content .chicklet:nth-child(-n+2) { display: block; } } @media screen and (min-width: 640px) { .expired-content { height: 0; padding: 0; padding-bottom: 56.25%; /* maintain aspect ratio */ } .expired-content .heading { width: 360px; } .expired-content .magnetic-poetry { margin: 20px 20px 10px; } .expired-content .promo-wrapper { width: 510px; } .expired-content .chicklet { display: block; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ .module.tune-in-small { position: relative; margin: 0 auto 20px; padding: 0; width: 300px; background: black; -webkit-box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); -moz-box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); } .module.tune-in-small .title { padding: 11px 13px 1px; color: white; font-size: 2.3em; font-family: 'Salvo Serif Regular', serif; line-height: 130%; } .module.tune-in-small .promo { height: 182px; overflow: hidden; position: relative; background: transparent url('') no-repeat center -45px; } .module.tune-in-small .info { background: black; } .module.tune-in-small ul { list-style: none; list-style-type: none; margin: 0; padding: 12px 0 16px 12px; } .module.tune-in-small li { margin: 0 0 19px; } .module.tune-in-small li:hover .time { background: #993ec6; } .module.tune-in-small li:hover .show { color: #fff; } .module.tune-in-small .time { float: left; } .module.tune-in-small .time { margin: 2px 0px 0 0; padding: 6px 0px 5px 0px; width: 94px; background: #660597; text-align: center; font-size: 1.2em; font-family: 'Salvo Sans Regular', serif; } .module.tune-in-small .suffix { padding-left: 3px; font-size: 0.8em; font-family: 'Salvo Sans Light', serif; } .module.tune-in-small .show { margin: 0 11px 0 105px; color: #bbbbbb; font-size: 1.3em; font-family: 'Salvo Sans Light', serif; } .module.tune-in-small .show-link { color: white; font-family: 'Salvo Sans Regular', serif; } .module.tune-in-small .menu { text-align: center; margin: 0 0 15px; } .module.tune-in-small .menu-link { display: inline-block; padding: 3px 12px 5px; height: 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: white; color: #993ec6; text-transform: uppercase; font-size: 1.1em; font-family: 'Salvo Sans Medium', serif; } .module.tune-in-small .menu-link:first-child { margin: 0px 16px 0 0; } .module.tune-in-small .menu-link:hover { background: #993ec6; color: white; } .module.tune-in-small .menu-link:hover .menu-arrow { border-color: transparent transparent transparent white; } .module.tune-in-small .menu-arrow { border-style: solid; border-width: 4px 0 4px 4px; border-color: transparent transparent transparent #993ec6; display: inline-block; margin-left: 6px; } .video-landing-view-zone .module.tune-in-small { margin: 13px auto 17px; width: auto; } .module.tune-in-small .promo { height: 95px; } .chicklet-landing .module.tune-in-small { margin: 0 10px 20px; } .zone.primary-3.tv-videos-landing .module.tune-in-small { margin: 30px 10px 50px; } .zone.primary-2.tv-videos-landing .module.tune-in-small { display: none; height: 0px; width: 0px; } @media screen and (min-width: 480px) and (max-width: 659px) { .chicklet-landing .module.tune-in-small { margin: 0 0px 20px; width: 480px; } .chicklet-landing .module.tune-in-small .title { padding: 19px 20px 20px; font-size: 2.9em; } .chicklet-landing .module.tune-in-small ul { padding: 12px 0 30px 24px; } .chicklet-landing .module.tune-in-small .time { margin: 0; padding: 8px 0px 5px; font-size: 1.3em; letter-spacing: 0.1em; width: 104px; } .chicklet-landing .module.tune-in-small .show { font-size: 1.8em; margin-left: 122px; width: auto; } .chicklet-landing .module.tune-in-small .menu { text-align: left; margin: 0 0 25px; } .chicklet-landing .module.tune-in-small .menu-link:first-child { margin: 0px 16px 0 24px; } .zone.primary-3.tv-videos-landing .module.tune-in-small { margin: 30px 10px 50px; } } @media screen and (min-width: 640px) { .zone.primary-2.tv-videos-landing .module.tune-in-small { display: block; width: 300px; height: auto; } .zone.primary-3.tv-videos-landing .module.tune-in-small { display: none; } } @media screen and (min-width: 480px) and (max-width: 979px), (min-width: 1300px) { .video-landing-view-zone .module.tune-in-small { width: 480px; } .video-landing-view-zone .module.tune-in-small .title { padding: 19px 20px 20px; font-size: 2.9em; } .video-landing-view-zone .module.tune-in-small ul { padding: 12px 0 30px 24px; } .video-landing-view-zone .module.tune-in-small .time { margin: 0; padding: 8px 0px 5px; font-size: 1.3em; letter-spacing: 0.1em; width: 104px; } .video-landing-view-zone .module.tune-in-small .show { font-size: 1.8em; margin-left: 122px; width: auto; } .video-landing-view-zone .module.tune-in-small .menu { text-align: left; margin: 0 0 25px; } .video-landing-view-zone .module.tune-in-small .menu-link:first-child { margin: 0px 16px 0 24px; } } @media screen and (min-width: 640px) and (max-width: 979px) { .content-end-level-view-zone .module.tune-in-small { float: right; margin: 0 10px 20px; } .tv-hub-page .module.tune-in-small, .tv-show-page .module.tune-in-small { margin: 0 10px 20px; float: left; } } @media screen and (min-width: 768px) and (max-width: 979px) { .video-landing-view-zone .module.tune-in-small { width: 620px; } } @media screen and (min-width: 980px) { .video-landing-view-zone .module.tune-in-small { margin: 0 0 0 10px; float: left; height: 349px; width: 310px; } .video-landing-view-zone .module.tune-in-small .menu { margin: 0 0 25px 0; position: absolute; bottom: 0; left: 0; right: 0; } } @media screen and (min-width: 1300px) { .video-landing-view-zone .module.tune-in-small { width: 620px; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ .masonry-brick .tune-in { margin: 0; } .tv-schedule-view-zone.secondary .tune-in { display: none; } .tune-in { display: block; margin: 0 auto 20px; background-color: #000; color: #fff; width: 300px; } .tune-in ul, .tune-in li { list-style: none; padding: 0px; margin: 0px; } .tune-in .title { padding: 0 5%; color: #fff; font-size: 1.6em; text-align: center; font-family: "Salvo Sans Regular"; text-transform: uppercase; } .tune-in .title div { display: table-cell; vertical-align: middle; height: 40px; } .tune-in .video-thumb { width: 300px; height: 170px; position: relative; overflow: hidden; } .tune-in .video-thumb .play { background: url("/img/icons/marquee/btn-play-md.png") no-repeat scroll center center transparent; height: 170px; position: absolute; top: 0; width: 100%; } .tune-in .video-thumb img { margin: -362px -10px 0px; } .tune-in .schedule { padding: 18px 10px 0px; } .tune-in .schedule li { border-bottom: 1px solid black; padding: 0 0 18px; display: none; } .tune-in .schedule li:hover .time { background: #bf177c; } .tune-in .schedule li:hover .show .text { color: #fff; } .tune-in .schedule li .show-link { width: 276px; height: 30px; display: block; } .tune-in .schedule li .time { background-color: #e65c00; font-size: 1.6em; float: left; font-family: "Salvo Sans Regular"; padding: 2px 5px 4px; min-width: 87px; text-align: center; color: #fff; } .tune-in .schedule li .time .suffix { font-size: 0.6em; text-transform: uppercase; } .tune-in .schedule li .show { font-size: 1.3em; margin: 0 0 0 10px; font-family: "Salvo Sans regular"; float: left; line-height: 14px; padding: 0; width: 60%; } .tune-in .schedule li .show .text { display: table-cell; vertical-align: middle; height: 25px; padding: 0px; color: #bbbbbb; } .tune-in .footer .tv-tune-in-links .inner { background: none; border-radius: 0px; margin: 0px auto 20px; } .tune-in .footer .tv-tune-in-links .inner a:first-child { border-right: none; padding: 0px; } .tune-in .footer .channel-finder-mini { display: block; margin: 10px 0 0 0; height: 110px; padding: 6px 0 6px 20px; } .tune-in .footer .channel-finder-mini input { margin: 0px; } .tune-in .footer .channel-finder-mini .subhead { font-size: 1.8em; font-family: "Salvo Sans light"; } .tune-in .footer .channel-finder-mini .channel-finder-zip { border: 1px solid #bbbbbb; width: 100px; margin-right: 10px; height: 26px; float: left; } .tune-in .footer .channel-finder-mini .channel-finder-submit { width: 90px; float: right; } .tune-in .footer .channel-finder-mini .error_text { left: 20px; bottom: 0px; height: 20px; width: 250px; } @media screen and (min-width: 640px) { .tune-in { float: left; margin: 0 10px 40px; } .tv-schedule-view-zone.secondary .tune-in { display: block; } } @media screen and (min-width: 980px) { .tune-in { float: none; margin: 0 10px 20px; -moz-box-shadow: 2px 2px 2px 0px #cccccc inset; -webkit-box-shadow: 2px 2px 2px 0px #cccccc inset; box-shadow: 2px 2px 2px 0px #cccccc inset; -moz-box-shadow: 2px 2px 2px 0px #cccccc; -webkit-box-shadow: 2px 2px 2px 0px #cccccc; box-shadow: 2px 2px 2px 0px #cccccc; } .tune-in .channel-finder-mini .channel-finder-zip { -moz-box-shadow: 1px 1px 1px 0 #444444 inset; -webkit-box-shadow: 1px 1px 1px 0 #444444 inset; box-shadow: 1px 1px 1px 0 #444444 inset; -moz-box-shadow: 1px 1px 1px 0 #444444; -webkit-box-shadow: 1px 1px 1px 0 #444444; box-shadow: 1px 1px 1px 0 #444444; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ .tv-tune-in-links { width: auto; font-size: 1.1em; font-family: 'Salvo Sans Medium', Helvetica, Arial, sans-serif; text-transform: uppercase; } .tv-tune-in-links .inner { margin: 10px auto 19px; padding: 0 5px; text-align: center; width: 276px; background: #bf177c; border-radius: 20px; overflow: hidden; } .tv-tune-in-links a { display: inline-block; padding: 6px 10px; color: #FFF; } .tv-tune-in-links a:hover, .tv-tune-in-links a:visited { color: #FFF; } .tv-tune-in-links a:first-child { border-right: 1px solid #FFF; } #tv-schedule { margin: 0 10px; } #tv-schedule .tv-schedule-day { margin-bottom: 20px; float: left; box-shadow: none; width: 100%; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #tv-schedule .tv-schedule-day .day-header { background-color: #6a2b85; text-align: center; float: left; width: 100%; color: white; height: 60px; font-family: Salvo Sans Regular; } #tv-schedule .tv-schedule-day .day-header .day-header-date { float: left; width: 100%; font-size: 2.2em; margin-top: 18px; text-transform: uppercase; } #tv-schedule .tv-schedule-day .day-header .day-header-month { font-family: Salvo Sans Light; } #tv-schedule .tv-schedule-day .day-header .day-header-description { display: none; } #tv-schedule .tv-schedule-day .day-header .day-header-pgn { display: none; } #tv-schedule .tv-schedule-day .tv-episode-block { width: 100%; float: left; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode { width: 100%; float: left; margin-right: 0px; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode td { padding: 0; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode .show-image { width: 120px; height: 96px; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode .tv-episode-info { padding-top: 10px; padding-left: 10px; padding-right: 10px; width: 100%; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode .tv-episode-info .series-time { font-family: Salvo Sans Medium; color: #993ec6; font-size: 1.2em; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode .tv-episode-info .series-timezone { font-family: Salvo Sans Medium; color: #993ec6; font-size: 1em; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode .tv-episode-info .series-title { font-family: Salvo Sans Medium; font-size: 1.3em; margin-top: 4px; margin-bottom: 8px; line-height: 16px; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode .tv-episode-info .series-title a { color: black; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode .tv-episode-info .episode-title { font-family: Salvo Sans Regular; font-size: 0.9em; color: #333; float: left; margin-bottom: 5px; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode .show-description-button { margin-top: 70px; display: block; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode .description-button { background-image: url("/img/carats/btn-plus-minus.png"); width: 16px; height: 16px; cursor: pointer; display: none; margin: 0 10px; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode .description-minus-button { background-position: 16px 0; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode-description { display: none; float: left; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-family: Salvo Sans Regular; font-size: 1.1em; line-height: 14px; color: #333; margin: 0; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode-pgn { float: left; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-family: Salvo Sans Medium; font-size: 1.1em; line-height: 14px; color: #333; margin: 0; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode-pgn a { color: #bf177c; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode-pgn a:hover { color: #63004c; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode-pgn.tv-episode-pgn-mobile { float: right; padding: 0; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode-pgn.tv-episode-pgn-desktop { display: none; } #tv-schedule .tv-schedule-day .tv-episode-row-color { background-color: white; } @media screen and (min-width: 768px) { #tv-schedule .tv-schedule-day { box-shadow: 1px 2px 2px #ccc; } #tv-schedule .tv-schedule-day .day-header .day-header-date { width: 300px; } #tv-schedule .tv-schedule-day .day-header .day-header-description { display: block; float: left; font-size: 1.3em; margin-top: 24px; width: 300px; } #tv-schedule .tv-schedule-day .day-header .day-header-pgn { display: block; float: left; font-size: 1.3em; margin-top: 24px; width: 50px; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode { width: 295px; margin-right: 15px; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode .tv-episode-info { width: 165px; padding-right: 0; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode .show-description-button { display: none; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode .description-button { display: none; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode-description { display: block; width: 240px; padding-top: 10px; padding-right: 15px; padding-bottom: 5px; padding-left: 0px; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode-pgn { width: 50px; padding-top: 10px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode-pgn.tv-episode-pgn-mobile { display: none; } #tv-schedule .tv-schedule-day .tv-episode-block .tv-episode-pgn.tv-episode-pgn-desktop { display: block; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ .tv-show-page .view-all-series-videos { display: block; font-size: 1.2em; text-transform: uppercase; color: #bf177c; font-family: 'Salvo Sans Bold', sans-serif; margin: 0 auto 10px; text-align: center; clear: both; } .tv-show-page .arrow-right { display: inline-block; position: relative; top: 1px; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #bf177c; } @media screen and (min-width: 640px) { .tv-show-page .view-all-series-videos { position: absolute; right: 10px; bottom: 20px; margin: 0; } } @media screen and (min-width: 980px) { .tv-show-page .view-all-series-videos { bottom: 30px; } } .tv-landing-subnav-container { display: none; } @media screen and (min-width: 768px) { .tv-landing-subnav-container { display: block; width: 620px; margin: 0 0 20px 10px; height: 55px; background: #ffffff; font-size: 12px; font-family: 'Salvo Sans regular', Helvetica, Arial, sans-serif; float: left; } .tv-landing-subnav-container ul, .tv-landing-subnav-container li { list-style: none; display: inline-block; margin: 0; padding: 0; } .tv-landing-subnav-container .series-links { padding: 0; width: 100%; height: 100%; } .tv-landing-subnav-container .series-links .series-title { color: #ffffff; width: 24.88%; height: 55px; background: #680498; margin: 0 0 0 1px; float: left; } .tv-landing-subnav-container .series-links .series-title:first-child { margin: 0; } .tv-landing-subnav-container .series-links .series-title:hover { background: #9a3ec7; } .tv-landing-subnav-container .series-links .series-title a, .tv-landing-subnav-container .series-links .series-title a:link, .tv-landing-subnav-container .series-links .series-title a:hover, .tv-landing-subnav-container .series-links .series-title a:visited, .tv-landing-subnav-container .series-links .series-title a:active { color: #ffffff; width: 100%; height: 55px; margin: auto auto; display: inline-block; vertical-align: middle; line-height: 55px; } .tv-landing-subnav-container .series-links .series-title a span, .tv-landing-subnav-container .series-links .series-title a:link span, .tv-landing-subnav-container .series-links .series-title a:hover span, .tv-landing-subnav-container .series-links .series-title a:visited span, .tv-landing-subnav-container .series-links .series-title a:active span { margin: 0; padding: 0 5%; text-align: center; width: 90%; display: inline-block; vertical-align: middle; line-height: 1.2em; } } @media screen and (min-width: 980px) { .tv-landing-subnav-container { width: 940px; margin: 0 10px 20px; font-size: 16px; } .tv-landing-subnav-container .series-title { width: 234px; } .tv-landing-subnav-container .series-title:last-child { width: 235px; } .tv-landing-subnav-container .series-title a, .tv-landing-subnav-container .series-title a:link, .tv-landing-subnav-container .series-title a:hover, .tv-landing-subnav-container .series-title a:visited, .tv-landing-subnav-container .series-title a:active { width: 234px; } .tv-landing-subnav-container .series-title a span, .tv-landing-subnav-container .series-title a:link span, .tv-landing-subnav-container .series-title a:hover span, .tv-landing-subnav-container .series-title a:visited span, .tv-landing-subnav-container .series-title a:active span { margin: 0 25px; line-height: 1.3em; } } .zone.tv-show-page.secondary .twitter-timeline.twitter-timeline-rendered { display: block; margin: 0 auto 20px; } @media screen and (min-width: 640px) { .zone.tv-show-page.secondary .twitter-timeline.twitter-timeline-rendered { float: left; margin-left: 10px; margin-right: 10px; } } @media screen and (min-width: 980px) { .zone.tv-show-page.secondary .twitter-timeline.twitter-timeline-rendered { float: none; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ #footer-tv-schedule { width: auto; overflow: hidden; } #footer-tv-schedule h3 { font-size: 1.8em; font-family: 'Salvo Sans Medium', Helvetica, Arial, sans-serif; color: #FFF; margin: 20px 10px 19px; font-weight: normal; } #footer-tv-schedule .loading { background-position: 5px top; } #footer-tv-schedule .meridiem { font-size: 1.4em; } #footer-tv-schedule ul { display: none; list-style: none; margin: auto 0; padding: 0; } #footer-tv-schedule li { float: left; display: block; width: 18.8%; margin-left: 7.5%; padding: 0; } #footer-tv-schedule li:first-child { margin-left: 0; } #footer-tv-schedule li.live-link:hover .time { background: #bf177c; cursor: pointer; } #footer-tv-schedule li.live-link:hover a { color: #fff; } #footer-tv-schedule li.dead-link { cursor: default; } #footer-tv-schedule li.dead-link a { cursor: default; } #footer-tv-schedule .time { background: #e65c00; margin: 0 auto 10px; padding: 3px 0 3px 5px; text-align: left; font-family: 'Salvo Sans Regular', serif; color: #FFF; } #footer-tv-schedule .time .hour { font-size: 2.2em; } #footer-tv-schedule .time a { color: #FFF; } #footer-tv-schedule .footer-tv-schedule-show-name { font-size: 1.4em; font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; color: #999999; } .footer-tv-schedule .tv-tune-in-links a:first-child { border-right: 1px solid #000; } @media screen and (min-width: 768px) { .footer-tv-schedule .tv-tune-in-links { float: right; margin-bottom: 14px; margin-top: 26px; } .footer-tv-schedule.error #footer-tv-schedule { float: left; } .footer-tv-schedule.error .tv-tune-in-links .inner { margin-top: 0px; } #footer-tv-schedule h3 { font-size: 2.1em; margin: 0 0 20px; } #footer-tv-schedule ul { min-height: 77px; display: block; } } @media screen and (min-width: 980px) { #footer-tv-schedule li { width: 130px; margin-left: 50px; } } .content-most-popular.tile { width: 320px; margin: 0 auto 25px; } .content-most-popular.tile #most-popular { width: 320px; max-height: 300px; } .content-most-popular.tile #most-popular .most-popular-wrapper { border: 6px solid white; background: #f2f2f2; /* Old browsers */ background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0); /* IE6-9 */ -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; box-shadow: 2px 2px 2px #ccc; position: relative; } .content-most-popular.tile #most-popular .most-popular-wrapper ul { padding: 37px 0 0; margin: 0px; } .content-most-popular.tile #most-popular .most-popular-wrapper ul li { padding: 0px; list-style: none; margin: 0px; } .content-most-popular.tile #most-popular .most-popular-wrapper ul .title { color: #FFFFFF; display: block; font-family: 'Salvo Sans Medium', helvetica, arial; font-size: 18px; text-transform: uppercase; height: 30px; position: absolute; text-align: center; top: -6px; width: 100%; } .content-most-popular.tile #most-popular .most-popular-wrapper ul .title .purple-header { background: #f243ba; /* Old browsers */ background: -moz-linear-gradient(-45deg, #f243ba 0%, #d1008d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f243ba), color-stop(100%, #d1008d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #f243ba 0%, #d1008d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #f243ba 0%, #d1008d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #f243ba 0%, #d1008d 100%); /* IE10+ */ background: linear-gradient(-45deg, #f243ba 0%, #d1008d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f243ba', endColorstr='#d1008d', GradientType=1); /* IE6-9 fallback on horizontal gradient */ display: inline; margin: 0 auto; padding: 7px 27px; width: auto; } .content-most-popular.tile #most-popular .most-popular-wrapper ul li.content { font-family: 'Salvo Serif Regular', helvetica, arial; font-size: 13px; color: #333; padding: 0px 20px; line-height: 16px; } .content-most-popular.tile #most-popular .most-popular-wrapper ul li.content:nth-of-type(1n+6) { display: none; } .content-most-popular.tile #most-popular .most-popular-wrapper ul li.content:hover { background-color: #d40790; cursor: pointer; } .content-most-popular.tile #most-popular .most-popular-wrapper ul li.content:hover a { color: #fff; border-top: 1px solid transparent; cursor: pointer; } .content-most-popular.tile #most-popular .most-popular-wrapper ul li.content:hover + li a { border-top: 1px solid transparent; } .content-most-popular.tile #most-popular .most-popular-wrapper ul li.content a { display: block; color: #333; border-top: 1px solid #e7e7e7; padding: 10px 0; } .ie8 .content-most-popular.tile { overflow: hidden; } @media screen and (min-width: 480px) { .content-most-popular.tile { width: 480px; } .content-most-popular.tile #most-popular { width: 480px; } } @media screen and (min-width: 640px) { .content-most-popular.tile { width: 620px; } .content-most-popular.tile #most-popular { width: 620px; } } @media screen and (min-width: 768px) { .content-most-popular.tile { width: 620px; margin: 0 auto 20px; } .content-most-popular.tile #most-popular { width: 620px; } .content-most-popular.tile #most-popular .most-popular-wrapper ul li.content:nth-of-type(1n) { display: block; } } @media screen and (min-width: 980px) { .content-most-popular.tile { width: 300px; float: left; margin: 0 0 40px 10px; } .content-most-popular.tile #most-popular { width: 300px; } .content-most-popular.tile #most-popular .most-popular-wrapper { height: 278px; margin: 10px 0 0; } .content-most-popular.tile #most-popular .most-popular-wrapper ul li.content { padding: 0px 10px; } .content-most-popular.tile #most-popular .most-popular-wrapper ul li.content:nth-of-type(1n+6) { display: none; } } @media screen and (min-width: 1300px) { .content-most-popular.tile { width: 620px; } .content-most-popular.tile #most-popular { width: 620px; } .content-most-popular.tile #most-popular .most-popular-wrapper ul li.content:nth-of-type(1n+6) { display: block; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ #content-bg.content-with-header-bg { background-color: #f3f3f3; padding: 20px 0; } .ie8 .video-franchises .franchise .continue-arrow { margin-top: 2px; } .video-franchises { max-width: 480px; margin: auto; } .video-franchises > hr { height: 0px; border-top: 8px solid black; margin: 0; } .video-franchises .franchise { margin: 20px 0 0 0; } .video-franchises .franchise:first-child { margin-top: 0; } .video-franchises .franchise .magneticPoetry { font-family: 'Salvo Sans Regular', helvetica, arial; font-size: 1.7em; line-height: 27px; } .video-franchises .franchise .magneticPoetry-word, .video-franchises .franchise .magneticPoetry-space { margin: 4px 0px 0px 0px; } .video-franchises .franchise .magneticPoetry-word { padding: 0px 5px 0px 5px; } .video-franchises .franchise .magneticPoetry-space { padding: 0; width: 4px; } .video-franchises .franchise a, .video-franchises .franchise a:link, .video-franchises .franchise a:hover, .video-franchises .franchise a:visited, .video-franchises .franchise a:active { color: #ffffff; } .video-franchises .franchise .continue-arrow { margin-left: 5px; position: relative; float: right; margin-top: 1px; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #ffffff; } .video-franchises .franchise > a header { background-repeat: no-repeat; background-position: -999px -999px; } .video-franchises .franchise > a header > div { padding: 15px 14px; } .video-franchises .franchise > a header .div-2 { display: none; position: absolute; padding: 0px; right: 6px; bottom: 5px; } .video-franchises .franchise > a header .div-2a { float: left; } .video-franchises .franchise > a header .div-2a span { float: left; font-family: 'Salvo Sans Bold', arial; font-size: 1.2em; } .video-franchises .franchise a header.franchise-background-color { position: relative; } .video-franchises .franchise > .slider { max-height: 344px; overflow: hidden; } .video-franchises .franchise > .slider div.content { max-width: 100%; } .video-franchises .franchise .slider-arrow { cursor: pointer; display: none; position: absolute; top: 0px; bottom: 0px; width: 33px; } .video-franchises .franchise .slider-arrow.previous { left: 0px; } .video-franchises .franchise .slider-arrow.previous .icon { border-style: solid; border-width: 15px 15px 15px 0; border-color: transparent #e65c00 transparent transparent; margin-right: 9px; } .video-franchises .franchise .slider-arrow.previous .icon:hover { border-style: solid; border-width: 15px 15px 15px 0; border-color: transparent #000000 transparent transparent; } .video-franchises .franchise .slider-arrow.previous.disabled .icon { border-style: solid; border-width: 15px 15px 15px 0; border-color: transparent #999999 transparent transparent; } .video-franchises .franchise .slider-arrow.previous.disabled .icon:hover { border-style: solid; border-width: 15px 15px 15px 0; border-color: transparent #999999 transparent transparent; } .video-franchises .franchise .slider-arrow.next { right: 0px; } .video-franchises .franchise .slider-arrow.next .icon { border-style: solid; border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #e65c00; margin-left: 9px; } .video-franchises .franchise .slider-arrow.next .icon:hover { border-style: solid; border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #000000; } .video-franchises .franchise .slider-arrow.next.disabled .icon { border-style: solid; border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #999999; } .video-franchises .franchise .slider-arrow.next.disabled .icon:hover { border-style: solid; border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #999999; } .video-franchises .franchise .slider-arrow .icon { margin: 87px auto 0; } .video-franchises .franchise ul { margin: 0; padding: 0; list-style: none; } .video-franchises .view-all { text-align: right; padding: 0px 10px 6px 10px; } .video-franchises .view-all a { color: #fff; font-size: 12px; font-weight: bold; } @media screen and (min-width: 480px) { .video-franchises > hr { display: none; } } @media screen and (min-width: 768px) { /* Franchise Sliders */ .video-franchises { max-width: 760px; } .video-franchises .franchise { margin: 40px 10px 0; width: 100%; } .video-franchises .franchise .continue-arrow { float: left; } .video-franchises .franchise > a header { float: left; width: 220px; height: 230px; background-position: 0px 0px; } .video-franchises .franchise > a header .div-1 { height: 165px; } .video-franchises .franchise > a header .div-2 { display: block; } .video-franchises .franchise > div.slider { max-height: none; height: 230px; overflow: hidden; width: 520px; position: relative; } .video-franchises .franchise > div.slider div.scroller, .video-franchises .franchise > div.slider div.content { display: inline-block; zoom: 1; *display: inline; } .video-franchises .franchise > div.slider div.scroller { overflow: auto; height: 250px; margin: 0 33px; width: 454px; } .video-franchises .franchise > div.slider div.content { max-width: none; } .video-franchises .franchise > div.slider ul > li { float: left; } .video-franchises .franchise > div.slider ul > li .view-all-micro-chicklet { height: 226px; } .video-franchises .franchise .slider-arrow { display: block; } .video-franchises .franchise > footer.view-all { display: none; } } @media screen and (min-width: 980px) { .video-franchises { max-width: 960px; margin: 0; } .video-franchises .franchise > div.slider { width: 705px; } .video-franchises .franchise > div.slider div.scroller { width: 639px; } } @media screen and (min-width: 1300px) { .video-franchises { max-width: 1280px; } .video-franchises .franchise > div.slider { width: 1025px; } .video-franchises .franchise > div.slider div.scroller { width: 959px; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ .video-landing-view a.is-disabled { cursor: default !important; } .video-landing-view .night-cap .franchise-color { color: #b08000; } .video-landing-view .night-cap .franchise-background-color { background-color: #b08000; } .video-landing-view .night-cap.micro:hover { background-color: #b08000; } .video-landing-view .night-cap.micro:hover .brand-color { color: #fff; } .video-landing-view .mom-shopping-network .franchise-color { color: #95ab06; } .video-landing-view .mom-shopping-network .franchise-background-color { background-color: #95ab06; } .video-landing-view .mom-shopping-network.micro:hover { background-color: #95ab06; } .video-landing-view .mom-shopping-network.micro:hover .brand-color { color: #fff; } .video-landing-view .viral-videos .franchise-color { color: #bf177c; } .video-landing-view .viral-videos .franchise-background-color { background-color: #bf177c; } .video-landing-view .viral-videos.micro:hover { background-color: #bf177c; } .video-landing-view .viral-videos.micro:hover .brand-color { color: #fff; } .video-landing-view .readings-from-the-book-of-mom .franchise-color { color: #993ec6; } .video-landing-view .readings-from-the-book-of-mom .franchise-background-color { background-color: #993ec6; } .video-landing-view .readings-from-the-book-of-mom.micro:hover { background-color: #993ec6; } .video-landing-view .readings-from-the-book-of-mom.micro:hover .brand-color { color: #fff; } .video-landing-view .videos-we-heart .franchise-color { color: #40a8f7; } .video-landing-view .videos-we-heart .franchise-background-color { background-color: #40a8f7; } .video-landing-view .videos-we-heart.micro:hover { background-color: #40a8f7; } .video-landing-view .videos-we-heart.micro:hover .brand-color { color: #fff; } .video-landing-view .videos-of-the-mom-ent .franchise-color { color: #b08000; } .video-landing-view .videos-of-the-mom-ent .franchise-background-color { background-color: #b08000; } .video-landing-view .videos-of-the-mom-ent.micro:hover { background-color: #b08000; } .video-landing-view .videos-of-the-mom-ent.micro:hover .brand-color { color: #fff; } .video-landing-view .tv .franchise-color { color: #993ec6; } .video-landing-view .tv .franchise-background-color { background-color: #993ec6; } .video-landing-view .tv.micro:hover { background-color: #993ec6; } .video-landing-view .tv.micro:hover .brand-color { color: #fff; } .video-landing-view .mom-match .franchise-color { color: #ff7bbc; } .video-landing-view .mom-match .franchise-background-color { background-color: #ff7bbc; } .video-landing-view .mom-match.micro:hover { background-color: #ff7bbc; } .video-landing-view .mom-match.micro:hover .brand-color { color: #fff; } @media screen and (min-width: 480px) { .video-landing-view .primary-2 { padding-top: 25px; padding-bottom: 25px; } .video-landing-view .header-wrapper h1 { width: 480px; } } @media screen and (min-width: 768px) { .video-landing-view .slider.franchise-background-color { background: transparent; } .video-landing-view .primary-2 { padding-top: 24px; } .video-landing-view #content-bg { background: url("/img/gradients/med-grey-dark-grey.jpg") repeat-x scroll 0 629px #f3f3f3; } } @media screen and (min-width: 980px) { .video-landing-view .primary-2 { padding-top: 54px; } .video-landing-view #content-bg { background: url("/img/gradients/med-grey-dark-grey.jpg") repeat-x scroll 0 273px #f3f3f3; } } .video-landing-view-zone .videos-landing-player { margin: 0 auto; } .video-landing-view-zone .videos-landing-player .video-player-wrapper { margin: 0; } @media screen and (min-width: 620px) { .video-landing-view-zone .videos-landing-player { width: 620px; } } @media screen and (min-width: 980px) { .video-landing-view-zone .videos-landing-player { float: left; margin: 0 10px; } } @media screen and (min-width: 620px) { .video-landing-view-zone .header-wrapper { margin: 0 auto; width: 620px; text-align: center; } .video-landing-view-zone .header-wrapper .section-title { text-align: left; padding-left: 0; } } @media screen and (min-width: 980px) { .video-landing-view-zone .header-wrapper { margin: 0 10px; } } @media screen and (min-width: 1300px) { .video-landing-view-zone .header-wrapper { width: auto; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/.flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0 0 60px; background: #fff; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } /* Direction Nav */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { display: block; position: absolute; top: 140px; cursor: pointer; text-indent: -9999px; } .flex-direction-nav .flex-disabled { opacity: .3!important; filter: alpha(opacity=30); cursor: default; } /* end of flexslider default css */ .video-carousel-container { background-color: #63004c; margin: -10px auto 20px; width: 100%; } .video-carousel-container.video-carousel-desktop { display: none; } .video-carousel-container .carousel-header { height: 40px; margin-left: 15px; padding-top: 20px; overflow: hidden; } .video-carousel-container .carousel-header h1 { font-size: 24px; font-family: 'Salvo Sans Regular'; letter-spacing: -1px; font-weight: normal; margin: 0; color: white; float: left; } .video-carousel-container .carousel-header .top-nav { float: right; width: 150px; margin-top: 12px; } .video-carousel-container .carousel-header .top-nav .nav-dropdown { cursor: pointer; width: auto; font-size: 14px; color: white; float: left; margin-bottom: 11px; text-transform: uppercase; } .video-carousel-container .carousel-header .top-nav .video-category-nav { cursor: pointer; width: auto; font-size: 14px; color: white; float: left; margin-bottom: 8px; text-transform: uppercase; font-family: Salvo Sans Regular; } .video-carousel-container .carousel-header .top-nav .video-category-nav .nav-category-title { float: left; } .video-carousel-container .carousel-header .top-nav .video-category-nav .nav-arrow { margin-top: 4px; margin-left: 10px; width: 0; border-style: solid; border-width: 8px 8px 0; border-color: #ffffff transparent transparent; float: right; } .video-carousel-container .carousel-header .top-nav .nav-dropdown .nav-dropdown-title { float: left; font-family: Salvo Sans Regular; } .video-carousel-container .carousel-header .top-nav .nav-dropdown .nav-arrow { width: 0; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #ffffff; float: right; margin-top: 1px; margin-left: 10px; } .video-carousel-container .flexslider { width: 100%; background-color: #bf177c; margin: 0 auto; padding-top: 5px; padding-bottom: 5px; -webkit-transform: translateZ(0); /* speeds up swiping on ipad */ overflow: hidden; } .video-carousel-container .flexslider .video-carousel-slide { background-color: inherit; margin-left: 5px; } .video-carousel-container .flexslider .video-carousel-slide:first-child { display: block; } .video-carousel-container .flexslider .video-carousel-slide .large-video-item, .video-carousel-container .flexslider .video-carousel-slide .small-video-item { float: left; width: 99%; } .video-carousel-container .flexslider .video-carousel-slide .large-video-item.hover-state, .video-carousel-container .flexslider .video-carousel-slide .small-video-item.hover-state { background-color: #63004c; } .video-carousel-container .flexslider .video-carousel-slide .large-video-item.hover-state .selected-item, .video-carousel-container .flexslider .video-carousel-slide .small-video-item.hover-state .selected-item { display: block; } .video-carousel-container .flexslider .video-carousel-slide .large-video-item .large-image-holder { width: 145px; float: left; margin: 5px; position: relative; } .video-carousel-container .flexslider .video-carousel-slide .large-video-item .large-image-holder .play-icon { background: url("/img/icons/marquee/btn-play-sm.png") no-repeat scroll center center transparent; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .video-carousel-container .flexslider .video-carousel-slide .small-video-item .small-image-holder { width: 145px; float: left; margin: 5px; position: relative; } .video-carousel-container .flexslider .video-carousel-slide .small-video-item .small-image-holder .play-icon { background: url("/img/icons/marquee/btn-play-sm.png") no-repeat scroll center center transparent; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .video-carousel-container .flexslider .video-carousel-slide .video-title { height: 80px; overflow: hidden; position: relative; padding: 5px 0 5px 5px; color: white; font-size: 14px; font-family: Salvo Serif Regular; } .video-carousel-container .flexslider .video-carousel-slide .video-title .video-title-text { height: 78px; overflow: hidden; } .video-carousel-container .flexslider .video-carousel-slide .video-title .selected-item { width: 0; display: none; margin-left: 42%; border-style: solid; border-width: 0 8px 8px; border-color: transparent transparent #bf177c; position: absolute; bottom: 0; } .video-carousel-container .flexslider .video-carousel-slide .left-side-img-top, .video-carousel-container .flexslider .video-carousel-slide .left-side-img-bottom, .video-carousel-container .flexslider .video-carousel-slide .right-side-img { width: auto; } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade, .video-carousel-container .flexslider .video-carousel-slide .right-side-fade { display: none; } .video-carousel-container .flexslider .video-carousel-slide .duration { display: none; } .video-carousel-container .flexslider .video-carousel-slide .video-type { display: none; } .video-carousel-container .flexslider .flex-direction-nav { display: none; } .no-touch .video-carousel-container .flexslider .video-carousel-slide .large-video-item:hover, .no-touch .video-carousel-container .flexslider .video-carousel-slide .small-video-item:hover { background-color: #63004c; } .no-touch .video-carousel-container .flexslider .video-carousel-slide .large-video-item:hover .selected-item, .no-touch .video-carousel-container .flexslider .video-carousel-slide .small-video-item:hover .selected-item { display: block; } .no-touch .video-carousel-container .flexslider .video-carousel-slide .large-video-item.hover-state, .no-touch .video-carousel-container .flexslider .video-carousel-slide .small-video-item.hover-state { background-color: inherit; } .no-touch .video-carousel-container .flexslider .video-carousel-slide .large-video-item.hover-state .selected-item, .no-touch .video-carousel-container .flexslider .video-carousel-slide .small-video-item.hover-state .selected-item { display: none; } @media screen and (min-width: 640px) { .video-carousel-container { display: block; height: 457px; margin: -20px auto 20px; } .video-carousel-container.video-carousel-mobile { display: none; } .video-carousel-container.video-carousel-desktop { display: block; } .video-carousel-container .carousel-header { width: 640px; height: 60px; margin: 0 auto; padding-top: 27px; } .video-carousel-container .carousel-header h1 { font-size: 38px; margin-left: 30px; } .video-carousel-container .carousel-header .top-nav { width: auto; margin-top: 0; margin-right: 10px; } .video-carousel-container .carousel-header .top-nav .nav-dropdown { display: none; } .video-carousel-container .carousel-header .top-nav .video-category-nav { width: 155px; font-size: 16px; margin-bottom: 0; margin-top: 5px; } .video-carousel-container .carousel-header .top-nav .video-category-nav .nav-category-title { width: 100%; text-align: center; } .video-carousel-container .carousel-header .top-nav .video-category-nav .selected-nav { width: 0; margin-top: 42px; margin-left: 65px; } .video-carousel-container .carousel-header .top-nav .video-category-nav .nav-arrow { display: none; } .video-carousel-container .carousel-header .top-nav .video-category-nav .separator-bar { width: 1px; height: 35px; background-image: url("/img/gradients/video-carousel-nav-separator.png"); float: right; margin-top: -5px; } .video-carousel-container .carousel-header .top-nav .video-category-nav[data-count="3"] { margin-left: -4px; } .video-carousel-container .carousel-header .top-nav .video-category-nav[data-count="3"] .separator-bar { display: none; } .video-carousel-container .carousel-header .top-nav .video-category-nav.flex-active .selected-nav { border-style: solid; border-width: 0 13px 13px; border-color: transparent transparent #bf177c; } .video-carousel-container .flexslider { width: 640px; height: 370px; padding-top: 0; padding-bottom: 0; } .video-carousel-container .flexslider .video-carousel-slide { margin-left: 0; } .video-carousel-container .flexslider .video-carousel-slide .large-video-item { width: 320px; height: 260px; margin-left: 15px; margin-top: 60px; padding: 10px; } .video-carousel-container .flexslider .video-carousel-slide .large-video-item.hover-state { background-color: #63004c; } .video-carousel-container .flexslider .video-carousel-slide .large-video-item.hover-state .selected-item { display: block; margin-left: 47%; } .video-carousel-container .flexslider .video-carousel-slide .large-video-item .large-image-holder { width: 320px; margin: 0; } .video-carousel-container .flexslider .video-carousel-slide .large-video-item .large-image-holder .play-icon { background: url("/img/icons/marquee/btn-play-lrg.png") no-repeat scroll center center transparent; } .video-carousel-container .flexslider .video-carousel-slide .large-video-item .video-title { height: 77px; overflow: hidden; padding: 8px 0 5px 0; font-size: 18px; float: left; } .video-carousel-container .flexslider .video-carousel-slide .small-video-item { height: 150px; width: 160px; margin-left: 15px; margin-top: 10px; padding: 10px; } .video-carousel-container .flexslider .video-carousel-slide .small-video-item.hover-state { background-color: #63004c; } .video-carousel-container .flexslider .video-carousel-slide .small-video-item.hover-state .selected-item { display: block; margin-left: 45%; } .video-carousel-container .flexslider .video-carousel-slide .small-video-item .small-image-holder { width: 160px; margin: 0; } .video-carousel-container .flexslider .video-carousel-slide .small-video-item .video-title { height: 60px; overflow: hidden; padding-left: 0; font-size: 13px; float: left; width: 100%; } .video-carousel-container .flexslider .video-carousel-slide .small-video-item .video-title .video-title-text { height: 50px; } .video-carousel-container .flexslider .video-carousel-slide .large-carousel-image { width: 320px; height: 180px; } .video-carousel-container .flexslider .video-carousel-slide .small-carousel-image { width: 160px; height: 90px; } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade { display: block; height: 370px; width: 45px; float: left; background-image: -webkit-linear-gradient(left, #63004c 0%, #bf177c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#63004c, endColorstr=#bf177c, GradientType=1); background-image: linear-gradient(to right, #63004c 0%, #bf177c 100%); overflow: hidden; } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade .left-side-fade-img { position: relative; } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade .left-side-img-top { width: 160px; height: 90px; margin-top: 20px; margin-left: -115px; opacity: 0.15; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade .left-side-title { height: 50px; color: white; font-size: 13px; margin-left: -115px; margin-top: 5px; overflow: hidden; width: 160px; opacity: 0.15; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); font-family: Salvo Serif Regular; } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade .left-side-title.left-side-title-first { margin-bottom: 28px; } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade .left-side-img-bottom { width: 160px; height: 90px; margin-top: 3px; margin-left: -115px; opacity: 0.15; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade .duration { opacity: 0.15; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade .video-type { opacity: 0.15; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); } .video-carousel-container .flexslider .video-carousel-slide .right-side-fade { display: block; height: 370px; width: 45px; background-image: -webkit-linear-gradient(right, #63004c 0%, #bf177c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf177c, endColorstr=#63004c, GradientType=1); background-image: linear-gradient(to left, #63004c 0%, #bf177c 100%); overflow: hidden; } .video-carousel-container .flexslider .video-carousel-slide .right-side-fade .right-side-fade-img { position: relative; } .video-carousel-container .flexslider .video-carousel-slide .right-side-fade .right-side-image { width: 320px; height: 180px; margin-top: 60px; margin-left: 10px; opacity: 0.15; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); } .video-carousel-container .flexslider .video-carousel-slide .right-side-fade .right-side-title { color: white; font-size: 18px; height: 68px; margin-top: 5px; margin-left: 10px; overflow: hidden; width: 320px; opacity: 0.15; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); font-family: Salvo Serif Regular; } .video-carousel-container .flexslider .video-carousel-slide .right-side-fade .duration { opacity: 0.15; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); } .video-carousel-container .flexslider .video-carousel-slide .right-side-fade .video-type { opacity: 0.15; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); } .video-carousel-container .flexslider .video-carousel-slide .duration { display: block; position: absolute; bottom: 7px; right: 7px; padding: 3px 6px; font-family: 'Salvo Sans Regular', helvetica, arial; font-size: 11px; color: #fff; background-color: #a7a6a5; background-color: rgba(153, 153, 153, 0.8); } .video-carousel-container .flexslider .video-carousel-slide .video-type { display: block; position: absolute; top: 0; right: 0; width: 52px; height: 52px; background: transparent url(/img/chicklets/label-sprites.png) no-repeat 0 200px; } .video-carousel-container .flexslider .video-carousel-slide .video-type[data-video-type="vlog"] { background-position: 0px -64px; } .video-carousel-container .flexslider .video-carousel-slide .video-type[data-video-type="promo"] { background-position: -52px -64px; } .video-carousel-container .flexslider .video-carousel-slide .video-type[data-video-type="bonus clip"] { background-position: -104px -64px; } .video-carousel-container .flexslider .video-carousel-slide .video-type[data-video-type="clip"] { background-position: -156px -64px; } .video-carousel-container .flexslider .video-carousel-slide .video-type[data-video-type="full episode"] { background-position: -208px -64px; } .video-carousel-container .flexslider .video-carousel-slide .video-type[data-video-type="expiring soon"] { background-position: -260px -64px; } .video-carousel-container .flexslider .video-carousel-slide .video-type[data-video-type="new"] { background-position: -312px -64px; } .video-carousel-container .flexslider .video-carousel-slide .video-type[data-video-type="preview"] { background-position: -364px -64px; } .video-carousel-container .flexslider .flex-direction-nav { display: block; } .video-carousel-container .flexslider .flex-direction-nav a { background: url(/img/buttons/video-carousel-nav-small.png) no-repeat 0 0; width: 38px; height: 38px; } .video-carousel-container .flexslider .flex-direction-nav a.flex-prev { left: 15px; background-position: -43px -40px; } .video-carousel-container .flexslider .flex-direction-nav a.flex-prev:hover { background-position: -42px -87px; } .video-carousel-container .flexslider .flex-direction-nav a.flex-next { background-position: -96px -40px; right: 3px; } .video-carousel-container .flexslider .flex-direction-nav a.flex-next:hover { background-position: -96px -87px; } .video-carousel-container .carousel-bottom-shadow { height: 29px; background: url(/img/gradients/video-carousel-shadow.png) no-repeat 50% 0; } .no-touch .video-carousel-container .flexslider .video-carousel-slide .large-video-item:hover { background-color: #63004c; } .no-touch .video-carousel-container .flexslider .video-carousel-slide .large-video-item:hover .selected-item { display: block; margin-left: 47%; } .no-touch .video-carousel-container .flexslider .video-carousel-slide .large-video-item.hover-state { background-color: inherit; } .no-touch .video-carousel-container .flexslider .video-carousel-slide .large-video-item.hover-state .selected-item { display: none; } .no-touch .video-carousel-container .flexslider .video-carousel-slide .small-video-item:hover { background-color: #63004c; } .no-touch .video-carousel-container .flexslider .video-carousel-slide .small-video-item:hover .selected-item { display: block; margin-left: 47%; } .no-touch .video-carousel-container .flexslider .video-carousel-slide .small-video-item.hover-state { background-color: inherit; } .no-touch .video-carousel-container .flexslider .video-carousel-slide .small-video-item.hover-state .selected-item { display: none; } } @media screen and (min-width: 980px) { .video-carousel-container { height: 497px; } .video-carousel-container .carousel-header { width: 960px; } .video-carousel-container .carousel-header .top-nav { margin-right: 20px; } .video-carousel-container .carousel-header .top-nav .video-category-nav { width: 215px; font-size: 22px; } .video-carousel-container .carousel-header .top-nav .video-category-nav .selected-nav { margin-left: 95px; } .video-carousel-container .flexslider { width: 960px; height: 410px; } .video-carousel-container .flexslider .video-carousel-slide .large-video-item { width: 512px; height: 345px; margin-top: 25px; padding: 10px; } .video-carousel-container .flexslider .video-carousel-slide .large-video-item .large-image-holder { width: 512px; } .video-carousel-container .flexslider .video-carousel-slide .large-video-item .video-title { height: 49px; overflow: hidden; padding-bottom: 10px; width: 100%; } .video-carousel-container .flexslider .video-carousel-slide .large-video-item .video-title .video-title-text { height: 47px; } .video-carousel-container .flexslider .video-carousel-slide .small-video-item { width: 208px; height: 180px; margin-left: 20px; } .video-carousel-container .flexslider .video-carousel-slide .small-video-item.last-small-video-item { margin-top: -5px; } .video-carousel-container .flexslider .video-carousel-slide .small-video-item .small-image-holder { width: 208px; } .video-carousel-container .flexslider .video-carousel-slide .small-video-item .video-title { height: 68px; overflow: hidden; padding-bottom: 0; } .video-carousel-container .flexslider .video-carousel-slide .carousel-image-768 { display: none; } .video-carousel-container .flexslider .video-carousel-slide .carousel-image-1024 { display: block; } .video-carousel-container .flexslider .video-carousel-slide .large-carousel-image { width: 512px; height: 288px; } .video-carousel-container .flexslider .video-carousel-slide .small-carousel-image { width: 208px; height: 117px; } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade { height: 410px; width: 82px; } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade .left-side-img-top { width: 208px; height: 117px; margin-top: 20px; margin-left: -126px; } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade .left-side-title { width: 208px; margin-left: -126px; } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade .left-side-img-bottom { width: 208px; height: 117px; margin-left: -126px; } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade .left-side-fade-img { width: 208px; } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade .left-side-fade-img .play-icon { background: url("/img/icons/marquee/btn-play-sm.png") no-repeat scroll center center transparent; position: absolute; top: 0; right: 0; bottom: 0; left: -215px; opacity: 0.15; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade .left-side-fade-img .duration { right: 133px; } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade .left-side-fade-img .video-type { right: 126px; } .video-carousel-container .flexslider .video-carousel-slide .right-side-fade { height: 410px; width: 83px; } .video-carousel-container .flexslider .video-carousel-slide .right-side-fade .right-side-image { width: 512px; height: 288px; margin-top: 30px; } .video-carousel-container .flexslider .video-carousel-slide .right-side-fade .right-side-title { width: 512px; } .video-carousel-container .flexslider .flex-direction-nav a { background: url(/img/buttons/video-carousel-nav-large.png) no-repeat 0 0; width: 77px; height: 81px; } .video-carousel-container .flexslider .flex-direction-nav a.flex-prev { left: 12px; background-position: 0px 0px; } .video-carousel-container .flexslider .flex-direction-nav a.flex-prev:hover { background-position: 0 -78px; } .video-carousel-container .flexslider .flex-direction-nav a.flex-next { background-position: 100% 0; right: 0; } .video-carousel-container .flexslider .flex-direction-nav a.flex-next:hover { background-position: 100% -78px; } } @media screen and (min-width: 1300px) { .video-carousel-container .carousel-header { width: 1280px; } .video-carousel-container .carousel-header .top-nav .video-category-nav.flex-active[data-count="3"] .selected-nav { border-color: transparent transparent #980d68; } .video-carousel-container .flexslider { width: 1300px; } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade { width: 235px; } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade .left-side-img-top { margin-left: 10px; } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade .left-side-title { margin-left: 10px; } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade .left-side-img-bottom { margin-left: 10px; } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade .left-side-fade-img .play-icon { left: 22px; } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade .left-side-fade-img .duration { right: -3px; } .video-carousel-container .flexslider .video-carousel-slide .left-side-fade .left-side-fade-img .video-type { right: -10px; } .video-carousel-container .flexslider .video-carousel-slide .slide-videos-list { float: left; width: 810px; } .video-carousel-container .flexslider .video-carousel-slide .right-side-fade { width: 235px; position: relative; right: -20px; } .video-carousel-container .flexslider .video-carousel-slide .right-side-fade .right-side-fade-img { position: relative; width: 512px; } .video-carousel-container .flexslider .video-carousel-slide .right-side-fade .right-side-fade-img .play-icon { background: url("/img/icons/marquee/btn-play-lrg.png") no-repeat scroll center center transparent; position: absolute; top: 0; right: -20px; bottom: 0; left: 0; opacity: 0.15; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); } .video-carousel-container .flexslider .flex-direction-nav a.flex-prev { left: 165px; } .video-carousel-container .flexslider .flex-direction-nav a.flex-next { right: 165px; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ .video-player-wrapper { position: relative; margin: 0; padding-bottom: 56.25%; height: 0; } .video-player-wrapper .video-player { font-family: 'Salvo Sans Light', helvetica, arial; font-size: 3em; } .video-player-wrapper embed, .video-player-wrapper object, .video-player-wrapper iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .video-player-wrapper .play-button { position: relative; display: inline-block; cursor: pointer; } .video-player-wrapper .play-button img { width: 100% !important; max-width: 1000px !important; height: auto !important; } .video-player-wrapper .play-button .fill { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: #000; opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */ } .video-player-wrapper .play-button .overlay { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: transparent url(/img/icons/marquee/btn-play-lrg.png) no-repeat center center; } .video-player-wrapper object:focus { outline: none; } .playlist-player { display: block; width: 300px; margin: 0 auto 20px; padding-bottom: 10px; background-color: #fff; -moz-box-shadow: 2px 2px 2px 0px #cccccc inset; -webkit-box-shadow: 2px 2px 2px 0px #cccccc inset; box-shadow: 2px 2px 2px 0px #cccccc inset; -moz-box-shadow: 2px 2px 2px 0px #cccccc; -webkit-box-shadow: 2px 2px 2px 0px #cccccc; box-shadow: 2px 2px 2px 0px #cccccc; } .playlist-player h3 { margin: 0 0 6px; padding: 5px 10px; text-align: center; background-color: #bf177c; color: #fff; font-family: 'Salvo Sans Regular', helvetica, arial, serif; font-size: 1.8em; text-decoration: none; text-transform: uppercase; } .playlist-player .video-player-wrapper { width: 288px; height: 162px; margin: 0 auto 6px; padding: 0; position: relative; } .playlist-player .video-player-wrapper embed, .playlist-player .video-player-wrapper object, .playlist-player .video-player-wrapper iframe { width: 288px; height: 162px; } .playlist-player nav { width: 300px; margin: 0 auto 10px; } .playlist-player nav ul li { position: relative; display: inline-block; vertical-align: top; width: 63px; margin: 0 6px 10px; font-family: 'Salvo Serif Regular', helvetica, arial, serif; font-size: 1em; } .playlist-player nav ul li .carat { display: none; border-style: solid; border-width: 0 5px 5px; border-color: transparent transparent #bf177c; position: absolute; top: -4px; left: 50%; margin-left: -5px; } .playlist-player nav ul li a { color: #666666; } .playlist-player nav ul li a:hover { color: #bf177c; } .playlist-player nav ul li a:hover .thumb-container { border: 3px solid #bf177c; } .playlist-player nav ul li a:hover .thumb-container img { margin: -3px; } .playlist-player nav ul li a:hover .thumb-container div.play-icon-tiny { width: 22px; height: 22px; margin-left: -11px; margin-top: -11px; background-size: 22px 22px; } .playlist-player nav ul li .thumb-container { position: relative; margin-bottom: 6px; border: none; overflow: hidden; } .playlist-player nav ul li .thumb-container.active { border: 3px solid #bf177c; } .playlist-player nav ul li .thumb-container.active img { margin: -3px; } .playlist-player nav ul li img { width: 63px; height: 38px; } .playlist-player nav ul li p { margin: 0; overflow: hidden; } .playlist-player nav.view-all { text-align: right; } .playlist-player nav.view-all a { display: inline-block; margin: 0 10px; text-align: right; font-family: 'Salvo Sans Bold', helvetica, arial, serif; font-size: 1.1em; color: #bf177c; text-transform: uppercase; } .playlist-player nav.view-all a .view-all-link-carat { display: inline-block; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #bf177c; margin-right: 1px; margin-left: 5px; } .playlist-player nav.view-all a:hover { color: #63004c; } .playlist-player nav.view-all a:hover .view-all-link-carat { border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #63004c; } @media screen and (min-width: 640px) { .playlist-player { float: left; margin-left: 10px; margin-right: 10px; } } @media screen and (min-width: 980px) { .playlist-player { float: none; margin-right: auto; margin-left: auto; } } .choose-your-ending { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: black; display: none; background: #000000 url(/img/icons/loading/ajax-loader-black-video.gif) no-repeat center center; } .choose-your-ending .choose-your-ending-choose, .choose-your-ending .choose-your-ending-replay { background: black; display: none; } .choose-your-ending .choose-your-ending-choose.is-active, .choose-your-ending .choose-your-ending-replay.is-active { display: block; } .choose-your-ending .choose-your-ending-option { position: absolute; top: 0; bottom: 0; left: 0; width: 50%; background: transparent; cursor: pointer; } .choose-your-ending .choose-your-ending-option.is-last { right: 0; left: auto; } .choose-your-ending .choose-your-ending-option.is-horizontal { height: 50%; width: 100%; } .choose-your-ending .choose-your-ending-option.is-horizontal.is-last { top: auto; } .choose-your-ending .choose-your-ending-heading { position: absolute; top: 0px; right: 0px; left: 0px; margin: 40px 0 15px; padding-top: 20px; color: #ffd000; text-align: center; font-weight: normal; font-size: 1.3em; font-family: 'Salvo Serif Regular', serif; } .choose-your-ending .choose-your-ending-replay-button { display: block; margin: 0 auto 10px; width: 129px; height: 129px; background: transparent url(/img/buttons/replay-overlay-button.png) no-repeat 0 0; } .choose-your-ending .choose-your-ending-replay-copy { color: #FFF; text-align: center; font-size: 1.2em; font-family: Arial, sans-serif; } .choose-your-ending .choose-your-ending-replay { cursor: pointer; } .choose-your-ending .choose-your-ending-replay .choose-your-ending-heading { position: relative; font-size: 2.4em; } .choose-your-ending .choose-your-ending-replay:hover .choose-your-ending-replay-button { background-position: 0 -129px; } #non-flash-player-apologies { display: none; padding: 40px 20px; margin: 0 auto; text-align: center; background: #bf177c; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(left, #4f0076 0%, #9436c0 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(left, #4f0076 0%, #9436c0 100%); /* Opera */ background-image: -o-linear-gradient(left, #4f0076 0%, #9436c0 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #4f0076), color-stop(1, #9436c0)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(left, #4f0076 0%, #9436c0 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to right, #4f0076 0%, #9436c0 100%); } #non-flash-player-apologies .title { display: inline-block; font-size: 2.4em; margin: 0 auto; text-align: center; text-transform: uppercase; color: #FFF; background: #000; padding: 1px 10px; font-family: 'Salvo Sans Light', sans-serif; font-weight: normal; } #non-flash-player-apologies .description { margin: 20px auto 0; width: 90%; color: #FFF; font-family: 'Salvo Sans Light', sans-serif; font-weight: normal; font-size: 1.2em; text-align: center; } @media screen and (min-width: 640px) { #non-flash-player-apologies { padding: 80px 40px; } } .zone.utility-view-zone #utility-header, .zone.utility-view-zone #utility-copy-block { padding-right: 0px; padding-left: 0px; } .zone.utility-view-zone.secondary .content-recent-trending { margin: 0 auto; padding-left: 0px; } #utility-header { margin: 0 10px; } #utility-header h1 { font-family: "Salvo Sans Regular"; font-size: 24px; font-weight: normal; margin: 12px 0 10px; text-shadow: 0px 2px 0px #ffffff; } #utility-copy-block { font-family: arial; font-size: 1.5em; color: #666666; margin: 0 10px; } #utility-copy-block #utility-copy { background-color: white; padding: 10px 10px 20px 10px; margin-right: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 20px; } #utility-copy-block.utility-no-margin #utility-copy { margin-right: 0px; } @media screen and (min-width: 640px) { .zone.utility-view-zone.secondary .content-recent-trending { padding-left: 10px; float: left; } #utility-header h1 { text-align: left; font-size: 3.8em; } #utility-copy-block #utility-copy { padding: 20px; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; box-shadow: 2px 2px 2px #ccc; } .zone.utility-view-zone.secondary .content-recent-trending { margin: 0px; } } @media screen and (min-width: 980px) { .zone.utility-view-zone #utility-header, .zone.utility-view-zone #utility-copy-block { padding-right: 0px; padding-left: 0px; } #utility-copy-block #utility-copy { margin-right: 20px; } .zone.utility-view-zone.secondary .content-recent-trending { margin: 0 10px; padding-left: 0px; } } #contact-us-form { font-family: arial; font-size: 1.5em; color: #666666; margin: 0 10px; } #contact-us-form #contact-us-block { background-color: white; padding: 10px 10px 20px 10px; margin-right: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 30px; } #contact-us-form .contact-us-form-block { margin-top: 20px; } #contact-us-form .contact-us-form-block-header { color: #e65c00; font-size: 20px; font-weight: bold; } #contact-us-form .funnel form .required { background-image: url("/img/icons/funnel-icons/asterisk.png"); padding-left: 0px; } #contact-us-form .funnel form .label { float: left; width: 135px; color: #666666; font-size: 15px; } #contact-us-form .funnel form .text { font-size: 15px; color: #666666; border-width: 1px; margin: 5px 0; width: 200px; } #contact-us-form #nickmom-contact-label-message { width: 100%; color: #e65c00; font-size: 20px; font-weight: bold; margin-top: 20px; margin-left: 0px; padding-left: 0px; background-position: 137px 40%; margin-bottom: 20px; } #contact-us-form #nickmom-contact-field-message { width: 270px; height: 95px; border: 1px solid #ccc9c8; } #contact-us-form .questions #nickmom-contact-label-user_info, #contact-us-form .questions #nickmom-contact-field-user_info { display: none; } #contact-us-form #nickmom-contact-label-first_name { background-position: 77px 50%; margin-left: 22px; } #contact-us-form #nickmom-contact-label-email { background-position: 104px 50%; margin-left: 22px; } #contact-us-form #nickmom-contact-submit { background-color: black; color: white; background-image: none; border: 0; font-family: "Salvo Sans Regular"; font-weight: normal; font-size: 16px; padding: 4px 15px; margin-left: 185px; } #contact-us-form #nickmom-contact-field-first_name, #contact-us-form #nickmom-contact-field-email { margin-left: 16px; } @media screen and (min-width: 480px) { #contact-us-form .contact-us-form-block-header, #contact-us-form #nickmom-contact-label-message { font-size: 24px; background-position: 164px 40%; } #contact-us-form #nickmom-contact-field-message { width: 400px; } #contact-us-form #nickmom-contact-submit { margin-left: 314px; } #contact-us-form #nickmom-contact-field-first_name, #contact-us-form #nickmom-contact-field-email { margin-left: 0px; } } @media screen and (min-width: 768px) { #contact-us-form .funnel form .required { padding-left: 16px; } #contact-us-form #contact-us-block { padding: 20px; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; box-shadow: 2px 2px 2px #ccc; } #contact-us-form #nickmom-contact-label-first_name { background-position: 93px 50%; margin-left: 0px; } #contact-us-form #nickmom-contact-label-email { background-position: 120px 50%; margin-left: 0px; } #contact-us-form #nickmom-contact-field-message { width: 550px; } #contact-us-form #nickmom-contact-submit { margin-left: 462px; } } @media screen and (min-width: 980px) { #contact-us-form #contact-us-block { margin-right: 20px; } } .padback { margin-bottom: 14px; } #share-your-funny-form { margin: 0 10px; } #share-your-funny-form a, #share-your-funny-form a:hover, #share-your-funny-form a:link, #share-your-funny-form a:visited, #share-your-funny-form a:active { color: #bf177c; } #share-your-funny-form #share-your-funny-block { padding: 20px; margin-bottom: 20px; font-size: 1.5em; font-family: arial; color: #666666; background: #fff; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; box-shadow: 2px 2px 2px #ccc; } #share-your-funny-form .share-your-funny-form-block { margin-top: 20px; } #share-your-funny-form .share-your-funny-form-block .share-your-funny-form-block-header { color: #e65c00; font-size: 20px; font-weight: bold; } #share-your-funny-form .share-your-funny-form-block #share-your-funny-label-about-your-funny-header { color: #e65c00; font-size: 2em; font-weight: bold; width: 100%; margin-bottom: 20px; } #share-your-funny-form .funnel form .required { background-image: url(/img/icons/funnel-icons/asterisk.png); background-position: right; padding-left: 0px; } #share-your-funny-form .funnel form .label { float: left; clear: both; font-size: 1em; font: arial; color: #666666; padding-left: 20px; } #share-your-funny-form #nickmom-funny-submit { background-color: black; color: white; background-image: none; border: 0; font-family: "Salvo Sans Regular"; font-size: 16px; float: right; padding: 4px 15px; border-radius: 0px !important; } #share-your-funny-form .share-your-funny-padder { width: 100%; margin: 0px auto; } #share-your-funny-form #share-your-funny-container .questions .input { width: 93%; max-width: 469px; float: left; margin-left: 20px; border: 1px solid #CCC9C8; font-size: 1em; font-family: arial; color: #999; padding: 1%; } #share-your-funny-form #share-your-funny-container .questions .input.checkbox { padding: 0; border: none; } #share-your-funny-form #share-your-funny-container .questions #nickmom-funny-label-tell_us_about_it { padding-left: 0px; margin-left: 0px; } #share-your-funny-form #share-your-funny-container .questions #nickmom-funny-label-terms { float: left; width: 220px; color: #666; font-size: 10px; } #share-your-funny-form #share-your-funny-container .questions .label { padding-right: 16px; margin-right: 20px; float: left; margin-left: 0px; margin-top: 0px; } #share-your-funny-form #share-your-funny-container .questions li { margin-bottom: 20px; } #share-your-funny-form #share-your-funny-container .questions #nickmom-funny-field-tell_us_about_it { width: 98%; float: left; margin-left: 0px; min-height: 150px; } #share-your-funny-form #share-your-funny-container .questions #nickmom-funny-field-terms { float: left; margin: 1px 6px 0 0 ; width: 14px; } #share-your-funny-form .share-funny-h2-format { float: left; width: 100%; } #share-your-funny-form .funnel form .error { padding: 5px 5px 5px 22px; width: auto; float: right; clear: both; } #share-your-funny-form #nickmom-funny-field-user_info, #share-your-funny-form #nickmom-funny-label-user_info { display: none; } /* == Media Query ======================================================= Tablet and Above ====================================================================== */ @media screen and (min-width: 480px) { #share-your-funny-form a, #share-your-funny-form a:hover, #share-your-funny-form a:link, #share-your-funny-form a:visited, #share-your-funny-form a:active { color: #bf177c; } #share-your-funny-form #share-your-funny-block { padding: 20px; margin-bottom: 20px; font-size: 1.5em; font-family: arial; color: #666666; background: #fff; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; box-shadow: 2px 2px 2px #ccc; } #share-your-funny-form .share-your-funny-form-block { margin-top: 20px; } #share-your-funny-form .share-your-funny-form-block .share-your-funny-form-block-header { color: #e65c00; font-size: 24px; font-weight: bold; } #share-your-funny-form .share-your-funny-form-block #share-your-funny-label-about-your-funny-header { color: #e65c00; font-size: 2em; font-weight: bold; width: 100%; margin-bottom: 20px; } #share-your-funny-form .funnel form .required { background-image: url(/img/icons/funnel-icons/asterisk.png); background-position: right; } #share-your-funny-form .funnel form .label { float: left; font-size: 1.3em; font: arial; color: #666666; } #share-your-funny-form #nickmom-funny-submit { background-color: black; color: white; background-image: none; border: 0; font-family: "Salvo Sans Light"; font-weight: normal; font-size: 16px; float: left; padding: 4px 15px; margin-left: 345px; } #share-your-funny-form .share-your-funny-padder { width: 100%; margin: 0px auto; } #share-your-funny-form .share-funny-h2-format.padback { margin-left: 0px; } #share-your-funny-form #share-your-funny-container .questions { margin-left: 0px; margin-bottom: 0px; } #share-your-funny-form #share-your-funny-container .questions .input { width: 256px; float: right; border: 1px solid #CCC9C8; font-size: 1em; font-family: arial; color: #999; } #share-your-funny-form #share-your-funny-container .questions .label { float: left; margin-left: 10px; padding-left: 0px; font-size: 1em; margin-top: 4px; } #share-your-funny-form #share-your-funny-container .questions #nickmom-funny-label-tell_us_about_it { padding-left: 0px; margin-left: 0px; } #share-your-funny-form #share-your-funny-container .questions #nickmom-funny-label-terms { width: 406px; font-size: 12px; } #share-your-funny-form #share-your-funny-container .questions li { margin-bottom: 20px; width: 430px; } #share-your-funny-form #share-your-funny-container .questions #nickmom-funny-field-tell_us_about_it { width: 97.5%; margin-left: 0px; min-height: 150px; } #share-your-funny-form .share-funny-h2-format { float: left; width: 100%; } #share-your-funny-form .funnel form .error { padding: 5px 5px 5px 22px; width: auto; max-width: 260px; float: right; clear: both; } #share-your-funny-form #nickmom-funny-field-user_info, #share-your-funny-form #nickmom-funny-label-user_info { display: none; } } @media screen and (min-width: 768px) { #share-your-funny-container .questions li:last-of-type { margin-bottom: 0px !important; height: 0px; } #share-your-funny-container .questions { margin-bottom: 0px; } } #utility-copy-block #utility-copy #privacy-table { border: 1px solid #00000a; border-spacing: 0; } #utility-copy-block #utility-copy a { color: #BF177C; } #utility-copy-block #utility-copy a:hover { color: #63004C; } #utility-copy-block #utility-copy #privacy-table .left-column { width: 20%; border: 1px solid #00000a; } #utility-copy-block #utility-copy #privacy-table .right-column { width: 80%; border: 1px solid #00000a; } #utility-copy-block #utility-copy #privacy-table .row { vertical-align: top; border: 1px solid #00000a; } #utility-copy-block #utility-copy #privacy-table td { padding: 7px; } .zone.privacy-policy-view-zone { padding-right: 0px; padding-left: 0px; } @media screen and (min-width: 768px) { .zone.privacy-policy-view-zone { padding-right: 50px; padding-left: 50px; } } @media screen and (min-width: 980px) { .zone.privacy-policy-view-zone { padding-right: 0px; padding-left: 0px; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ .bullet-list-modules h1 { padding: 10px; font-family: 'Salvo Sans Medium', Helvetica, Arial, sans-serif; font-size: 3.8em; font-weight: normal; } .bullet-list-modules .bullet-point-list { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; *behavior: url(/js/polyfill/boxsizing.htc); position: relative; width: 100%; max-width: 250px; display: inline-block; margin: 10px; margin-right: 30px; padding-bottom: 20px; border-bottom: none; } .bullet-list-modules .bullet-point-list h2 a { font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; color: #000 !important; } .bullet-list-modules .bullet-point-list h2 a:hover { color: #63004c !important; } .bullet-list-modules .bullet-point-list ul { list-style: none; list-style-image: none; margin: 0; padding: 0; } .bullet-list-modules .bullet-point-list ul li { margin: 0; } .bullet-list-modules .bullet-point-list ul li a { font-family: Arial, sans-serif; font-size: 13px; color: #bf177c; } .site-map-section { padding: 15px !important; } .site-map-section ul, .site-map-section ol { list-style: none; list-style-image: none; margin: 0 0 20px 0; padding: 0; } .site-map-section li { margin: 0 0 20px 0; } .site-map-section .site-map-body { list-style: none; padding: 0px; margin: 0px; width: 100%; } .site-map-section .site-map-body.fluid-css { -moz-column-count: 1; -moz-column-gap: 10px; -webkit-column-count: 1; -webkit-column-gap: 10px; column-count: 1; column-gap: 10px; } .site-map-section .site-map-body.fluid-css li { display: inline-block; margin-bottom: 20px; width: 100% padding: 0px; margin: 0px; width: 220px; } .site-map-section .bullet-point-list { margin: 15px; padding: 0px; vertical-align: top; } .site-map-section .bullet-point-list h2 { padding-top: 0px; margin-top: 0px; } .site-map-section .bullet-point-list ul { padding-bottom: 20px; } @media screen and (min-width: 480px) { .site-map-section .site-map-body.fluid-css { -moz-column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; column-count: 2; column-gap: 10px; } } @media screen and (min-width: 640px) { .site-map-section .site-map-body.fluid-css li { width: 270px; } } @media screen and (min-width: 768px) { .bullet-list-modules h1 { padding: 0; margin-top: 13px; margin-bottom: 11px; margin-right: 10px; margin-left: 10px; } .bullet-list-modules .bullet-point-list { max-width: 250px; } .site-map-section .bullet-point-list { margin: 13px 15px 0 15px; } } @media screen and (min-width: 980px) { .bullet-list-modules .bullet-point-list { max-width: 255px; } .site-map-section .site-map-body.fluid-css { -moz-column-count: 3; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px; column-count: 3; column-gap: 10px; } } @media screen and (min-width: 1300px) { .bullet-list-modules .bullet-point-list { max-width: 260px; } .site-map-section .site-map-body.fluid-css { -moz-column-count: 4; -moz-column-gap: 10px; -webkit-column-count: 4; -webkit-column-gap: 10px; column-count: 4; column-gap: 10px; } } .load-error { background: none repeat scroll 0 0 white; box-shadow: 2px 2px 30px 1px rgba(3, 3, 3, 0.2); left: 42%; margin: 0 auto; position: fixed; top: 30%; width: 300px; z-index: 999; display: none; } .load-error .message-wrapper { list-style: none; padding: 0px; margin: 0px; } .load-error .message-wrapper .header, .load-error .message-wrapper .footer { height: 20px; } .load-error .message-wrapper .header { background-color: red; color: white; } .load-error .message-wrapper .header .title { width: 90%; padding: 0 auto; } .load-error .message-wrapper .header .close-x { width: 10%; float: right; cursor: pointer; } .load-error .message-wrapper .body { padding: 10px; } .load-error .message-wrapper .body .message-content { margin: 0 0 20px 0; } .load-error .message-wrapper .body .error-button { padding: 5px 20px; background-color: red; color: white; float: right; margin: 0 0 0 10px; cursor: pointer; } .remote-content.loading { background: url(/img/icons/loading/ajax-loader-module-loader.gif) no-repeat left top; min-height: 20px; } .primary-1 .header h2 { font-size: 36px; font-weight: normal; color: #000; letter-spacing: -1px; margin: 0 0 10px 10px; width: 100%; display: block; } .chicklet-author { float: left; height: 195px; margin: 0 10px 20px 10px; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; box-shadow: 2px 2px 2px #ccc; } .chicklet-author .title { font-size: 1.3em; padding-top: 8px; } .chicklet-author #author-mobile-image { display: none; } .chicklet-author .author-image { width: 100%; } .chicklet-author #author-desktop-image { display: block; } .author-detail-view-zone .header h1 { font-family: Salvo Sans Regular; font-size: 3.6em; font-weight: normal; margin-left: 10px; text-shadow: 0px 2px 0px #ffffff; } .author-list { margin: 0 auto; } #generic-page .page #writer-articles.content-related { margin: 0 auto 5px; } .author-end-level-zone .author-heading { margin: 10px 0 5px; } .author-end-level-zone .author-heading h2 { margin: 0; color: white; background: black; font-family: 'Salvo Sans Regular', Arial; text-transform: uppercase; font-weight: normal; padding: 0 10px; } .author-end-level-zone .author-heading h2 span { margin: 0; } .author-end-level-zone .author-heading h2 a, .author-end-level-zone .author-heading h2 a:hover { font-size: 1em; color: #FFF; } .author-end-level-zone .author-heading h2 .magneticPoetry .magneticPoetry-word { padding: 7px 5px 8px 5px; } .author-end-level-zone .end-level-title { min-height: 50px; } .author-end-level-zone .end-level-title .author-name { margin: 0 0 10px 10px; font-weight: normal; font-size: 4em; text-shadow: 0px 2px 0px #ffffff; } .author-bio { padding: 10px; color: #666666; font-size: 1.5em; } .author-bio .author-bio-wrapper { padding-bottom: 10px; border-bottom: none; } .author-bio .author-photo-frame { float: left; } .author-bio .author-photo-frame #author-bio-desktop-image { display: none; } .author-bio .author-details { margin: 0 0 0 130px; } .author-bio .author-details a { color: #bf177c; } .author-bio .author-details a:hover { color: #63004c; } .author-bio .author-details p { margin-top: 0px; } @media screen and (min-width: 768px) { .author-bio { padding: 16px 20px 20px 10px; } .author-bio .author-bio-wrapper { border-bottom: 1px dotted #cbcbcb; padding-bottom: 20px; } .author-bio .author-photo-frame #author-bio-mobile-image { display: none; } .author-bio .author-photo-frame #author-bio-desktop-image { display: block; } .author-bio .author-details { margin-left: 260px; } } @media screen and (min-width: 980px) { .author-bio .author-details { margin-left: 252px; } .author-bio .author-details p { margin-top: 6px; } } .tile.author-articles { margin-bottom: 20px; } .tile.author-articles .chicklet { padding: 7px 10px; margin: 0; height: auto; } .tile.author-articles .chicklet.drop-shadow { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .tile.author-articles .chicklet .title { font-weight: 400; font-family: 'Salvo Serif Regular', Helvetica, Arial, sans-serif; font-size: 1.3em; margin: 0px 0px 6px; } .tile.author-articles .chicklet .featured { width: 120px; height: 90px; } .tile.author-articles .chicklet .info { margin-left: 120px; } .tile.author-articles .chicklet .section { color: #555; text-transform: uppercase; font-weight: bold; font-style: normal; font-size: 1.0em; font-family: Arial, sans-serif; } .tile.author-articles .chicklet .date { display: none; } @media screen and (min-width: 768px) { .tile.author-articles { margin-bottom: 30px; } .tile.author-articles .chicklet { padding: 0; margin: 10px; float: left; } .tile.author-articles .chicklet.drop-shadow { -moz-box-shadow: 2px 2px 6px 1px rgba(121, 121, 121, 0.18); -webkit-box-shadow: 2px 2px 6px 1px rgba(121, 121, 121, 0.18); box-shadow: 2px 2px 6px 1px rgba(121, 121, 121, 0.18); } .tile.author-articles .chicklet .featured { width: 140px; height: 105px; } .tile.author-articles .chicklet .info { margin-left: 0; height: 121px; overflow: hidden; } .tile.author-articles .chicklet .title { margin: 9px 0px 6px; } } .author-detail-view-zone .remote-content.loading .load-more a { display: none; } .author-detail-view-zone .remote-content.loading .load-more .loader { display: inline-block; } .author-detail-view-zone .remote-content .load-more { text-align: center; padding-top: 40px; height: 190px; } .author-detail-view-zone .remote-content .load-more a { display: inline-block; background: transparent url(/img/icons/loading/btn-loadmore.png) no-repeat 0px 0px; width: 150px; height: 150px; text-indent: -3000px; cursor: pointer; } .author-detail-view-zone .remote-content .load-more a:hover { background-position: -156px 0px; } .author-detail-view-zone .remote-content .load-more .loader { display: none; width: 150px; height: 150px; background: transparent url(/img/icons/loading/rotation-lg.gif) center center no-repeat; margin: 0px auto; text-indent: -3000px; } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ .flux4Widget .share .fixed.horizontalView .serviceList .serviceButton.facebook, .flux4Widget .share .fixed.horizontalView .serviceList .serviceButton.twitter { width: auto; min-width: 60px; max-width: 80px; } .flux4Widget .share .fixed.horizontalView .serviceList .serviceButton.pinterest { margin: 0; width: 50px; } .flux4Widget .activityFeed .mainHeader { background: none; } .submvc-module .myemail { display: none !important; } .tv-hub-page .myemail { display: none !important; } .header .sm4Widget.follow-bar { display: none; margin-left: 10px; } .header .followService.pinterestService { float: left; margin: 8px 0 0 13px; } .footer .sm4Widget.follow-bar { float: left; } .footer .followService.pinterestService { float: left; margin-left: 8px; margin-top: 1px; } .sm4Widget.follow-bar .followedObject { display: none; } .sm4Widget.follow-bar .followService.twitterService iframe { max-width: 60px; margin-left: 10px; } .flux4Widget a.pin-it-button { background: url(http://passets.pinterest.com/images/pidgets/pinit_bg_en_rect_gray_20_1.png) no-repeat; font: 11px Arial, sans-serif; text-indent: -9999em; color: #CD1F1F; height: 20px; width: 43px; background-position: 0 -20px; display: inline-block; } .flux4Widget a.pin-it-button:hover { background-position: 0 0; } .flux4Widget.endLevelShare.end-level-share-mobile .more.lastButton a { background: #000000 url(/img/landing/btn-more-sm.gif) no-repeat center center; color: white; display: block; font-family: helvetica, arial, sans-serif; font-size: 10px; font-weight: bold; text-indent: -3000px; width: 56px; height: 20px; padding-top: 0; } .flux4Widget.endLevelShare.end-level-share-mobile li.serviceButton.pinterest { margin: 0 !important; } .horiz-share-bar .flux4Widget.endLevelShare .more.lastButton { margin-left: 0; } .horiz-share-bar .flux4Widget.endLevelShare .more.lastButton a { background: url(/img/buttons/plusButton.png) no-repeat center center; color: white; display: block; font-family: helvetica, arial, sans-serif; font-size: 10px; font-weight: bold; text-indent: -3000px; width: 23px; height: 21px; padding-top: 0; } .horiz-share-bar .flux4Widget.endLevelShare .more.lastButton a:hover { opacity: .7; filter: alpha(opacity=70); } .flux4Widget.endLevelShare .serviceList { width: 260px; margin: 0 auto; } .flux4Widget.endLevelShare .serviceList > li { float: left; width: 25%; height: auto; padding: 0; list-style: none; } .flux4Widget.endLevelShare .more.lastButton a { display: inline-block; width: 48px; height: 36px; padding-top: 15px; background: url("/img/icons/social/ico-back-circle.png") no-repeat scroll 0 0 transparent; color: white; font-weight: bold; text-align: center; } #photo-slider .flux4Widget .share .fixed.horizontalView .serviceList { width: auto; } #photo-slider .flux4Widget .share .fixed.horizontalView .serviceList .serviceButton.pinterest { margin: 0; } .ie6 #photo-slider .flux4Widget .share .fixed.horizontalView .serviceList .serviceButton.pinterest, .ie7 #photo-slider .flux4Widget .share .fixed.horizontalView .serviceList .serviceButton.pinterest, .ie8 #photo-slider .flux4Widget .share .fixed.horizontalView .serviceList .serviceButton.pinterest, .ie9 #photo-slider .flux4Widget .share .fixed.horizontalView .serviceList .serviceButton.pinterest { margin: 0; } @media screen and (min-width: 768px) { .serviceList { width: 232px; } .header .sm4Widget.follow-bar { display: block; } .flux4Widget .share .fixed.horizontalView .serviceList .serviceButton.pinterest { margin: 0; } article .flux4Widget .share .fixed.horizontalView .serviceList .serviceButton.pinterest { margin: 0; } } @media screen and (min-width: 1025px) { .sm4Widget.follow-bar .followService.twitterService iframe { max-width: 155px; } .header .followService.pinterestService, .footer .followService.pinterestService { margin-left: 0; } .ie6 #photo-slider .share.tile, .ie7 #photo-slider .share.tile, .ie8 #photo-slider .share.tile { min-height: 300px; } } @media screen and (min-width: 1120px) { .flux4Widget.endLevelShare .serviceList { width: auto; margin: 0 auto; } .myemail { display: none !important; } .bidirectional .myemail { display: block !important; } .ie6 #photo-slider .share.tile, .ie7 #photo-slider .share.tile, .ie8 #photo-slider .share.tile { min-height: 320px; } } .content-end-level-view-zone .sm4Widget.activity { margin-bottom: 20px; } .content-end-level-view-zone .sm4Widget.activity .activityFeed { margin-bottom: 20px; border-bottom: 7px solid #000; margin-left: 0px; margin-right: 0px; padding-top: 13px; padding-bottom: 17px; background: transparent; } .content-end-level-view-zone .sm4Widget.activity .activityFeed .moduleContent { padding: 0px 10px; } .content-end-level-view-zone .sm4Widget.activity .activityFeed h2 { font-family: 'Salvo Sans Regular', serif; font-weight: normal; font-size: 28px; padding-bottom: 7px; color: #000; text-align: center; } .content-end-level-view-zone .sm4Widget.activity .activityFeed .mainHeader .addComment { border: 0; } .content-end-level-view-zone .sm4Widget.activity .activityFeed .mainHeader .addComment .errorMessage { top: 3px; } .content-end-level-view-zone .sm4Widget.activity .activityFeed .commentInput, .content-end-level-view-zone .sm4Widget.activity .activityFeed .commentContainer { background: white; } .content-end-level-view-zone .sm4Widget.activity .activityFeed .commentInput div, .content-end-level-view-zone .sm4Widget.activity .activityFeed .notAuthorizedCommentInput div { background: white; border: 0; } .content-end-level-view-zone .sm4Widget.activity .activityFeed .mainHeader .addComment { background: #E7E7E7; } .content-end-level-view-zone .sm4Widget.activity .activityFeed .mainHeader .sorterContainer .sorterTitle { font-weight: normal; } .content-end-level-view-zone .sm4Widget.activity .activityFeed .activityListContainer { margin: 0; padding-top: 22px; clear: both; } .content-end-level-view-zone .sm4Widget.activity .activityFeed .activityItem, .content-end-level-view-zone .sm4Widget.activity .activityFeed .noTopActivitiesIndicator, .content-end-level-view-zone .sm4Widget.activity .activityFeed .userNotificationMessage, .content-end-level-view-zone .sm4Widget.activity .activityFeed .feedPaused { border-color: #F2F2F2; } .content-end-level-view-zone .sm4Widget.activity .activityFeed .dropdownButton .dropDownContainer .moreButtonWrapper { color: #BF177C; } .content-end-level-view-zone .sm4Widget.activity .activityFeed .quote, .content-end-level-view-zone .sm4Widget.activity .activityFeed .userBar .quote { background: white; } .content-end-level-view-zone .sm4Widget.activity .activityFeed .quote, .content-end-level-view-zone .sm4Widget.activity .activityFeed .tweet, .content-end-level-view-zone .sm4Widget.activity .activityFeed .flux4Widget .userBar .quote, .content-end-level-view-zone .sm4Widget.activity .activityFeed .userBar .tweet { color: #999999; } .content-end-level-view-zone .sm4Widget.activity .activityFeed .activityList { border: 0; } .content-end-level-view-zone .sm4Widget.activity .activityFeed .thereIsNothing { margin: 0; } .content-end-level-view-zone .sm4Widget.activity .activityFeed a { color: #BF177C; } .content-end-level-view-zone .sm4Widget.activity .activityFeed a.userProfile { color: #63004C; border-bottom-color: #63004C; } .content-end-level-view-zone .sm4Widget.activity .activityFeed a.primaryButton { color: white; } .content-end-level-view-zone .sm4Widget.activity .activityFeed .repliesTopPointer { border-color: transparent transparent #E7E7E7 transparent; } .content-end-level-view-zone .sm4Widget.activity .activityFeed .replyList, .content-end-level-view-zone .sm4Widget.activity .activityFeed .flux4Widget .miniFeed .replyList { background: #E7E7E7; } .content-end-level-view-zone .sm4Widget.activity .activityFeed .comments li.replyItem { border: 0; } .content-end-level-view-zone .sm4Widget.activity .activityFeed .thereIsNothing { display: none; } @media screen and (min-width: 480px) { .content-end-level-view-zone .sm4Widget.activity .activityFeed { margin: 0px 10px 0px 10px; } .content-end-level-view-zone .sm4Widget.activity .activityFeed .moduleContent { padding: 0px; } } @media screen and (min-width: 768px) { .content-end-level-view-zone .sm4Widget.activity .activityFeed h2 { text-align: left; } } @media screen and (min-width: 980px) { .content-end-level-view-zone .sm4Widget.activity .activityFeed { border: 0; } } @media screen and (min-width: 1120px) { .content-end-level-view-zone .flux4Widget .share .fixed.horizontalView .serviceList .serviceButton.pinterest { margin: 2px 0 0; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ .sentimentTags .ad-e2 { float: right; height: 85px; margin: -4px 5px 0 10px; } .chicklet-landing-header .ad-e { position: absolute; top: 107px; right: 10px; } .photo-landing-view-zone [data-module-url-key="ad-e"] { position: absolute; right: 10px; } .content-end-level-view-zone .ad-e { float: right; width: auto; height: auto; } .content-end-level-view-zone .ad-e iframe { height: 60px; } .chicklet-landing.theme-page .ad-e { text-align: center; } .chicklet-landing.theme-page .ad-e .sponsored-by { display: block; margin-bottom: 3px; } .more-lols .ad-e { position: absolute; top: 0px; right: 20px; } @media screen and (min-width: 480px) { .tv-show-page .ad-e, .tv-videos-landing .ad-e { position: absolute; top: 180px; right: 0; } } @media screen and (min-width: 769px) { .chicklet-landing-header .ad-e { top: 170px; right: 330px; } .photo-landing-view-zone [data-module-url-key="ad-e"] { right: 30px; top: 90px; } } @media screen and (min-width: 980px) { .more-lols .ad-e { right: 10px; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ .sentiment-meta .ad-i { float: right; } @media screen and (min-width: 480px) { } @media screen and (min-width: 620px) { } @media screen and (min-width: 768px) { } @media screen and (min-width: 980px) { } .sponsor.tile { width: 120px; height: 80px; margin: 10px auto; text-align: center; } .content-end-level-view-zone .sponsor.tile { position: absolute; right: 0px; top: 8px; margin: 0 10px 0 0; } @media screen and (min-width: 480px) { .sponsor.tile { right: 10px; top: 145px; margin-top: 10px; } .content-end-level-view-zone .sponsor.tile { right: 0px; top: 20px; margin: 0 20px 0 0; } } @media screen and (min-width: 768px) { .sponsor.tile { right: 330px !important; } } .ad.rectangle { width: 300px; height: 250px; margin: 0 auto 20px; padding: 0px; } .ad.rectangle .fpo { width: 300px; text-align: center; font-size: 30px; padding-top: 40px; } .zone.utility-view-zone.secondary .ad.rectangle { display: none; } .chicklet-landing .ad { margin: 0 10px 10px; } .content-end-level-view-zone.secondary .ad.rectangle { display: none; } .channel-finder-view-zone.secondary .ad.rectangle { display: none; } @media screen and (min-width: 480px) { .chicklet-landing .ad { margin: 0 0 10px; } .tv-videos-landing .ad.rectangle { margin: 0 10px 10px; } } @media screen and (min-width: 640px) { .secondary .ad.rectangle { float: left; } .ad.rectangle { margin-left: 10px; margin-right: 10px; } .chicklet-landing .ad.rectangle { margin: 0 auto 10px; } .tv-videos-landing .ad.rectangle { margin: 0 10px 10px; } .zone.utility-view-zone.secondary .ad.rectangle { display: block; padding-right: 10px; float: right; margin: 0 10px 20px; } .content-end-level-view-zone.secondary .ad.rectangle { display: block; float: right; } } @media screen and (min-width: 640px) { .chicklet-landing .ad.rectangle { margin: 0 10px 20px 10px; } } @media screen and (min-width: 768px) { .zone.secondary .ad.rectangle { margin-left: 10px; margin-bottom: 20px; } .channel-finder-view-zone.secondary .ad.rectangle { display: block; float: right; } .chicklet-landing .ad { float: left; } } @media screen and (min-width: 980px) { .secondary .ad.rectangle { float: none; } .content-end-level-view-zone.secondary .ad.rectangle { float: none; } .content-end-level-view-zone.secondary.series-end-level .ad.rectangle { border-top: none; padding: 0; } .zone.utility-view-zone.secondary .ad.rectangle { margin: 0 10px 20px; padding-right: 0px; } .channel-finder-view-zone.secondary .ad.rectangle { margin: 20px 10px; float: none; } } .simple-template #sponsor-bg #content-bg { padding: 0; -webkit-box-shadow: none; box-shadow: none; } .simple-template .curtain-raiser-container { position: relative; width: 900px; height: 900px; margin: 0 auto; } .simple-template .curtain-image-container { position: relative; width: 900px; height: 900px; background-position: top center; z-index: 5; } .simple-template .curtain-bg-color { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .simple-template .curtain-raiser-container .continue { position: absolute; right: 0; top: 0; padding: 20px 6px 12px 50px; cursor: pointer; font-family: arial, helvetica, sans-serif; font-weight: bold; color: #ffffff; text-transform: uppercase; font-size: 11px; z-index: 6; } .simple-template .curtain-raiser-container a, .simple-template .curtain-raiser-container a:hover, .simple-template .curtain-raiser-container a:link, .simple-template .curtain-raiser-container a:visited, .simple-template .curtain-raiser-container a:active { text-decoration: none; color: #ffffff; } .simple-template .curtain-raiser-container .continue-link { position: relative; float: left; margin-right: 5px; } .simple-template .curtain-raiser-container .continue-arrow { position: relative; float: left; margin-top: 1px; border-color: transparent transparent transparent #FFFFFF; border-style: solid; border-width: 5px 0 5px 7px; } .franchise-tag-tout { display: none; width: 620px; height: 40px; margin: 0 10px 20px; -webkit-box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); -moz-box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); } .franchise-tag-tout a { display: inline-block; } @media screen and (min-width: 768px) { .franchise-tag-tout { display: inline-block; } } #resource-not-found { text-align: center; max-width: 310px; margin: -20px auto 0 auto; width: 100%; } #resource-not-found h1 { font-size: 65px; margin-top: 15px; margin-bottom: 12px; font-family: "Salvo Sans Regular"; color: #000; font-weight: normal; } #resource-not-found p { font-size: 18px; font-family: "Salvo Sans Light"; } #resource-not-found img { width: 275px; height: 295px; } #flash-unavailable { text-align: center; max-width: 770px; margin: -20px auto 0 auto; width: 100%; } #flash-unavailable h1 { font-size: 48px; margin-top: 15px; margin-bottom: 12px; font-family: "Salvo Sans Regular"; color: #000; font-weight: normal; } #flash-unavailable p { font-size: 18px; font-family: "Salvo Sans Light"; } #flash-unavailable .p14 { font-size: 14px; } #flash-unavailable img { width: 178px; height: 178px; } @media screen and (min-width: 960px) { .sponsored-bg { display: none; } .skinned #sponsor-bg { -moz-box-shadow: 0 20px 22px -20px #aaaaaa inset; -webkit-box-shadow: 0 20px 22px -20px #aaaaaa inset; box-shadow: 0 20px 22px -20px #aaaaaa inset; } .skinned #content-bg { background: none; padding: 0 0 0 0 !important; } .skinned #content-bg #main { -moz-box-shadow: 0 20px 22px -20px #aaaaaa inset; -webkit-box-shadow: 0 20px 22px -20px #aaaaaa inset; box-shadow: 0 20px 22px -20px #aaaaaa inset; background: #f3f3f3; margin-bottom: 0; padding-bottom: 30px; } .skinned #content-bg .chicklet-landing.primary-1 { top: 20px; } .skinned #content-bg .sponsored-bg { display: block; width: 165px; height: 800px; position: absolute; background-repeat: no-repeat; top: -20px; } .skinned #content-bg .left-gutter { left: -165px; background-position: top right; } .skinned #content-bg .right-gutter { right: -165px; background-position: top left; } } /* -------------------------------------------------------------------- Templates (Zone layouts) -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Modules -------------------------------------------------------------------- */ #video-strip-wrapper { background-color: white; width: 320px; margin-left: 0; } #video-strip-wrapper #video-strip-title { width: 100%; float: none; margin-top: 10px; margin-left: 10px; padding-top: 10px; } #video-strip-wrapper #video-strip-title #video-strip-title-text { width: auto; float: none; font-family: Salvo Sans Regular; font-size: 1.8em; } #video-strip-wrapper #video-strip-title .view-all-videos-top { display: none; } #video-strip-wrapper #video-strip-videos { overflow: hidden; float: none; height: 260px; margin-top: 15px; margin-bottom: 0px; margin-left: 10px; } #video-strip-wrapper #video-strip-videos .video-strip-video { float: left; width: 100%; height: auto; margin-right: 0px; margin-bottom: 10px; position: relative; } #video-strip-wrapper #video-strip-videos .video-strip-video .video-image { position: relative; float: left; margin-right: 10px; width: 133px; height: 77px; display: block; box-shadow: 0 0 0 none; } #video-strip-wrapper #video-strip-videos .video-strip-video .video-image .video-type { position: absolute; top: 0; right: 0; width: 52px; height: 52px; background: transparent url(/img/chicklets/label-sprites.png) no-repeat 0 200px; } #video-strip-wrapper #video-strip-videos .video-strip-video .video-image .video-type[data-video-type="vlog"] { background-position: 0px -64px; } #video-strip-wrapper #video-strip-videos .video-strip-video .video-image .video-type[data-video-type="promo"] { background-position: -52px -64px; } #video-strip-wrapper #video-strip-videos .video-strip-video .video-image .video-type[data-video-type="bonus clip"] { background-position: -104px -64px; } #video-strip-wrapper #video-strip-videos .video-strip-video .video-image .video-type[data-video-type="clip"] { background-position: -156px -64px; } #video-strip-wrapper #video-strip-videos .video-strip-video .video-image .video-type[data-video-type="full episode"] { background-position: -208px -64px; } #video-strip-wrapper #video-strip-videos .video-strip-video .video-image .video-type[data-video-type="expiring soon"] { background-position: -260px -64px; } #video-strip-wrapper #video-strip-videos .video-strip-video .video-image .video-type[data-video-type="new"] { background-position: -312px -64px; } #video-strip-wrapper #video-strip-videos .video-strip-video .video-image .video-type[data-video-type="preview"] { background-position: -364px -64px; } #video-strip-wrapper #video-strip-videos .video-strip-video .video-image .play-button { display: block; width: 38px; height: 38px; background-image: url("/img/icons/video-play-button-overlay.png"); position: absolute; left: 51px; top: 21px; } #video-strip-wrapper #video-strip-videos .video-strip-video .video-image .video-image-border { width: 127px; height: 71px; position: absolute; top: 0; } #video-strip-wrapper #video-strip-videos .video-strip-video .video-link { color: #666666; float: left; width: 155px; } #video-strip-wrapper #video-strip-videos .video-strip-video .video-title { font-family: Salvo Serif Regular; font-size: 1.1em; line-height: 12px; margin-top: 0px; } #video-strip-wrapper #video-strip-videos .video-strip-video:focus { outline: none; } #video-strip-wrapper #video-strip-videos .video-strip-video:hover .play-button { background-position: 38px 0; left: 50px; top: 20px; } #video-strip-wrapper #video-strip-videos .video-strip-video:hover .video-image-border { border: 3px solid #bf177c; } #video-strip-wrapper #video-strip-videos .video-strip-video:hover .video-title { color: #bf177c; } #video-strip-wrapper .view-all-videos { margin-right: 13px; } #video-strip-wrapper .view-all-videos .view-all-videos-url { float: left; margin-right: 5px; font-size: 1.2em; font-weight: bold; color: #000000; } #video-strip-wrapper .view-all-videos .view-all-arrow { border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #000000; float: left; margin-top: 2px; } #video-strip-wrapper .view-all-videos:hover .view-all-arrow { border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #bf177c; } #video-strip-wrapper .view-all-videos:hover .view-all-videos-url { color: #000000; } #video-strip-wrapper .view-all-videos:hover .view-all-videos-url:hover { color: #BF177C; } #video-strip-wrapper .view-all-videos-bottom { height: 25px; } #video-strip-wrapper .view-all-videos-bottom .view-all-videos { float: right; } @media screen and (min-width: 480px) { #video-strip-wrapper { width: 480px; } #video-strip-wrapper #video-strip-title { margin-left: 20px; } #video-strip-wrapper #video-strip-videos { height: 112px; margin-bottom: 10px; margin-left: 10px; } #video-strip-wrapper #video-strip-videos .video-strip-video { width: 133px; height: 100%; margin-right: 10px; margin-left: 10px; } #video-strip-wrapper #video-strip-videos .video-strip-video .video-image { float: none; margin-right: 0px; box-shadow: 2px 2px 5px #ccc; } #video-strip-wrapper #video-strip-videos .video-strip-video .video-link { float: none; width: auto; } #video-strip-wrapper #video-strip-videos .video-strip-video .video-title { margin-top: 10px; } #video-strip-wrapper .view-all-videos { margin-right: 20px; } } @media screen and (min-width: 640px) { #video-strip-wrapper { width: 620px; margin-left: 10px; margin-top: -10px; } #video-strip-wrapper #video-strip-title { margin-top: 20px; margin-left: 13px; padding-top: 0px; } #video-strip-wrapper #video-strip-videos { margin-left: 3px; } #video-strip-wrapper .view-all-videos { margin-right: 15px; } } @media screen and (min-width: 768px) { #video-strip-wrapper { margin-top: -20px; } } @media screen and (min-width: 980px) { #video-strip-wrapper { width: 940px; } #video-strip-wrapper #video-strip-title { margin-left: 20px; float: left; } #video-strip-wrapper #video-strip-title .view-all-videos-top { display: block; float: right; margin-top: 5px; } #video-strip-wrapper #video-strip-title #video-strip-title-text { width: 500px; float: left; } #video-strip-wrapper #video-strip-videos { float: left; margin-bottom: 20px; margin-left: 10px; } #video-strip-wrapper .view-all-videos { margin-right: 41px; } #video-strip-wrapper .view-all-videos-bottom { display: none; } } @media screen and (min-width: 1300px) { #video-strip-wrapper { width: 1260px; } #video-strip-wrapper #video-strip-title { margin-left: 28px; } #video-strip-wrapper #video-strip-videos { margin-left: 18px; } #video-strip-wrapper .view-all-videos { margin-right: 55px; } } @media screen and (min-width: 1620px) { #video-strip-wrapper { width: 1580px; } #video-strip-wrapper #video-strip-title { margin-left: 35px; } #video-strip-wrapper #video-strip-videos { margin-left: 25px; } #video-strip-wrapper .view-all-videos { margin-right: 69px; } } /** * * Main container * */ #addToHomeScreen { z-index: 9999; -webkit-user-select: none; -webkit-box-sizing: border-box; width: 220px; font-size: 15px; padding: 12px 14px; text-align: left; font-family: helvetica; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ffffff), color-stop(0.02, #f1f1f1)); border: 1px solid #ffffff; -webkit-border-radius: 8px; -webkit-background-clip: padding-box; color: #333; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); line-height: 130%; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); } #addToHomeScreen.addToHomeIpad { width: 268px; font-size: 18px; padding: 14px; } /** * * The 'wide' class is added when the popup contains the touch icon * */ #addToHomeScreen.addToHomeWide { width: 296px; } #addToHomeScreen.addToHomeIpad.addToHomeWide { width: 320px; font-size: 18px; padding: 14px; } /** * * The balloon arrow * */ #addToHomeScreen .addToHomeArrow { position: absolute; background: #f1f1f1; border-width: 0 1px 1px 0; border-style: solid; border-color: #ffffff; width: 16px; height: 16px; -webkit-transform: rotateZ(45deg); bottom: -9px; left: 50%; margin-left: -8px; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); -webkit-border-bottom-right-radius: 2px; } /** * * The balloon arrow for iPad * */ #addToHomeScreen.addToHomeIpad .addToHomeArrow { -webkit-transform: rotateZ(-135deg); background: #f1f1f1; -webkit-box-shadow: inset -1px -1px 0 #ffffff; top: -9px; bottom: auto; left: 50%; } /** * * Close button * */ #addToHomeScreen .addToHomeClose { -webkit-box-sizing: border-box; position: absolute; right: 4px; top: 4px; line-height: 20px; padding: 4px; text-align: center; -webkit-border-radius: 0px; background: #ffffff; color: #707070; -webkit-box-shadow: 0 1px 0 #fff; font-size: 24px; } /** * * The '+' icon, displayed only on iOS < 4.2 * */ #addToHomeScreen .addToHomePlus { font-weight: bold; font-size: 1.3em; } /** * * The 'share' icon, displayed only on iOS >= 4.2 * */ #addToHomeScreen .addToHomeShare { display: inline-block; width: 18px; height: 15px; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAQAAABDj1eZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdJREFUKFNtkLtLw1AYxS/qJLhXVKr2ZRulUNtiqgSb3CziICI6ucTFVYcOnaQOFRwUnNTRwUWXgpP/QdHNUEQUHGxofYBTlRs83iZNjKTncOGe7/vx3QchXUWn6FL3jhfKUdCCr5zuifV5oDiHQM+c+CIhiiCSWNu08iq9oHXKLAiqrgR4UXqlOEYZt++ExEL0wW7+OW0G10muLv9gmqfe5FAWKmTMYQYiFL7PYwyLOD8lSjNh2gdnPzMII4QUBxc4OothbAF7GCBKQ0YbSWyPQsIhqvetS+y0ygGMo/KFZfviDvR4AhwgZU9dGYnA0J/6ndc15i3ouYIMcVVUcEXIoOxCeRCfwP8sXBSdjtpUv/1QW+K16kCCIUC4id9Fa0JtkluwVkSfqPL6RwfSDA0aNlx7k/bWgViB7bMS2/1vk5sdsZLN/ALSuL3tylO4RAAAAABJRU5ErkJggg==); background-size: 18px 15px; text-indent: -9999em; overflow: hidden; } /** * * The touch icon (if available) * */ #addToHomeScreen .addToHomeTouchIcon { display: block; float: left; -webkit-border-radius: 6px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(255, 255, 255, 0.9); background-repeat: no-repeat; width: 57px; height: 57px; -webkit-background-size: 57px 57px; margin: 0 12px 0 0; border: 1px solid #ffffff; -webkit-background-clip: padding-box; } /** * * The 'share' icon for retina display * */ @media all and (-webkit-min-device-pixel-ratio: 2) { #addToHomeScreen .addToHomeShare { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC); } } .sentiment-meta.tile { margin: 0px; padding: 16px 10px 10px 10px; background: #fff; -webkit-box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); -moz-box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); box-shadow: 2px 2px 3px 1px rgba(3, 3, 3, 0.2); color: #BFBFBF; text-transform: uppercase; font-weight: bold; font-style: normal; font-size: 10px; font-family: arial, sans-serif; line-height: 16px; } @media screen and (min-width: 480px) { .sentiment-meta.tile { margin: 0 10px; padding: 11px 10px 10px 10px; } } @media screen and (min-width: 1120px) { .sentiment-meta.tile { padding: 0px 21px 10px 20px; } } .sentiment-list, .sentiment-template { display: none; } .flux4Widget .sentimentTags .itemsContainer { float: none; padding: 20px 0 5px 0; } .sentiment-border { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 10px; padding: 12px 12px 0; border: 12px solid #E7E7E7; } .sentiment-share, .sentimentTagsWidget { background: #ffffff; } .sentiment-share-wrapper { display: none; padding-bottom: 10px; height: 45px; text-align: center; } .sentiment-share-wrapper .sentiment-share-title { font-size: 1.6em; font-family: 'Salvo Sans Medium'; font-weight: normal; color: #000000; margin: 5px 0px 0 0; text-transform: none; } .sentiment-share-wrapper .sentiment-share-title span { text-transform: uppercase; } .sentiment-share-wrapper .sentiment-share .buttonWithCounter .buttonContainer { padding-top: 4px; } .sentiment-share-wrapper .sentiment-share .serviceList { vertical-align: text-bottom; width: auto; } .sentiment-share-wrapper .sentiment-share .serviceList .serviceButton.facebook { max-width: none !important; } .sentiment-share-wrapper .sentiment-share .serviceList .shareCount { display: none; } .sentiment-share-wrapper .sentiment-share .secondaryHeadline { display: none; } .sentiment-share-wrapper > div { display: inline-block; } .sentiment-share-wrapper .sentiment-share .share { padding: 0px; } .sentimentTags .sentiment-title { font-size: 16px; font-family: 'Salvo Sans Medium'; color: #000000; padding: 0; margin: 0; text-transform: none; display: block; text-align: left; } .sentimentTags .tag-list { margin: 10px; padding: 5px 0 10px 0; } .sentimentTags .tag-list::after { clear: both; } .sentimentTags .tag-list li.itemContainer { display: inline-block; float: none; margin: 5px 5px 10px 0 !important; } .sentimentTags .itemContainer { padding: 4px 4px 4px 0; margin: 0 8px 10px 0; list-style-type: none; } .sentimentTags .itemContainer .sentimentTag { position: relative; padding: 2px 7px; margin: 0 4px 0 0; color: #000000; background: #FFD000; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-family: 'Salvo Sans Medium'; font-size: 13px; box-shadow: 1px 1px 3px #ccc; } .sentimentTags .itemContainer .sentimentTag::after { content: ""; position: absolute; bottom: -10px; right: 15px; border-width: 10px 3px 0 13px; border-style: solid; border-color: #FFD000 transparent; display: block; width: 0; } .sentimentTags .itemContainer .sentimentTag.active::after { border-color: #E65C00 transparent; } .sentimentTags .itemContainer .sentimentTag.inactive::after { border-color: #e7e7e7 transparent; } .sentimentTags .itemContainer a, .sentimentTags .itemContainer a:link, .sentimentTags .itemContainer a:visited, .sentimentTags .itemContainer a:active { color: #000000; } .sentimentTags .itemContainer a:hover { text-decoration: none; color: #ffffff; background: #E65C00; } .sentimentTags .itemContainer a:hover:after { border-color: #E65C00 transparent; } .sentimentTags .itemContainer .tagCount { color: #999999; font-size: 14px; } .sentimentTagsWidget.disabled .sentimentTags .itemContainer .sentimentTag { color: #666666; border-color: #f3f3f3; } .sentimentTagsWidget.disabled .sentimentTags .itemContainer .sentimentTag::after { border-color: #f3f3f3 transparent; } .sentimentTagsWidget.disabled .sentimentTags .itemContainer a, .sentimentTagsWidget.disabled .sentimentTags .itemContainer a:hover { background-color: #f3f3f3; border-color: #f3f3f3; cursor: default; } .sentimentTagsWidget.disabled .sentimentTags .itemContainer.active .sentimentTag::after, .sentimentTagsWidget.disabled .sentimentTags .itemContainer.active .sentimentTag { color: #fff; border-color: #E65C00 transparent; } .sentimentTagsWidget.disabled .sentimentTags .itemContainer.active a, .sentimentTagsWidget.disabled .sentimentTags .itemContainer.active a:hover { background-color: #E65C00; border-color: #E65C00; } .sentimentTags::after { clear: both; } @media screen and (min-width: 640px) { .flux4Widget .sentimentTags { text-align: center; } .flux4Widget .sentimentTags .sentiment-title { padding: 0; margin: 0; } .flux4Widget .sentimentTags .tag-list { margin: 0 auto 0px auto; } .flux4Widget .sentimentTags .tag-list .itemContainer { float: none; } } @media screen and (min-width: 480px) { .sentiment-share-wrapper { height: 25px; } } /*--------------------------------------------------- LESS Elements 0.9 --------------------------------------------------- A set of useful LESS mixins More info at: http://lesselements.com ---------------------------------------------------*/ .tagbar { width: auto; min-height: 40px; margin-bottom: 20px; } .tagbar .loading-visual { margin: 10px; } .tagbar .tagbar-list { margin: 0 auto; padding: 0; } .tagbar .tagbar-list-top { position: relative; height: 40px; overflow: hidden; background-color: #000; } .tagbar .tagbar-list-dd { display: none; padding: 10px 0; overflow: auto; background-color: #fff; } .tagbar .tagbar-btn { position: relative; } .tagbar .tagbar-btn, .tagbar .tagbar-select-arrow { list-style: none; } .tagbar .tagbar-top-btn { float: left; height: 40px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #f3f3f3; text-transform: uppercase; font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 1.4em; } .tagbar .tagbar-top-btn a { display: block; height: 26px; padding: 14px 10px 0 10px; overflow: hidden; background-color: #000; color: #fff; } .tagbar .tagbar-top-btn a.btn-selected-tag { background-color: #bf177c; } .tagbar .tagbar-top-btn a.btn-selected-tag + .tagbar-select-arrow { display: block; } .tagbar .tagbar-all { width: 25%; text-align: center; } .tagbar .tagbar-more { display: none; position: relative; border-right: none; float: right; } .tagbar .tagbar-more a { padding-right: 40px; padding-left: 20px; } .tagbar .tagbar-more-desktop { display: none; width: 0; } .tagbar .tagbar-more-mobile { display: list-item; width: 75%; text-align: center; } .tagbar .tagbar-select-arrow { position: absolute; display: none; bottom: 0; left: 50%; margin-left: -5px; border-style: solid; border-width: 0 5px 5px; border-color: transparent transparent #f3f3f3; } .tagbar .tagbar-more-arrow { position: absolute; top: 13px; right: 12px; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #f3f3f3; } .tagbar .tagbar-more-arrow.is-down { top: 17px; border-style: solid; border-width: 8px 8px 0; border-color: #f3f3f3 transparent transparent; } .tagbar .tagbar-more-arrow:hover { cursor: pointer; } .tagbar .tagbar-dd-btn { display: inline-block; width: 50%; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 1.4em; } .tagbar .tagbar-dd-btn a { display: block; padding: 4px 30px; color: #333333; } .tagbar .tagbar-dd-btn a:hover { background: url('/img/icons/tag-16x16.png') no-repeat 8px 7px; color: #bf177c; } .no-touch .tagbar .tagbar-top-btn:hover > a { background-color: #bf177c; } .no-touch .tagbar .tagbar-top-btn:hover > .tagbar-select-arrow { display: block; cursor: pointer; } .zone.chicklet-landing[data-zone-url-key=video-primary-3-zone].loading-transition { opacity: 0.1; } .ie8 .zone.chicklet-landing[data-zone-url-key=video-primary-3-zone].loading-transition { display: none; } .tagbar-error-message { display: none; margin: 0 auto; font-family: 'Salvo Sans Regular', Helvetica, Arial, sans-serif; font-size: 1.6em; text-align: center; margin-top: 40px; } @media screen and (min-width: 640px) { .tagbar .tagbar-list, .tagbar .loading-visual { width: 620px; } .tagbar .tagbar-all { width: auto; } .tagbar .tagbar-list-dd { background: url('/img/bg/bg-gray-dark.png') repeat-y 0 top, url('/img/bg/bg-gray-light.png') repeat-y 320px top; } .tagbar .tagbar-more-desktop { display: list-item; width: auto; } .tagbar .tagbar-more-mobile { display: none; width: 0; } .tagbar .ie8 .tagbar-list-dd { background: #fff; } .tagbar .loading-visual { margin-right: auto; margin-left: auto; } .zone.chicklet-landing[data-zone-url-key=video-primary-3-zone] { width: 640px; } .tagbar-error-message { width: 620px; } } @media screen and (min-width: 980px) { .tagbar .tagbar-list, .tagbar .loading-visual { width: 960px; } .tagbar .tagbar-list-dd { background: url('/img/bg/bg-gray-dark.png') repeat-y 0 top, url('/img/bg/bg-gray-light.png') repeat-y 320px top, url('/img/bg/bg-gray-dark.png') #f3f3f3 repeat-y 640px top; } .tagbar .tagbar-dd-btn { width: 33.33%; } .tagbar .tagbar-dd-btn a { padding-top: 5px; padding-bottom: 5px; } .zone.chicklet-landing[data-zone-url-key=video-primary-3-zone], .tagbar-error-message { width: 960px; } .zone.videos[data-zone-url-key=video-primary-4-zone] { width: 960px; margin: 0 auto; } .zone.videos[data-zone-url-key=video-primary-4-zone] #load-more .back-to-top { right: -10px; } } @media screen and (min-width: 1300px) { .tagbar .tagbar-list, .tagbar .loading-visual { width: 1280px; } .tagbar .tagbar-list-dd { background: url('/img/bg/bg-gray-dark.png') repeat-y 0 top, url('/img/bg/bg-gray-light.png') repeat-y 320px top, url('/img/bg/bg-gray-dark.png') repeat-y 640px top, url('/img/bg/bg-gray-light.png') #f3f3f3 repeat-y 960px top; } .tagbar .tagbar-dd-btn { width: 25%; } .tagbar-list, .zone.chicklet-landing[data-zone-url-key=video-primary-3-zone], .zone.videos[data-zone-url-key=video-primary-4-zone] { width: 1280px; } } @media screen and (min-width: 1620px) { .tagbar .tagbar-list, .tagbar .loading-visual { width: 1600px; } .tagbar .tagbar-list-dd { background: url('/img/bg/bg-gray-dark.png') repeat-y 0px top, url('/img/bg/bg-gray-light.png') repeat-y 320px top, url('/img/bg/bg-gray-dark.png') repeat-y 640px top, url('/img/bg/bg-gray-light.png') repeat-y 960px top, url('/img/bg/bg-gray-dark.png') #f3f3f3 repeat-y 1280px top; } .tagbar .tagbar-dd-btn { width: 20%; } .tagbar .tagbar-dd-btn a { padding-top: 7px; padding-bottom: 7px; } .zone.chicklet-landing[data-zone-url-key=video-primary-3-zone], .zone.videos[data-zone-url-key=video-primary-4-zone] { width: 1600px; } }