/* FILE ARCHIVED ON 21:58:21 Apr 23, 2013 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 15:44:46 Aug 19, 2016. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* 3 COLUMN HOMEPAGE */ .ThreeColumns .PageContainer {width: 1000px;} .ThreeColumns .PageContainer.wide_page .vertical-hot-nav, .ThreeColumns .PageContainer.wide_page .page_header {/*width:100%;*/} /* Header */ /* Page Content Container */ .PageContainer .PageContent { margin-top: 10px; } .PageContainer .PageContent.splash { margin-top: 4px; } .PageContainer .PageContent.breaking-bar { margin: -3px 0px 5px 0px; } /* LEFT COLUMN GROUP -> COLUMN 1 + COLUMN 2 (required for splash to flow correctly with right column)*/ .left-column-group { float: left; } .breaking-posts { float: left; height: 150px; overflow: hidden; } /* AB TEST - CK 4/8 */ .ThreeColumns .Column1.hp_dud_removal .dud-post { display: none !important; } /* Column1 THE BUZZ FEED */ .ThreeColumns .Column1 { width: 470px; padding: 0px 10px 0px 5px; } .ThreeColumns .Column1 .section .big-header .new-buzz-label{ font-size: 12px; font-weight: normal; margin-left: 5px; font-family: Arial, sans-serif; color:#888888;} .ThreeColumns .Column1 .content{ padding-top: 0px; } .ThreeColumns .Column1 .std-posts {width: 470px;} .ThreeColumns .Column1 .std-posts .thumb-unit {margin-left: -135px; margin-top: 3px} .ThreeColumns .Column1 .std-posts .post { width:330px; padding: 15px 0 15px 135px; border-bottom: 0px} .ThreeColumns .Column1 .std-posts .post.first { padding-top: 0 !important;} .HomePage .post + .post { border-top: 1px solid #EEE;} /* .ThreeColumns .Column1 .std-posts .post.partner-area { margin: 0 0 0 -5px; padding: 15px 10px 15px 140px; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE;}*/ .ThreeColumns .Column1 .std-posts .post .description, .ThreeColumns .BF_IFRAME .bf-item-title { margin-bottom: 5px; font: normal 13px/17px "",Helvetica,Arial,sans-serif;} .ThreeColumns .Column1 .std-posts .post h2 { font: normal 21px/23px "ProximaNovaSemibold",Helvetica,Arial,sans-serif; text-shadow: 1px 1px 0 white; margin-top: -3px;} /* .ThreeColumns .Column1 .bf-widget .bf-item .big-meta {width: 320px;} .ThreeColumns .Column1 .bf-widget .bf-item .big-meta .user-info { width:320px; } .ThreeColumns .Column1 .bf-widget .bf-item .big-meta .user-info .username { width:290px; max-width:300px; height: 21px; overflow:hidden; font-size:15px; font-weight:bold;} .ThreeColumns .Column1 .bf-widget .bf-item .big-meta .user-info .username a {} */ /* Column2 */ .ThreeColumns .Column2 {width: 300px; float:left; padding:0px 10px; position:relative;} .ThreeColumns .Column2 .section {width: 300px; /*padding-bottom: 15px;*/} .ThreeColumns .Column2 .sidebar_featured_unified ul li { width: 300px; margin:0px 0px 20px 0px; padding: 0;} .ThreeColumns .Column2 .sidebar_featured_unified ul li.first { margin-top: 0px;} .ThreeColumns .Column2 .sidebar_featured_unified .tweet .footer { font-size: 95%; } .ThreeColumns .Column2 .small-posts h3 a { color: #222;} .ThreeColumns .Column2 .small-posts h3 a:hover { color: #e32; } .ThreeColumns .Column2 .generic-image {margin-left:0px;} .ThreeColumns .Column2 .section .small-posts img.pinned-image { width:300px; height: 105px; float: left;} .ThreeColumns .Column2 .section .small-posts h3 { font: normal 18px/20px "ProximaNovaSemibold",Helvetica,Arial,sans-serif !important; text-shadow: 1px 1px 0 white; margin: 5px 0;} .ThreeColumns .Column2 .sidebar_featured_unified .user-info-small img {width: 30px; height: 30px; float:left;} .ThreeColumns .Column2 .sidebar_featured_unified .user-info-small{background: none; border: none;} .ThreeColumns .Column2 p.blurb { /*font-size: 12px; line-height: 1.4; margin-bottom:6px; */ display:none;} .ThreeColumns .Column2 .bf-widget p.blurb { display: block;} .ThreeColumns .Column2 .cts_over, .ThreeColumns .Column3 .cts_over { z-index:99;} .ThreeColumns .Column2 .pinned .cts_over { right:-20px; top:40px;} /* COLUMN 2 DFP TEMPLATE */ .midcol_dfp_story .partner-area {padding-bottom:5px;} .midcol_dfp_story .bf-item {width:300px;} .ThreeColumns .Column2 .midcol_dfp_story .bf-item img.bf-image-bigstory { width: 300px !important; height: 105px !important; } .ThreeColumns .Column2 .section .small-posts.midcol_dfp_story .bf-item-title {margin-left:3px;} .midcol_dfp_story .bf-user-info { float:left; position: relative; margin: 5px 0px 10px 4px; display: block; width:305px;} .midcol_dfp_story .bf-byline_prefix {position: absolute; top:0px; left:45px; width:95px; color:#888; font: 10px "Lucida Grande",Arial, sans-serif; font-weight:bold;} .midcol_dfp_story .username {position: absolute; top:13px; left:45px; width:200px; font-size: 14px; font-weight: bold;} /* SMALL META */ .ThreeColumns .Column2 .small-meta .time-image, .ThreeColumns .Column2 .small-meta .time-ago { display: none; } /* hide time ago for middle column if responsive */ /* gray out big stories for editors */ #big_stories_container li:nth-child(n+14):nth-child(-n+18) img.pinned-image, #big_stories_container li:nth-child(n+14):nth-child(-n+18) .verticals_mini_title, #big_stories_container li:nth-child(n+14):nth-child(-n+18) .embed-tweet { opacity:.3; } #big_stories_container li.ghost_post img.pinned-image, #big_stories_container li.ghost_post .verticals_mini_title, #big_stories_container li.ghost_post .embed-tweet { opacity:.3; } /* Column3 */ .ThreeColumns .Column3 {width: 180px; padding: 0px 5px 0px 10px; margin-top:0px; float:left; position:relative; margin-left:-1px;} .ThreeColumns .Column3 .section { width:180px; padding:0px 0px 15px 0px;} /* non-block top section requires more padding on bottom */ .ThreeColumns .Column3 .section.block { padding: 10px 0px;} /* .ThreeColumns .Column3 .section.bf_cts .header, .ThreeColumns .Column3 .section .header { background-color: #E32; position: relative; margin-bottom: 20px; z-index: 1; color:#fff;}*/ .ThreeColumns .Column3 .section.bf_cts .notch, .ThreeColumns .Column3 .section .notch { display: none; } .ThreeColumns .Column3 .section.featured_section { padding: 0px;} /* non-block top section requires more padding on bottom */ .ThreeColumns .Column3 .header h2.subhead { display: none;} .ThreeColumns .Column3 .breakinglist li {margin-bottom: 15px;} .ThreeColumns .Column3 .breakinglist a {font: normal 14px/17px Arial,Helvetica,sans-serif;} .ThreeColumns .Column3 .breakinglist span {font-size: 11px; color: #aaa} .ThreeColumns .Column3 ul#right-infinite-column li { position:relative; width:180px; margin-bottom: 25px; } .ThreeColumns .Column3 ul#right-infinite-column li img {width:180px; height:90px; } .ThreeColumns .Column3 ul#right-infinite-column .cts_flyout img { width: auto;} .ThreeColumns .Column3 ul#right-infinite-column li h2 { font: normal 17px/19px "ProximaNovaSemibold",Helvetica,Arial,sans-serif !important; text-shadow: 1px 1px 0 white; margin: 3px 0 5px;} .ThreeColumns .Column3 ul#right-infinite-column li h2 a:hover { color: #E32; } .ThreeColumns .Column3 .partner-blogroll .blogroll {margin: 0px; line-height: 20px;} .ThreeColumns .Column3 .PageFooter { border-top: 2px solid #EEE; margin-top: 15px; text-align: center;} .ThreeColumns .Column3 .PageFooter ul { margin: 15px 0px;} .ThreeColumns .Column3 .PageFooter ul li { float: none; display:inline; line-height: 170%;} .ThreeColumns .Column3 .PageFooter .nyc-pride .left { float: none;} .PageContainer.wide_page .vertical-hot-nav .HotHead .thumb8 { display:block; margin-right:0; } .PageContainer.wide_page .vertical-hot-nav .HotNext {display: block;} .ThreeColumns .Column3 .buzzfeed-social-outlets a { float: left; width: 38px; height: 38px; margin: 0px 4px 10px 3px; background: url('/web/20130423215821/http://s3-ak.buzzfed.com/static/images/global/unified_sprite.png?v=1366647964') no-repeat; } .ThreeColumns .Column3 a.right-col-more {float:right; font-weight: bold;} .ThreeColumns .Column3 .buzzfeed-social-outlets a#so-iphone { background-position: -387px -457px; width: 130px; height: 44px; } .ThreeColumns .Column3 .buzzfeed-social-outlets a#so-android { background-position: -387px -502px; width: 130px; height: 44px; } .ThreeColumns .Column3 .buzzfeed-social-outlets a#so-facebook { background-position: 0px -467px;} .ThreeColumns .Column3 .buzzfeed-social-outlets a#so-twitter { background-position: -38px -467px; } .ThreeColumns .Column3 .buzzfeed-social-outlets a#so-tumblr { background-position: -76px -467px; } .ThreeColumns .Column3 .buzzfeed-social-outlets a#so-pinterest { background-position: -114px -467px; } .ThreeColumns .Column3 .buzzfeed-social-outlets a#so-rss { background-position: -152px -467px; } .ThreeColumns .Column3 .buzzfeed-social-outlets a#so-youtube { background-position: -266px -467px; } .ThreeColumns .Column3 .buzzfeed-social-outlets a#so-googleplus { background-position: -304px -467px; } .ThreeColumns .Column3 .buzzfeed-social-outlets a#so-email { background-position: -342px -467px; } .ThreeColumns .Column3 .buzzfeed-social-outlets a#so-facebook:hover { background-position: 0px -505px; } .ThreeColumns .Column3 .buzzfeed-social-outlets a#so-twitter:hover { background-position: -38px -505px; } .ThreeColumns .Column3 .buzzfeed-social-outlets a#so-tumblr:hover { background-position: -76px -505px; } .ThreeColumns .Column3 .buzzfeed-social-outlets a#so-pinterest:hover { background-position: -114px -505px; } .ThreeColumns .Column3 .buzzfeed-social-outlets a#so-rss:hover { background-position: -152px -505px; } .ThreeColumns .Column3 .buzzfeed-social-outlets a#so-youtube:hover { background-position: -266px -505px; } .ThreeColumns .Column3 .buzzfeed-social-outlets a#so-googleplus:hover { background-position: -304px -505px; } .ThreeColumns .Column3 .buzzfeed-social-outlets a#so-email:hover { background-position: -342px -505px; } .ThreeColumns .egg { display:none; } .ThreeColumns .Column3 .section , .ThreeColumns .Column3 .footer , .ThreeColumns .Column3 .content { width:180px; } .ThreeColumns .Column3 .hot_list ol li+li+li+li+li+li { display:block; } /* show hotlist items 6-10 on homepage */ .ThreeColumns .Column3 .button2 { font-size: 12px;} @media all and (min-width:1125px) { /* RESPONSIVE */ .ThreeColumns .Column1 { width: 570px;} .ThreeColumns .Column1 .std-posts .post { width:425px; padding: 15px 0 15px 135px; border-bottom: 0px} .ThreeColumns .Column3 { margin-left:4px;} .PageContainer.wide_page .vertical-hot-nav .HotHead .thumb8 { display:block; margin-right: 10px;} .PageContainer.wide_page .vertical-hot-nav .HotHead .thumb9 { display:block; margin-right: 0; margin-left: 0;} .PageContainer.wide_page { width: 1125px; margin:0px auto 0px auto;} .PageContainer.wide_page .unified_header {width: 100% !important;} .PageContainer.wide_page .vertical-hot-nav {width:1125px; position: relative;} .ThreeColumns .Column2, .ThreeColumns .Column2 .section, .ThreeColumns .Column2 .sidebar_featured_unified ul li, .ThreeColumns .midcol_dfp_story .bf-item, .ThreeColumns .Column2 .featured_section .partner-area { width: 320px !important; } .ThreeColumns .Column2 .sidebar_featured_unified .tweet .footer { font-size: 100%; } .ThreeColumns .Column2 .section .small-posts img.pinned-image, .ThreeColumns .Column2 .featured_section .partner-area .flex-wide-thumb, .ThreeColumns .Column2 .midcol_dfp_story .bf-item img.bf-image-bigstory { width: 320px !important; height: 113px !important; } } /* FLEXPRO SPLASH STYLING */ #splash_01, #splash_02 {float:left; margin-top:5px; position: relative;} .featured-splash { position:relative; } #splash-container, #splash-container1, #splash-container2{ position:relative; overflow:hidden; } #splash-container, #splash-container1, #splash-container2{ margin-bottom:15px; margin-right:10px; } .HomePage #splash_01 #splash-container{ width: 615px; height:250px; } .VerticalSection #splash_01 #splash-container, .HomePage #splash_01.vertical #splash-container1 { width: 625px; height: 213px; } .VerticalSection #splash_01 #splash-container img, .HomePage #splash_01.vertical #splash-container1 img { width: 625px; height: 213px; } .VerticalSection #splash_01 .splash-desc, .HomePage #splash_01.vertical .splash-desc { font-size: 85%; line-height: 95%; max-width: 330px; } .HomePage #splash_01.longform #splash-container1, .VerticalSection #splash_01.longform #splash-container { width: 990px; height: 280px; margin: 0px; } .HomePage #splash_01.longform #splash-container1 img, .VerticalSection #splash_01.longform #splash-container img { width: 990px; height: 280px; } .HomePage #splash_01.longform { margin-left: -175px; } .HomePage #splash_01.longform .splash-desc, .VerticalSection #splash_01.longform .splash-desc { font-size: 100%; line-height: 100%; max-width: 970px; } #edit-flex-pro-form #splash-preview #splash-container1 { margin: 0px;} #splash-image{height:auto;} #overlay-text{position:relative;} #splash-overlay{position:absolute;max-width:90%;} .VerticalSection #splash-overlay, .HomePage #splash_01.vertical #splash-container1 #splash-overlay { max-width: 330px; } .HomePage #splash_01.longform #splash-container1 #splash-overlay, .VerticalSection #splash_01.longform #splash-container #splash-overlay { max-width: 970px; } #splash_02 #splash-overlay {left:10px; top: 10px;} /* test for splash2 */ #splash_02 #splash-overlay > div{float:left;clear:left;} #splash_01 #splash-overlay.top{top:10px;} #splash_01 #splash-overlay.bottom{bottom:10px;} #splash_01 #splash-overlay.left{left:10px;} #splash_01 #splash-overlay.left > div{float:left;clear:left;} #splash_01 #splash-overlay.right{right:10px;} #splash_01 #splash-overlay.right > div{text-align:right;float:right;clear:right;} #splash-overlay .title,#splash-overlay .label{font-family:"ProximaNovaSemibold",Helvetica,Arial,sans-serif;} #splash-overlay .description{display:none; font-family:"ProximaNovaSemibold",Helvetica,Arial,sans-serif;} #splash-overlay .label{padding:3px 10px;font-size:12px;text-transform:uppercase;background-color:#f03011;color:#FFFFFF;} #splash-overlay .label .arrow{font-size:11px;vertical-align:1px;} #splash-overlay .title,#splash-overlay .description{padding:3px 10px;margin-top:5px;width:inherit;} #splash_01 #splash-overlay .title,#splash-overlay .description{padding:10px;margin-top:5px;width:inherit;} #splash_02 #splash-overlay .title { max-width: 235px;} #splash-overlay .description { max-width: 750px; } #splash-overlay .title.small {font-size: 28px; line-height: 28px;} #splash-overlay .title.medium {font-size: 38px; line-height: 38px;} #splash-overlay .title.large {font-size: 62px; line-height: 62px;} #splash-overlay .description.small {font-size: 17px; line-height: 21px; /*display: inline-block;*/} #splash-overlay .description.medium, #splash-overlay .description.large {font-size: 22px; line-height: 24px;} .ie7 #splash-overlay .title, .ie8 #splash-overlay .title { background: rgb(118, 118, 118); /* Fallback for IE not supporting rgba */ } #splash_01 .splash-desc { max-width: 360px;} #splash-overlay .light-text-on-dark-image { color: #FFFFFF; background: rgba(0,0,0,.8);} #splash_01.no-touch #splash-overlay .light-text-on-dark-image:hover{color: rgba(255, 255, 255, 0.92);} #splash_01.no-touch #splash-container #splash-overlay .title:hover {background: rgba(0, 119, 238, 0.8); color:#fff;} #splash-overlay .dark-text-on-light-image { color: #000000; background: rgba(255,255,255, .7);} #splash_02 #splash-overlay .dark-text-on-light-image { color: #000000; background: none;} #splash_01 #splash-overlay .dark-text-on-light-image:hover { color: rgba(0, 0, 0, .92);} #splash_02 #splash-overlay .light-text-on-dark-image { color: #000000; background: none;} #splash_02 #splash-container:hover .title{color: rgba(0, 0, 0, .92);} #splash_02 #splash-container:hover .splash-image-container {opacity: .9;} #splash-overlay .light-text-no-image { color: #FFFFFF;} #splash-overlay .dark-text-no-image { color: #000000;} #splash-container #splash-overlay .light-text-no-image.title:hover, #splash-container #splash-overlay .dark-text-no-image.title:hover {background:none !important;} #splash-container #splash-overlay .light-text-no-image.title:hover{color: rgba(0, 119, 238, 0.92) !important;} #splash-container #splash-overlay .dark-text-no-image.title:hover {color: rgba(0, 119, 238, 0.92) !important;} .bf-style #splash-overlay .title {padding: 3px 0px;} .splash-image-container {width:400px; overflow:hidden; position: absolute; left:258px; } #splash-text { width:235px; float:left; height: 250px;} .bf-style #splash-text { background: none; color:#000;} .splash_dfp_story {width:355px; height:250px; position: absolute; left:630px; background:#FFF;} .splash_dfp_story .bf-widget { height:235px;} .splash_dfp_story .bf-item-title a{ font-size:20px; line-height:22px;} .splash_dfp_story a, .splash_dfp_story .username a {color:#000 ;} .splash_dfp_story .flex-wide-thumb { position: relative !important; width:355px !important; height:auto !important; margin-top:0px !important;} .splash_dfp_story .bf-blurb.description { display: none;} .splash_dfp_story .featured_section .partner-area { padding:5px 5px 10px 5px;} .VerticalSection .splash_dfp_story {display: none; visibility: hidden;} .ie8 .ThreeColumns .Column3 { position:absolute; top:0px; left: 0px;} #splash_02 #splash-container {width: 615px; background-color: #F2F2F2;} #splash_02 #splash-overlay .title.small {font-size: 28px ; line-height: 28px ;} #splash_02 #splash-overlay .title.medium {font-size: 44px ; line-height: 44px ;} #splash_02 #splash-overlay .title.large {font-size: 58px ; line-height: 58px ;} #splash_02 #splash-overlay .title span { max-width:235px;float:left; height:250px; } #splash_02 #splash-overlay .description {display:none;} .nytimes_live img {width:470px;} /* REMOVE POLITICS */ .removed_politics_button , .add_politics_button{background:url(/web/20130423215821/http://s3-ak.buzzfed.com/static/images/public/homepage/unpolitic-me.png?v=1366647964); position: absolute; left: 360px; width: 135px; height: 30px; z-index: 99; text-indent: -9999em; top: 13px; } .removed_politics_button:hover {background-position: 0px -32px;} .add_politics_button{background-position: 0px -64px;} .add_politics_button:hover{background-position: 0px -96px;} .Column1 .remove_pol_message {font:21px/23px "ProximaNovaSemibold",Helvetica,Arial,sans-serif; color:#07e;} .Column2 .remove_pol_message{font:normal 18px/20px "ProximaNovaSemibold",Helvetica,Arial,sans-serif; color:#000; margin-top:10px; float:left; } .unpol-ext { left: 376px; position: absolute; top: 45px; font:12px "ProximaNovaSemibold",Helvetica,Arial,sans-serif; z-index:222; } @media all and (min-width:1125px) { /* RESPONSIVE */ /* SPLASH RESPONSIVE */ .HomePage #splash_01 #splash-container, .HomePage #splash_01 #splash-container1 { height: 250px; width: 735px; } .splash_dfp_story {left:760px;} .splash-image-container {width:400px; overflow:hidden; left:330px; } #splash-text {width:305px;} #splash_02 #splash-overlay .title span { max-width:305px;} #splash_02 #splash-overlay .title { max-width: 305px;} #splash_01 #splash-overlay .title.small {font-size: 31px; line-height: 31px;} #splash_01 #splash-overlay .title.medium {font-size: 46px; line-height: 46px;} #splash_01 #splash-overlay .title.large {font-size: 68px; line-height: 68px;} #splash_02 #splash-overlay .title.small {font-size: 36px ; line-height: 34px ;} #splash_02 #splash-overlay .title.medium {font-size: 54px ; line-height: 50px ;} #splash_02 #splash-overlay .title.large {font-size: 68px ; line-height: 68px ;} .nytimes_live img {width:590px;} .removed_politics_button , .add_politics_button { left: 490px;} .unpol-ext { left: 506px; } } /* SPLASH SPECIFIC STYLES FOR HOMEPAGE CONTENT*/ .splash .Column1 .std-posts .post h2 {font-size:20px; line-height: 22px;} .splash .Column1 .std-posts .post .description, .splash .BF_IFRAME .bf-item-title {font-size:13px; line-height:16px;} #splash-post-tools {position:absolute; z-index:10; top:10px; left:5px; display:none;} #splash_01:hover #splash-post-tools, #splash_02:hover #splash-post-tools { display:block} #splash-post-tools a {width:30px; height:25px; background: url(/web/20130423215821/http://s3-ak.buzzfed.com/static/images/public/icons/post-tools.png?v=1366647964) no-repeat; float:left; margin-right: 5px; text-indent:-9999em;} #splash-post-tools a.edit-splash{background-position: -30px -25px;} #splash-post-tools a.stop-splash{background-position: -30px -375px;} #splash-post-tools a.edit-splash:hover{background-position: -60px -25px;} #splash-post-tools a.stop-splash:hover{background-position: -60px -375px;} /* NYTIMES PROMO */ .nytimes_live { padding: 10px 0px 20px 0px; } /* INLINE VIDEO FEATURE STYLING */ li.post.inlinevid {padding-bottom:25px !important;} .video_tag {background:red; color:#fff; cursor: pointer; position: absolute; left: 0px; bottom: 0px; width: 95px; height:17px; padding:3px 0px 0px 30px; font-family:"ProximaNovaSemibold";} .video_expand {width:16px; height:19px; cursor:pointer; background: url(/web/20130423215821/http://s3-ak.buzzfed.com/static/images/public/homepage/hp-vid-sprite.png?v=1366647964); position: absolute; top: 0px; left: 3px; background-position: 0px -53px;} .expand_vid_elements {margin-left:-135px;} .vid_wrap { background: #555; position: relative; margin-bottom:10px;} .remove_vid { cursor:pointer; float:right; width:20px; height: 18px; background: url(/web/20130423215821/http://s3-ak.buzzfed.com/static/images/public/homepage/hp-vid-sprite.png?v=1366647964); position: absolute; right: -3px; background-position: -19px -52px;} .ie9 .remove_vid {height:18px;} .badge_wrap {position: absolute; height: 31px; width: 100%; bottom: 50px; display:none;z-index:999 !important;} .ie9 .badge_wrap {bottom:60px;} .vid_wrap:hover .badge_wrap {display:block; } .badge_wrap .badge_list {float:right; width: 184px; margin-top: 5px;} .badge_wrap .badge_list li {float:left;} .badge_wrap .badge_list li a{ display: inline-block; padding:2px 9px 1px !important; font: 13px/22px 'ProximaNovaBold', Arial, Helvetica, sans-serif; color:#222; text-align:center; text-transform:uppercase; background:#FE0; border-radius:3px; margin:1px 3px 0 0; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0, 0.23); letter-spacing:0px;} .badge_wrap .badge_list li a:hover {color:#ffffff; background: #07e;} .badge_wrap .badge_list li a:active {background: -webkit-linear-gradient(top, #136CBF 7%, #1164B2 86%);} .badge_wrap .badge_list li a.love { padding:5px 5px 4px 5px !important;} .badge_wrap .badge_list li a.deactivated {background:#ddd; color:#666;} .badge_wrap .badge_list li a span.heart {display:block; width:19px; height:16px; background:url(/web/20130423215821/http://s3-ak.buzzfed.com/static/images/public/social/lovehate-16_no_bg.png?v=1366647964);} .badge_wrap .shareBtn.homepage {background: url(/web/20130423215821/http://s3-ak.buzzfed.com/static/images/public/homepage/hp-vid-sprite.png?v=1366647964) !important; width:100px; height:25px; margin:6px; text-indent:-9999; border: 0px none transparent} .badge_wrap .shareBtn.homepage .label, .badge_wrap .shareBtn.homepage .fb_icon {display:none !important;} .badge_wrap .shareBtn.homepage {background: url(/web/20130423215821/http://s3-ak.buzzfed.com/static/images/public/homepage/hp-vid-sprite.png?v=1366647964) !important; width:100px; height:25px; margin:6px; text-indent:-9999; border: 0px none transparent} .ie8 .badge_wrap .shareBtn.homepage, .ie9 .badge_wrap .shareBtn.homepage, .ie8 .ad-video-post .shareBtn {filter:none !important;} .badge_wrap .shareBtn.homepage .label, .badge_wrap .shareBtn.homepage .fb_icon {display:none !important;} .badge_wrap .facebook-share-button.button2 {filter:none !important;} .badge_wrap .shareBtn.homepage .icon, .badge_wrap .facebook-share-button.homepage .word {display:none;} .badge_wrap .shareBtn.homepage:hover{background: url(/web/20130423215821/http://s3-ak.buzzfed.com/static/images/public/homepage/hp-vid-sprite.png?v=1366647964) 0px -27px;} .badge_wrap .yt-button {width: 106px; height: 28px; background: url(/web/20130423215821/http://s3-ak.buzzfed.com/static/images/public/homepage/hp-vid-sprite.png?v=1366647964); position: absolute; background-position: 0px -71px; top: 5px; } .badge_wrap .yt-button:hover {background-position:0px -98px;} .vid_wrap.vid_small {width:465px;} .post .thumb-unit:hover .video_tag span{opacity: .8; -moz-opacity: 0.8; filter:alpha(opacity=80);} .thumb-unit a.expand_video {width:125px;height:90px; position:absolute;left:0px;z-index:99;} /* UK CALL OUT */ .uk_notice {background: #f2f2f2; height: 15px; box-shadow: 2px 1px 1px #bbb; width: 100%;z-index: 902; position: relative; padding:5px 0px;} .uk_notice p {width: 990px; margin:0 auto; padding:0px 10px; position:relative;} .uk_notice p .remove_notice_wrp { position: absolute; right: 13px; } .uk_notice p .remove_notice_wrp a { float: right; } .uk_notice p a.remove_notice { background: url(/web/20130423215821/http://s3-ak.buzzfed.com/static/images/global/unified_sprite.png?v=1366647964) no-repeat; width: 18px; height: 19px; background-position: -149px -567px; margin-left: 30px; } @media all and(min-width:1125px){ .uk_notice p {width: 1105px;} }