@charset "UTF-8"; /* Styles for Permalink Page Only */ /* headers (main presets for bf.css) */ /*h1 { font:46px Georgia,serif; margin-bottom:30px; }*/ body.CommunityUserBG { background:url(/static/images/community/community-noise.png?v=1560869486); } .head { float:left; position:relative; width:100%; padding-bottom:5px; margin-bottom:20px; background: url(../images/public/lines/horizontal-black.png?v=1560869486) bottom left repeat-x; } .head h1 { float:left; margin-bottom:0; margin-right:20px; } .head p { padding-top:5px; line-height:1.3em; color:#333; } h2.new { margin-bottom:15px; height:auto; line-height:1.0em; font: bold 22px Arial,Helvetica,verdana,sans-serif; text-transform:none; letter-spacing:0px; color:#222; } h3 { font-size:26px; margin-bottom:5px; margin-top:-3px; } h4 { font-size:20px; margin-bottom:5px; margin-top:-3px; } h2.sec {float:left; width:100%; border-top:2px solid #e32; line-height:1.0em; padding:3px 0 2px; } h2.sec span.title { float:left; display:inline; color:#e32; font:bold 16px/1.2em "Lucida Grande",verdana,tahoma,arial,sans-serif; padding:0; margin:0; text-transform:lowercase; letter-spacing:0; } h2.sec span.subtitle { font:11px "Lucida Grande",veranda,sans-serif; letter-spacing:0; text-transform:none; padding:5px 0 0 5px; line-height:2.0em;} h2.sec a { float:right; font:10px "Lucida Grande",verdana,sans-serif; text-transform:none; letter-spacing:0; margin-top:5px; } h2.sec a:hover { } h2.p { margin-bottom:7px; } h2.menu-header { margin-top:20px; float:left; width:100%; border-top:2px solid #f43; background:url(../images/public/lines/menu-line.png?v=1560869486) center 28px repeat-x; line-height:1.0em; margin-bottom:10px;} h2.menu-header ul.title li { float:left; margin-right:20px; padding-top:4px; } h2.menu-header ul.title li a { font:bold 16px/1.3em "Lucida Grande",verdana,tahoma,arial,sans-serif; text-transform:lowercase; letter-spacing:0; } h2.menu-header ul.title li.current { background:url(../images/public/lines/menu-current.png?v=1560869486) center bottom no-repeat; padding-bottom:13px;} h2.menu-header ul.title li.current a { color:#e32; } h2.menu-header .sort { margin-top:9px; } h2.menu-header .sort li { width:40px; } h2.menu-header .subtitle { font:11px "Lucida Grande",veranda,sans-serif; letter-spacing:0; text-transform:none; line-height:1.0em; margin-top:6px; } h2.no-menu, h2.no-menu ul.title li.current { background:0; } ul.bullets { list-style-type: square; margin: 0 0 24px 20px; } ul.bullets li { margin-bottom: 5px; } ul.two-col { float:left; width:100%; margin-bottom:24px; } ul.two-col li { float:left; width:50%; margin-bottom:4px; } ul.three-col { float:left; width:100%; margin-bottom:24px; } ul.three-col li { float:left; width:33%; margin-bottom:4px; } .highlight { background:#fe3; } .hair-space { padding:0 1px;} .PageHeader h1 {display: none;} .badge {background: none;} .bckg_img_aaa_png {background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEWqqqr///8FH9MDAAAAAnRSTlP/AOW3MEoAAAAOSURBVAgdY0hgeMDwAAAFZgIh/YKwLgAAAABJRU5ErkJggg==);} /* special link styles */ a.lil { padding:0px 3px; font-size:9px; } a.small { padding:1px 3px; font-size:10px; } input.action:disabled { background:#aaa; } input.lil { font-size:10px; padding:0 2px; } a.rss { background:url(../images/public/icons/rss-small.png?v=1560869486) left 2px no-repeat; padding-left:14px; } .caps { font-size:80%; font-weight:normal; text-transform:uppercase; } input.action { *width:1;*overflow:visible;*padding:0 6px; } .highlight-on-hover:hover { opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90);} /* helpers */ .Container .top { border-top:0!important; margin-top:0!important; padding-top:0!important; } .Container .bottom { border-bottom:0!important; margin-bottom:0!important; padding-bottom:0!important; } .Container .left { border-left:0!important; margin-left:0!important; padding-left:0!important } .Container div.right { border-right: 0!important; margin-right:0!important; padding-right:0!important; } /** * Structure * */ .Page { position:relative; width:1010px; margin: 0 auto; } .PageBkgd { position:relative; float:left; width:990px; margin: 0 auto; padding:0 10px; background:#fff; } .Container { float:left; width:100%; padding-bottom:50px; position:relative; background:url(../images/public/lines/flow-bkgd.png?v=1560869486) -5px 0 repeat-y; } .ArchivePage .Container, .DisplayPage .Container, .SigninPage .Container, .SignupPage .Container, .SettingsPage .Container, .SigninSection .Container { background:0; } .Content { float:left; width:635px; margin-top:5px; margin-right:25px;} .wide-content { float:left; width:990px; background:#fff; } .Content.VideoPost {width:990px;} .ArchivePage .Content, .DisplayPage .Content {width:990px; margin-right:0;} .Container .Sidebar { float:left; width:336px; background:#fff; } .section {float:left; width:100%; margin-bottom:15px; } .border2 {border-top:2px solid #f43;} /* * Global Buzz Styles * */ .thumb { position:relative; float:left; width:125px; height:83px; } .thumb img { width:125px; height:83px; } .thumb a.badge img { position:absolute; left:-10px; top:-7px; width:auto; height:auto; width:50px; height:50px; } .thumb a.no-badge img { display:none; } .thumb .clicks { position:absolute; top:62px; left:0; width:120px; padding-right:5px; background:#e32; color:#fff; font:italic 10px "Lucida Grande",tahoma,verdana,sans-serif; text-transform:uppercase; text-align:right; } .thumb .video-play { position:absolute; top:0; left:0; width:125px; height:83px; background:url(../images/public/flow/play.png?v=1560869486) no-repeat; } .thumb .view { display:block; width:125px; text-align:center; font-size:11px; } .video-buzz .thumb { height:110px; } .thumb-small { position:relative; float:left; width:90px; height:60px; } .thumb-small img { width:90px; height:60px; } .thumb-small a.badge img { position:absolute; left:-7px; top:-10px; width:auto; height:auto; width:50px; height:50px; } .thumb-small a.no-badge img { display:none; } .thumb-small .clicks { position:absolute; top:43px; left:0; width:87px; padding-right:3px; background:#e32; color:#fff; font:italic 9px "Lucida Grande",tahoma,verdana,sans-serif; text-transform:uppercase; text-align:right; } .thumb-small .video-play { position:absolute; top:0; left:0; width:125px; height:83px; background:url(../images/public/flow/play-small.png?v=1560869486) no-repeat; } .thumb-small .video-watch { display:block; width:125px; text-align:center; font-size:11px; } .small-unit { float:left; width:90px; height:105px; margin:0 0 3px 15px; } .small-unit .thumb-small { float:none; } .small-unit h3 { font:11px "Lucida Grande",tahoma,verdana,sans-serif; padding-top:3px; height:37px; line-height:1.2em; overflow:hidden; } .sm-v-unit { float:left; overflow:hidden; width:90px; height:105px; margin:0 0 3px 15px; line-height:1.1em; } .sm-v-unit .thumb-small { float:none; padding-bottom:3px; } .sm-v-unit .title { height:37px; overflow:hidden; font:11px "Lucida Grande",tahoma,verdana,sans-serif; line-height:1.1em; } .raw-post { position:relative; float:left; width:100%; margin-top:0px; padding-top:5px; padding-bottom:15px; margin-bottom:0; } /* diff btwn bf3.css and this */ .sideways { width:205px; background:0; padding:0; } .sideways .t { float:left; } .sideways .info { margin-left:95px; } .sideways h3 { width:90px; float:left; padding-top:1px; height:auto; } .featured-post { padding-bottom:0; } .has-badges .raw-post { position:relative; } .raw-post .badge { position:absolute; left:-10px; top:-7px; width:50px; height:50px; } /** * Flow Pages (Home, User and Daily Archive Pages) * */ .border { padding-top:15px!important; background:url(../images/public/lines/horizontal-grey.png?v=1560869486) top left repeat-x; } ul.flow { float:left; width:100%; } ul.flow li.top { background:0; xxxpadding-top:0; } .PageBanner { float:left; width:950px;background:#fff } .UserInfo { float:left; width:625px; margin-right:25px; padding-bottom:20px; padding-top:20px; background:#fff } /* * NEW! GLOBAL POST STYLES * */ .post2 { padding-bottom:15px; position:relative; list-style: none; } .post2 .thumb { float:left; width:125px; margin-right:15px; } .post2 .info { float:left; width:485px; } /* wide post formatting */ .post-wide .info { width:640px; } header.post-wide { margin: 0px; } header.post-wide hgroup { padding: 0px 0px !important; } header.post-wide hgroup > * {padding: 0px !important; } /* this previous css line is breaking the vertical-label so I had to add this. TODO : Once you get rid of it, remove the next line; */ header.post-wide hgroup > .vertical-label {padding: 4px 8px !important; } .PermalinkPage .parent-info { float:left; width:550px; margin-bottom:30px; } .PermalinkPage .post2 { padding-bottom:0; } .PermalinkPage .post2 .info-no-thumb, .inline-post .info { width:625px; } /*.PermalinkPage .post2 .info-no-thumb h1, .PermalinkPage .post2 .info-no-thumb .description { width:565px; } */ .post2 h1 { font-size:36px; font-weight:normal; line-height:38px; font-weight: 600;margin-bottom:5px; margin:10px 0px 10px 0px; color:#333333; clear: left;} .post2 #post-title { clear: both; color: #333333; font-weight: 600;font-size: 36px; line-height: 38px; margin: 10px 0; text-transform: none; letter-spacing: normal; } .VideoPost .post2 #post-title {width: 860px;} .post2 h2 { font:18px "Gill Sans",sans-serif; margin-bottom:7px; color:#e32; text-transform:uppercase; letter-spacing:1px; } .post2 h3 { overflow:hidden; } .post2 .parent { margin-top:8px; font-style:italic; } .post2 .blurb { font-weight:bold; } .post2 .category { color:#e32; font: bold 11px "Gill Sans",Verdana,sans-serif; text-transform:uppercase; padding-right:4px; } .post2 .badges { clear: both; float: none; padding-bottom: 6px; min-height: 56px;} .post2 .badges-top { float:left; width:100%; padding: 10px 0px 0px 0px; margin:0px 0px 10px 0px;} .viral-buzz .has_one_ride .badgesTop,.viral-buzz .has_one_ride .badges {max-width:362px;} .wide-content .viral-buzz .badgesTop, .wide-content .viral-buzz .badges {float:right; margin-top:-5px; max-width:665px;} .viral-buzz .only_ridealong .badges-top .badge.badge-with-ridealong img, .viral-buzz .only_ridealong .badgesWide .badge.badge-with-ridealong img { margin-top: 0px !important; } .badge img {display:block;} .badge-with-ridealong.badge img {width:auto; height:50px;} .hot_stats_bar .badge-with-ridealong.badge img {width:auto; height:42px;} .badge img[alt="Advertisement"] {position: absolute; left:-99999px;} .post2 .badgesWide { float:right; width:250px; } .post2 .badge-wrapper.badge-full-length { float:left; margin-bottom: 5px; width:100%; } .post2 .badge-wrapper.badge-full-length .badgesWide { width: 100%; float: left; margin-top:10px; } .post2 .badge-wrapper.inline-badges .badgesWide .badge { float: right; margin-top: -5px;} .badge.wrap_badge{position:absolute; left:0px; top:52px;} .PermalinkPage .post2 .info-no-thumb .badges, .inline-post .badges { width:390px; } .post2 .badge { float:left; position:relative; margin-right: 5px; width:50px; height:50px; margin-top:0px; } .inline-post .badge { float:left; position:relative; margin-right:5px; width:50px; height:50px; margin-top:3px; } .post2 .meta {overflow:hidden; font-family:Arial,Helvetica,sans-serif; } .post2 .user-info a.user-avatar { clear: none; float:left; margin-right: 5px; height:35px; width:35px; } .post2 .user-info.big a.user-avatar{ height:70px !important; width:70px !important; } .post2 .user-info a.user-avatar img { height:35px; width:35px; } .post2 .user-info.big a.user-avatar img { height:70px !important; width:70px !important; } .post2 .user-info .user-info-info {float: left;} .post2 .user-info.big .user-info-info {margin-top: 35px;} .post2 .user-info img.crown { display:block; float:none; margin-right:0; height:auto; width:auto; } /* RAGU USER HACK */ .post2 .user-info.big.ragu a.user-avatar img {position:relative; top:18px;} .inline-post .user-info { padding-top:3px; } .inline-post .user-info { margin-bottom:0; } .twitter-follow-btn{padding:16px 0 16px 0;} .fb-like-box.fb_iframe_widget span {display: block;} .post2 .user-info .user-name { font-size:17px; overflow: hidden; line-height: 19px;} .post2 .user-info .author_title {display:block; width:160px; line-height: 12px; } .post2 a.comment_icon {display: inline-block; width: 10px; height: 9px; vertical-align: top; background: url(../images/public/topics/comments_icon.png?v=1560869486) 0 0 no-repeat;} .post2 a.comment_icon:hover {background-position: 0 -20px;} .post2 .user-info .fb-subscribe_btn {clear: none; float: left; width: 125px; margin: 7px 0 0 5px; overflow: hidden;} .post2 .user-info .twitter-follow_btn {clear: none; float: left; width: 125px; margin: 7px 0 0 5px; padding:0; overflow: hidden;} .post2 .user-info .more_from_btn {clear: none; float: right; padding: 0; text-align: right; width: 150px; margin: 10px 0 0 5px; font-size: 11px; font-weight: bold; line-height: 13px; overflow: hidden; white-space: nowrap;} .post2 .user-info .more_from_btn.ad { white-space: normal;} .post2 p.description { font-size:17px; line-height:23px; color:#333; margin:0px 0px 11px 0px;} .post2 p.description b, .post2 p.description strong {font-weight: 600;} .post2 .user-info {border: none; margin:0px 30px 5px 0px; padding-top: 0px; float: left;} .post2 .user-info + .user-info {float: none; display: inline-block; vertical-align: top;} .post2 .user-info + .user-info.community-user-info {float: left;clear:both;display: block;} .post2 .social-links {float: left; margin-top: 8px;} .post2 .social-links div {float: left; margin-right: 30px;} .post2 .social-links div.fb-subscribe_btn { margin-right: 5px; height: 20px; } .fb-subscribe_btn .fb_iframe_widget, .fb-subscribe_btn .fb_iframe_widget span { display: block !important;} /* General styling for raw html areas (e.g. topics) */ .bf_buzz_html {} .bf_buzz_html h1, .bf_buzz_html h2, .bf_buzz_html h3, .bf_buzz_html h4, .bf_buzz_html h5, .bf_buzz_html h6, .bf_buzz_html p, .bf_buzz_html blockquote, .bf_buzz_html q, .bf_buzz_html ul, .bf_buzz_html ol, .bf_buzz_html dl, .bf_buzz_html code, .bf_buzz_html iframe, .bf_buzz_html object, .bf_buzz_html embed, .bf_buzz_html code {margin: 0; padding: 0 0 8px 0; color: #202020;} .bf_buzz_html h1, .bf_buzz_html h2, .bf_buzz_html h3, .bf_buzz_html h4, .bf_buzz_html h5, .bf_buzz_html h6 {font-family:"Lucida Grande",tahoma,arial,sans-serif; font-weight: bold; text-transform: none; padding: 3px 0 5px 0; margin: 0 !important;} .bf_buzz_html object embed {padding: 0;} .bf_buzz_html h1 {font-size: 24px;} .bf_buzz_html h2 {font-size: 20px;} .bf_buzz_html h3 {font-size: 18px; color: #ee3322;} .bf_buzz_html h4 {font-size: 18px;} .bf_buzz_html h5 {font-size: 16px; color: #ee3322} .bf_buzz_html h6 {font-size: 16px;} .bf_buzz_html p {line-height: 18px;} .bf_buzz_html blockquote {margin: 0 0 6px 12px; padding: 2px 0 2px 10px; border-left: 3px solid #c3c3c3; } .bf_buzz_html q {float: none; clear:both; display: block; margin: 0 0 0 20px;} .bf_buzz_html q:before {content: '\"'; padding: 0 2px 0 0;} .bf_buzz_html q:after {content: '\"'; padding: 0 0 0 2px;} .bf_buzz_html ul, .bf_buzz_html ol {margin: 0 0 0 32px;} .bf_buzz_html ul {list-style: disc;} .bf_buzz_html ol {list-style-type: decimal;} .bf_buzz_html ul li, .bf_buzz_html ol li {padding: 2px 0; margin: 0;} .bf_buzz_html dl {padding: 0 0 4px 0;} .bf_buzz_html dl dt {font-weight: bold; padding: 0 0 2px 0;} .bf_buzz_html dl dd {padding: 2px 0 4px 8px;} .bf_buzz_html iframe, .bf_buzz_html embed, .bf_buzz_html object {min-height: 25px !important; min-width: 25px !important;} .bf_buzz_html code {display: inline-block; font-size: 13px; background: #f0f0f0; padding: 2px 4px; border: 1px solid #e0e0e0;} .bf_buzz_html code.block {display: block; margin: 0 0 10px 0; padding: 4px 5px;} .post2 .actions { float:left; margin-bottom:5px;} .post2 .actions li { float:left; padding-right:4px; } .post2 .actions li.one { padding-right:0; } .post2 .actions li.one a { font-size:10px; } .post2 .actions li.two a { font-size:10px; margin-right:7px; background:#d5d5d8; color:#111; } .post2 .actions a { font-size:11px; } .post2 .actions a.more { padding:0 4px 1px; background:#07e url(../images/public/backgrounds/bluestripe.png?v=1560869486); color:#fff; } .post2 .actions a.more:hover { opacity: 0.85; -moz-opacity: 0.85; filter:alpha(opacity=85); } .post2 .sharing-icons { /* might use this later --- position:absolute; left:50%; width:60px; margin-left:108px; top:105px; float:left; */ } .call-to-action { width:100%!important; float:left; background:#f2ed8e; padding:7px 10px; } .call-to-action p { margin:0; } .call-to-action a span { font:12px "Lucida Grande",Verdana, sans-serif; color:#07e; margin:0; padding:0; } .call-to-action a:hover span { color:#e32; } .post2 h4 { margin-bottom:10px; } .link-buzz p.link { font-size:12px; } /*.media-buzz h3 { font-size:20px; line-height:1.2em; } .media-buzz h3 span { display:block; float:left; background:url(../images/public/sprites/buzz.png?v=1560869486) 0 0 no-repeat; height:19px; overflow:hidden; text-indent:-9999px; margin-top:4px; } .image-buzz h3 span { width:75px; } .video-buzz h3 span { width:70px; background-position: 0 -20px; } .link-buzz h3 span { width:55px; background-position: 0 -40px; } .post-datetimes span.buzz_datetime {display: block; margin-top: 4px; font-family: Arial,Helvetica,sans-serif; text-transform: none; letter-spacing: -.02em; padding-left: 0px; font-weight: normal; font-size: 10px; color: #999;} .post-datetimes span.buzz_datetime time {white-space: nowrap;} .post-datetimes {margin: 20px 0; display: block;min-height:10px;} .post-datetimes span {line-height: 10px;} .post-datetimes b span.buzz_datetime {font-weight: bold;}*/ .ad-post { background-color:#Ffd; padding:0 0 5px; } .ad-post h2 { font:bold 11px "Lucida Grande",verdana,arial,sans-serif; color:#e32; letter-spacing:0; /*text-transform:none;*/ } .ad-post img { width:90px; height:60px; margin-left:35px; } .ad-post .info h3 { font-size:19px; padding-right:50px; } .ad-post .info p.description { font-size:11px; line-height:1.3em; padding-right:50px; } .inline-post h3 { font-size:30px; } .has-inline-posts .border, .inline-post-border { padding-top:20px!important; padding-bottom:35px!important; border-top:1px solid #e6e6e6; background:0; xxxbackground:url(../images/public/lines/horizontal-black.png?v=1560869486) top left repeat-x; } .has-inline-posts .post2 { padding-bottom:35px!important; } .inline-post .buzznote { margin:5px 0; } .post2 .buzznote .what { width:300px } /** * Permalink Pages * */ .buzz { float:left; width:100%; margin-bottom:0;} .buzz.bf_dom {margin-bottom: 0;} /* featured link */ .featured-link, .featured-video { float:left; width:100%; margin-bottom:15px; } .featured-link h2, .featured-video h2 { margin-bottom:15px;} .featured-link img { float:left; margin-right:15px; border:1px solid #ddd; width:90px; height:65px; } .featured-link .info { float:left; width:515px; } .featured-link h4 { font-size:32px; } .featured-link p { font-size:15px; } /* featured video */ .featured-video h4 { font-size:26px; } .featured-video p { font-size:15px; } .video-content { float:left; width:100%; margin-bottom:5px; margin-top:10px; } .video-embed-area span {display: none;} .video-embed-big { float:left; width:625px; min-height:376px!important; background:#f6f6f6 url(../images/public/spinners/small_on_f6f6f6.gif?v=1560869486) center center no-repeat; } .video-embed-noflash { background:#f0f0f0 url(../images/mobile/unavail_mobile.jpg?v=1560869486) center center no-repeat; background-size:100% auto; } .video-embed-noflash > * {display: none;} .video-embed-small { float:left; width:325px; min-height:263px!important; background:#f6f6f6 url(../images/public/spinners/small_on_f6f6f6.gif?v=1560869486) center center no-repeat; } /* links */ .links {overflow: hidden; float: left; width: 100%; padding-top: 7px; padding-bottom: 4px;} .Page .links h2 {margin-bottom: 13px;} .Page .links ul {} .Page .links ul li {float: left; padding-bottom: 15px; width: 100%;} .Page .links ul li .num {width: 20px; float: left; font: 15px "Gill Sans",verdana,sans-serif; color: #e32; margin: 3px 0 0 0; padding: 3px 5px 3px 0; border-right: 1px solid #e32; text-align: right; line-height: 1.0em;} .Page .links ul li .link-info {padding-left: 35px;} .Page .links ul li p {margin: 0;} .Page .links ul li .link-info p {color: #666;} .Page .links ul li h4 {padding-top: -3px; font-size: 24px; margin: 0;} .Page .links ul li a.permalink {background: url(../images/public/icons/permalink.png?v=1560869486) top right no-repeat; padding: 0 3px 0 10px; font-size:13px;} .Page .links ul li span.newlink {background: url(../images/public/icons/new.png?v=1560869486) top right no-repeat; padding: 0 10px 0 20px; font-size:13px;} /* media thumbnail */ .media-thumbnail { float:left; position:relative; width:90px; height:60px; margin: 2px 11px 0 0px; } .media-thumbnail a { display:block; position:absolute; top:0; left:0; width:90px; height:60px; background:url(../images/public/flow/play-small.png?v=1560869486) no-repeat; } .media-thumbnail img, .media-thumbnail a { width:90px; height:60px; } /* BuzzFeed promo links */ #more-buzzfeed {float:left;width:630px; xoverflow:hidden; margin:10px 0;} #more-buzzfeed span {display:inline-block; height:64px; margin-right:-4px;} #more-buzzfeed a {background: url(../images/public/social/more-buzzfeed.png?v=1560869486) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; height:64px;display:inline-block;} #more-buzzfeed a.homepage {width:185px;} #more-buzzfeed a.homepage:hover {background-position:0 -64px;} #more-buzzfeed a.twitter {background-position:-185px 0; width:209px;} #more-buzzfeed a.twitter:hover {background-position:-185px -64px;} #more-buzzfeed a.facebook {background-position:-394px 0; width:236px;} #more-buzzfeed a.facebook:hover {background-position:-394px -64px;} #more-buzzfeed a.homepage-b {width:178px; height:67px; background-position:0 -128px; margin-right:8px;} #more-buzzfeed a.homepage-b:hover {background-position:0 -194px;} #more-buzzfeed a.twitter-b {background-position:-178px -128px; width:202px; margin-right:8px; height:67px;} #more-buzzfeed a.twitter-b:hover {background-position:-178px -194px;} #more-buzzfeed a.facebook-b {background-position:-380px -128px; width:229px; height:67px;} #more-buzzfeed a.facebook-b:hover {background-position:-380px -194px;} .partner-slot{background-color:#FDF6E5; } /* tags */ .views-tags { width:100%; float:left; font-size:10px; font-size:11px; margin: 10px 0; color:#444; } .views-tags p {margin:0;} .views-tags .views .count { font-weight:bold; color:#222; font-family:arial,sans-serif; } a.tag { color:#888; /*background:#eee; padding:0 1px; border-bottom:1px solid #eee; font-size:11px; line-height:1.3;*/ } a.tag:hover { background:#07e; color:#fff; } /* Style Link Hack - CK 9/23/14 */ body.list_format_article.subtle_link #buzz_sub_buzz a:not(.share-icon) { color: #111 !important; text-decoration: underline !important; } body.list_format_long.subtle_link #buzz_sub_buzz a:not(.share-icon) { color: #575757 !important; text-decoration: underline !important; } /* POST CONTENT */ .post-header { width:100%; float:left; margin-bottom:20px; } .post-content { float:left; _float:none; width:100%; margin-top:10px; } .inline-post .post-content { margin-top:5px; } .post-content img { display:block; margin:4px 0; } .post-content p { margin-bottom:20px; line-height:1.4em; font-size:13px; } .post-content ul { list-style-type: square; margin: 0 0 24px 25px; } .post-content ol { list-style-type: decimal; margin: 0 0 24px 25px; } .post-content li { margin-bottom: 5px; } .stats-content { float:left; width:100%; margin:10px 0;} .post-content ul.top-list { width:100%; float:left; list-style: none; margin:10px 0 0; } .post-content ul.top-list li { width:100%; float:left; margin:20px 0 35px; } .post-content ul.top-list h3 { font-size:24px; } .breaking-content { float:left; width:100%; margin-top:20px; font:30px Georgia,serif; } .special-content { float:left; width:100%; margin-top:20px; } .embed-content { float:left; position:relative; margin-top:20px; z-index:8888; margin-left:-10px; border:10px solid #fff; /*background:#fff url(../images/public/spinners/small_on_white.gif?v=1560869486) center center no-repeat;*/ } .freeform-content { float:left; width:600px; padding-top:20px; font:14px/1.4em "Lucida Grande"; } .freeform-content .line-break { line-height: 1.2em; } .freeform-content h1 { font-family:arial,helvetica,sans-serif; font-size:32px; font-weight:bold; margin:10px 0 0; } .freeform-content h2 { font-family:arial,helvetica,sans-serif; font-size:28px; font-weight:bold; margin:10px 0 0; } .freeform-content h3 { font-family:arial,helvetica,sans-serif; font-size:24px; font-weight:bold; margin:10px 0 0; } .freeform-content h4 { font-family:arial,helvetica,sans-serif; font-size:20px; font-weight:bold; margin:10px 0 0; } .freeform-content h5 { font-family:arial,helvetica,sans-serif; font-size:18px; font-weight:bold; margin:10px 0 0; } .freeform-content h6 { font-family:arial,helvetica,sans-serif; font-size:16px; font-weight:bold; margin:10px 0 0; } .freeform-content blockquote, .freeform-content pre { padding-left:20px; line-height:1.3em; border-left:3px solid #eee;} .freeform-content ol { list-style-type:decimal; margin:5px 0 20px 20px; } .freeform-content ul { list-style-type:disc; margin:5px 0 20px 20px; } .freeform-content li { margin-bottom:5px; } .freeform-content code, .freeform-content pre { font-family:monaco,courier,fixed-width; } .freeform-content hr { display:block; float:left; width:100%; height:0; clear:both; border:0; border-bottom:1px solid #aaa!important; margin:20px 0; } .freeform-content img { display:block; margin:10px 0; } .freeform-content img[align~='right'] { float:right; margin-left:10px; } .freeform-content img[align~='left'] { float:left; margin-right:10px; } .freeform-content img[align~='center'] { float:left; margin:10px; } .list-big-embed { float:left; position:relative; z-index:8888; margin-left:-10px; border:10px solid #fff; background:#fff url(../images/public/spinners/small_on_white.gif?v=1560869486) center center no-repeat; } .product-content { float:left;width:100%;margin-top:5px;padding-top:15px;border-top:2px solid #ddd; } .product-details { float:left;width:300px;margin-right:20px } .product-image { float:left;width:300px; } /* Quiz Stub copy was here */ .bar_chart_wrapper{width:625px; min-height: 400px;} /* Load Contributions */ .load-contributions .load-contrib-button.disabled {opacity: .5;} .load-contributions .load-spinner{float:left; margin: 5px 0px 0px 45%;} /** * Contributions * */ .Contributions { width:100%; float:left; padding-top:7px; margin-bottom:20px; } .Contributions ul.contribution-list { float:left; width:100%; margin-bottom:0px; padding-left:0; } .Contributions li.sub-contribution-list { margin-left: 30px; float:left; margin-bottom: 20px; } .Contributions li.sub-contribution-list > ul { padding-left: 0; } #responses #contribwhat_ { margin-bottom: 20px; } .no-contributions { background:0; padding:0; margin:0; } .Contributions h2 { width:100%; float:left; position:relative; margin-bottom:15px; } .Contributions ul.sort { position:absolute; right:0; top:0px; } .Contributions ul.sort li { float:left; margin-left:10px; font:11px "Lucida Grande",verdana,sans-serif; text-transform:none; letter-spacing:0;} .Contributions ul.sort li a { padding:1px 8px 2px; } .Contributions ul.sort li a:hover { background:#ddd; color:#222; } .Contributions ul.sort li.current a { background:#07e; color:#fff; } .contrib .validate { padding:7px 10px 0; width:425px; background:#E60; color:#fff; border:0; } .contrib .validate h5, .contrib .validate .headline-5 { font-size:20px;} .contrib .tools .signin-or-signup { margin-top:3px; padding:5px 8px 5px 7px; xxxbackground:#e7e7e7; } .contrib h2 { margin-bottom:5px; } .line-break { display: block; line-height: .85em; } .border .badges { top:20px; } .contribs-closed { float:left; width:460px; } /** * Contribute * */ .Contribute { width:100%; float:left; clear:both; margin-bottom:15px; } .Contribute h2 { margin-bottom:15px; } .Contribute h3 { margin-bottom:7px; width:435px; } .Contribute p { margin-bottom:12px; } .call-to-respond { width:100%; float:left; margin-top:0; margin-bottom:5px; } .call-to-respond h3 { font-size:18px; float:left; margin-right:10px; } .call-to-respond p { margin-top:2px; } .call-to-respond p a { margin-top:2px; font-size:11px; padding:1px 6px 2px; } .callout ul.type-tabs li a.current { background:#f2ed8e; } .callout .what { background:#f2ed8e; } .callout .who { background:url(../images/public/contrib/bubble-arrow-new.png?v=1560869486) top left no-repeat; } /*.no-call-to-action { padding-top:7px; background: url(../images/public/lines/horizontal-grey.png?v=1560869486) top left repeat-x; }*/ .no-contrib-box { background:0; margin:0; padding:0; } .contrib-form { background-position: 445px 75px; } .contrib-form ul.type-tabs { float:left; width:385px; overflow:hidden; padding:6px 10px 0; } .contrib-form ul.type-tabs li { float:left; font-size:13px; margin-right:10px; } .contrib-form ul.type-tabs li a { display:block; color:#555; background:#e7e7e7; padding:2px 8px 3px; border:1px solid #ddd; border-bottom:0; } .contrib-form ul.type-tabs li a.current { border-bottom:0; color:#111; font-weight:bold; } .contrib-form ul.type-tabs li a.current, .previewing .contrib-form .what { border-top:1px solid #bbb; } .previewing .contrib-preview { margin-bottom:0; } .previewing .contrib-preview .contrib { margin-bottom:0; list-style: none; } .previewing .contrib-preview .border { background:0; padding-top:0; } .previewing .contrib-preview .what { border-bottom:1px solid #999; } .previewing .contrib-preview .wide .what { border-bottom:0px; } #contribute-success { float:left; width: 605px; margin: 10px 0 25px 0; z-index: 9 } .sub-contribution-list #contribute-success { width: 575px;} #contribute-success.image { width: 375px; position: absolute; left: 100px; box-shadow: 24px 5px 7px rgba(0, 0, 0, 0.5); } #contribute-success.image.wide { left: 100px; margin-top: -100px; } #contribute-success a { text-decoraction: none !important; font-weight: bold !important; } #contribute-success-title { background: #17AF2E; font-size: 20px; line-height:1.1; font-weight: 600;color: white; width: 100%; padding: 5px 9px; border: 1px solid #17AF2E } #contribute-success-title a { color: white; float: right; } #contribute-success-msg { padding: 10px 9px; width: 100%; background: #f8f8f8; border: 1px solid #f0f0f0; font-size: 14px; } #contribute-success-shares { margin: 10px 0 0 0; overflow: hidden; } #contribute-success-shares .shareBtn { float: left; margin: 0 10px 0 0; } .Contribute fieldset p.note { margin-top:3px; font-size:11px; line-height:1.2em; color:#666; } .Contribute a.advanced { position:absolute; right:20px; } .signin-or-signup-to-vote .signin-or-signup { float:left; width:425px; padding:10px; margin-top:10px; } .signin-or-signup { float:left; background: 0; /* #ccc url(../images/public/contrib/preview-bkgd.png?v=1560869486); */ } .signin-or-signup form { float: left; background: #e6e6e6; margin-bottom: 0; padding: 10px; border: 1px solid #d7d7d7; } .signin-or-signup form.v label { font-weight:normal; margin-bottom:0px;} .contrib .signin-or-signup { margin-bottom:0; padding: 5px; width:500px; } .contrib .signin-or-signup form { background:0; border: 0px solid transparent; } .contribute-message { float:left; width:590px; background:#227918; color:#fff; padding:10px 10px 0; } .contribute-message a { color:#fff; text-decoration:underline; } .validate { background:#E60; } .success { } .message { padding:2px 5px; } .message.error { float: none; display: block; color: #e32; line-height: 15px; font-size: 16px; cursor: default; background: transparent; padding-bottom: 8px; } .error { background:#e32; color:#fff; } .success { background:#17AF2E!important; color:#fff!important; } .failure a, .error a, .success a { color:#fff; text-decoration:underline; } .Contribute .thumb { width:90px; height:60px; border:0; margin-bottom:0 } .Contribute .placeholder { width:90px; height:60px; background:url(../images/public/defaults/thumb_small.png?v=1560869486); margin-bottom:0 } .Contribute .image-upload-fields * { float:left; margin-right:5px; } .Contribute .image-upload-fields label { float:none; margin-bottom:2px; } .Contribute .who { position:relative; z-index:1; } .Contribute .fbicon { position:absolute; left:31px; top:16px; } .image-upload-overlay { width:800px;height:555px;position:fixed;left:50%;margin-left:-400px;margin-top:-275px;top:50%;left:50%;overflow:hidden;z-index:9999;} .overlay-bkgd { position:absolute;top:0;left:0;width:800px;height:555px;background:#000;-moz-border-radius:8px;-webkit-border-radius:8px;opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); } .overlay-iframe { position:absolute;top:15px;left:25px;width:750px;height:500px;overflow:hidden;border:0; } .user-loading { position:absolute; left:-20px; top:5px; } .signin-form { width:415px; } .signin-buzzfeed { float:left; width:100%; } .signin-buzzfeed-title { margin-bottom:7px; font-weight:bold; float:none; } form.facebook-enabled fieldset.signin-buzzfeed { float:left; clear:none; width:200px; border-right:1px solid #bbb; margin-right:12px; } form.facebook-enabled fieldset.signin-facebook { float:left; clear:none; width:200px; } form.facebook-enabled fieldset div { width:200px; } /* top lists */ ul.top li.num1 { background:#ffd url(../images/public/lines/horizontal-black.png?v=1560869486) top left repeat-x; } /** * Sidebar * */ .Container .Sidebar .section { width:336px; float:left; margin:10px 0 15px; font-size:12px; line-height:1.33em; } .Container .Sidebar .section h2.sec { margin-bottom:12px; } .Container .Sidebar .section h2.p { margin-bottom:5px; } .Container .section .header {float: none;} .Container .Sidebar .block {margin-bottom: 32px;} .Container .Sidebar .top { background:0; padding-top:0; margin-top:0; border:none;} .Container .Sidebar .featured-area {margin-bottom: 0;} .Container .Sidebar .featured-area .content > p {empty-cells: hide; margin: 0; padding: 0;} .Container .Sidebar .top:first-child .sec { border:0; padding-top:0; } .Container .Sidebar .widget { margin-bottom:10px; } .Container .widget { float:left; width:100%; margin-bottom:30px; } .signup-promo { margin-top:0; } .signup-promo .sign-up-pitch { display:inline; font:19px Georgia; line-height:1.3em; color:#333; } .Sidebar .twitter_search .twitter_search_box {margin: 6px 0;} .section.facebook_activity {margin:5px 0 15px;} .ptnr-icons a:hover { background:#07e; color:#fff; } .ptnr-icons .icon { float:left; margin-right:8px; } .icon { background:url(../images/global/favicons.png?v=1560869486) 0 0 no-repeat; width:16px; height:16px; } /* ADMIN TOOLS */ .admin-tools { position:absolute; left:-15px; top:10px; display:none; margin:0; } .UserSection .admin-tools, .raw-post:hover .admin-tools, .post2:hover .admin-tools { display:block!important; } .contrib:hover .admin-tools { display:block!important; } .admin-tools a { display:block; cursor:pointer; font-size:9px; padding:1px 4px; text-align:left; font-weight:bold;margin-bottom: 20px;} .admin-tools a:hover { background:#e32; color:#fff; } a.admin { background:#ECE800; color:#000; font-size:9px; font-weight:bold; padding:1px 4px; border:1px solid #5A5826; } a.admin:hover { background:#e32; color:#fff; } .qe { position:absolute; left:0px; top:0; display:block; visibility:hidden; width:16px; height:16px; overflow:hidden; background:url(../images/public/icons/post-tools.png?v=1560869486) no-repeat 0px -600px; cursor:pointer; } ul.top li:hover .qe, .raw-post:hover .qe, .post2:hover .qe, .contrib:hover .qe { visibility:visible; } .qe:hover { background-position:-16px -600px;} .contrib .qe { left:0; top:0; } .FlowPage .contrib .qe { left:0; top:37px; } .has-badges .t .qe { left:auto; right:0; } .qe3 { position:absolute; right:0; top:0px; width:29px; height:56px; visibility:hidden; padding:5px; background:url(../images/public/icons/qe2.png?v=1560869486) no-repeat; } .qe3.with-stats { height:72px; background:url(../images/public/icons/qe2-stats.png?v=1560869486) no-repeat; } .inline-post .qe3 { top:15px; } .qe3 a { position:absolute; left:16px; display:block; width:16px; height:16px; overflow:hidden; text-indent:-9999px; cursor:pointer; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); } .qe3 a:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); } .qe3 .edit { top:7px; background:url(../images/public/icons/qe-edit.png?v=1560869486) no-repeat; } .qe3 .stats { display: none; } .qe3 .delete { top:30px; background:url(../images/public/icons/qe-delete.png?v=1560869486) no-repeat; } .qe3.with-stats .stats { display: block; top:26px; background:url(../images/public/icons/qe-stats.png?v=1560869486) no-repeat; } .qe3.with-stats .delete { top:46px; } .qe3.delete-pick { height:72px; background:url(../images/public/icons/qe2.png?v=1560869486) no-repeat; } .qe3.delete-pick .delete { top:30px; background:url(../images/public/icons/qe-delete.png?v=1560869486) no-repeat; } .qe3.delete-pick .edit { top:10px; background:url(../images/public/icons/qe-edit.png?v=1560869486) no-repeat; } .qe3.edit-pick { height:72px; background:url(../images/public/icons/qe2-single.png?v=1560869486) no-repeat; } .qe3.edit-pick .edit { top:10px; background:url(../images/public/icons/qe-edit.png?v=1560869486) no-repeat; } .qe3.accept-pick { visibility:visible; height:72px; background:url(../images/public/icons/qe2.png?v=1560869486) no-repeat;} .qe3.accept-pick .accept { top:7px; background:url(../images/public/icons/qe-add.png?v=1560869486) no-repeat; } .qe3.accept-pick .delete { top:30px; background:url(../images/public/icons/qe-delete.png?v=1560869486) no-repeat; } .qe3 .spinner { position:absolute;padding: 0; left:16px; top:10px; width: 20px; height: 20px;text-indent: -1000em;overflow: hidden;;z-index: 1000; background:#333 url(../images/public/spinners/small_on_black.gif?v=1560869486) no-repeat; } .post2:hover .qe3 { visibility:visible; } .border .qe3 { top:10px; } .this-post-was-picked { position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,0.8) url(../images/public/icons/pick-added.jpg?v=1560869486) no-repeat 10px 20px; } /* PAGING */ ul.paging { float:left; width:100%; padding: 15px 0; background:url(../images/public/lines/horizontal-grey.png?v=1560869486) top left repeat-x; } ul.paging li { float:left; width:25%; color:#ccc; text-align:center; font-size:15px; } ul.paging li a { padding:2px 10px 3px; background:#07e url(../images/public/backgrounds/bluestripe.png?v=1560869486); color:#fff; } ul.paging li span { padding:2px 10px 3px; background:#e6e6e6; color:#bbb; } ul.paging li a:hover { background:#e32; } ul.paging li.newer { float:right; margin-right:0; } ul.paging li.count { width:50%; color:#333; font-size:13px; } ul.paging2 { float:left; width:100%; margin-bottom:40px; padding: 15px 0; background:url(../images/public/lines/horizontal-grey.png?v=1560869486) top left repeat-x; } ul.paging2 li { float:left; color:#999; text-align:center; font-size:12px; margin:0 5px 5px 0; } ul.paging2 li span { width:18px; display:block; padding:3px 2px; background:#e6e6e6; color:#aaa; border:1px solid #ccc; } ul.paging2 li.add { float:right; } ul.paging2 li a { width:18px; display:block; padding:3px 2px; text-align:center; border:1px solid #07e; color:#06d; } ul.paging2 li a:hover, ul.paging2 li.current a { background:#07e url(../images/public/backgrounds/bluestripe.png?v=1560869486); color:#fff; } ul.paging2 li.count { width:50%; color:#333; font-size:13px; } .edit-buttons { margin-bottom:5px; } .edit-buttons a { font-size:11px; padding:2px 3px; } .bottom-line { border-bottom: 2px solid #e32; padding-bottom:25px; } .new-post-buttons { width:100%; float:left; } .new-post-buttons p { width:525px; line-height:1.4em; } .post-button { float:left; display:block; height:28px; text-indent:-9999px; margin-right:10px; background:#07e; } .post-link { background:url(../images/public/buttons/post-a-link.png?v=1560869486) no-repeat; width:80px; } .post-image { background:url(../images/public/buttons/post-an-image.png?v=1560869486) no-repeat; width:95px; } .post-video { background:url(../images/public/buttons/post-a-video.png?v=1560869486) no-repeat; width:91px; } .post-embed { background:url(../images/public/buttons/post-an-embed.png?v=1560869486) no-repeat; width:98px; } .post-quiz { background:url(../images/public/buttons/post-a-quiz.png?v=1560869486) no-repeat; width:80px; } .post-list { background:url(../images/public/buttons/post-a-list.png?v=1560869486) no-repeat; width:75px; } .post-button:hover { background-position: 0 -28px; } .post-button:active { background-position: 0 -56px; } .new-post-help { position:absolute; right:0; top:0; width:170px; } .new-post-help div { padding:5px 7px; background:#ffa; border:1px solid #dd8; } .new-post-help div h5 { font-weight:bold; font-size:13px; } .profile-form { float:left; background:#e6e6e6; padding:15px 20px 0;} .new-post-form { position:relative; width:100%; float:left; margin-bottom:25px; } .new-post-form .message { width:420px; padding:8px 10px; } .new-post-form .profile-form { background:#eee; width:420px; padding:15px; } .new-post-form .profile-form div.field { margin-bottom:10px; } .new-post-form .profile-form div.field.submit { margin-bottom:0; } .new-post-form .profile-form div.field label { margin-bottom:3px; } .new-post-form .profile-form .tool-right { position: absolute; right:12px; top:0; } .quickpost-preview { margin:0 0 10px; padding:0; background:0; } .post_error {margin-bottom: 40px; padding: 15px 20px; color: #6a3d3d; font-size: 14px; line-height: 1.6; background-color: #FCC; border: 1px solid #e9a6a6;} /** * Forms * */ fieldset div.field { float:left; width:100%; margin:0; padding:0 0 5px; font-size:13px; xxxbackground:#f1f; } fieldset div.field div.wrap { overflow:hidden; width:100%; float:left; } fieldset div.field div.wrap label { float:left; display:block; width:80px; padding-top:2px; font-size:13px; line-height:1.1em; } fieldset div.field div.wrap input { float:left; } fieldset div.no-label div.wrap { margin-left:80px; } fieldset div.no-label div.wrap label { float:none; display:inline; width:auto; } input.long { width:300px; } input.short { width:175px; margin-right:5px; } span.note { font-size:85%; color:#666; } p.note { margin-top:3px; font-size:11px; line-height:1.2em; color:#666; } div.note { margin-left:80px; margin-top:3px; font-size:11px; line-height:1.2em; color:#666; } /** * New Forms * */ label .tools { position:absolute; right:25px; top:5px; font-weight:normal; font-size:12px; } .tool-right { position:absolute; right:20px; top:3px; font-weight:normal; font-size:11px; padding:0; line-height:0em; } .validate { background:#FFF22C; color:#000; padding:15px; } .validate h5, .validate .headline-5 { font:bold 24px arial,helvetica,sans-serif!important; margin-bottom:7px!important; } .validate p { margin:0;} .validate a { color:#000; font-style:underline; } /* Newest Forms */ .form2 { background:#e6e6e6; float:left; width:620px; padding:0; -webkit-box-shadow:1px 1px 2px #aaa; -moz-box-shadow:1px 1px 2px #aaa; } .form2 fieldset { float:left; width:620px; padding:15px 20px 10px; } .form2 fieldset.has-legend { width:600px; position:relative; padding-left:160px; border-bottom:2px solid #fff;} .form2 fieldset.last { border:0; xxxpadding-bottom:5px; } .form2 .legend { width:110px; float:left; margin-left:-140px; margin-top:5px; } .form2 h1,.form2 h2,.form2 h3 { font-weight: bold; font-family: Helvetica,"Helvetica Neue",Arial,sans-serif; } .form2 h1 { font-size: 42px; margin:5px 0 10px; } .form2 h2 { font-size: 26px; margin:0 0 10px; } .form2 h3 { font-size: 18px; } .form2 .form-header p { font-size:13px; line-height:1.4em; margin-bottom:0; } .form2 p.bigger { font-size:16px; } .form2 .colgroup { float:left; width:100%; } .form2 .col { float:left; width:40%; } .form2 div.f { float:left; width:100%; margin-bottom:10px; font-size:13px;;} .form2 label { display:block; font-weight:bold; font-size:12px; } .form2 label.inline { font-weight:normal;} .form2 input.text, .form2 textarea { width:275px; padding:3px 3px; font:12px/1.3em "Lucida Grande",verdana,tahoma,arial,sans-serif; border:1px solid #d6d6d6; } .form2 input.bigtext { font-size: 20px; } .form2 textarea { height:70px; margin:0; resize:vertical; } .form2 textarea.tall { height:140px!important; } .form2 textarea.short { height:30px!important; } .form2 input.wide { width:400px!important; } .form2 input.narrow { width:140px; } .form2 .cancel { margin-left:10px; } .form2 p.note { width:275px; } .form2 .f-row { float:left; width:100%; margin:3px 0 6px; } .form2-nav { float:left; width:621px; border-bottom:5px solid #07e; } .form2-nav li { float:left; padding-right:3px; } .form2-nav a { display:block; float:left; padding:10px 17px 7px; background:#e6e6e6; font:20px Helvetica,Arial,sans-serif; } .form2-nav a:hover { background:#bbb; color:#fff; } .form2-nav a.selected { background:#07e; color:#fff; } .form2-spinner { float:left; width:525px; padding:30px 20px 30px 75px; background: #e6e6e6 url(../images/public/spinners/big_on_e6e6e6.gif?v=1560869486) 25px 25px no-repeat; font:bold 18px/1.3em Arial,Helvetica,sans-serif; } .form2-message, .form2.message, .form2 .message { float:left; width:580px; padding:20px 20px 20px 20px; font:bold 18px/1.3em Arial,Helvetica,sans-serif; border-top:1px solid #fff; background:#FFF22C; color:#000; } .form2-message a { color:#000; text-decoration:underline; } .form2.success { background:#13A22B!important; color:#fff; } .form2.failure, .form2 .error { background:#e32; color:#fff; } .form2.notice { background:#E60; color:#fff; } .success a, .failure a, .error a, .notice a { color:red; text-decoration:underline; } .success a:hover, .failure a:hover, .error a:hover, .notice a:hover { color:red; text-decoration:underline; opacity: 0.5; } .form2-message p { font-size:13px; font-weight:normal; margin:10px 0 0; } .form2 .field-error { color:#e32; font-weight:bold; } .fine-print { color:#888; font-size:11px; } .fine-print a { color:#888; text-decoration:underline; } .grey{color:#222;background-color:#bbb;text-shadow:none;} a.grey:hover { color:#000; background:#ccc; } a.grey:active { background:#999; } .std-box { width:590px; padding:15px 15px 15px; margin-bottom:25px; } .promo-box { background:#DEF0F9; float:left; width:918px; padding:15px 15px 10px; margin-bottom:25px; border:1px solid #DFEAF1; -webkit-box-shadow:1px 1px 2px #aaa; -moz-box-shadow:1px 1px 2px #aaa; } .Sidebar .promo-box { width:304px; } .note-box { background:#FFF4BC; border:1px solid #F0E5B1; } .promo-box h1, .promo-box h2, .promo-box h3, .promo-box h4, .promo-box h5, .promo-box h6 { font-family: Arial,Helvetica,sans-serif; font-weight:bold; line-height:1.2em; } .promo-box h3 { font-size:22px } .promo-box h4 { font-size:18px } .promo-box h5 { font-size:16px; line-height:1.3em; font-weight:normal; } .promo-box h6 { font-size:14px; font-weight:bold; line-height:1.3em; } .promo-box p { line-height:1.35em; } .tag-suggestions { margin:0!important; } .tag-suggestions ul { position:absolute; margin-top:22px; left:10px; min-width:250px; background:#fff; border:1px solid #aaa; padding:0; padding:3px 0; z-index: 999;} .tag-suggestions li { padding:1px 7px!important; cursor:pointer; } #tag_suggestions li.selected { background:#07e!important; color:#fff!important; } /* feed mini items */ .feed-action { position:relative; width:625px; float:left; margin-bottom:12px; padding:0; font-size:12px; } .feed-loves { background:url(../images/public/social/love_small.png?v=1560869486) center 0px no-repeat; padding-left:13px; padding-right:1px; } .feed-hates { background:url(../images/public/social/hate_small.png?v=1560869486) center 0px no-repeat; padding-left:13px; padding-right:1px; } .feed-action .ago, .feed-action .meta { display:inline; font-size:9px; color:#ccc; } .feed-action .delete-reaction { visibility:hidden; } .feed-action:hover .delete-reaction { visibility:visible; } .feed-special { width: 600px; padding: 5px 10px; font-size:13px; border-left:3px solid #e32; background: url(../images/public/backgrounds/greystripe.png?v=1560869486); border-bottom:1px solid #ddd; border-right:1px solid #ddd; } .feed-special .ago, .feed-special .meta { color: #bbb; } .feed-action .icon { display:block; width:16px; height:16px; float:left; margin-right:8px; padding:5px 0 0; margin-top:-5px;} .feed-action .twitter-icon { display:block; width:24px; height:24px; float:left; margin-right:8px; } .feed-facebook .icon { background: url(../images/public/social/facebook.png?v=1560869486) 0 5px no-repeat; } .feed-twitter .icon { background: url(../images/public/social/twitter.png?v=1560869486) 0 5px no-repeat; } .feed-stumbleupon .icon { background: url(../images/public/social/stumbleupon.png?v=1560869486) 0 5px no-repeat; } .feed-search .icon { background: url(../images/public/social/google.png?v=1560869486) 0 5px no-repeat; } .feed-tweet { /*font-size:14px;*/ } .feed-action .act { font-size:11px; padding:0 2px; } /* viral-alert */ .viral-alert { padding:6px 0; float:left; width:100%; margin-bottom:20px; font:12px "Lucida Grande",tahoma,verdana,arial,sans-serif; } .viral-alert span { padding-top:5px; padding-bottom:4px; background:url(../images/public/promos/permalink-alert.png?v=1560869486) right top no-repeat; } .viral-alert .alert { color:#fff; font-weight:bold; text-transform:uppercase; font-style:italic; padding-left:8px; padding-right:16px; text-shadow:1px 1px 0 #696; } .viral-alert .name { color:#222; padding-left:7px; padding-right:15px; background-position:right -24px; } .viral-alert a:hover .name { color:#e32; } .horizontal-share-buttons div { position: relative;} .horizontal-share-buttons .googplusone-btn { width: 50px; overflow: hidden; } .horizontal-share-buttons .googplusone-btn.big { margin-top: 3px;} .horizontal-share-buttons div.tweet-button, .horizontal-share-buttons div.linkedin-btn, .horizontal-share-buttons div.tumblr-btn {margin-right:10px;} .horizontal-share-buttons div.reddit-btn {margin-right: 4px;} .horizontal-share-buttons a.email-btn, .vertical-share-buttons a.email-btn {float: none; display: block; background:url(../images/public/social/email-btn.png?v=1560869486) no-repeat; width:62px; height:20px; overflow:hidden; text-indent:-9999px;} .horizontal-share-buttons a.boost-btn, .vertical-share-buttons a.boost-btn {float: none; display: block; background:url(../images/public/social/boost-btn.png?v=1560869486) no-repeat; width:70px; height:20px; overflow:hidden; text-indent:-9999px;} .horizontal-share-buttons a.email-btn {float: left; margin-right: 0px;} .horizontal-share-buttons a.boost-btn {float: left; margin-right: 0px;} .horizontal-share-buttons .fb-share-button, .horizontal-share-buttons .tweet-btn {margin-top: 1px} .horizontal-share-buttons div.readability-btn .rdbWrapper {width: 155px;margin-left: 20px;padding-top: 4px;height: 26px;} .facebook-like-login-pane { background:#EEE; padding:15px; margin: 15px 0 0 0; overflow:auto; position:relative; } .facebook-like-login-pane h3 { font:bold 16px arial,helvetica,sans-serif; margin-bottom:7px; } .facebook-like-login-pane a.no-thanks { position:absolute; top:18px; right:15px; } .facebook-like-login-pane a.have-account { position:absolute; top:42px; right:15px; } .links {padding: 18px 0 0 0;} .BuzzPage .Sidebar .section {z-index: 1;} /* Fixes weird non-clickable sidebar issue on b-page */ #permalink_buzz_stats {clear: both; float: left; font-family: arial, helvetica, sans-serif; font-size: 0.9em; padding: 10px 0 0 0; width: 625px;} #permalink_buzz_stats > * {float: left; margin-right: 20px;} #permalink_buzz_stats .title {padding: 4px 13px 0 0; margin: 0; color: #424242; text-transform: uppercase;} #permalink_buzz_stats .local_stats {float: none; margin-right: 0;} #permalink_buzz_stats .local_stats > div {float: left; margin-right: 40px;} #permalink_buzz_stats .local_stats > input.more_stats {float: left;} #permalink_buzz_stats .remote_stats {} #permalink_buzz_stats .view_stats_dashboard {float: right !important; margin-right: 0 !important; text-align: right;} #permalink_buzz_stats .remote_stats li {float: left; margin-right: 20px;} #permalink_buzz_stats .remote_stats li > div {margin-bottom: 8px;} #permalink_buzz_stats img.chart {float: left; height: 80px; position: relative; top: -6px; width: 190px; margin-right: 10px;} #permalink_buzz_stats div.chart_legend {float: left; margin-right: 40px;} #permalink_buzz_stats .stat_block {text-transform: uppercase;} #permalink_buzz_stats .viral_views {color: #EE3322; margin-bottom: 8px;} #permalink_buzz_stats .seed_views {color: #0077EE; margin-bottom: 8px;} #permalink_buzz_stats .top_linkers img {padding: 0 4px 0 0;} #permalink_buzz_stats .value {font-weight: bold; font-size: 1.7em;} #permalink_buzz_stats .viral_lift .value {color: #ee3322;} #permalink_buzz_stats a.button {margin-top: 2px; float: right !important;} .microsite_feeds .header {margin-bottom: 10px;} .microsite_feeds .microsite_feed {clear: both; float: none; padding-top: 10px; width: 300px; line-height: 1.0em;} .microsite_feeds .microsite_feed a {clear: none; float: left;} .microsite_feeds .microsite_feed a, .microsite_feeds .microsite_feed a img {display: block; margin: 0; padding: 0;} .microsite_feeds .microsite_feed:first-child {padding-top: 0;} .microsite_feeds .feed_promo_fb, .microsite_feeds .feed_promo_twttr {clear: none; float: left; width: 276px; overflow: hidden; margin: 0; padding: 0 0 8px 0;} .microsite_feeds .social_wrapper {clear: none; float: left; width: 276px; overflow: hidden; margin: 0; padding: 8px 11px 0 11px; border: 1px solid #d4d4d4; border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;}.microsite_feeds .social_wrapper {clear: none; float: left; width: 276px; overflow: hidden; margin: 0; padding: 8px 11px 0 11px; border: 1px solid #d4d4d4; border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;} .horizontal-share-buttons.blue-bg { background-color: #f5fcfe; } .horizontal-share-buttons.white-bg { background-color: #FFF; } .horizontal-share-buttons {border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 8px 0px 8px 8px;} .upper-share-buttons .fb-like-btn {clear: both; float: none; width: 625px; margin: 0 0 11px 0; padding: 0; height: 24px; overflow: visible;} .upper-share-buttons .linkedin_share, .upper-share-buttons .stumbleupon_share, .upper-share-buttons .reddit_share, .upper-share-buttons .tumblr_share { display: none; } .horizontal-share-buttons .fb-like-btn iframe {background: #fff;} .bottom_shares { padding:25px 0; width: 625px; margin: 0 auto; } .bottom_shares .shares_order { display: block; } .bottom_shares .referrer_shares, .bottom_shares .vertical_shares, .bottom_shares .other_shares { display: none; } .VideoPost .bottom_shares {margin: 0;} .VideoPost .upper-share-buttons {padding-left:0px;} .Content .post{position:relative;float:left;width:485px!important;margin:0;padding:15px 0 15px 140px; } .Content .post .thumb-unit, .post .thumb{position:relative;float:left;} .Content .post .thumb-unit{float:left;width:125px;margin-left:-140px;} .Content .post .thumb-unit:hover { opacity: 0.95; -moz-opacity: 0.95; filter:alpha(opacity=95);} .Content .post .description{font-size:12px;margin-bottom:6px;} #buzz_sub_buzz .buzz_superlist_item .video-post-sub-buzz p{margin-top:15px;} .Content .post .mo { padding:0 2px; background:#D6ECFA; font-weight:bold; font-size:9px; text-transform:uppercase;} .Content .post .username {display:block;max-width:130px;overflow:visible;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:bold;} .Content .post.partner-area .user-info-text { left: 0; position: relative; top: 1px; } .Content .post.partner-area .big-meta .user-info .username { max-width: 254px; width: 254px; line-height: 18px !important; text-overflow: clip; white-space: normal; } .Content .post .ago{font-weight:normal;color:#aaa;text-transform:lowercase;} .Content .post .awards{margin-top:3px;} .Content .post .link{display:block;width:90%;padding-bottom:6px;font-size:12px;overflow:hidden;white-space:nowrap;} .Content .post h2 {margin-top:-4px; font-size:24px; line-height: 1.1em; margin-bottom:6px;} .Content .big-meta { float:left; width:100%; padding-top:3px; line-height:13px!important; } .Content .big-meta .user-info{/*float:left;width:150px;*/padding-left:30px;} .Content .no-user-image .user-info{padding-left:0px;} .Content .big-meta .user-info img{float:left;margin:2px 5px 0 -30px;} .Content .big-meta .viral-referers {float:left;width:100px;padding-right:30px; } .Content .big-meta .label {display:block;margin:3px 0 3px;font:bold 10px/14px "Lucida Grande";text-transform:uppercase;color:#888;} .Content .big-meta .responses{float:left;width:100px;} .Content .big-meta .responses .num{float:left;width:37px;padding-right:3px; font:bold 11px/15px arial,helvetica; font-weight:bold; text-align:right;} .Content .big-meta .responses .label{float:left;width:55px;font:11px/14px tahoma,verdana,sans-serif;text-transform:none;} .Content .post.partner-area { width: 300px !important; padding: 0px 15px 0 310px; position: relative; border-bottom: 0;} .Content .post.partner-area .thumb-unit { float: left; width: 293px; margin-left: -310px; margin-top: 0px; } .Content .post.partner-area .thumb-unit a img { display: block; } .Content .post.partner-area .bf-item-title { font-weight: normal; font-size: 18px; line-height: 21px; color: rgb(0, 119, 238); padding: 6px 0px 0px; margin: 0px 0px 6px; font-weight: 600;} .Content .post.partner-area .bf-blurb { float: left; width: 300px; margin: 0px 0px 10px; font-weight: normal; font-size: 14px; line-height: 17px; } .Content .post.partner-area .bf-partner-label { padding-bottom: 10px; } form.v input.submit { font-size:14px; } /* Hot Stats Bar */ .hot_stats_bar { width:100%; height:43px; font-size:13px; line-height: 1.3em; margin:6px 0px 0px 0px; } .hot_stats_bar.badge_padding , .hot_stats_bar.badge_padding_wide {margin-bottom:60px; margin-top:3px;} .hot_stats_bar p, .hot_stats_bar .viral-badge{ float:left; text-align:right; } .hot_stats_bar .viral-badge { background: url(/static/images/global/unified_sprite.png?v=1560869486) no-repeat -466px -398px; width: 42px; height: 43px; background-size: 42px; margin-right:10px; } .hot_stats_bar .trending-badge-header {float: left; margin: 5px 10px 0px 0px;} .hot_stats_bar .trending-badge {float:left;} .hot_stats_bar .trending-badge .badge {margin-left:5px;} .hot_stats_bar .title { text-align: left; display: block; font-size: 16px; font-style: italic; color: rgb(146,146,146);} .wide-content .hot_stats_bar .views.viral-ride { position: absolute; left: 175px; } .hot_stats_bar .referrers { width:150px; } .hot_stats_bar .referrers a { padding-left:3px; } .hot_stats_bar .badges-top, .hot_stats_bar .badges {float:right;} .hot_stats_bar .num { line-height:1.1; margin: 3px 0 0 ;} .hot_stats_bar .num>span { display: block; color: #e32; font-size: 16px; font-weight: 600;} .hot_stats_bar .badge {float:left; margin-left: 8px;} .hot_stats_bar .badges #fiveseeds_win_au_ridealong { width: auto; } .hot_stats_bar .badges #fiveseeds_win_au_ridealong img { height: 43px; width: auto; } .badge-wrapper .badges #fiveseeds_win_au_ridealong img { height: 50px; width: auto; } .badge-wrapper .badges #fiveseeds_win_au_ridealong { width: auto; } .hot_stats_bar.wide_badge {width:985px;} .VerticalSection .hot_stats_bar.wide_badge {margin-left:-10px;} .VerticalSection .wide-content .hot_stats_bar.wide_badge { margin-left:0px;} .hot_stats_bar .badge.badge-with-ridealong { float:left;} /* Hot Stats Bar Pepsi */ .hot_stats_bar_pepsi { width:620px; height:67px; background:url(../images/partner/pepsi/pepsi-stats.png?v=1560869486) no-repeat; padding:3px 0 0 5px; font:13px/1.3em arial,helvetica,sans-serif; margin-top: 10px; } .VerticalSection .hot_stats_bar_pepsi {margin-top:0px;} .hot_stats_bar_pepsi .num { color:#fff; font-weight: 600;position:relative; } .hot_stats_bar_pepsi .num.views, .hot_stats_bar_pepsi .num.lift { position:absolute; top:19px; } .hot_stats_bar_pepsi .num.views { left: 350px; } .hot_stats_bar_pepsi .num.lift { left: 510px; } .hot_stats_bar_pepsi .num.views span, .hot_stats_bar_pepsi .num.lift span { display:block; font-size:30px; margin-bottom: 3px;} .hot_stats_bar_pepsi .num.views small, .hot_stats_bar_pepsi .num.lift small { font-size:12px; text-transform: uppercase;} .wide-content .hot_stats_bar_pepsi { background:url(../images/partner/pepsi/pepsi-stats-wide.png) no-repeat; width: 985px;} .Column2.viral_buzz {margin-top:45px;} .VerticalSection .Column2.viral_buzz {margin-top:85px;} .viral-buzz .badgesWide { float: right; margin-top:-5px;} .Column2.viral_buzz.best_side {margin-top:65px !important;} .wide-content .hot_stats_bar{ width:985px; margin-top:10px; margin-bottom:10px; } .wide-content .custom_header_badges .hot_stats_bar {width:800px;} .wide-content .custom_header_badges {margin-left: 133px; width: 765px; float: left; } .wide-content .custom_header_badges .badges {float:left; clear:none; margin-top:0px;} .wide-content .hot_stats_bar.badge_padding_wide {margin-bottom: 60px;} .facebook_conversations {margin-bottom:0; background:#fff; z-index:2;} /*--- Related links --- */ .related-links-full {clear: both; display: block; float: none; width: 100%; padding-top: 1px !important; margin-bottom:10px; background-position:top left; background-repeat:repeat-x;} .related-links-full h2, .related-links-full .headline-2 {padding-bottom: 3px; text-transform: uppercase; font-family: arial,helvetica,sans-serif; margin-top:10px; font-size:12px;font-weight:bold;} .related-links-full li {margin: 5px 0 5px 140px; padding:0; font-size:12px; line-height:1.1; color:#333;} .related-links-full li.related-big {margin:5px 0 0 0;} .related-links-full li.related-small {margin:5px 0 0 0;} .related-links-full li.related-big a.related-title {width:315px; margin-bottom:10px; display:inline-block;} .related-links-full li.related-small a.related-title {width:485px; margin-bottom:10px;} .related-links-full li.related-big img { float:left;margin-right:15px; width:293px; height:195px;} .related-links-full li.related-small img { float:left;margin-right:15px; width:125px; height:83px;} .related-links-full li span {font-size:14px; margin-bottom:5px; line-height:1.2;} .related-links-full li.related-big span {font-size:18px; font-weight: 600;} .related-links-full li.related-small span {font-size:18px; font-weight: 600;} .std-posts h2.bf-item-title { font-weight: bold; font-size: 18px; line-height: 1.35; } /*--- Related post tools ---*/ #related-links { position:relative; } #related-post-tools { position:absolute; z-index:10; top:38px; left:5px; display:none;} #related-links:hover #related-post-tools { display:block} #related-post-tools a {width:30px; height:25px; background: url(/static/images/public/icons/post-tools.png?v=1560869486) no-repeat; float:left; margin-right: 5px; text-indent:-9999em;} #related-post-tools a.edit-related{background-position: -30px -0px;} #related-post-tools a.edit-related:hover{background-position: -60px -0px;} /* subbuzzpromo */ .subbuzzpromo { float:left; width:625px; } .subbuzzpromo header {text-transform:uppercase; margin-bottom:10px} .subbuzzpromo li { float:left; position:relative; width:135px; margin-right:20px; padding:0; position:relative; } .subbuzzpromo li.wide {width:293px; margin-right:0;} .subbuzzpromo li.after-wide {width:155px; margin-right:0; margin-left:10px;} .subbuzzpromo li.headline { display:none; } .subbuzzpromo li .badge { position:absolute; top:27px; left:-9px; } .subbuzzpromo li a:hover { color:#07e; } .subbuzzpromo li img { display: block; background-color: #f3f3f3; width: 125px; height: 83px; } .subbuzzpromo li.wide img {width:293px; height:103px;} .subbuzzpromo li.after-wide img {width: 155px; height: 103px;} .subbuzzpromo li h3 { font-size:14px; line-height:1.1; font-weight: 600;padding:10px 0; overflow:hidden; } .subbuzzpromo li p, #subbuzzpromo_wrp.gravity_test_active.gravity { display:none; } /* related buzz */ .related { float:left; width:100%; clear:both; margin-top:15px; } .related .related-buzzfeed { clear:both; float:left; width:625px;} .related-unit { float:left; position:relative; width:135px; margin-right:20px; padding:0; position:relative; } .related-unit .badge { position:absolute; top:27px; left:-9px;} .related-unit h2 { display:table-cell; height:30px; padding-bottom:7px; color:#e32; font: bold italic 12px/1.2em "lucida grande",tahoma,sans-serif; overflow:hidden; vertical-align:bottom; } .related-unit h2 a { color:#e32; } .related-unit h2 a:hover { color:#07e; } .related-unit img.viralated-icon {display: block; background-color: #f3f3f3;} .related-unit h3 { font: 12px "Lucida Grande",tahoma,verdana,sans-serif; padding:5px 0; overflow:hidden; } .related .related-aol { position:relative;float:left;width:145px; background:#e8f2ff; } .related .related-aol h2 { padding-left:58px; } .related .aol-logo { position:absolute;left:-17px;top:5px;width:100px;height:79px;background-repeat:no-repeat;overflow:hidden;text-indent:-9999px; left:-60px;top:-15px;width:120px;height:101px;background-image:url(../images/public/aol-fish.png?v=1560869486); } .related-aol-container {float:left;} /* older post content styles */ .post-content img { display:block; margin:4px 0; } .post-content p { margin-bottom:20px; line-height:1.4em; font-size:13px; } .post-content ul { list-style-type: square; margin: 0 0 24px 25px; } .post-content ol { list-style-type: decimal; margin: 0 0 24px 25px; } .post-content li { margin-bottom: 5px; } .post-content ul.top-list { width:100%; float:left; list-style: none; margin:10px 0 0; } .post-content ul.top-list li { width:100%; float:left; margin:20px 0 35px; } .post-content ul.top-list h3 { font-size:24px; } .freeform-content { float:left; width:600px; padding-top:20px; font:14px/1.4em "Lucida Grande"; } .freeform-content .line-break { line-height: 1.2em; } .freeform-content h1 { font-family:arial,helvetica,sans-serif; font-size:32px; font-weight:bold; margin:10px 0 0; } .freeform-content h2 { font-family:arial,helvetica,sans-serif; font-size:28px; font-weight:bold; margin:10px 0 0; } .freeform-content h3 { font-family:arial,helvetica,sans-serif; font-size:24px; font-weight:bold; margin:10px 0 0; } .freeform-content h4 { font-family:arial,helvetica,sans-serif; font-size:20px; font-weight:bold; margin:10px 0 0; } .freeform-content h5 { font-family:arial,helvetica,sans-serif; font-size:18px; font-weight:bold; margin:10px 0 0; } .freeform-content h6 { font-family:arial,helvetica,sans-serif; font-size:16px; font-weight:bold; margin:10px 0 0; } .freeform-content blockquote, .freeform-content pre { padding-left:20px; line-height:1.3em; border-left:3px solid #eee;} .freeform-content ol { list-style-type:decimal; margin:5px 0 20px 20px; } .freeform-content ul { list-style-type:disc; margin:5px 0 20px 20px; } .freeform-content li { margin-bottom:5px; } .freeform-content code, .freeform-content pre { font-family:monaco,courier,fixed-width; } .freeform-content hr { display:block; float:left; width:100%; height:0; clear:both; border:0; border-bottom:1px solid #aaa!important; margin:20px 0; } .freeform-content img { display:block; margin:10px 0; } .freeform-content img[align~='right'] { float:right; margin-left:10px; } .freeform-content img[align~='left'] { float:left; margin-right:10px; } .freeform-content img[align~='center'] { float:left; margin:10px; } .list-big-embed { float:left; position:relative; z-index:8888; margin-left:-10px; border:10px solid #fff; background:#fff url(../images/public/spinners/small_on_white.gif?v=1560869486) center center no-repeat; } .animated-gif { position:relative; } .animated-gif a { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; text-indent:-9999px; background:url(../images/public/video-lightbox/play.png?v=1560869486) center center no-repeat; } .animated-spinner a { background:url(data:image/gif;base64,R0lGODlhAQABAPAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) center center no-repeat; } .animated-gif a:hover { cursor:pointer !important; background: url(../images/public/video-lightbox/play_hover.png?v=1560869486) center center no-repeat; } /* new super post stuff */ #buzz_sub_buzz section {margin: 0; padding: 11px 0 0 0;} #buzz_sub_buzz .buzz_superlist_item {clear:both;position: relative; padding: 20px 0px 20px 0px; margin: 0;} #buzz_sub_buzz .buzz_superlist_item.buzz_superlist_item_wide.buzz_superlist_item_tweet {max-width: 625px;} #buzz_sub_buzz.suplist_article .buzz_superlist_item.buzz_superlist_item_wide.buzz_superlist_item_tweet {margin: 0 auto;} #buzz_sub_buzz.suplist_long .buzz_superlist_item.buzz_superlist_item_wide.buzz_superlist_item_embed:not(.full_bleed) {margin: 0 auto;} /* Pinterest referrer styles */ .webapp-pin-referer #buzz_sub_buzz .buzz_superlist_item {padding: 20px 0px 34px 0px;} /* Pivotal card: 86923726 Research A/B test Implemented: 02.23.2015. by Ljiljana Matic; Time frame: 01.01.2015. ongoing */ #buzz_sub_buzz .brand_survey_off .buzz_superlist_item {display: none;} #buzz_sub_buzz .buzz_superlist_item.buzz_superlist_item_wide.buzz_superlist_item_tweet {margin:0 auto;max-width: 625px;} #buzz_sub_buzz .buzz_superlist_item .sub_buzz_content {padding: 0 0 3px 0; position:relative; line-height: 0;} #buzz_sub_buzz .current_buzz{background:#FFC;} #buzz_sub_buzz .current_buzz_reset{background:rgba(255,255,255,0);} #buzz_sub_buzz .buzz_superlist_item h1 {font-size: 26px; line-height: 28px; font-weight: 600;color: #121212; padding: 0 0 8px 0; margin: 0;} #buzz_sub_buzz .buzz_superlist_item .headline-1 {font-size: 26px; line-height:28px; font-weight: 600;color: #121212; padding: 0 0 8px 0; margin: 0;} #buzz_sub_buzz .buzz_superlist_item p {padding: 16px 0 12px 0;font-size:17px; line-height:23px; color: #222; margin: 0px;} #buzz_sub_buzz .buzz_superlist_item p:first-child, #buzz_sub_buzz .buzz_superlist_item_image p.sub_buzz_desc_w_attr { padding: 0 0 12px 0; } /* SRCVIA */ #buzz_sub_buzz .buzz_superlist_item.buzz_superlist_item_text p.sub_buzz_desc_w_attr, #buzz_sub_buzz .buzz_superlist_item.buzz_superlist_item_quote p.sub_buzz_desc_w_attr { padding-bottom: 0; } /* SRCVIA */ #buzz_sub_buzz .buzz_superlist_item.buzz_superlist_item_text p.article_caption_w_attr, #buzz_sub_buzz .buzz_superlist_item.buzz_superlist_item_quote p.article_caption_w_attr { padding-top: 0; } /* SRCVIA */ #buzz_sub_buzz .buzz_superlist_item.buzz_superlist_item_grid_row p.sub_buzz_desc_w_attr { padding: 3px 0 0 0; } /* SRCVIA */ #buzz_sub_buzz .buzz_superlist_item.image_hit p.sub_buzz_desc_w_attr, #buzz_sub_buzz .buzz_superlist_item.photoslider_hit p.sub_buzz_desc_w_attr, #buzz_sub_buzz .buzz_superlist_item.video_hit p.sub_buzz_desc_w_attr, #buzz_sub_buzz .grid_row_description p.sub_buzz_desc_w_attr, #buzz_sub_buzz .buzz_superlist_item_quiz p.sub_buzz_desc_w_attr { padding-top: 8px; } /* SRCVIA */ #buzz_sub_buzz .buzz_superlist_item.image_iht h2, #buzz_sub_buzz .buzz_superlist_item.photoslider_iht h2 { padding-top: 8px; } #buzz_sub_buzz .buzz_superlist_item_image > p.sub_buzz_desc, #buzz_sub_buzz .buzz_superlist_item_quiz > p.sub_buzz_desc { padding-top: 0; } #buzz_sub_buzz .buzz_superlist_item .sub_buzz_grid_cell_caption p { font-size: 14px; color: #666; line-height: 18px; clear: both; display: inline-block; padding:0; } /* SRCVIA */ #buzz_sub_buzz .buzz_superlist_item .sub_buzz_grid_cell_caption .sub_buzz_grid_source_via, #buzz_sub_buzz .buzz_superlist_item .sub_buzz_grid_cell_caption .sub_buzz_grid_source_via a { padding: 3px 0 0 0; font-size: 12px; line-height: 15px; color: #999; font-style: italic; } /* SRCVIA */ #buzz_sub_buzz .buzz_superlist_item .sub_buzz_translation { margin: 10px 0 0 0; clear: both; } #buzz_sub_buzz .buzz_superlist_item p b, #buzz_sub_buzz .buzz_superlist_item p strong { font-weight: 600;} #buzz_sub_buzz .buzz_superlist_item p small {font-size: 13px;} #buzz_sub_buzz .buzz_superlist_item_quote {*padding-top: 8px;} /* * is a browser hack */ #buzz_sub_buzz .buzz_superlist_item_quote blockquote {clear: both; display: block; padding: 0;} #buzz_sub_buzz .buzz_superlist_item_quote blockquote p, #buzz_sub_buzz .buzz_superlist_item_quote blockquote p:first-child {font-size: 17px; line-height: 23px; color: #121212; margin: 0; padding: 0 0 12px 35px; } #buzz_sub_buzz .buzz_superlist_item_quote blockquote p:first-child:before, #buzz_sub_buzz .buzz_superlist_item_quote blockquote p:last-child:after {clear: none; vertical-align: top; margin: -8px 0 0 0; height: 14px; font-size: 50px; font-weight: 700; color: #ccc;} #buzz_sub_buzz .buzz_superlist_item_quote blockquote p:first-child:before {content: "\201C"; padding: 0; text-indent: -15px; margin-top: -8px; float:left; margin-left: -20px; height: 100%;} #buzz_sub_buzz .buzz_superlist_item_quote blockquote p:last-child:after {content: "\201D"; padding: 0 0 0 2px; margin-left: 10px; position: relative; top: 7px;} #buzz_sub_buzz .buzz_superlist_item ol, #buzz_sub_buzz .buzz_superlist_item ul { font-size:17px; line-height: 23px; color: #222; } #buzz_sub_buzz.suplist_long .longform_pullquote blockquote p { font: inherit; color: inherit; line-height: inherit; padding: 16px 0 12px; word-wrap: break-word; } .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_quiz ol, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_quiz .quiz_question_header { font-family: georgia,cambria,serif; } #buzz_sub_buzz.suplist_long .buzz_superlist_item_quiz, #buzz_sub_buzz.suplist_long .buzz_superlist_item_quiz ol, #buzz_sub_buzz.suplist_long .buzz_superlist_item_quiz ul, #buzz_sub_buzz.suplist_long .buzz_superlist_item_quiz li.quiz_answer , #buzz_sub_buzz.suplist_long .buzz_superlist_item_quiz .results_content ol, #buzz_sub_buzz.suplist_long .buzz_superlist_item_quiz .results_content ul { font-family: 'Proxima Nova', Helvetica, sans-serif; } #buzz_sub_buzz.suplist_long .quiz { margin: 0px; } #buzz_sub_buzz .buzz_superlist_item ol { list-style-type: decimal; list-style-position: outside; padding-left: 24px; } #buzz_sub_buzz .buzz_superlist_item ul { list-style-type: disc; list-style-position: outside; padding-left: 16px; } #buzz_sub_buzz .buzz_superlist_item ul ul, #buzz_sub_buzz .buzz_superlist_item ol ul { list-style-type: circle; list-style-position: outside; margin-left: 16px; } #buzz_sub_buzz .buzz_superlist_item ol ol, #buzz_sub_buzz .buzz_superlist_item ul ol { list-style-type: lower-latin; list-style-position: outside; margin-left: 16px; } #buzz_sub_buzz .buzz_superlist_item li { margin: 0 0 12px 16px; } #buzz_sub_buzz .buzz_superlist_item li.quiz_result.has_result_image { margin: 0 0 12px 0px; } .ie-quote-before, .ie-quote-after {display: inline-block; float:left;} .ie-quote-before{margin-right: 10px;} .ie-quote-after {margin-left:10px; background-position: -20px 0px;} .long-quote .ie-quote-after , .short-quote .ie-quote-after{float:right;} .VideoPost #buzz_sub_buzz .buzz_superlist_item p.sub_buzz_desc b { font-weight: 600;} #buzz_sub_buzz .buzz_superlist_item.videobuzz_subbuzz, #buzz_sub_buzz .buzz_superlist_item.videobuzz_subbuzz625 {width:625px;} #buzz_sub_buzz .buzz_superlist_item.videobuzz_subbuzz500 {width:500px; margin:0 auto !important;} #buzz_sub_buzz .buzz_superlist_item p.sub_buzz_author {padding: 4px 32px 6px 96px; text-align: right; font: 14px/19px Georgia, Times, serif; color: #303030;} #buzz_sub_buzz .buzz_superlist_item p.sub_buzz_author span.sub_buzz_author_mdash {display: inline-block; margin: 0 0 0 -22px; *margin: 0; width: 22px; padding: 0 3px 0 0;} #buzz_sub_buzz .buzz_superlist_item p.sub_buzz_author span.sub_buzz_author_citation {display: inline-block; min-width: 200px; text-align: left;} #buzz_sub_buzz .buzz_superlist_item_link .sub_buzz_link .sub_buzz_numbered { display: block; position: relative; float: left; margin: 0px 15px 0px 5px; padding: 0px; font-weight: bold; line-height: 26px; font-size: 22px; } #buzz_sub_buzz .buzz_superlist_item_link .sub_buzz_link div { float: left; width: 84%; } #buzz_sub_buzz .buzz_superlist_item_link .sub_buzz_link span {float: left; display: inline-block; margin: 3px 15px 0px 0px; font-size: 13px; line-height: 13px; color: #fff; font-weight: 600; background-color: #ccc; padding: 2px 3px 2px 3px; } #buzz_sub_buzz .buzz_superlist_item_link .sub_buzz_link a {font-size: 22px; font-weight: 600;color: #07e; } #buzz_sub_buzz .buzz_superlist_item_link .sub_buzz_link p:first-child { padding-bottom: 0px; } #buzz_sub_buzz .buzz_superlist_item_link .sub_buzz_link .sub_buzz_description { width: 100%; } #buzz_sub_buzz .buzz_superlist_item .video-embed-big {*clear: both; *display: block; *margin-bottom: 10px;} #buzz_sub_buzz .buzz_superlist_item.buzz_superlist_item_grid_row .sub_buzz_source_via, #buzz_sub_buzz .quiz-answer .quiz_img_and_source .sub_buzz_source_via { position: absolute; right: 0; bottom: 0; color: #dbdbdb !important; background: white; padding: 1px 8px 2px 8px; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); } /* SRCVIA */ #buzz_sub_buzz .buzz_superlist_item.buzz_superlist_item_grid_row .sub_buzz_source_via, #buzz_sub_buzz .buzz_superlist_item.buzz_superlist_item_grid_row .sub_buzz_source_via a, #buzz_sub_buzz .quiz-answer .quiz_img_and_source .sub_buzz_source_via a { font-size: 10px !important; color: #dbdbdb !important; } /* SRCVIA */ #buzz_sub_buzz .buzz_superlist_item.buzz_superlist_item_grid_row .sub_buzz_source_via:hover, #buzz_sub_buzz .quiz-answer .quiz_img_and_source .sub_buzz_source_via:hover { color: #ccc; cursor: default; background-color: rgba(0, 0, 0, 0.8); } /* SRCVIA */ #buzz_sub_buzz .buzz_superlist_item.buzz_superlist_item_grid_row .sub_buzz_source_via a:hover, #buzz_sub_buzz .quiz-answer .quiz_img_and_source .sub_buzz_source_via a:hover { color: #ccc !important; } .wide-content #buzz_sub_buzz.suplist_article .buzz_superlist_item_image.buzz_superlist_item_wide p.article_caption, .wide-content #buzz_sub_buzz.suplist_article .buzz_superlist_item_image.buzz_superlist_item_wide p.article_caption_w_attr { width: 625px; display: block; margin-left: 182px; min-height:10px; } /* SRCVIA */ .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_image.buzz_superlist_item_wide p.article_caption, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_image.buzz_superlist_item_wide p.article_caption_w_attr { width: 720px; display: block; margin-left: 135px; min-height:10px; } /* SRCVIA */ .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_narrow .sub_buzz_desc{ margin-left: 0; } #buzz_sub_buzz.suplist_long .buzz_superlist_item .buzz_attr_no_caption { margin:0!important; } #buzz_sub_buzz .buzz_superlist_item .sub_buzz_source_via a:hover { text-decoration:underline;} #buzz_sub_buzz .buzz_superlist_item .sub_buzz_source_via em {font-weight: bold; font-style: normal;} #buzz_sub_buzz .buzz_superlist_item .sub_buzz_source_via .bf-editor-source {font-style: italic;} #buzz_sub_buzz.suplist_dec_up, #buzz_sub_buzz.suplist_dec_down {} #buzz_sub_buzz.suplist_dec_up section, #buzz_sub_buzz.suplist_dec_down section, #buzz_sub_buzz.suplist_disc section {border-top: 1px solid #ededed; margin: 8px 0 0 0; padding: 11px 0 0 0;} #buzz_sub_buzz.suplist_dec_up section:first-child, #buzz_sub_buzz.suplist_dec_down section:first-child, #buzz_sub_buzz.suplist_disc section:first-child {border: none; margin: 0; padding: 0;} #buzz_sub_buzz .buzz_superlist_item .buzz_superlist_number {display: none;} #buzz_sub_buzz .buzz_superlist_item .buzz_superlist_number_inline { display:none; } #buzz_sub_buzz.suplist_list_show .buzz_superlist_item .buzz_superlist_number {display: block; font-size: 24px; line-height: 32px; font-weight: 600;} #buzz_sub_buzz.suplist_list_show .buzz_superlist_item .buzz_superlist_number_inline {display: inline;} #buzz_sub_buzz.suplist_disc .buzz_superlist_item .buzz_superlist_number { display:none; } #buzz_sub_buzz.suplist_disc .buzz_superlist_item .buzz_superlist_number_inline { display:none; } #buzz_sub_buzz .sub_buzz_timeline_buttons { font-size:16px; line-height:1; border-bottom: 1px solid #e8e8e8; margin-bottom: 0; padding-bottom: 16px; } #buzz_sub_buzz.suplist_article {margin: 12px 0 0 0; padding: 0;} #buzz_sub_buzz.suplist_article section {padding: 0;} #buzz_sub_buzz.suplist_long {margin: 12px 0 0 0; padding: 0;} #buzz_sub_buzz.suplist_long section {padding: 0;} #buzz_sub_buzz.suplist_long .buzz_superlist_item_image, #buzz_sub_buzz.suplist_long .buzz_superlist_item_video, #buzz_sub_buzz.suplist_long .buzz_superlist_item_embed {border: none; padding: 18px 0; margin-left:0px;} #buzz_sub_buzz.suplist_long .buzz_superlist_item_image .sub_buzz_content, #buzz_sub_buzz.suplist_long .buzz_superlist_item_video .sub_buzz_content, #buzz_sub_buzz.suplist_long .buzz_superlist_item_embed .sub_buzz_content {padding: 0px;} #buzz_sub_buzz.suplist_long .buzz_superlist_item_image:first-child, #buzz_sub_buzz.suplist_long .buzz_superlist_item_video:first-child, #buzz_sub_buzz.suplist_long .buzz_superlist_item_embed:first-child {padding: 8px 0 2px 0;} #buzz_sub_buzz.suplist_long .buzz_superlist_item_text {padding: 0; margin: 0;} #buzz_sub_buzz .buzz_superlist_item_text > p {padding: 16px 0 12px 0; font-size:17px; line-height: 23px; color: #222; margin:0;} #buzz_sub_buzz .buzz-superlist-item-image > h2 + .sub_buzz_content {margin-top: 16px;} #buzz_sub_buzz .buzz_superlist_item .link { display: inline-block; font-size: 17px; line-height: 1; } /* LONG FORM STYLING */ .list_format_long #buzz_header.custom_header { width: 838px; padding: 0 60px 0 60px; background: rgb(255,255,255); position: relative; margin: 40px auto 0 auto; z-index: 3;} .wide-content .list_format_long #buzz_header.no_custom_header_image { padding: 0 60px 0 0px; margin: 0 auto; background: rgb(255,255,255); } #buzz_sub_buzz.suplist_long ol { list-style-type: decimal; margin: 0; } #buzz_sub_buzz.suplist_long ul { list-style-type: disc; } #buzz_sub_buzz.suplist_long ul, #buzz_sub_buzz.suplist_long ol { padding-left: 40px; overflow: hidden;} #buzz_sub_buzz.suplist_long .buzz_superlist_item_tweet ul,ol { list-style-type: none; } #buzz_sub_buzz.suplist_long h1 { font-size: 26px; line-height: 29px; color: #333; margin-top: 30px; } #buzz_sub_buzz.suplist_long .headline-1 { font-size: 36px; line-height: 39px; font-weight: 600;color: #333; } #buzz_sub_buzz.suplist_long h2 { font-size: 22px; line-height: 25px; color: #333; margin-top: 30px; } #buzz_sub_buzz.suplist_long .buzz_superlist_item h2 { font-size: 22px; line-height: 24px; font-weight: 600;} #buzz_sub_buzz.suplist_long .buzz_superlist_item_image, #buzz_sub_buzz.suplist_long .buzz_superlist_item_video, #buzz_sub_buzz.suplist_long .buzz_superlist_item_embed {border: none; padding: 18px 0;} #buzz_sub_buzz.suplist_long .buzz_superlist_item_image img, #buzz_sub_buzz.suplist_long .buzz_superlist_item_image video { display: block; max-width: 100%; height: auto;} #buzz_sub_buzz.suplist_long .buzz_superlist_item_video p, #buzz_sub_buzz.suplist_long .buzz_superlist_item_embed p {padding: 1px 0 3px 0; font-size: 12px; line-height: 16px; color: #727272;} #buzz_sub_buzz.suplist_long .buzz_superlist_item_image:first-child, #buzz_sub_buzz.suplist_long .buzz_superlist_item_video:first-child, #buzz_sub_buzz.suplist_long .buzz_superlist_item_embed:first-child {padding: 8px 0 2px 0;} #buzz_sub_buzz.suplist_long .buzz_superlist_item_quote {padding: 0; margin: 0;} #buzz_sub_buzz.suplist_long .buzz_superlist_item_quote blockquote {display: block; width: auto; padding: 10px 20px; margin:20px 12px 20px 18px; background: #fcfcfc; border-left: 5px solid #e1e8ed; overflow: hidden;} #buzz_sub_buzz.suplist_long .buzz_superlist_item_quote blockquote {margin-top: -6px; font-size: 17px; line-height: 23px; color: #000000; } #buzz_sub_buzz.suplist_long .buzz_superlist_item_text q p {padding: 20px 0; margin: 0;} #buzz_sub_buzz.suplist_long .buzz_superlist_item_quote blockquote p:first-child {padding: 0;} #buzz_sub_buzz.suplist_long .buzz_superlist_item_quote blockquote p:first-child:before, #buzz_sub_buzz.suplist_long .buzz_superlist_item_quote blockquote p:last-child:after {display: none;} #buzz_sub_buzz.suplist_long .buzz_superlist_item_text p.article_date {padding: 0; font-size: 11px; color: #727272; margin:5px 0 4px;} #buzz_sub_buzz.suplist_long p.article_date em {font: bold 11px arial,helvetica,sans-serif; color: #444;} #buzz_sub_buzz.suplist_long .sidebar.right {width: 113px; border-left: 1px solid #dbdbdb; margin: 0 0 16px 10px; padding: 2px 0 4px 12px;} #buzz_sub_buzz.suplist_long .sidebar.right .share_button {clear: both; float: none; display: block; margin: 2px 0 8px 0;} #buzz_sub_buzz.suplist_long .long-break-star { text-align: center; margin: 30px 0 0 0; font-size: 30px; line-height: 16px; font-weight: 600;color: #222222; } #buzz_sub_buzz.suplist_long .long-break-bullet { margin: 30px 0 0 0; background: url(https://s3-ak.buzzfeed.com/static/images/public/icons/bullet.png) no-repeat 50% 0; height: 16px; } #buzz_sub_buzz.suplist_long .long-break-dash { width: 100%; margin: 30px 0 0 0; height: 1px; background: #222222; } .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_text, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_quote, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_narrow {margin: 0 auto 0 auto; max-width: 720px;} .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_wide.buzz_superlist_item_chart, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_wide.buzz_superlist_item_tweet, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_wide.buzz_superlist_item_link, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_wide.buzz_superlist_item_quiz { margin: 30px auto; max-width: 720px; } .wide-content #buzz_sub_buzz.suplist_long .sidebar.right {width: 113px; border-left: 1px solid #dbdbdb; margin: 0 -135px 8px 0; padding: 3px 0 3px 12px;} .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_text blockquote, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_text > p { font-size: 18px; font-family: georgia,cambria,serif;} /* Set line height separately so that we don't mess up spacing for image attributions */ .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_text blockquote, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_text, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_text > p { line-height: 26px;} .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_text .btn--buzz { line-height: 1.2em; } /* To override the line-height just hover that break the buttons */ .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_text b, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_text strong, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_text p b, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_text p strong { font: bold 18px/26px georgia,cambria,serif; font-style: inherit; } .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_text > p, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_text > ul, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_text > ol { font: 18px/30px Georgia,Cambria,serif; } .wide-content #buzz_sub_buzz.suplist_long.suplist_long_custom_header .buzz_superlist_item_text b, .wide-content #buzz_sub_buzz.suplist_long.suplist_long_custom_header .buzz_superlist_item_text strong, .wide-content #buzz_sub_buzz.suplist_long.suplist_long_custom_header .buzz_superlist_item_text p b, .wide-content #buzz_sub_buzz.suplist_long.suplist_long_custom_header .buzz_superlist_item_text p strong { font: bold 18px/30px Georgia,Cambria,serif; font-style: inherit; } #buzz_sub_buzz.suplist_long .buzz_superlist_item_right_large.no_caption img, #buzz_sub_buzz.suplist_long .buzz_superlist_item_right_small.no_caption img, #buzz_sub_buzz.suplist_long .buzz_superlist_item_left_large.no_caption img, #buzz_sub_buzz.suplist_long .buzz_superlist_item_left_small.no_caption img { float: right; } .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_narrow { padding: 0px; margin: 28px 0 20px 0; } .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_wide { width: 990px; max-width: 990px; margin: 28px 0 20px -135px; padding: 0px; } /* SRCVIA */ .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_right_large, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_left_large, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_right_large img, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_left_large img, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_right_large video, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_left_large video {max-width: 440px;} .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_right_small, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_left_small, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_right_small img, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_left_small img, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_right_small video, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_left_small video {max-width: 300px;} .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_right_small, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_right_large { float: right; margin: 20px -70px 20px 20px; padding: 0; } .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_left_small, .wide-content #buzz_sub_buzz.suplist_long .buzz_superlist_item_left_large { float: left; margin: 20px 20px 20px -70px; padding: 0; } .Content #buzz_sub_buzz.suplist_long .buzz_superlist_item_narrow { padding: 0px; margin: 28px 0 20px 0; } .Content #buzz_sub_buzz.suplist_long .buzz_superlist_item_wide { width: 625px; max-width: 625px; margin: 28px 0 20px 0; padding: 0px; } /* SRCVIA */ .Content #buzz_sub_buzz.suplist_long .buzz_superlist_item_right_large, .Content #buzz_sub_buzz.suplist_long .buzz_superlist_item_left_large, .Content #buzz_sub_buzz.suplist_long .buzz_superlist_item_right_large img, .Content #buzz_sub_buzz.suplist_long .buzz_superlist_item_left_large img, .Content #buzz_sub_buzz.suplist_long .buzz_superlist_item_right_large video, .Content #buzz_sub_buzz.suplist_long .buzz_superlist_item_left_large video {max-width: 310px;} .Content #buzz_sub_buzz.suplist_long .buzz_superlist_item_right_small, .Content #buzz_sub_buzz.suplist_long .buzz_superlist_item_left_small, .Content #buzz_sub_buzz.suplist_long .buzz_superlist_item_right_small img, .Content #buzz_sub_buzz.suplist_long .buzz_superlist_item_left_small img, .Content #buzz_sub_buzz.suplist_long .buzz_superlist_item_right_small video, .Content #buzz_sub_buzz.suplist_long .buzz_superlist_item_left_small video {max-width: 220px;} .Content #buzz_sub_buzz.suplist_long .buzz_superlist_item_right_small, .Content #buzz_sub_buzz.suplist_long .buzz_superlist_item_right_large { float: right; margin: 20px 20px 20px 0; padding: 0; } .Content #buzz_sub_buzz.suplist_long .buzz_superlist_item_left_small, .Content #buzz_sub_buzz.suplist_long .buzz_superlist_item_left_large { float: left; margin: 20px 20px 20px 0; padding: 0; } /* Longform pullquotes */ #buzz_sub_buzz.suplist_long .longform_pullquote blockquote { font-size: 36px; line-height: 1em; font-weight: 700; padding: 10px 15px; margin: 20px 12px 20px 18px; color: black; border: 0px;} #buzz_sub_buzz.suplist_long .longform_pullquote blockquote b { font: inherit !important; font-weight: bold !important; color: inherit !important; } #buzz_sub_buzz.suplist_long .longform_pullquote.buzz_superlist_item_right_small { width:260px; margin: 20px 0 12px 40px; float: right; } #buzz_sub_buzz.suplist_long .longform_pullquote.buzz_superlist_item_right_small blockquote.white_pullquote { padding-right: 0; margin-top: 0; padding-top: 6px;} #buzz_sub_buzz.suplist_long .longform_pullquote.buzz_superlist_item_left_small { width:260px; margin: 20px 40px 12px 0; float: left;} #buzz_sub_buzz.suplist_long .longform_pullquote.buzz_superlist_item_left_small blockquote.white_pullquote { padding-left: 0; margin-top: 0; padding-top: 6px;} #buzz_sub_buzz.suplist_long .longform_pullquote.buzz_superlist_item_narrow { text-align: center; margin: 44px 0 36px 0; } .suplist_item.suplist_item_long .longform_pullquote_normal { width: 100%; float: none; } .suplist_item.suplist_item_long .longform_pullquote_normal blockquote { text-align: center; } /* Longform Full Bleed Images */ #buzz_sub_buzz.suplist_long .buzz_superlist_item_wide.image_lffw .sub_buzz_content, .longform_custom_header_image .image_lffw_resize .sub_buzz_content { -webkit-transition: all .1s; transition: all .1s; overflow: hidden; } #buzz_sub_buzz.suplist_long .buzz_superlist_item_wide.image_lffw .sub_buzz_content img, .longform_custom_header_image .sub_buzz_content img, #buzz_sub_buzz.suplist_long .buzz_superlist_item_wide.image_lffw .sub_buzz_content video, .longform_custom_header_image .sub_buzz_content video { height: auto; width: 100%; } #buzz_sub_buzz.suplist_long .buzz_superlist_item_wide.image_lffw .sub_buzz_content .pinit {bottom: 15px; right: 10px; top: auto !important; left: auto !important;} #buzz_sub_buzz.suplist_long .buzz_superlist_item_right_small .sub_buzz_desc, #buzz_sub_buzz.suplist_long .buzz_superlist_item_left_small .sub_buzz_desc {max-width: 300px;margin: 0px; } #buzz_sub_buzz.suplist_long .buzz_superlist_item_left_large, #buzz_sub_buzz.suplist_long .buzz_superlist_item_right_large .sub_buzz_desc, #buzz_sub_buzz.suplist_long .buzz_superlist_item_left_large .sub_buzz_desc {max-width: 440px;margin: 0px; } /* ARTICLE STYLING */ #buzz_sub_buzz.suplist_article .buzz_superlist_item_image, #buzz_sub_buzz.suplist_article .buzz_superlist_item_video, #buzz_sub_buzz.suplist_article .buzz_superlist_item_embed {border: none; padding: 18px 0; margin-left:0px;} #buzz_sub_buzz.suplist_article .buzz_superlist_item_text p.article_date {padding: 0; font-size: 11px; color: #727272; margin:5px 0 4px;} #buzz_sub_buzz.suplist_article p.article_date em {font: bold 11px arial,helvetica,sans-serif; color: #444;} #buzz_sub_buzz.suplist_article .buzz_superlist_item_image p, #buzz_sub_buzz.suplist_long .buzz_superlist_item_image p, #buzz_sub_buzz.suplist_article .buzz_superlist_item_image p, #buzz_sub_buzz.suplist_article .buzz_superlist_item_video p, #buzz_sub_buzz.suplist_article .buzz_superlist_item_embed p, #buzz_sub_buzz.suplist_breaking .buzz_superlist_item_image p {padding: 3px 0 0 0; color: #666; font-size: 14px; line-height: 17px; clear: both; } /* SRCVIA */ .buzz_superlist_item_image.no_caption p, .buzz_superlist_item_video.no_caption p, .buzz_superlist_item_embed.no_caption p {line-height: 15px !important; } /* SRCVIA */ #buzz_sub_buzz.suplist_article .sidebar.right {width: 113px; border-left: 1px solid #dbdbdb; margin: 0 0 16px 10px; padding: 2px 0 4px 12px;} #buzz_sub_buzz.suplist_article .sidebar.right .share_button {clear: both; float: none; display: block; margin: 2px 0 8px 0;} #buzz_sub_buzz.suplist_article .buzz_superlist_item_image .sub_buzz_content, #buzz_sub_buzz.suplist_article .buzz_superlist_item_video .sub_buzz_content, #buzz_sub_buzz.suplist_long .buzz_superlist_item_embed .sub_buzz_content {padding: 0px;} .Breaking #buzz_sub_buzz.suplist_article .buzz_superlist_item_image .sub_buzz_content {width: auto; height: auto; line-height: auto; text-align: center;} .Breaking #buzz_sub_buzz.suplist_article .buzz_superlist_item_image .sub_buzz_content .graphic_image_wrapper {text-align: left;} .wide-content #buzz_sub_buzz.suplist_article .buzz_superlist_item_text, .wide-content #buzz_sub_buzz.suplist_article .buzz_superlist_item_update, .wide-content #buzz_sub_buzz.suplist_article .buzz_superlist_item_quote, .wide-content #buzz_sub_buzz.suplist_article .buzz_superlist_item_link, .wide-content #buzz_sub_buzz.suplist_article .buzz_superlist_item_narrow {margin: 0 auto 0 auto; max-width: 625px;} .wide-content #buzz_sub_buzz.suplist_article .buzz_superlist_item_narrow.buzz_superlist_item_image img { width: inherit !important; max-width: 625px; height: auto;} .wide-content #buzz_sub_buzz.suplist_article .sidebar.right {width: 113px; border-left: 1px solid #dbdbdb; margin: 0 -135px 8px 0; padding: 3px 0 3px 12px;} .wide-content #buzz_sub_buzz.suplist_article .buzz_superlist_item_text p { font: 18px/26px cambria,georgia,serif; } .wide-content #buzz_sub_buzz.suplist_article .buzz_superlist_item_text p b, .wide-content #buzz_sub_buzz.suplist_article .buzz_superlist_item_text p strong { font: bold 18px/26px cambria,georgia,serif; } /* Share Box */ .share-box{display:block; visibility: hidden; position:absolute; zoom:1; z-index:999; width:60px;left:-60px;} .share-box.share-box-reset-left{left:0;} #buzz_sub_buzz .copied_popup {background-color: white;border-radius: 10px 10px 10px 10px;font-size: 16px;font-weight: bold;height: 20px;left: 200px;opacity: 0.93;padding: 15px 0;position: absolute;text-align: center;top: 200px;width: 220px;} .buzz_superlist_item:hover .share-box {visibility:visible;} .buzz_superlist_item .share-box.share-email-active {visibility:visible;} .share-box .share-icon { width:60px !important; height:60px !important; display: none; float:left; background:none;} .share-box .share-icon.sub-buzz-facebook-share, .share-box .share-icon.sub-buzz-twitter-share, .share-box .share-icon.sub-buzz-pinterest-share, .share-box .share-icon.sub-buzz-email-share, #buzz_sub_buzz.suplist_breaking .share-box .share-icon.sub-buzz-twitter-share, .share-box .share-icon.sub-buzz-link-share {display: inline-block !important; font-family: FontAwesome; font-size: 24px; color: #ffffff; line-height: 60px; text-align: center; } .share-box .share-icon.sub-buzz-facebook-share{ background-color: #3B569A; margin-top: 60px;} .suplist_long .share-box .share-icon.sub-buzz-facebook-share { margin-top: 0px;} .share-box .share-icon.sub-buzz-pinterest-share{ background-color: #E10000; margin-top: -120px;} .share-box .share-icon.sub-buzz-email-share{ background-color: #666666; font-size: 20px; } .share-box .share-icon.sub-buzz-link-share{ background-color: #0077EE; font-size: 20px;} .share-box .share-icon.sub-buzz-twitter-share { background-color: #67acd3; font-size: 20px; background-position: -25px 0; } .share-box .share-icon.sub-buzz-facebook-share:hover{ background-color: #213C80;} .share-box .share-icon.sub-buzz-pinterest-share:hover{ background-color: #BD0000;} .share-box .share-icon.sub-buzz-email-share:hover{ background-color: #424242;} .share-box .share-icon.sub-buzz-link-share:hover{ background-color: #0055A9;} .share-box .share-icon.sub-buzz-twitter-share:hover { background-color: #3f88b1; } /*.share-box .share-icon:focus, */.share-box .share-icon:hover {opacity: .48; cursor:pointer;} .share-box .share-icon:hover {opacity: 1; cursor:pointer;} .share-box .copy-link .form-group { margin-bottom: 0;} .share-box .copy-link {width: 440px; background: #eee; border: 1px solid #cecece; border-radius: 5px; position: absolute; padding: 5px; top: 178px; left: 70px;} .share-box .copy-link.update { top: -65px; left: 335px; z-index: 99; } .link_share .copy-link-bottom { background: #eee; border: 1px solid #cecece; border-radius: 5px; padding: 5px;} .link_share .copy-link-bottom.update {z-index: 99;} .link_share .copy-link-bottom .form-group { margin-bottom: 6px; } .share-box div.g-plus-box { padding: 1px 6px 3px;} .share-box div > iframe { visibility: hidden !important; width: 24px !important; border-right: 1px solid rgba(0, 0, 0, 0.17) !important; } .share-box div > iframe.visible { visibility: visible !important; } .buzz_superlist_item:hover .share-box div > iframe {visibility: visible !important;} #buzz_sub_buzz .buzz_superlist_item .quiz_img_and_source a, #buzz_sub_buzz .buzz_superlist_item .sub_buzz_source_via, #buzz_sub_buzz .buzz_superlist_item .sub_buzz_source_via a, #buzz_sub_buzz .buzz_superlist_item_link .sub_buzz_link p.sub_buzz_link_url { padding: 3px 0 20px 0; font-size: 12px; color: #999; font-style: italic; } /* SRCVIA */ #buzz_sub_buzz .buzz_superlist_item_link .sub_buzz_link .sub_buzz_description p { font-size:17px; line-height:23px; color: #666; font-style: normal; line-height: 17px; font-size: 14px; } #buzz_sub_buzz .video_facebook .sub_buzz_source_via a { display: inline-block; line-height: initial; padding: 0; } /* IN-APP/WEB-APP PINTEREST PIN-IT STYLING */ .buzz_superlist_item .pinit, .webapp-pin-referer .buzz_superlist_item_grid_row .grid_cell:first-child .grid_cell_image_wrapper .pinit, .inapp-pinterest .buzz_superlist_item_grid_row .grid_cell:first-child .grid_cell_image_wrapper .pinit {display: none;} .webapp-pin-referer .buzz_superlist_item_image .sub_buzz_content img, .webapp-pin-referer .buzz_superlist_item_grid_row .grid_cell_image_wrapper, .inapp-pinterest .buzz_superlist_item_image .sub_buzz_content img, .inapp-pinterest .buzz_superlist_item_grid_row .grid_cell_image_wrapper {overflow: hidden;border: 2px solid #cccccc;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-moz-box-shadow: 2px 2px 4px #dddddd;-webkit-box-shadow: 2px 2px 4px #dddddd;box-shadow: 2px 2px 4px #dddddd;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#dddddd')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#dddddd');} .webapp-pin-referer .buzz_superlist_item_image .sub_buzz_content .share-box, .webapp-pin-referer .buzz_superlist_item_grid_row .grid_row .share-box, .inapp-pinterest .buzz_superlist_item_image .sub_buzz_content .share-box, .inapp-pinterest .buzz_superlist_item_grid_row .grid_row .share-box {display: none;} .inapp-pinterest .buzz_superlist_item_image .pinit { display: inline-block; position: absolute; border-radius: 8px; padding: 7.5px 10px; background: #D0222D; border: 2px solid #B9212A; } .webapp-pin-referer .buzz_superlist_item_image .pinit, .webapp-pin-referer .buzz_superlist_item_grid_row .pinit, .inapp-pinterest .buzz_superlist_item_image .pinit, .inapp-pinterest .buzz_superlist_item_grid_row .pinit {position: absolute;padding: 6px 12px;display: block;background: #d0222d;border: 2px solid #b9212a;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;} .webapp-pin-referer .buzz_superlist_item_grid_row .pinit, .inapp-pinterest .buzz_superlist_item_grid_row .pinit {right: 8px;bottom: 7px;} .webapp-pin-referer .buzz_superlist_item_image .pinit .icon, .webapp-pin-referer .buzz_superlist_item_grid_row .pinit .icon, .inapp-pinterest .buzz_superlist_item_image .pinit .icon, .inapp-pinterest .buzz_superlist_item_grid_row .pinit .icon {background: transparent url('/static/images/mobile/pinit.svg?v=1560869486') no-repeat 0 0;background-size: contain;display: block;height: 20px;width: 47px;} /* END IN-APP/WEB-APP PINTEREST PIN-IT STYLING */ /* AGE GATE */ .age_gate { line-height: normal; text-align: center; background: #333333; color: #FFFFFF; } .buzz_superlist_item_video .age_gate { min-height: 376px; } .age_gate span { display: block; font-size: 24px; line-height: 29px; } .buzz_superlist_item_video .age_gate span.alert { padding: 70px 0 20px 0; font-size: 38px; line-height: normal; font-weight: 700; } .buzz_superlist_item_video .age_gate .button_wrapper { width: 330px; margin: 35px auto 0 auto; } .age_gate .button_wrapper a { width: 160px; padding: 15px 0; } .age_gate .button_wrapper a span { font-weight: 600; font-size: 16px; color: #FFFFFF; } .age_gate .button_wrapper a:hover { cursor: pointer; } .age_gate .button_wrapper a.no { background: #666666; float: left; } .age_gate .button_wrapper a:hover.no { background: #454545; } .age_gate .button_wrapper a.yes { background: #0077EE; float: right; } .age_gate .button_wrapper a:hover.yes { background: #014A9B; } /*GRAPHIC IMAGE STYLING */ .sub_buzz_content .graphic_image_wrapper {overflow: hidden; position: relative; cursor: pointer; margin:0 auto;} .sub_buzz_content .graphic_image {top: -67px; position: relative; -webkit-transform: translate3d(0, 0, 0); -webkit-filter: blur(30px); -moz-filter: blur(30px); -o-filter: blur(30px); -ms-filter: blur(30px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='60'); } .sub_buzz_content .graphic_image_wrapper_spoiler_alert .graphic_image {top:-55px;} .sub_buzz_content .graphic_image_wrapper_generic_reveal .graphic_image {top:-44px;} .sub_buzz_content .graphic_image_wrapper a.graphic_image_warning {display:block; width: 100%; height: 100%;position: absolute;z-index: 2;} .ie9 .sub_buzz_content .graphic_image {margin-left:-60px; margin-top:-60px;} .sub_buzz_content .graphic_image_wrapper a.graphic_image_warning .graphic_image_warning{position: relative;background: rgba(0,0,0,.25); z-index: 9; padding:25px 25px; text-align: center; top: 50%; margin: -67px auto 0;} .sub_buzz_content .graphic_image_wrapper .graphic_image_warning.graphic_image_warning_spoiler_alert{width:248px; margin: -55px auto 0;} .sub_buzz_content .graphic_image_wrapper .graphic_image_warning.graphic_image_warning_generic_reveal{width:216px; margin: -44px auto 0;} .sub_buzz_content .graphic_image_wrapper .reblur {display: none; position: absolute; right: 0px; background: #000; padding: 5px;top: 0px; z-index: 20;} .sub_buzz_content .graphic_image_wrapper .graphic_image_warning p, .sub_buzz_content .graphic_image_wrapper .reblur p {color: #fff !important; padding: 0px !important;} .fr .sub_buzz_content .graphic_image_wrapper a.graphic_image_warning .graphic_image_warning { width: 248px; } .fr .sub_buzz_content .graphic_image_wrapper .graphic_image_warning.graphic_image_warning_spoiler_alert { width: 350px; } .fr .sub_buzz_content .graphic_image_wrapper .graphic_image_warning.graphic_image_warning_generic_reveal { width: 420px; } .es .sub_buzz_content .graphic_image_wrapper a.graphic_image_warning .graphic_image_warning { width: 170px; } .es .sub_buzz_content .graphic_image_wrapper .graphic_image_warning.graphic_image_warning_generic_reveal { width: 340px; } .es .sub_buzz_content .graphic_image_wrapper .graphic_image_warning.graphic_image_warning_spoiler_alert { width: 320px; } .pt .sub_buzz_content .graphic_image_wrapper .graphic_image_warning.graphic_image_warning_spoiler_alert { width: 320px; } .pt .sub_buzz_content .graphic_image_wrapper .graphic_image_warning.graphic_image_warning_generic_reveal { width: 235px; } #buzz_sub_buzz .sub_buzz_content .graphic_image_wrapper .graphic_image_warning p.warning_large { font-weight: 600;font-size: 34px; line-height: 38px !important; text-transform: uppercase; } #buzz_sub_buzz .sub_buzz_content .graphic_image_wrapper .graphic_image_warning p.warning_large.not_uppercase { text-transform: none; } #buzz_sub_buzz .sub_buzz_content .graphic_image_wrapper .graphic_image_warning p.warning_small {font-size: 14px;} #buzz_sub_buzz .sub_buzz_content .graphic_image_wrapper .graphic_image_warning p.warning_medium {} .sub_buzz_content .reblur { display: none; position: absolute; right: 0px; background: #000; top: 0px; z-index: 20; color: #fff; font-size: 18px; cursor:pointer;} .sub_buzz_content .reblur.reblur_500 { right: 125px; } .sub_buzz_content .graphic_image_wrapper .image_block {width: 100%; height: 100%; position: absolute; background: #000000; z-index: 5;} /* Stack Blur implementation */ .sub_buzz_content .graphic_image_wrapper .box_blur {top:0px;} /* Old style for subbuzz share icon. Now we use classes*/ #facebook{background-position:0px -24px;} #twitter{background-position:0px -48px;} #stumble{} #link{ background-position:0px -72px;} #pinterest{background-position:0px -96px;} /* End old style */ #responses, #respond { margin: 0px; } #respond .header {border-bottom: none; margin: 0px; } #respond .header h1 {color: black;} #respond .header .headline-1 { color: #000000; } #response { background-position: 0px -120px; } .post2.super_format .category {font-size: 14px;} .post2 .user-bg { margin: 2px 0px 0px 0px;} .post2 .meta .user-name {font-size: 14px; font-weight: bold; margin-right: 50px;} .post2 .meta .author_title {font-size: 12px; color: #727272;} .post2 .meta .author_title a {color: #727272;} .post2 .meta .author_title a.bling{margin-top:0px;} .post2 .meta a.bling.crown{margin-top:-7px;margin-left:-7px;position:absolute;left:0;} .post2 .meta .more_from_btn {font-size: 12px;} .post2 .user-info .ago{display:none !important;} /* LONGFORM IMMERSIVE - AUTHOR STYLING */ .post2 .custom_header .user-bg { margin-top: 35px; margin-bottom: 15px; } .post2 .custom_header .user-info a.user-avatar { width: 42px; height: 42px; margin-right: 10px; } .post2 .custom_header .user-info a.user-avatar img { width: 42px; height: 42px; -webkit-border-radius: 21px; border-radius: 21px; } .post2 .custom_header .user-info { margin-right: 60px; } .post2 .custom_header .meta a.user-name { font-weight: 700;font-size: 16px; color: #575757; line-height: 19px; } .post2 .custom_header .meta a.user-name:hover { color: #0077EE; } .post2 .custom_header .user-info .author_title { width: auto; font-size: 16px; color: #575757; font-weight: normal; line-height: 19px;} .post2 .custom_header .buzz_datetime { font-size: 12px; color: #575757; font-weight: normal; line-height: 15px; display: block; margin: 12px 0 25px;} /* VIDEO AD */ #videoAdWrapper {width: 100%; margin: 10px 0 250px 0; display: none; } #videoAdWrapper #badge {float: left; width: 100px; height: 100px; overflow: hidden; background-repeat: no-repeat;} #videoAdWrapper #videoAdShares {width:500px; min-height:100px; float: left; margin-left: 20px;} #videoAdShares .shareBox {min-height:100px; width:100%; border:2px solid #999999;} #videoAdShares #content {padding: 10px;} #videoAdShares #content .caption {font-size: 20px; font-weight: bold; font-family:'Lucida Grande'; position: relative;} #videoAdShares #content #post {background-color: #eceff5; padding: 10px; margin: 10px 0 10px 0; vertical-align: top; overflow:hidden;position:relative;} #videoAdShares #content #postDetails {display: inline-block; width: 325px; float: right; font-size: 24px; font-weight: normal; font-family:'Georgia';} #videoAdShares #post #thumb {width: 125px; height: 83px; overflow: hidden; float: left; display: block;} #videoAdShares #post #user {margin: 5px 0 5px 0;} #videoAdShares #user #thumb {width: 25px; height: 25px; overflow: hidden; display: inline-block; } #videoAdShares #user .title {font-size: 14px; font-weight: bold; font-family:'Arial'; display: inline; left: 10px; top: -5px; position: relative;} #videoAdShares .adArrow {position: absolute; width:0; height:0; border-bottom-width: 0;background: none; float: left;} #videoAdShares #adArrowBorder {border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:20px solid #999999;left:-20px} #videoAdShares #adArrowFill {border-top:19px solid transparent;border-bottom:19px solid transparent;border-right:19px solid white;} #videoAdShares .upper-share-buttons {border-top: 0px; border-bottom: 0px; padding: 0px; margin: 0px} #videoAdWrapper.share-reaction {margin:10px 0;} #videoAdWrapper.share-reaction .upper-share-buttons.horizontal-share-buttons.white-bg {background-color: transparent;} #videoAdWrapper.share-reaction #videoAdShares {width:100%; margin-left: 0px;} #videoAdWrapper.share-reaction #badge {display:none;} #videoAdWrapper.share-reaction .adArrow {display:none;} #videoAdWrapper.share-reaction #videoAdShares #content #postDetails {width:auto; width: auto; padding-left: 145px; position: absolute; left: 0;} #videoAdWrapper.share-reaction #videoAdShares #content .caption {font-size: 32px;} .horizontal-share-buttons.lower-share-buttons { margin-bottom: 10px; padding-top: 8px; } .horizontal-share-buttons.lower-share-buttons a.email-btn, .horizontal-share-buttons.lower-share-buttons a.boost-btn {margin-left: 0; margin-right: 0px;} .horizontal-share-buttons.lower-share-buttons .image-buttons {margin: 0; padding: 0;} .horizontal-share-buttons.lower-share-buttons .image-buttons a {margin: 0; padding: 0; display: block; width:20px; height:24px; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; background-image:url(../images/public/social/social-actions2.png?v=1560869486);} .horizontal-share-buttons.lower-share-buttons .image-buttons a.add-pick {margin-left: 0; background-position: -450px 0;} .horizontal-share-buttons.lower-share-buttons .image-buttons img {clear: none; float: left; margin: 0; padding: 2px;} .horizontal-share-buttons.lower-share-buttons .image-buttons a.pick-success {background-position:-474px 0;} .horizontal-share-buttons.lower-share-buttons .image-buttons a.edit-pick {background-position:-498px 0;} .FBConnectButton_Simple, .FBConnectButton_RTL_Simple{background-position:right 0} .FBConnectButton_Simple .FBConnectButton_Text_Simple{margin:0 0 0 20px;padding-bottom:1px} .FBConnectButton_RTL_Simple .FBConnectButton_Text_Simple{margin:0 10px 0 0} a.FBConnectButton_Simple:hover .FBConnectButton_Text_Simple, a.FBConnectButton_RTL_Simple:hover .FBConnectButton_Text_Simple, .FBConnectButton_Simple:hover .FBConnectButton_Text_Simple, .FBConnectButton_RTL_Simple:hover .FBConnectButton_Text_Simple{text-decoration:underline} .FBConnectButton, .FBConnectButton .FBConnectButton_Text, a.FBConnectButton, a.FBConnectButton_RTL , .FBConnectButton, .FBConnectButton_RTL{text-decoration:none} a.FBConnectButton:active .FBConnectButton_Text, a.FBConnectButton_RTL:active .FBConnectButton_Text , .FBConnectButton:active .FBConnectButton_Text, .FBConnectButton_RTL:active .FBConnectButton_Text{border-bottom:solid 1px #29447e;border-top:solid 1px #45619d;background:#4f6aa3;text-shadow:none} .FBConnectButton_BigPun, .FBConnectButton_RTL_BigPun{background-position:left -60px;font-size: 24px;line-height:30px} .FBConnectButton_BigPun .FBConnectButton_Text{padding:3px 8px 3px 12px;margin-left:38px} a.FBConnectButton_BigPun:active{background-position:left -99px} .FBConnectButton_RTL_BigPun{background-position:right -268px} .FBConnectButton_RTL_BigPun .FBConnectButton_Text{padding:3px 8px 3px 12px;margin-right:39px} a.FBConnectButton_RTL_BigPun:active{background-position:right -307px} .FBConnectButton_Large, .FBConnectButton_RTL_Large{background-position:left -138px;font-size: 13px;line-height:16px} .FBConnectButton_Large .FBConnectButton_Text{margin-left:24px} a.FBConnectButton_Large:active{background-position:left -163px} .FBConnectButton_RTL_Large{background-position:right -346px} .FBConnectButton_RTL_Large .FBConnectButton_Text{margin-right:25px} a.FBConnectButton_RTL_Large:active{background-position:right -371px} .FBConnectButton_Medium, .FBConnectButton_RTL_Medium{background-position:left -188px;font-size: 11px;line-height:14px} .FBConnectButton_Text, .FBConnectButton_Medium .FBConnectButton_Text{padding:2px 6px 3px 6px;margin-left:21px} a.FBConnectButton_Medium:active{background-position:left -210px} .FBConnectButton_RTL_Medium{background-position:right -396px} .FBConnectButton_RTL_Text, .FBConnectButton_RTL_Medium .FBConnectButton_Text{padding:2px 6px 3px 6px;margin-right:22px} a.FBConnectButton_RTL_Medium:active{background-position:right -418px} .FBConnectButton_Small, .FBConnectButton_RTL_Small{background-position:left -232px;font-size: 10px;line-height:10px} .FBConnectButton_Small .FBConnectButton_Text{padding:2px 6px 3px;margin-left:17px} a.FBConnectButton_Small:active , .FBConnectButton_Small:active{background-position:left -250px} .FBConnectButton_RTL_Small{background-position:right -440px} .FBConnectButton_RTL_Small .FBConnectButton_Text{padding:2px 6px;margin-right:18px} a.FBConnectButton_RTL_Small:active{background-position:right -458px} .FBConnectButton_Inactive{-ms-filter:'alpha(opacity=40)';filter:alpha(opacity = 40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4} .fb_share_count_wrapper{position:relative;float:left} .fb_share_count{background:#b0b9ec none repeat scroll 0 0;color:#333;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;text-align:center} .fb_share_count_inner{background:#e8ebf2;display:block} .fb_share_count_right{margin-left:-1px;display:inline-block} .fb_share_count_right .fb_share_count_inner{border-top:solid 1px #e8ebf2;border-bottom:solid 1px #b0b9ec;margin:1px 1px 0 1px;font-size: 10px;line-height:10px;padding:2px 6px 3px;font-weight:bold} .fb_share_count_top{display:block;letter-spacing:-1px;line-height:34px;margin-bottom:7px;font-size: 22px;border:solid 1px #b0b9ec} .fb_share_no_count{display:none} .fb_share_size_Small .fb_share_count_right .fb_share_count_inner{font-size: 10px} .fb_share_size_Medium .fb_share_count_right .fb_share_count_inner{font-size: 11px;padding:2px 6px 3px;letter-spacing:-1px;line-height:14px} .fb_share_size_Large .fb_share_count_right .fb_share_count_inner{font-size: 13px;line-height:16px;padding:2px 6px 4px;font-weight:normal;letter-spacing:-1px} .fb_like_wrapper{ position:relative; border: 1px solid rgba(0,0,0,0.3); height: 18px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; float:left; cursor:pointer; top: 4px; background: -webkit-linear-gradient(#f7f7f7, #e3e3e3); margin-right: 10px; } .fb_like_icon{ border-radius: 1px; -moz-border-radius:1px; -webkit-border-radius: 1px; margin:0 4px 0 3px; top:2px; height:14px; position:relative; background-color: #3B5998; vertical-align:top; width:14px; left:0; display:inline-block; background-position:-44px -125px; background-image:url(https://s3-ak.buzzfeed.com/static/images/public/sprites/share_icons.png?v=1560869486); background-repeat:no-repeat; } .fb_like_text{ margin-left:font-family:'Helvetica Neue',Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif; text-shadow:0 1px 0 #eceef0; color: #4e5665; font-weight:bold; font-size: 11px; line-height: 18px; } /* Return to Mobile */ /* WIDE VIDEO BUZZ PAGE*/ #video-wide{width:100%; min-height:700px; background:#000; color:#fff; font-family:Helvetica; position:relative; overflow:hidden;} #video-wide #vid-embed{float:left; width:600px;} #video-wide #video-text{float:right; font-size:24px !important; width:300px; margin-right:25px; height:380px; position:relative; margin-top:20px;} #video-content{width:100%; float;left; padding:5px; position:absolute; top:295px;} #video-title{font-size:18px; margin-bottom:10px;} #video-desc{font-size:14px; line-height:22px;} #next-prev, #vid-share-icons{margin-top:15px; position:absolute; } #next-prev{bottom:25px;} #vid-share-icons{bottom:85px;} .PageContainer #tw-share{width:55px !important; height:20px; background:url(/static/images/public/icons/placeholder-share-twitter.png) no-repeat; position:absolute; top:5px; left:80px; } .face #next-vid, #prev-vid{cursor:pointer;} #prev-vid{margin-right:10px;} #video-timeline{ width:100%; float:left; position:relative; height:250px;} #video-timeline #obama-image{position:absolute; left:-10px; top:120px; z-index:999; overflow:hidden; width:100%;} #video-wide ul#video-tn{position:absolute; bottom:0px; width:990px; margin-left:-5px;} #video-wide ul#video-tn li{ cursor:pointer; float:left; position:absolute; top:260px; } .tn_3, .tn_4,.tn_5,.tn_6,.tn_11,.tn_12{width:50px !important;} .tn_8, .tn_9, .tn_10{width:33px !important;} .year{width:93px; float:left; height:250px;margin-right:4px; border-left:1px solid rgba(100,100,100,.9); border-right:1px solid rgba(100,100,100,.9); position:relative; } .year:hover{background:rgba(100,100,100,.9);} .year .year_num{width:90px; height:40px; background:url(/static/images/public/obama_app/year_sprite_grey.png) no-repeat; position:absolute; top:20px; left:10px; margin:0px auto; } .wrap_2000 .year_num, .wrap_2001 .year_num, .wrap_2002 .year_num, .wrap_2003 .year_num, .wrap_2004 .year_num{left:5px !important;} .year:hover .year_num{background:url(/static/images/public/obama_app/year_sprite_red.png) no-repeat;} .wrap_1993 .year_num, .wrap_1993:hover .year_num{background-position:0px -45px;} .wrap_1995 .year_num,.wrap_1995:hover .year_num{background-position:0px -90px;} .wrap_1998 .year_num,.wrap_1998:hover .year_num{background-position:0px -135px;} .wrap_1999 .year_num,.wrap_1999:hover .year_num{background-position:0px -180px;} .wrap_2000 .year_num, .wrap_2000:hover .year_num{background-position:0px -225px;} .wrap_2001 .year_num, .wrap_2001:hover .year_num{background-position:0px -270px;} .wrap_2002 .year_num, .wrap_2002:hover .year_num{background-position:0px -315px;} .wrap_2003 .year_num,.wrap_2003:hover .year_num{background-position:0px -360px;} .wrap_2004 .year_num,.wrap_2004:hover .year_num{background-position:0px -405px;} li.tn_1991{width:90px; height:30px; background:url(/static/images/public/obama_app/first_arrow.png) no-repeat;} li.tn_1991:hover{background-position:0px -30px;} li.tn_1993, li.tn_1998, li.tn_1999{width:90px; height:30px; background:url(/static/images/public/obama_app/largearrow.png) no-repeat;} li.tn_1993:hover,li.tn_1998:hover, li.tn_1999:hover{background-position:0px -30px;} li.tn_1995, li.tn_2001, li.tn_2002, li.tn_2003, li.tn_2004{width:45px; height:30px; background:url(/static/images/public/obama_app/double_arrow.png) no-repeat; display:inline;} li.tn_1995.item_3,li.tn_2001.item_12,li.tn_2002.item_14, li.tn_2003.item_16,li.tn_2004.item_18{background-position:0 -60px;} li.tn_1995.item_4,li.tn_2001.item_13,li.tn_2002.item_15, li.tn_2003.item_17,li.tn_2004.item_19{position:absolute; left:45px;} li.tn_1995.item_3:hover,li.tn_2001.item_12:hover,li.tn_2002.item_14:hover, li.tn_2003.item_16:hover,li.tn_2004.item_18:hover{background-position:0 -90px;} li.tn_1995.item_4:hover,li.tn_2001.item_13:hover,li.tn_2002.item_15:hover, li.tn_2003.item_17:hover,li.tn_2004.item_19:hover{background-position:0 -30px;} li.tn_2000{width:18px; height:30px;background:url(/static/images/public/obama_app/five_arrow.png) no-repeat;position:absolute;} li.tn_2000.item_7{background-position:0px -240px;} li.tn_2000.item_8{left:18px; background-position: 0px -180px;} li.tn_2000.item_9{left:36px; background-position: 0px -120px;} li.tn_2000.item_10{left:54px;background-position: 0px -60px;} li.tn_2000.item_11{left:72px;background-position: 0px 0px;} li.tn_2000.item_7:hover{background-position:0px -270px;} li.tn_2000.item_8:hover{ background-position: 0px -210px;} li.tn_2000.item_9:hover{ background-position: 0px -150px;} li.tn_2000.item_10:hover{background-position: 0px -90px;} li.tn_2000.item_11:hover{background-position: 0px -30px;} /* PEPSI STATS B-PAGE STYLES */ .pepsi_module{ background: url(/static/images/partner/pepsi/module-bg.png) no-repeat !important; height: 383px; position: relative; } .VerticalSection .pepsi_module { margin-top:15px;} .pepsi_module .pepsi_posts { margin-top: 85px;} .pepsi_module ul { position: relative; float:left;} .pepsi_module li {background: #fff; width: 290px; height:58px; float:left; margin:0 12px 8px 12px; padding:10px; position: relative;} .VerticalSection .pepsi_module li { margin:0 12px 8px 2px;} .pepsi_module li .thumb-unit, .pepsi_module li .thumb { float:left; width:85px; margin-right:10px;} .pepsi_module li .thumb-unit img, .pepsi_module li .thumb img {width:85px; height: auto;} .pepsi_module li h2 { height: 32px;} .pepsi_module li h2 a {color:#07e !important; font-size: 12px !important; font-weight: bold; line-height: 16px !important; font-family: 'Lucida Grande', arial, sans-serif !important;} .pepsi_module li .num{ position: absolute; left: 105px} .pepsi_module .description, .pepsi_module .bf-user-info { display: none;} .pepsi_module li .num .score { position: absolute; font-weight: 600; } .pepsi_module li .num .score small { font-weight: normal;} .pepsi_module li .num .lift { font-weight: 600; color: #E30; font-size:14px; position: absolute; left: 105px; margin-top: -2px; width: 100px; } .pepsi_module li .num .lift small { font-weight: normal;} .pepsi_module .pepsi-next-button { position: absolute; bottom: 3px; left: 88px;} .pepsi_module .pepsi-click { position: absolute; width: 332px; height: 82px;} .unified .Content { padding: 0px 0px 10px 0px !important;} .unified .Content .Column1 a { color: #07e;} .unified a.button2 { color: #fff;} /* QUIZZES start */ .quiz-result { float:left;width:100%;margin-bottom:10px; } .quiz-result img { float:left; margin-right:10px; } /* Quiz Stub start */ .quiz-share-results { margin:10px 0; padding:10px 0; border-top:1px solid #C5D3EA; border-bottom:1px solid #C5D3EA; font-family:"Lucida Grande",tahoma,verana,sans-serif;} .quiz-share-results a { padding-left:18px; margin:0 8px 0 4px; } .quiz-share-results .quiz-share-facebook { background:url(../images/public/enhanced/quiz-share-facebook.png?v=1560869486) 0 0 no-repeat; } .quiz-share-results .quiz-share-twitter { background:url(../images/public/enhanced/quiz-share-twitter.png?v=1560869486) 0 0 no-repeat; } .quiz-share-results .quiz-share-blog { background:url(../images/public/enhanced/quiz-share-blog.png?v=1560869486) 0 0 no-repeat; } .quiz-share-results .quiz-save-as-contribution { background:url(../images/public/enhanced/quiz-share-contrib.png?v=1560869486) 0 0 no-repeat; } .quiz-share-results table td { vertical-align:middle; padding-right:10px; } /* Quiz Stub end */ #buzz_sub_buzz .buzz_superlist_item_quiz .show_results_container{ margin: -50px 0 20px;} #buzz_sub_buzz .checklist_quiz .quiz_answer_description{display:none} /* Quiz 2.0 */ #buzz_sub_buzz .quiz { width: 625px; border: 0px solid #d0d0d0; padding: 0px; background: #ffffff; font-size: 14px; border-radius: 0px; -moz-border-radius: 0px; margin: 0 auto; } /* #buzz_sub_buzz .quiz { float:left; } see card 87949310 */ #buzz_sub_buzz .quiz h4 { margin:2px 0 5px 0;} #buzz_sub_buzz .quiz h5 { margin:0 0 5px 0;} #buzz_sub_buzz .quiz ul, #buzz_sub_buzz .quiz ol, #buzz_sub_buzz.suplist_long .quiz ol, #buzz_sub_buzz.suplist_long .quiz ul { margin:10px 0; padding:0; } #buzz_sub_buzz .quiz li { list-style:none; } #buzz_sub_buzz .quiz.bff_take_quiz { margin-top: -30px; } #buzz_sub_buzz .quiz h1 { margin: 0 0 5px 0; font-weight: 600;font-size: 24px; padding: 0px; } #buzz_sub_buzz .quiz .headline-1 { margin: 0 0 0 0; font-weight: 600;font-size: 24px; padding: 0px; } #buzz_sub_buzz .poll_quiz .headline-1 { margin: 0; padding-bottom: 10px; } #buzz_sub_buzz .quiz h2 { font-size: 17px; margin: 15px 0; } #buzz_sub_buzz .quiz h2.bold { font-weight: 600;} #buzz_sub_buzz .quiz img { max-width: 625px; height: auto; display: block; } #buzz_sub_buzz .quiz .quiz_question.legacy .quiz_question_header img,#buzz_sub_buzz .quiz .quiz_question.text .quiz_question_header img { width: 625px; } #buzz_sub_buzz .quiz .hr { width: 100%; height: 1px; background: #E3E3E3; margin: 20px 0 0 0; } #buzz_sub_buzz .quiz .buzz_superlist_number_inline { position: relative; left: -10px; top: -10px; font-size: 28px; font-weight: 600;} #buzz_sub_buzz .quiz .quiz_question { width: 625px; margin: 0px 0px 50px 0px; } #buzz_sub_buzz .quiz .quiz_question.image { overflow: hidden; } #buzz_sub_buzz .quiz .quiz_img_and_source { position: relative; } #buzz_sub_buzz .quiz a + .question_embed { margin-top: 20px; } #buzz_sub_buzz .quiz .quiz-answer span { float: left;} #buzz_sub_buzz .quiz .sub_buzz_desc_w_attr { clear: both; } #buzz_sub_buzz .quiz_question .quiz_reveal .headline-1{ float: left; margin-bottom: 0;width: 100%} #buzz_sub_buzz .quiz_question .quiz_reveal .headline-1 .answer_response,#buzz_sub_buzz .quiz_question .quiz_reveal.headline-1.answer_response{ width: 100%; display: block; font-size: 30px; line-height: 26px; float:left; margin: 0 0 20px 0;} #buzz_sub_buzz .quiz_question .quiz_reveal.headline-1.answer_response{ width: auto;} #buzz_sub_buzz .quiz_question .quiz_reveal .headline-1 .reveal_title{float: left;} #buzz_sub_buzz .quiz_question .quiz_reveal .headline-1 .answer_response .mark, #buzz_sub_buzz .quiz_question .quiz_reveal.headline-1.answer_response .mark{ font-size: 36px; vertical-align: top; display: none; margin-right: 8px; float: left;width: 22px; height: 27px; } #buzz_sub_buzz .quiz_question .quiz_reveal .headline-1{line-height: 22px; font-size: 20px; } #buzz_sub_buzz .quiz_question .quiz_reveal .quiz_un_reveal { display: block; clear: left; margin-top: 10px;} #buzz_sub_buzz .quiz_question.text .quiz-answer { float: left; border: 1px solid #D8D8D8; margin: 0 0 15px 0; padding: 11px 11px 9px; min-height: 21px; background-color: #f2f2f2; position: relative; } #buzz_sub_buzz .quiz .quiz_question.text ol { margin-left: 0;padding-right: 1px; } #buzz_sub_buzz .quiz_question .quiz_answer.has_quiz_answer_text span.quiz_answer_description { clear: both; margin-left: 29px; margin-top: 5px; } /* TEXT ANSWER */ #buzz_sub_buzz .quiz .quiz_question.text .quiz-answer .quiz_checkbox_wrp { margin: 0; } #buzz_sub_buzz .quiz .quiz_question.text .quiz-answer span.quiz_answer_text, #buzz_sub_buzz .quiz .quiz_question.text .quiz-answer span.quiz_answer_description { width: 570px; margin-top: 0;} /* SMALL QUIZ IMAGE */ #buzz_sub_buzz .quiz_question .smallImgAnswers .quiz-answer { display: table-cell; vertical-align: top; width: 180px; min-height: 200px; } #buzz_sub_buzz .quiz-answer .quiz_img_and_source .sub_buzz_source_via, #buzz_sub_buzz .quiz-answer .quiz_img_and_source .sub_buzz_source_via:hover { bottom: 0; right: 0; max-width: 164px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; } #buzz_sub_buzz .quiz_question .smallImgAnswers .quiz-answer img { height: auto; width: 180px; } #buzz_sub_buzz .quiz_question.image .quiz-answer span.quiz_answer_text, #buzz_sub_buzz .quiz_question.image .quiz-answer span.quiz_answer_description { width: 146px; } #buzz_sub_buzz .quiz_question.image ol { display: table; border-collapse: separate; border-spacing: 12px 0; margin-bottom: 12px; margin-left: -12px; } #buzz_sub_buzz .quiz_question .smallImgAnswers .quiz_answer.last { margin-right: 0; } #buzz_sub_buzz .quiz_question .smallImgAnswers .quiz-answer { clear: left; } #buzz_sub_buzz .quiz .quiz_question .quiz_question_header { float: left; margin-bottom: 15px; width: 100%; } #buzz_sub_buzz .poll_quiz .quiz_question .quiz_question_header { margin-bottom: 14px;} #buzz_sub_buzz .quiz.image_checklist_quiz.numbered .answer_number{ position: absolute; top:-1px; left: -1px; margin: 0; padding: 3px 8px 1px; z-index: 2; background: #f2f2f2; font-size: 18px; line-height: 22px; color: #8d8d8d; border: 1px solid #d9d8d8; } /* LARGE QUIZ IMAGE */ #buzz_sub_buzz .quiz_question.image ol.largeImgAnswers { border-spacing: 25px 0; margin-bottom: 25px; margin-left: -25px; } #buzz_sub_buzz .quiz_question .largeImgAnswers .quiz-answer .sub_buzz_source_via { max-width: 264px; } #buzz_sub_buzz .quiz_question .largeImgAnswers .quiz-answer span.quiz_answer_text, #buzz_sub_buzz .quiz_question .largeImgAnswers .quiz-answer span.quiz_answer_description { width: 245px; } #buzz_sub_buzz .quiz_question .largeImgAnswers .quiz-answer { display: table-cell; vertical-align: top; width: 280px; min-height: 50px; } #buzz_sub_buzz .quiz_question .largeImgAnswers .quiz-answer img {width: 280px; } /* QUIZ RESULT IMAGE */ #buzz_sub_buzz .quiz_result .sub_buzz_source_via { width: 100%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; ms-text-overflow: ellipsis; } #buzz_sub_buzz .quiz .quiz_result .quiz_img_and_source img, #buzz_sub_buzz .quiz .quiz_reveal img { width: 300px; height: auto; } #buzz_sub_buzz .quiz_question.text .quiz_answer:hover, #buzz_sub_buzz .quiz_question.image .quiz_answer:hover{background-color: #fff195; cursor: pointer;} #buzz_sub_buzz .quiz_question.text .quiz_answer.selected, #buzz_sub_buzz .quiz_question.image .quiz_answer.selected { background-color: #8ac5ff; cursor: pointer; color: #000;} #buzz_sub_buzz .quiz_question.text .quiz_answer.correct_answer, #buzz_sub_buzz .quiz_question.image .quiz_answer.correct_answer, #buzz_sub_buzz .quiz_question.text .quiz_answer.correct_answer:hover, #buzz_sub_buzz .quiz_question.image .quiz_answer.correct_answer:hover{ background-color: #88f078; color: #000; cursor: default;} #buzz_sub_buzz .quiz_question.text .quiz_answer.wrong_answer, #buzz_sub_buzz .quiz_question.image .quiz_answer.wrong_answer, #buzz_sub_buzz .quiz_question.text .quiz_answer.wrong_answer:hover, #buzz_sub_buzz .quiz_question.text .quiz_answer.wrong_answer.deactivated:hover, #buzz_sub_buzz .quiz_question.image .quiz_answer.wrong_answer.deactivated:hover, #buzz_sub_buzz .quiz_question.image .quiz_answer.wrong_answere:hover{background-color: #ff1f1f; cursor: default; color: #000;} #buzz_sub_buzz .quiz_question.text .quiz_answer.def_answer,#buzz_sub_buzz .quiz_question.image .quiz_answer.def_answer, #buzz_sub_buzz .quiz_question.text .quiz_answer.def_answer:hover,#buzz_sub_buzz .quiz_question.image .quiz_answer.def_answer, #buzz_sub_buzz .quiz_question.text .quiz_answer.deactivated:hover,#buzz_sub_buzz .quiz_question.image .quiz_answer.deactivated:hover{background: #f2f2f2;} #buzz_sub_buzz .quiz_question.image .quiz-answer { background-color: #f2f2f2; border: 1px solid #d8d8d8; padding: 9px; overflow: hidden; position: relative; } #buzz_sub_buzz .quiz .quiz_result { clear: both; display: block; overflow: hidden; margin:0;} #buzz_sub_buzz .quiz .answer_shares_buttons { float: left; } /* Fix share your results section : /chelseamarshall/is-your-bf-real-or-a-giant-bag-of-noodles-in-a-trench-coat */ #buzz_sub_buzz .quiz .answer_shares { clear: both; overflow: hidden; background-color: #fefefe; padding: 20px; } #buzz_sub_buzz .quiz .answer_shares a { float: left; margin: 0 15px 0 0; } #buzz_sub_buzz .quiz .quiz_result_area { background-color: #fefefe; border: 1px solid #dddddd; padding: 20px 0 0 0; margin: 20px 0; } #buzz_sub_buzz .quiz .quiz_tally_results { padding: 0 20px; } #buzz_sub_buzz .quiz .quiz_tally_results h1 { font-size: 30px; line-height: 26px;} #buzz_sub_buzz .quiz .quiz_tally_results .headline-1 { font-size: 30px; line-height: 26px; margin-bottom: 10px;} #buzz_sub_buzz .quiz .quiz_tally_results h2 { font-size: 15px; line-height: 23px; font-weight: 600;color: #797979; margin: 0 0 10px 0; padding: 0; } #buzz_sub_buzz .quiz .quiz_tally_results p {clear:left; font-size: 15px; line-height: 23px; font-weight: 600; color: #797979;} #buzz_sub_buzz .quiz .quiz_result h1 { font-size: 19px; line-height: 26px; font-weight: 600;margin: 0 0 10px 0; } #buzz_sub_buzz .quiz .quiz_result .headline-1 { font-size: 30px; line-height: 37px; font-weight: 600; color: #222;} #buzz_sub_buzz .quiz_result.has_result_image .headline-1.answer_response, #buzz_sub_buzz .quiz_result.has_result_image p, #buzz_sub_buzz .quiz_question .quiz_reveal p { width: 273px; overflow-x: hidden; text-overflow: ellipsis; float: left; margin-right: 10px; padding-top: 5px;} #buzz_sub_buzz .quiz_question .quiz_reveal p.wide_reveal_description {width: 100%;} #buzz_sub_buzz .quiz .quiz_answer.deactivated { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } #buzz_sub_buzz .quiz_question .answer_number, #buzz_sub_buzz .quiz .quiz-answer span.quiz_answer_text, #buzz_sub_buzz .quiz .quiz-answer span.quiz_answer_description { word-wrap: break-word; font-weight: 600; font-size: 19px; line-height: 21px; color: #3d3d3d; vertical-align: top; } #buzz_sub_buzz .quiz_question.text .answer_number { display: none; font-weight: 700; margin: 0 5px 0 0; } #buzz_sub_buzz .quiz_question.text .answer_number:after {content: "."; } #buzz_sub_buzz .numbered.checklist_quiz .quiz_question.text .answer_number {display: inline-block; } /* Checkboxes */ #buzz_sub_buzz .quiz .quiz_question.image .quiz-answer .quiz_checkbox_wrp { margin: 10px 0 0 0; } #buzz_sub_buzz .quiz.checklist_quiz .quiz_question.image .quiz-answer .quiz_checkbox_wrp, #buzz_sub_buzz .quiz.checklist_quiz .quiz_question.text .quiz-answer .quiz_checkbox_wrp { margin-bottom: 0; } #buzz_sub_buzz .quiz .quiz_question.image .quiz-answer .quiz_checkbox_wrp .quiz-checkbox, #buzz_sub_buzz .quiz .quiz_question.text .quiz-answer .quiz_checkbox_wrp .quiz-checkbox{ width: 29px; height: auto; border: none; background: none; margin: 0; line-height: 1; } #buzz_sub_buzz .quiz .quiz_question.image .quiz-answer .quiz_checkbox_wrp .quiz-checkbox:before, #buzz_sub_buzz .quiz .quiz_question.text .quiz-answer .quiz_checkbox_wrp .quiz-checkbox:before{ font-family: "FontAwesome"; content:"\f096"; font-size: 22px; line-height: 21px; color: #3d3d3d; margin: 0 10px 0 0; } #buzz_sub_buzz .quiz .quiz_question.image .quiz-answer.selected .quiz_checkbox_wrp .quiz-checkbox:before, #buzz_sub_buzz .quiz .quiz_question.text .quiz-answer.selected .quiz_checkbox_wrp .quiz-checkbox:before{ content:"\f046";} /* POLLs styles */ #buzz_sub_buzz .poll_quiz .quiz_question.image .quiz-answer.selected, #buzz_sub_buzz .poll_quiz .quiz_question.image .quiz-answer.deactivated { background-color: #f2f2f2; } #buzz_sub_buzz .poll_results{display: none;} #buzz_sub_buzz .poll_results .results_spinner{ margin-bottom: 50px; } #buzz_sub_buzz .poll_results .error_content{ margin-bottom: 40px; color: #E32;} #buzz_sub_buzz .poll_results .error_content .message_title{font-size: 24px;} #buzz_sub_buzz .poll_quiz .poll_results{margin: 0; display: block;} #buzz_sub_buzz .poll_quiz .poll_results ol{margin-bottom: 20px;} #buzz_sub_buzz .poll_quiz .quiz_result_area {border: none; padding: 0;} #buzz_sub_buzz .poll_quiz .quiz_result_area .poll_is_closed {background-color: #f4f4f4; margin-top: 30px;} #buzz_sub_buzz .poll_quiz .answer_shares_buttons { float: right; } #buzz_sub_buzz .poll_quiz .answer_shares h2, #buzz_sub_buzz .poll_quiz .poll_is_closed h2 {font-weight: 600;font-size: 24px;line-height: 39px; max-width: 260px;} #buzz_sub_buzz .poll_quiz .quiz_result_area .poll_is_closed h2 {margin: 0 auto; padding: 0;} #buzz_sub_buzz .poll_quiz .quiz_result_area .hr, #buzz_sub_buzz .poll_quiz .quiz_tally_results h2, #buzz_sub_buzz .poll_quiz .quiz_tally_results .headline-1{display: none;} #buzz_sub_buzz .poll_quiz .poll_results .poll_title{ font-weight: 600;font-size: 24px;} #buzz_sub_buzz .poll_quiz .poll_results .poll_result_title{display: block; text-transform: uppercase; font-weight: 600;color: #7f7f7f; font-size: 16px; line-height: 16px; margin: 35px 0 0 0;} #buzz_sub_buzz .poll_quiz .quiz_tally_results{padding: 0;} #buzz_sub_buzz .poll_quiz .quiz_question{margin: 0px 0px 20px 0px;} #buzz_sub_buzz .poll_quiz .quiz_tally_results ol{ margin-bottom: 0;} #buzz_sub_buzz .poll_quiz .poll_result_wrapper {float: left; padding: 10px;} #buzz_sub_buzz .poll_quiz .selected .poll_result_wrapper {background: rgba(255,246,0,0.4); -webkit-transition: background 0.5s ease-in-out 0.5s; transition: background 0.5s ease-in-out 0.5s;} #buzz_sub_buzz .poll_quiz .poll_result{margin-top: 14px;} #buzz_sub_buzz .poll_quiz .poll_result_image{overflow: hidden; margin: 0 24px 0 0; float: left;} #buzz_sub_buzz .poll_quiz .poll_result_data{float: left;} #buzz_sub_buzz .poll_quiz .poll_result_image img{height: 100px; width: auto; } #buzz_sub_buzz .poll_quiz .poll_stats_wrapper{position: relative;} #buzz_sub_buzz .poll_quiz .poll_percentage{ font-weight: 100;font-size: 45px; line-height: 45px; color: #07E;} #buzz_sub_buzz .poll_quiz .poll_votes{ font-weight: 600;color: #8C8C8C; font-size: 15px; position: absolute; right: 0; bottom: 0;display: none;} #buzz_sub_buzz .poll_quiz .display_vote_count .poll_votes{display: block;} #buzz_sub_buzz .poll_quiz .display_vote_count .poll_votes .s{display:none;} #buzz_sub_buzz .poll_quiz .display_vote_count .poll_votes .one{display:inline;} #buzz_sub_buzz .poll_quiz .display_vote_count .poll_votes.plural .s{display:inline;} #buzz_sub_buzz .poll_quiz .display_vote_count .poll_votes.plural .one{display:none;} #buzz_sub_buzz .poll_quiz .poll_bar_outer{width: 369px; height: 26px; border: 1px solid #07E;margin: 5px 0;background: white;} #buzz_sub_buzz .poll_quiz .poll_bar_inner{height: 26px; background: #07E; width: 0; -webkit-transition: width 0.5s ease-out 0.5s; transition: width 0.5s ease-out 0.5s;} #buzz_sub_buzz .poll_quiz .poll_answer_text{ font-weight: 700;font-size: 20px; line-height: 20px; color: #000; width: 369px; margin-top: 10px; word-wrap: break-word;} /* Text results */ #buzz_sub_buzz .poll_quiz .text_result .poll_percentage {float:left; width: 100px;} #buzz_sub_buzz .poll_quiz .text_result .poll_votes {float: left; margin-left: 405px; line-height: 40px; position: static;} #buzz_sub_buzz .poll_quiz .text_result .poll_bar_outer, #buzz_sub_buzz .poll_quiz .text_result .poll_answer_text {margin-left: 125px;} #buzz_sub_buzz .poll_quiz .text_result .poll_answer_text{clear: both;} /* Hide titles */ #buzz_sub_buzz .poll_quiz.hide_answer_titles .quiz_question.image .quiz_answer_text, #buzz_sub_buzz .poll_quiz.hide_poll_question_titles .quiz_question_header .headline-1 {display: none;} #buzz_sub_buzz .poll_quiz .poll_preview_btns a {font-size: 14px; text-decoration: underline;} #buzz_sub_buzz .poll_quiz .poll_preview_btns a:hover {color: #333;} #buzz_sub_buzz .poll_quiz .go_back_and_vote, #buzz_sub_buzz .poll_quiz.complete .quiz_question, #buzz_sub_buzz .poll_quiz.complete .go_back_and_vote, #buzz_sub_buzz .poll_quiz.complete .poll_view_results, #buzz_sub_buzz .poll_quiz.preview .quiz_question, #buzz_sub_buzz .poll_quiz.preview .answer_shares, #buzz_sub_buzz .poll_quiz.preview .poll_view_results {display: none;} #buzz_sub_buzz .poll_quiz.preview .go_back_and_vote {display: inline;} #buzz_sub_buzz .poll_quiz .go_back_and_vote i.fa-angle-left {margin-right: 5px;} #buzz_sub_buzz .poll_quiz .go_back_and_vote i.lt {display: none;} #buzz_sub_buzz .poll_quiz .quiz_result_area .poll_end_voting {margin: 30px 0;} #buzz_sub_buzz .poll_quiz .quiz_result_area .poll_end_voting h2 {font-weight: 600;font-size: 36px;} #buzz_sub_buzz .poll_quiz .quiz_result_area .poll_thanks {text-align: center;} #buzz_sub_buzz .poll_quiz .quiz_result_area .poll_thanks_checkbox {width: 36px; height: 36px; display: inline-block; background: url(/static/images/global/unified_sprite.png?v=1560869486) no-repeat -622px -614px;} /* BFF Quiz Styles */ #buzz_sub_buzz .quiz .bff-quiz__create-results .answer_shares_buttons { display: inline-block; float: none; } #buzz_sub_buzz .quiz .bff-quiz__create-results .answer_shares { display: block; background: none; text-align: center; } /* BFF Quiz Styles */ .community-text { padding-top: 10px; margin: 5px 0 35px; border-top: 1px solid #ddd; clear: both;} .community-text ul.community_attribution_facepile { width: 210px; float: right;} .community-text ul.community_attribution_facepile li { display: inline-block; width: 37px; height: 37px; margin-right: 5px;} .community-text ul.community_attribution_facepile li .thumb { width: 37px; height: 37px; } .community-text p {font-size: 15px; line-height: 20px; color: #444; margin: 0; padding: 0;} /* fix Like button z-index issues */ .fb_iframe_widget_lift { z-index:1000!important; } /* TNT MOB CITY - (BUZZFEED NOIR MODE) */ .bf-audio-player { display: none; background-color: #d1d1d1; width: 246px; height: 52px; position: fixed; bottom: 0; right: 20px; z-index: 3; } .noir-mode-enable-audio { display: none; } .show-noir-mode-audio .bf-audio-player, .show-noir-mode-audio .noir-mode-enable-audio { display: block; } .bf-audio-player .bf-audio-controls { height: 36px; position: relative; } .bf-audio-player .bf-status-bar { background-color: #b5b5b5; font-weight: 600; font-size: 12px; color: #222; height: 16px; line-height: 18px; } .bf-audio-control { display: block; background: url(../js/partner/tnt/noir-mode/assets/img/player_sprite.png?v=1560869486) 0 0 no-repeat; } .bf-audio-player.disabled-play .bf-audio-control.play-button { cursor: default; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); } .bf-audio-control.play-button { position: absolute; top: 5px; left: 8px; background-position: 0 0; width: 28px; height: 28px; } .bf-audio-player.playing .bf-audio-control.play-button { background-position: -28px 0; } .bf-audio-control.mute-button { position: absolute; top: 11px; left: 221px; background-position: -57px 0; width: 15px; height: 14px; } .bf-audio-player.muted .bf-audio-control.mute-button { background-position: -74px 0; } .bg-music-wrp { float: left; width: 60px; height: 16px; } .bg-music-label { font-size: 10px; color: #666; float: left; width: 49px; text-align: center; } .bf-audio-control.bg-music-button { float: left; background-position: -57px -15px; width: 11px; height: 11px; margin-top: 2px; } .bf-audio-player.paused-bg .bf-audio-control.bg-music-button { background-position: -74px -15px; } .bf-song-title { float: left; width: 176px; height: 16px; padding-left: 10px; } .bf-song-progress-wrp { position: absolute; top: 15px; left: 42px; width: 166px; height: 6px; background-color: #e6e6e6; } .bf-song-progress { width: 0; height: 6px; background-color: #808080; } .clickable-image { cursor: pointer; } .noir-mode #new-header-hot-nav, .noir-mode .PageContainer, .noir-mode .PageContent, .noir-mode .wide-content { background: none !important; } .noir-mode #buzz_sub_buzz .buzz_superlist_item { z-index: 1; } body.show-noir-mode-bg { position: relative; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #000000 3%, #000000 98%, #ffffff 99%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#000000), color-stop(98%,#000000), color-stop(99%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#000000 3%,#000000 98%,#ffffff 99%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#000000 3%,#000000 98%,#ffffff 99%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#000000 3%,#000000 98%,#ffffff 99%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#000000 3%,#000000 98%,#ffffff 99%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE9 */ } .noir-mode-pic-1 { background: transparent url("../js/partner/tnt/noir-mode/assets/img/typewriter.jpg?v=1560869486") no-repeat 0 0; } .noir-mode-pic-2 { background: transparent url("../js/partner/tnt/noir-mode/assets/img/car.jpg?v=1560869486") no-repeat 0 0; } .noir-mode-pic-3 { background: transparent url("../js/partner/tnt/noir-mode/assets/img/dancer.jpg?v=1560869486") no-repeat 0 0; } .noir-mode-pic-4 { background: transparent url("../js/partner/tnt/noir-mode/assets/img/guy.jpg?v=1560869486") no-repeat 0 0; } .noir-mode-pic-5 { background: transparent url("../js/partner/tnt/noir-mode/assets/img/gun.jpg?v=1560869486") no-repeat 0 0; } .noir-mode-pic-6 { background: transparent url("../js/partner/tnt/noir-mode/assets/img/headlights.jpg?v=1560869486") no-repeat 0 0; } .noir-mode-bg { display: none; background-size: 100%; width: 100%; height: 100%; max-height: 1600px; position: absolute; } .show-noir-mode-bg .noir-mode-bg { display: block; } .show-noir-mode-bg #buzz_sub_buzz .buzz_superlist_item .sub_buzz_source_via, .show-noir-mode-bg #buzz_sub_buzz .buzz_superlist_item .sub_buzz_source_via a, .show-noir-mode-bg #buzz_sub_buzz .buzz_superlist_item h2, .show-noir-mode-bg .buzz_superlist_number, .show-noir-mode-bg #buzz_sub_buzz .buzz_superlist_item p { color: #fff; } /* TNT MOB CITY - (BUZZFEED NOIR MODE) */ /* GRID */ .buzz_superlist_item .grid_clear { clear: both; font-size: 1px; line-height: 12px; } .buzz_superlist_item .grid_cell { float: left; } .buzz_superlist_item .grid_cell .grid_cell_image_wrapper { position: relative; overflow: hidden; line-height: 0; float: left; } /* SRCVIA */ .buzz_superlist_item .grid_cell_image_wrapper img { max-width: none; } .buzz_superlist_item .grid_row { width: 625px; position: relative; float:left; } .buzz_superlist_item .grid_row.two_pl .cell_1, .grid_row.two_lp .cell_2, .grid_row.three .grid_cell { width: 205px; } .buzz_superlist_item .grid_row.two_pl .cell_2, .grid_row.two_lp .cell_1 { width: 415px; } .buzz_superlist_item .grid_row.two_pl .cell_2, .grid_row.two_lp .cell_2 { margin-left: 5px; } .buzz_superlist_item .grid_row.two_ss .grid_cell { width: 309px; } .buzz_superlist_item .grid_row.two_ss .cell_2 { margin-left: 5px; } .buzz_superlist_item .grid_row.three .cell_2 { margin: 0 5px; } .wide-content .buzz_superlist_item .grid_row { width: 990px; } .wide-content .buzz_superlist_item .grid_row.two_pl .cell_1, .wide-content .grid_row.two_lp .cell_2, .wide-content .grid_row.three .grid_cell { width: 325px; } .wide-content .buzz_superlist_item .grid_row.two_pl .cell_2, .wide-content .grid_row.two_lp .cell_1 { width: 660px; } .wide-content .buzz_superlist_item .grid_row.two_pl .cell_2, .wide-content .grid_row.two_lp .cell_2 { margin-left: 5px; } .wide-content .buzz_superlist_item .grid_row.two_ss .grid_cell { width: 490px; } .wide-content .buzz_superlist_item .grid_row.two_ss .cell_2 { margin-left: 10px; } .wide-content .buzz_superlist_item .grid_row.three .cell_2 { margin: 0 7px; } .wide-content #buzz_sub_buzz .buzz_superlist_item .grid_row .grid_cell .sub_buzz_desc { width: 100%; margin-left: 0px; } /* PHOTO SLIDER */ .buzz_superlist_item .photoslider { position: relative; z-index: 3; cursor:ew-resize; } .buzz_superlist_item .photoslider:before, .buzz_superlist_item .photoslider:after { content: " "; display: table; } .buzz_superlist_item .photoslider:after { clear: both; } .buzz_superlist_item .photoslider .photoslider_image_wrapper { float: left; position: relative; } .buzz_superlist_item .photoslider .photoslider_image img { display: block; } /* photoslider img accepts width and height attributes https://github.com/twbs/bootstrap/issues/1899 */ .buzz_superlist_item .photoslider img[width], .buzz_superlist_item .photoslider img[height] { max-width: none; } .buzz_superlist_item .photoslider .photoslider_left_image { position: relative; z-index: 2; cursor:ew-resize; border-right: 3px solid #252525; margin-right: -5px; overflow: hidden} .buzz_superlist_item .photoslider .photoslider_right_image { position: absolute; z-index: 1; top: 0px; left: 0px; } .buzz_superlist_item .photoslider .photoslider_drag_message { margin-right: -50px; margin-top: -15px; background: rgba(250,245,187,.8); position: absolute; top: 50%; right: 50%; width: 100px; height: 30px; text-align: center; line-height: 30px; display: block; opacity: 1; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: black; text-transform: uppercase; font-weight: 600; font-size: 14px; z-index: 3; } .fr .buzz_superlist_item .photoslider .photoslider_drag_message { margin-right: -80px; width: 160px; } .es .buzz_superlist_item .photoslider .photoslider_drag_message, .pt .buzz_superlist_item .photoslider .photoslider_drag_message { margin-right: -65px; width: 130px; } .buzz_superlist_item .photoslider.photoslider_moused_over .photoslider_drag_message, .buzz_superlist_item .photoslider.photoslider_viewed .photoslider_drag_message { opacity: 0; } /* Cuties Clementine promo */ #cute_button {position: relative;} #cute_button .cuties-clementine {width: 44px; height: 23px; position: absolute; z-index: 1; left: 5px; top: -17px; background: transparent url("/static/images/partner/cuties-clementine/cuties-clementine.png?v=1560869486") no-repeat 0 0;} /* ----- Breaking News ----- */ /* Summary Styles */ .buzz #buzz-siren-wrapper { margin: 20px 0; } .buzz #buzz-siren-image { float: left; width: 40px; height: 40px; } .buzz #buzz-siren-text { color:black; line-height: 40px; left: 15px; font-size: 24px; font-weight: 600;} #buzz_sub_buzz.suplist_breaking .breaking_news_summary .buzz_superlist_item.breaking-summary-splash { width: 990px; max-width: 990px; min-width: 990px; } #buzz_sub_buzz.suplist_breaking .breaking_news_summary .buzz_superlist_item.breaking-summary-columns-1 { width: 625px; max-width: 625px; clear: both; } #buzz_sub_buzz.suplist_breaking .breaking_news_summary .buzz_superlist_item.breaking-summary-columns-2 { width: 475px; max-width: 475px; clear: none; float: left; } #buzz_sub_buzz.suplist_breaking .breaking_news_summary .buzz_superlist_item.breaking-summary-columns-2:last-child { float: right; } #buzz_sub_buzz .buzz_superlist_item.breaking-summary-splash { text-align: center; } /* Toggle */ #buzz_sub_buzz.suplist_breaking .breaking_news_summary #toggleBreakingSummary { display: block; clear: both; margin: 20px 0; } #buzz_sub_buzz.suplist_breaking .breaking_news_summary #toggleBreakingSummary:hover { cursor: pointer; } /* UPDATES */ #buzz_sub_buzz.suplist_breaking .breaking_news_updates_title { display: block; clear: both; border-bottom: 1px solid #cccccc; font-size: 24px; padding: 10px 0 10px 169px; } #buzz_sub_buzz.suplist_breaking .buzz_superlist_item { width: 650px; margin: 0 auto; } #buzz_sub_buzz.suplist_breaking .buzz_superlist_feature_image { width: 990px; margin: 0px 0px 20px 0px; } #buzz_sub_buzz.suplist_breaking .buzz_superlist_item.buzz_superlist_item_wide.buzz_superlist_item_tweet {max-width: 650px; margin: 0 auto;} #buzz_sub_buzz.suplist_breaking .buzz_superlist_item.buzz_superlist_item_grid_row { width: 990px; } #buzz_sub_buzz.suplist_breaking .buzz_superlist_item.buzz_superlist_item_grid_row h2, #buzz_sub_buzz.suplist_breaking .buzz_superlist_item.buzz_superlist_item_grid_row .grid_row_description { width: 650px; margin: 0 auto; } #buzz_sub_buzz.suplist_breaking .buzz_superlist_item_video p { padding: 3px 0 0 0; color: #666; font-size: 14px; line-height: 18px; clear: both; } #buzz_sub_buzz.suplist_breaking .buzz_superlist_item, #buzz_sub_buzz.suplist_breaking .buzz_superlist_item h2 { padding: 0 0 20px; } #buzz_sub_buzz.suplist_breaking .buzz_superlist_item_update, #buzz_sub_buzz.suplist_breaking .buzz_superlist_item ul { padding: 20px 0; } #buzz_sub_buzz.suplist_breaking .buzz_superlist_item.buzz_superlist_item_text h2 { padding: 0; } #buzz_sub_buzz.suplist_breaking .share-box_wrapper { display: inline-block; width: 120px; height: 20px; vertical-align: bottom; } #buzz_sub_buzz.suplist_breaking .share-box { visibility: visible; position: inherit; display: inline-block; width: 120px; height: 20px; border: none; background: none; padding: 0; overflow: hidden; /** should be removed */ } #buzz_sub_buzz.suplist_breaking .share-box .share-icon { text-indent: -9999px; width: 20px !important; height: 20px !important; margin: 0 3px 0 0; background: url("/static/images/public/icons/breaking-round-share.png?v=1560869486") no-repeat scroll 0 0 transparent } #buzz_sub_buzz.suplist_breaking .share-box .share-icon.sub-buzz-twitter-share { background-position: -25px 0; } #buzz_sub_buzz.suplist_breaking .share-box .share-icon.sub-buzz-email-share { background-position: -50px 0; } #buzz_sub_buzz.suplist_breaking .share-box .share-icon.sub-buzz-pinterest-share { background-position: -75px 0; } #buzz_sub_buzz.suplist_breaking .share-box .share-icon.sub-buzz-link-share { background-position: -100px 0; } #buzz_sub_buzz.suplist_breaking .share-box .share-icon.response-button { display: none; } #buzz_sub_buzz.suplist_breaking .embed-tweet { margin: 0; } #buzz_sub_buzz.suplist_breaking #feed_update_notifier.breaking_news_notifier.out_of_viewport { position: fixed; top: 0; left: 50%; z-index: 1001; width: 300px; margin-left: -150px; opacity: 0.9; } .update_item .buzz_superlist_item_image .sub_buzz_content { text-align: center; } .grid-posts .feed__load-button { width: 100%; } .feed__load-button .fa-spinner { display: none; } .feed__load-button.loading .fa-spinner { display: inline-block; } /* More Stuff A/B TEST */ .lower-infinite-content { /* width: 990px; */ float: left; margin-left: 0px; margin-top: 30px; padding-top:20px; border-top: 1px solid #eee; clear: both !important; position: relative; } .lower-infinite-content ul li.post { float: left !important; padding: 0px !important; margin-right: 30px; width: 310px !important; min-height: 275px; } .lower-infinite-content ul li.post:nth-child(3n+3) { margin-right:0px; } .lower-infinite-content ul li.post img.thumb { height: 206px; width: auto; } .lower-infinite-content ul li.post a.more_content_title { font-size: 16px; font-weight: 600; } .lower-infinite-content ul li.post .badge img{ z-index: 2; } .lower-infinite-content ul li.post .badge {height: 0px !important;} .wrap_text_hidden { overflow: hidden; } /* POST RECCOMENDATION QUIZ Spinner - PC */ .post_rec_spinner img {margin:0px auto;} /* English/Spanish toggle UI */ .toggle_language { margin-top: 14px; font-weight: normal; font-size: 14px; } .toggle_language:before, .toggle_language:after { content: " "; display: table; } .toggle_language:after { clear: both; } .toggle_language_element { float: left; height: 35px; font-weight: 700;margin: 0; line-height: 35px; } .toggle_language_label { color: #9B9B9B; padding-left: 0px; margin-right: 14px; } .toggle_language_button { font-weight: 600;cursor: default; color: #969696; text-align: center; width: 70px;} .toggle_language_button:hover {color: #969696;} .toggle_language .toggle_language_button_english { -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px;border-bottom-left-radius: 6px; border: 1px solid #e2e2e2; border-right: 0; cursor: pointer; } .toggle_language .toggle_language_button_foreign { -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border: 1px solid #e2e2e2; border-left: 0; cursor: pointer; } .toggle_language.toggle_language_foreign .toggle_language_button_foreign {color: #3D3D3D; background: #FFF600; -moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.20); box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.20); border: 0; height: 37px; line-height: 37px; cursor: default; } .toggle_language.toggle_language_english .toggle_language_button_english {color: #FFFFFF; background: #0077EE; -moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.20); box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.20); cursor: default; } /* DATELINE UNIT */ .dateline-wrapper { clear: both; float: none; overflow: hidden; margin: 10px 0; } .dateline-wrapper .dl__col { float: left; margin: 0 10px 0 0; color: #6b6b6b; font-size: 16px; } .dateline-wrapper .dl__col .dl__title { display: block; margin: 5px 0 0 0; } .dateline-wrapper .dl__col .dl__name { display: block; }