/* FILE ARCHIVED ON 13:23:15 Aug 28, 2012 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 15:19:14 Aug 22, 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)). */ @charset "UTF-8"; /* Modified from Eric Meyer's Reset v1.0 | 20080212 */ a,abbr,acronym,address,applet,area,article,aside,audio,b,base,basefont,bdo,big,blockquote,body,br,button,canvas,caption,center,cite,code,col,colgroup,command,datalist,dd,del,details,dfn,dir,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,frame,frameset,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,i,iframe,img,ins,keygen,kbd,label,legend,li,link,map,mark,menu,meta,meter,nav,noframes,noscript,object,ol,optgroup,option,output,p,param,pre,progress,q,rp,rt,ruby,s,samp,script,section,small,source,span,strike,strong,style,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,title,tr,tt,u,ul,var,video,wbr,xmp {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;} article,section,header,aside,nav,footer {display:block;} @media screen and (-webkit-min-device-pixel-ratio:0) {html {text-rendering: optimizeLegibility;} /* hack for better legibility in webkit */} /* defaults */ body {font: 12px "Lucida Grande",Tahoma,Verdana,sans-serif; color: #111; background: #fff;} ul, ol {list-style-type: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ""; content: none;} a:focus {outline:0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;} pre {line-height: 0.7em;} hr {display: none;} img {-ms-interpolation-mode: bicubic; border: 0;} :focus, :active {outline: 0;} p {margin-bottom: 10px; line-height: 1.4em;} a {color: #07e; text-decoration: none;} a:hover {color: #e32; text-decoration: none;} object, embed, iframe {z-index: 1;} iframe {overflow: hidden;} .nobold {font-weight: normal;} /* default classes */ .left {clear: none; float: left;} .right {clear: none; float: right;} .clear {clear: both;} .c {clear: both; float: none;} .c:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;} .rel {position: relative;} .abs {position: absolute;} .no-border {background: 0 !important;} .hidden {display: none !important;} .invisible {visibility: hidden !important;} .condense { letter-spacing:-1px; } .no_wrap {white-space: nowrap;} .print {display: none;} .grid_padding{padding:10px;} 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;} /* Badges */ .post header hgroup .badges { position: absolute; left: -10px; top: 5px;} .post.first header hgroup .badges {top: -10px;} .post.large-image .badges { position:absolute; right:-15px; top: -15px; } /* Tilt Values */ .tilt-2 { transform:rotate(-2deg); -ms-transform:rotate(-2deg); -moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg); -o-transform:rotate(-2deg); } .tilt-4 { transform:rotate(-4deg); -ms-transform:rotate(-4deg); -moz-transform:rotate(-4deg); -webkit-transform:rotate(-4deg); -o-transform:rotate(-4deg); } .tilt-1 { transform:rotate(-1deg); -ms-transform:rotate(-1deg); -moz-transform:rotate(-1deg); -webkit-transform:rotate(-1deg); -o-transform:rotate(-1deg); } .tilt1 { transform:rotate(1deg); -ms-transform:rotate(1deg); -moz-transform:rotate(1deg); -webkit-transform:rotate(1deg); -o-transform:rotate(1deg); } .tilt2 { transform:rotate(2deg); -ms-transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -o-transform:rotate(2deg); } .tilt3 { transform:rotate(3deg); -ms-transform:rotate(3deg); -moz-transform:rotate(3deg); -webkit-transform:rotate(3deg); -o-transform:rotate(3deg); } .tilt4 { transform:rotate(4deg); -ms-transform:rotate(4deg); -moz-transform:rotate(4deg); -webkit-transform:rotate(4deg); -o-transform:rotate(4deg); } /* Generic Structure */ /* Page Structure */ .PageContainer{width:990px; background:#fff; margin:0 auto; ;padding:0 15px; background-color: #FFF; position: relative;} .PageContent{width:990px; float:left; position:relative; background:#fff;} .Column1{ width:645px; padding:0px; background:#fff; float:left;} .Column2{ width: 335px;} .TwoColumns .Column1{width:625px;margin-right:29px;} .TwoColumns .Column2 {float: right;width:336px; /*padding-top:15px;*/} .OneColumn .Column1{width:990px;margin-right:0;} .HomeSection .PageContent.noborder {background: none;} .OneColumn .PageContent{background:0;min-height:400px;} .PartnerBuzz{margin:50px 0;border-top:5px solid #eee;} body.FullScreenBlack { background:#000; } .FullScreen .PageContainer { width:auto; margin:0;padding:0;} .badge-small-activator:hover { background-position:0 -24px; }.badge-small-activator:hover { background-position:0 -24px; } .section, .header, .footer, .content{position:relative;width:100%;float:left;} .header{clear:both;position:relative;margin:0 0 10px;border-bottom:1px solid #e76;/* @EG */} .header h1{float:left;padding:5px 0;font:bold 18px/1.2 "Helvetica Neue",helvetica,arial,sans-serif; } .ThreeColumns .header h1{ padding:0px 0px 5px 0; font-size:20px;} .header h1,.header h1 a{color:#E32;} .header h2.subhead { float:left; padding:15px 0 0 10px; color:#e32; font:14px/1.2 arial,helvetica,sans-serif!important; } .ThreeColumns .Column2 .big-header { margin:0 0 10px; } .big-header { margin:0 0 20px; } .big-header h1 { font-size:24px; } .header .link, .footer .link{position:absolute;right:5px;top:8px;*padding:3px 0; font-weight:bold;} .spinner{background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/spinners/small_on_white.gif?v=1346083760) left top no-repeat;padding-left:22px;margin:20px 0;line-height:16px;} .spinner-grey{background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/spinners/small_on_e6e6e6.gif?v=1346083760) left top no-repeat;padding-left:22px;margin:20px 0;line-height:16px;} .content{padding-top:1px;} .content .message{margin:20px 0;} .border{background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/global/lines/aaa.png?v=1346083760) top left repeat-x;} .footer.border{padding:10px 0;} .footer h3 { font-weight:bold; font-size:15px; margin:0 0 5px; } .highlighted { background-color: #FFFCCC; } .header-menu { margin-top:20px; float:left; width:100%; border:0; background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/lines/menu-line.png?v=1346083760) center 31px repeat-x; line-height:1.0em; margin-bottom:10px; position:relative;} .header-menu ul.title li { float:left; margin-right:20px; padding-top:5px; } .header-menu ul.title li a { font:bold 18px/1.3 helvetica,arial,sans-serif; } .header-menu ul.title li.current { background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/lines/menu-current.png?v=1346083760) center bottom no-repeat; padding-bottom:12px; } .header-menu ul.title li.current a { color:#e32; } .header-menu .sort { margin-top:9px; } .header-menu .sort li { width:40px; } .header-menu .subtitle { font:11px "Lucida Grande",veranda,sans-serif; letter-spacing:0; text-transform:none; line-height:1.0em; margin-top:6px; } .Column2 .block {margin-bottom:25px;} .Column2 .block.top { background:0; padding-top:0; margin-top:0; border:none;} .Column2 .block.featured-area {margin-bottom: 0;} .Column2 .featured-area .content > p {empty-cells: hide; margin: 0; padding: 0;} .Column2.viral_buzz {margin-top:45px;} .content-tabs{position:relative;float:left;width:100%;margin:0 0 5px;font-size:14px; } .content-tabs li{float:left;} .content-tabs li a{float:left;background:#07e;background:#e8e8e8;padding:6px 12px;margin:0;border-right:1px solid #fff;font-weight:normal;} .content-tabs li a:hover{background:#ddd;color:#07e;} .content-tabs li.current {padding-bottom:6px; background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/global/nav-arrow-blue.png?v=1346083760) bottom center no-repeat;} .content-tabs li.current a{color:#fff;background:#07e;font-weight:normal;} .HomePage .ie8 .Column2 {top:0px !important;} .ie8 .Column2 .bf-widget.post.sidebar-post {padding-left:140px !important; width:200px !important;} .ie8 .Column2 .bf-widget.post.sidebar-post h2 {position: relative !important; left:0px !important;} .HomePage .ie8 .left-column-group .Column2 {position: relative !important; left: 0px !important; top:0px !important;} /* Header! */ /* LEGACY from default.css MAY STILL BE IN PROJECT */ .PageHeader { clear: both; position:relative; width:100%; float:left; height:150px; margin: 0; z-index:1000;/*ie needs this*/ } .PageSubHeader {clear: both; position: relative; width: 100%; height: 42px; margin: 0 0 12px 0; z-index: 999; background: #f0f0f0; border-bottom: 1px solid #e0e0e0;} .Dashboard2Section .PageHeader, .NoHeaderBuzz .PageHeader {height:90px;margin-bottom:0px;z-index:10;} .DashboardPage .page_header.no_header_buzz { margin-bottom: 0px; } .HomeSection .PageHeader h1,.Dashboard2Section .PageHeader h1, .AboutSection .PageHeader h1, .NoHeaderBuzz .PageHeader h1{display:none;} /* NEW BUZZ HP NOTIFIER */ #feed_update_notifier { width: 591px; color: #ffffff;height: 15px; padding:10px 0px; float: left; margin-bottom: 10px; text-align:center; background: -webkit-linear-gradient(top, #f8f8f8,#ebebeb); -moz-linear-gradient(top, #f8f8f8,#ebebeb);background-color:#f8f8f8; margin-bottom:10px; cursor:pointer; } #feed_update_notifier:hover {background: #fafafa;} #feed_update_notifier .rel {color:#07e; font-family: "ProximaNovaSemibold", Helvetica, Arial, sans-serif; font-size:16px; margin-top:-2px;} #feed_update_notifier .box {} #feed_update_notifier .box .sm {display: inline-block; font-size: 15px; vertical-align: top;} #feed_update_notifier .descender {position: absolute; top: 29px; left: 17px; display: inline-block; width: 11px; height: 13px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/backgrounds/notifier_descender.png?v=1346083760) 0 0 no-repeat;} /* search suggest */ #search_suggest_header_search {top: 29px; left: 0; width: 364px; z-index: 99;} .search_suggest {position: absolute; background: #fff; border: 1px solid #c6c6c6; border-top: 1px solid #e8e8e8; -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.15); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.15); box-shadow: 0px 1px 3px rgba(0,0,0,.15); } .search_suggest .wrapper {padding: 5px 9px 9px 9px; border-left: 1px solid #d3d3d3;} .search_suggest h6 {font-size: 13px; color: #ee3322; padding: 0 0 5px 0; margin: 0;} .search_suggest ul {list-style: none; float:left !important;} .search_suggest ul li a{ background: none !important; text-indent: 0 !important;} .search_suggest ul li a strong { /*color: #07e;*/} /* FAUX LIKE BTN */ .connect_widget { float:left;width:120px;margin-bottom:1px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;color:#333;} .connect_widget td, .connect_widget td.label{font-size: 11px;text-align:left} .connect_widget dd{color:#000} .connect_widget dt{color:#777} .connect_widget .connect_widget_interactive_area{border-collapse:collapse} .connect_widget td.connect_widget_vertical_center{border-spacing:0;font-size: 11px;line-height:normal;padding:0} .connect_widget td.connect_widget_button_cell{vertical-align:top} .connect_widget td.connect_widget_confirm_cell{padding-top:4px} .connect_widget .connect_button_slider{position:relative;zoom:1} .connect_widget .connect_widget_button_cell .connect_slide_hide_content{overflow:hidden;width:1px;margin-right:0} .connect_widget .connect_slide_hide_content .connect_button_container{margin-left:1px} .connect_widget .button_count .connect_widget_interactive_area .connect_widget_facebook_favicon,.button_count .connect_widget_interactive_area .connect_widget_text{float:left;position:static} .connect_widget a.connect_widget_like_button{display:block;float:left;padding:2px 4px!important;font-size:11px!important;border:1px solid #000;margin:0!important;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .connect_widget a.connect_widget_like_button span{line-height:14px} .connect_widget a.connect_widget_like_button:hover{text-decoration:none} .like_button_no_like .piece,.connect_widget .like_button_no_like{background-color:#eceef5!important;border-color:#cad4e7!important} .connect_widget_button_count_count{background:#efefef;border:1px solid #c1c1c1;float:left;font-weight:normal;height:14px;margin-left:1px;min-width:15px;padding:1px 2px 1px 2px;text-align:center} .connect_widget_button_count_nub{float:left;position:relative;z-index:2;height:0;width:5px;top:-5px;left:2px} .connect_widget_button_count_nub s,.connect_widget_button_count_nub i{border:solid transparent;border-right-color:#c7c7c7;border-width:5px 5px 0 0;display:block;position:relative} .connect_widget_button_count_nub i{left:2px;top:-6px;border-right-color:#efefef} .connect_widget_like_button .liketext{background:url(/web/20120828132315/http://static.ak.fbcdn.net/rsrc.php/v1/z7/r/ql9vukDCc4R.png) -1px -47px no-repeat;color:#3b5998;display:block;padding-left:17px;white-space:nowrap} /* TWITTER WIDEGT BUG FIX */ .Column2 .twitter-widget{float:left; position:relative;} /* NEW POSTS STYLING */ .Posts {width:625px;margin-top:5px;float:left; background:#fff; position:relative;} .std-posts{ position:relative;} .std-posts .post{position:relative; float:left;width:485px;margin:0;border-bottom:1px solid #eee;padding:20px 0 17px 140px;} .std-posts .post.no-padding{padding-left:0;width:625px;} .std-posts .post.first{background:0; padding-top:0px;} .std-posts .thumb-unit{float:left;width:125px;margin-left:-140px;margin-top:3px;display:inline;/*ie6*/; position: relative;} .partner-link-sprite {background-image:url("/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/icons/offsite-arrows.png"); display: inline-block; background-repeat: no-repeat;} .thumb-unit .partner-link-sprite.partner-thumb {background-position:0px 0px; width: 18px; height: 18px; position: absolute; top: -2px; left: -2px;} .partner-link-sprite.partner-url {background-position:-4px -23px; width: 10px; height: 10px; vertical-align:-10%;} .linkblog .partner-link-sprite.partner-url {vertical-align:-2px;} /* to account for larger font size of adjacent block */ .std-posts .thumb-label{float:left;display:block;width:125px; height:20px;background-position:-250px -240px;text-indent:-9999px;overflow:hidden;} .std-posts .viral-post .thumb-label{background-position:-250px -270px;height:25px;} .std-posts h2 { margin-top:-3px; font:26px/1.1 "ProximaNovaSemiBold",Helvetica,arial,sans-serif;margin-bottom:6px;} .std-posts h2 span { display:block; margin-top:5px; font:normal 12px "lucida grande",verdana,sans-serif !important;color:#5D97E8; } .std-posts h2 a:hover span { color:#e32; } .std-posts .large-image { padding-left:0; width:625px; } .large-image header, .large-image header hgroup { width: 625px !important; text-align: left; float: left !important; margin-left:0} .large-image .description{line-height: 1.45em; width: 625px !important;} .std-posts .large-image .sub_buzz_content { margin-bottom:10px; position: relative; } ul.paging{padding:10px 0 10px 140px;} /* Large IMAGE Layout*/ .description a.mo { background:#e9e9e9; color:#333!important; padding:1px 4px; font-weight:bold; font-size:9px; text-transform:uppercase; } .description a.mo:hover { background:#333; color:#e9e9e9!important; } .large-image .thumb-unit{display:none !important; } .large-image header,.large-image header hgroup {width:625px; text-align:left; margin-left:0; } .large-image .description{ line-height:1.45em; } .large-image .buzz_superlist_item{display:block !important; position:relative;} .large-image .buzz_superlist_item h1{display:none;} .large-image .small-meta{width:625px !important; } .std-posts .large-image { padding-left:0; width:625px; } /* WIDE POST*/ .post-wide{margin-top:10px;} /* CONTENT FOOTER*/ .footer{width:auto; background:#fff; float:left;} .paging li{float:left;font-size:13px; font:20px/1.0em arial,helvetica;} .paging a, .paging span{float:left;margin-right:15px;padding:10px 40px;background:#07e;color:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} .paging span{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#d6d6d6));background-image:-moz-linear-gradient(top, #fff, #d6d6d6);background-color:#eee;color:#999;border:1px solid #c6c6c6;} /* FOOTER */ .PageFooter {border-top:2px solid #e32;margin:100px 0 20px 0;padding-bottom:50px; width:990px;} .PageFooter li {float:right;margin:0 8px 0 0;padding-top:10px;font-size:12px;} .PageFooter li.left {float:left;} .PageFooter li.left.copyright{margin-left:10px;} .VerticalSection .PageFooter{background:none;} .PageFooter ul { margin: 15px 0px;} .p_channle .PageFooter ul { margin:0px;} .PageFooter .nyc-pride .left { float: none;} .PageFooter .nyc-pride { display: block;} /* raw posts --- OLD STYLES, but still used for Boost, maybe elsewhere */ .raw-post .origin { margin-bottom: 5px; font-size: 11px; } .raw-post .t { position: absolute; left: 0; } .raw-post .t img { width:90px; height:60px; } .raw-post .info { margin-left: 100px; min-height: 60px; } .raw-post h3 { font: 15px Georgia,serif; margin-bottom: 3px; overflow: hidden; } .raw-post h3 span { font: 14px "Gill Sans",Verdana,sans-serif; color: #e32; padding-right: 2px; } .raw-post .link { font-size: 10px; margin-bottom: 5px; } .raw-post .description { font-size: 11px; line-height: 1.35em; margin-bottom: 5px; overflow: hidden; } .raw-post .meta { font-size: 10px; color: #aaa; margin: 0; } .raw-post .meta img { float: left; margin-right: 5px; } .raw-post .meta span { display: block; font-size: 9px; font-weight: bold; } .raw-post .meta a { font-weight: bold; color: #e32; } .raw-post a.permalink { background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/icons/permalink.png?v=1346083760) top left no-repeat; padding: 0 0 0 12px; font: 11px "Lucida Grade",verdana,sans-serif; color: #aaa; } .raw-post a.permalink:hover { color: #e32; } .raw-post .badge { position: absolute; left: -8px; top: 5px; width: 40px; height: 40px; } .Column2 .raw-post {padding-top: 0;} /* boosted area */ .raw-post { background:0; } .raw-post .info h3 { font:bold 13px/1.3 "Lucida Grande",tahoma,verdana,sans-serif; } .raw-post .description, .raw-post .description a { font-size:11px; line-height:1.3; color:#333; } .raw-post .link { font-size:10px; } .raw-post .meta span { color:#aaa!important; font-weight:normal; } .raw-post .meta a { color:#07e!important; } /*PARTNER POSTS */ .partner-area { background-color:#FDF6E5!important; position:relative; float: left; margin-top: 5px;} .partner-area-label { position: absolute; bottom: 5px; right: 5px; padding:0 2px; font-size:9px; color:#999; text-transform:uppercase; } .std-posts .big-meta { width: 480px; padding-top: 3px; line-height: 13px!important; } .std-posts .big-meta .label { display: block; margin: 3px 0 5px 0; font: bold 10px/14px "Lucida Grande"; text-transform: uppercase; color: #888; white-space: nowrap; } .std-posts .big-meta .bf-user-url { margin-right: 5px; } .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;} .bf-widget .bf-item .big-meta .user-info .username { overflow: visible; font-size: 15px; font-weight: bold; max-width:250px; } /* NEW BUTTON */ .button2{padding:5px 13px;font-size:15px;line-height:2;font-weight:bold;font-family:arial,helvetica,verdana,sans-serif;color:#fff;background:#07e;border-radius:4px;-moz-border-radius:4px;background:-webkit-gradient(linear,left top,left bottom,from(#2299ff),to(#1166dd));background-image:-moz-linear-gradient(top,#2299ff,#1166dd);border:1px solid #07e;text-shadow:1px 1px 1px rgba(0,0,0,0.2);-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.2);} .button2:hover{color:#fff;background:#29f;background:-webkit-gradient(linear,left top,left bottom,from(#5af),to(#27d));background-image:-moz-linear-gradient(top,#5af,#27d);border-color:#07c; cursor: pointer;} .button2:active{color:#fff;background:#e32;background:-webkit-gradient(linear,left top,left bottom,from(#0055cc),to(#2299ff));background-image:-moz-linear-gradient(top,#0055cc,#2299ff);border-color:#29f;} input.button2{line-height:1;*width:1;*overflow:visible;*padding:0 5px;/* fix ie button width issues */} .button2.smaller{float:right;font-size:12px;padding:4px 10px;margin:2px 5px 0 0;} .button2.small{font-size:12px;padding:5px 10px 4px;margin:2px 5px 0 0;} .button2.tiny{float:right;font-size:11px;line-height:1;padding:3px 6px 4px;} .button2.grey{color:#222;background:#ddd;background:-webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#e7e7e7));background-image:-moz-linear-gradient(top,#fafafa,#e7e7e7);border:1px solid #d7d7d7;text-shadow:1px 1px 1px rgba(255,255,255,0.7);-moz-text-shadow:1px 1px 1px rgba(255,255,255,0.7);} .button2.grey:hover{border-color:#bbb;background:#eee;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);} .button2.grey:active{border-color:#bbb;background:#e32;background:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#fff));background-image:-moz-linear-gradient(top,#ccc,#fff);} .button2.pink{color:#333;background:#edd;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#edd));background-image:-moz-linear-gradient(top,#fff,#edd);border:1px solid #dcc;text-shadow:1px 1px 1px rgba(255,255,255,0.7);-moz-text-shadow:1px 1px 1px rgba(255,255,255,0.7);} .button2.pink:hover{border:1px solid #aaa;background:#d7c2c2;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ecc));background-image:-moz-linear-gradient(top,#fff,#ecc);} .button2.pink:active{background:#e32;background:-webkit-gradient(linear,left top,left bottom,from(#dcc),to(#fff));background-image:-moz-linear-gradient(top,#dcc,#fff);} .button2.facebook-share-button { overflow: hidden; display:inline-block; padding:0; font:bold 16px/1 "Lucida Grande",verdana,tahoma,sans-serif; color:#fff;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6D84B4', endColorstr='#415495');background:-webkit-gradient(linear,left top,left bottom,from(#6D84B4),to(#415495));background-image:-moz-linear-gradient(top,#6D84B4,#596C95);border:1px solid #3B5998;} .button2.facebook-share-button span.icon { position: relative; display:inline-block; float: left; padding:7px 7px; border-right:1px solid #3B5998; background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/social/facebook-share-button.png?v=1346083760) 0 5px no-repeat;} .button2.facebook-share-button span.word { position: relative; display:inline-block; float: left; padding:7px 7px; border-left:1px solid #6273A6; color:#fff; } .button2.facebook-share-button:hover { background:-webkit-gradient(linear,left top,left bottom,from(#5D72C6),to(#1D4088));background-image:-moz-linear-gradient(top,#37509C,#1D4088);border-color:#1D4088; } .button2.grey.facebook-share-button { padding:5px 10px; font-family:"Lucida Grande",verdana,tahoma,sans-serif; color:#1D4088!important; background:#6D84B4; } .button2.grey.facebook-share-button span.icon { display:inline-block; vertical-align:middle; margin:-4px 3px 0 0; width:16px; height:16px; background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/social/facebook.png?v=1346083760) no-repeat;} /* Monster Size fb share */ .button2.monster.facebook-share-button { font: bold 22px/2 "Lucida Grande",verdana,tahoma,sans-serif; height: 55px; float: none; margin: 0; padding: 0;} .button2.monster.facebook-share-button span.icon { height: 45px; width: 40px; top: 0px; background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/social/facebook-share-button-icons.png?v=1346083760) 0 -47px no-repeat;} .button2.monster.facebook-share-button span.word { height: 55px; top: 5px; padding: 0px 15px } /* Huge Size fb share */ .button2.huge.facebook-share-button { font: bold 16px/1 "Lucida Grande",verdana,tahoma,sans-serif; height: 30px; float: none; margin: 0; padding: 0;} .button2.huge.facebook-share-button span.icon { height: 25px; top: -1px; background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/social/facebook-share-button-icons.png?v=1346083760) -1px -105px no-repeat;} .button2.huge.facebook-share-button span.word { padding: 8px 10px } /* big fb share */ .button2.big.facebook-share-button { font: bold 12px/1 "Lucida Grande",verdana,tahoma,sans-serif; height: 26px; float: none; margin: 0; padding: 0;} .button2.big.facebook-share-button span.icon { width: 15px; background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/global/unified_sprite.png?v=1346083760) -200px -282px no-repeat;} /* small fb share */ .button2.small.facebook-share-button { font: bold 11px/1.6 "Lucida Grande",verdana,tahoma,sans-serif; height: 18px; float: none; margin: 0; padding: 0;} .button2.small.facebook-share-button span.icon { width: 18px; height: 18px; padding: 0px; background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/social/facebook-share-button-icons.png?v=1346083760) 0 2px; no-repeat;} .button2.small.facebook-share-button span.word { height: 18px; padding: 0px 5px } /* share btn bubble count */ .bubbleWrapper {float: right;} .bubbleWrapper .bubbleCount{min-width:10px;max-width:30px;padding:2px 5px 2px 5px;border:1px solid #bbbbbb;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px; background-color: #FFF;} .bubbleWrapper .num {max-width:32px;overflow:hidden;text-align:center;width:100%;color: #333;font-family: arial,sans-serif;overflow: hidden;white-space: nowrap;font-size: 11px;} .bubbleWrapper .arrow {position: relative; width:0; height:0; border-bottom-width: 0;background: none;} .bubbleWrapper .arrowBorder {border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #bbbbbb;left:3px;top:6px;} .bubbleWrapper .arrowFill {border-top:3px solid transparent;border-bottom:3px solid transparent;border-right:3px solid white;left:1px;top:7px;} /* big bubble count */ .bubbleWrapper.big .bubbleCount{padding: 0 3px 0 3px;} .bubbleWrapper.big .num {font-size: 13px; line-height: 26px;} .bubbleWrapper.big .arrowBorder {border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #bbbbbb;left:4px;top:9px;} .bubbleWrapper.big .arrowFill {border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid white;left:1px;top:10px;} /* Slideshow */ .Slideshow-Controls { position:fixed; top:0; left:0; width:100%; height:62px; background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/slideshow/toolbar-bkgd.png?v=1346083760) repeat-x; z-index:9999; } .Slideshow-Controls .inner { width:990px; margin:6px auto; position:relative; } .Slideshow-Controls .slideshow-info { width:600px; position:absolute; left:0; top:2px; } .Slideshow-Controls h5 { color:#ccc; font:16px Arial,sans-serif; margin-bottom:7px; } .Slideshow-Controls li { float:left; margin-right:10px; } .Slideshow-Controls .badgeword { font-size:12px; } .Slideshow-Controls li.current a { background:#e32; color:#fff; } .Slideshow-Controls .next-button { position:absolute; right:3px; width:296px; height:50px; background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/slideshow/next-button.png?v=1346083760) no-repeat; color:#fff; overflow:hidden; text-indent:-9999px; cursor:pointer; } .Slideshow-Controls .next-button:hover { background-position:0 -50px; } .Slideshow-Controls .next-button:active { background-position:0 -100px; } .Slideshow-Controls .next-button .badge { position:absolute; left:170px; top:5px; } .Slideshow-Controls .next-button:active .badge { left:172px; top:7px; } .Slideshow-Controls .next-button .contest { left:160px; } .Slideshow-Controls .next-button:active .contest { left:162px; } .Slideshow-Controls .slideshow_exit { color:#888; font-size:13px; } .Slideshow-Controls .slideshow_exit:hover { color:#07e;} .Slideshow-Controls .contest-slideshow img { float:left; margin-right:7px; } .Slideshow-Controls .contest-slideshow h5 { font-size:14px; margin:2px 0 5px;} .Slideshow-Controls .contest-slideshow .name { font:20px Georgia,serif; padding-right:10px;} .slideshow-launch { display:block; font:bold 100px Helvetica,Arial,sans-serif; letter-spacing:-2px;} .slideshow-launch a { background:#07e;color:#fff; padding:0 20px;} .slideshow-launch a:hover { background:#e32;color:#fff; } .Slideshow-Paging { position:fixed; bottom:0; left:0; width:100%; height:40px; background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/slideshow/paging-bkgd.png?v=1346083760) repeat-x; z-index:9999; font:13px arial, helvetica, sans-serif; color:#555;} .Slideshow-Paging ul { width:990px; margin:10px auto 0; } .Slideshow-Paging li { float:left; margin:0 4px; } .Slideshow-Paging .disabled { padding:2px 4px; min-width:15px; text-align:center; border:1px solid #444; } .Slideshow-Paging a { float:left; color:#fff; background:#07e; padding:3px 5px; min-width:15px; text-align:center; border:0; } .Slideshow-Paging a:hover {color:#fff; background:#e32; } .Slideshow-Paging .current a { color:#000; background:#fff;} .Slideshow-Paging .word {width:100px;} body.Slideshow .Header { display:none; } body.Slideshow .Page { padding-top:75px; } /* Social Actions */ .SocialActions {position:relative; float:left; width:625px; margin:10px 0 10px; padding-top: 5px;} .SocialActions h5 {margin-bottom: 5px;} .SocialActions .social-buttons h5 {text-transform: uppercase; font: bold 11px Arial,sans-serif;} .social-buttons {float: left; padding: 0 4px 0 0;} .social-buttons li {float:left; margin-right: 4px;} .sharing-buttons {margin: 5px 0 5px 8px;} .social-actions .image-buttons li {width:24px; height:24px; margin:0 5px 0 0;} .social-actions .image-buttons a {} .social-actions .image-buttons a {display: block; width:24px; height:24px; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; background-image:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/social/social-actions2.png?v=1346083760);} .social-actions .image-buttons li.contribute {width:70px; margin-right:0;} .social-actions .image-buttons li.contribute a {width:70px; background-position:-304px 0; text-indent:0;} .social-actions .image-buttons li.contribute a span {display:inline-block; width:27px; text-align:center; color:#fff; font-size:11px; line-height:15px; cursor:pointer;} .social-actions .image-buttons a:hover, .social-actions .image-buttons li.voted a {/*background-position:0 -24px*/ opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80);} .social-actions .badge-voting {margin-right: 10px; margin-top: 5px;} .social-actions .badge-voting ul {display: inline;} .social-actions .badge-voting li {margin: 1px 1px 2px; padding:0; line-height:9px;} .social-actions .badge-voting li a {display:inline-block; width:26px; padding: 10px 6px 9px!important; font: bold 14px/10px Arial,Helvetica,sans-serif; text-align:center; text-transform:uppercase; color:#000; border-bottom:1px solid #bb8; border-right:1px solid #bb8; background:#fe0; } .social-actions .badge-voting.has_badge_sponsor li a.vote-badge {font-size: 13px; padding: 9px 5px 8px;} .social-actions .badge-voting li a.longer {width:44px;} .social-actions .badge-voting li a:hover {background:#07e; color:#fff;} .social-actions .badge-voting li.voted a {background:#ccc; color:#777;} .social-actions .badge-voting #smileyfeed_button a {text-indent: -9999px; display: block; background: none; padding: 0px !important; margin: 0 2px !important; border: 0px !important; background-image: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/partner/trident/smiley_reaction.png?v=1346083760); background-repeat: no-repeat; background-position: 50% 50%; width: 29px !important; height: 29px !important;} .social-actions .badge-voting #smileyfeed_button a:hover {opacity:0.6; filter:alpha(opacity=60);} .social-actions .badge-voting .reactions.pizzahut { display: block; padding-top: 20px; } .social-actions .badge-voting #pizzahut_button { margin-top: -39px; background-image: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/partner/pizzahut/reaction_irresistible.png?v=1346083760); background-repeat: no-repeat; height: 70px !important; } .social-actions .badge-voting #pizzahut_button a { margin-top: 40px; width: 110px !important; } .social-actions .earned-remaining {font-weight:normal; font-size:11px; line-height:8px; background:#545454; color:white; padding:3px 3px 1px 3px; display:inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .social-actions .badge-voting ul.special-reactions {display:inline-block; width:450px;} .social-actions .badge-voting #reactions-normal {width:auto; padding-right:15px; padding-bottom:5px; float:left; xclear:both; margin: 10px 0;} .social-actions .respond-button ul li {margin-top: 1px;} .social-actions .image-buttons a.add-pick {height:24px; margin-left: 0; width:55px; background-position: -375px 0;} .social-actions .image-buttons a.pick-success {width:24px; height:24px; background-position:-24px 0;} .social-actions .image-buttons a.edit-pick {width:24px; height:24px; background-position:-48px 0;} .pick-button {margin-right:0;} .pick-button a, .pick-button img {display:inline-block; margin-left:10px;} .social-actions-hybrid .badge-voting {width:630px;} .social-actions-hybrid .badge-voting li a {padding:5px 3px; width:auto!important;} .social-actions-hybrid .sharing-buttons ul {width:135px; height:24px; overflow:hidden;} .badge-vote-count {display: block; text-align: center; font: bold 12px arial,sans-serif; padding-top: 4px; color:#888;} .badge-vote-count.zero {color: #bbb; font-weight:normal;} .social-message {float:left; width:586px; margin-top:10px; /* padding:10px; border:1px solid #eca; background:#feb; color:#111;*/} .social-message h5 {margin-bottom:0; font:normal 20px Arial,helvetica,sans-serif;;} .social-message h5 a {font-weight:bold;} .social-message h5 span {} .social-message h5 .highlight {background:0; font-weight:bold;} .SocialActions .v {width:415px;background:#e7e7e7;padding:12px;} .social-message-share-inner {background: #FFD; border: 1px solid #EEA; padding: 15px;} .social-message-share-facebook-box {float: left; width: 290px;} .social-message-share-tweet-box {float: right; width: 290px;} .social-message-share h5 {display: none; font:normal 18px Arial,helvetica,sans-serif;} .social-message-share-buttons {overflow: auto; float: right;} .social-message-share-button {float: left; margin-right: 15px;} .social-message-share-buttons > .social-message-share-button:last-child {margin-right: 0px;} .social-message-share-retweet {width:55px;} .social-message-share-digg {width:50px;} .social-message-share-stumble {width:50px;} .social-message-share-reddit {width:70px;} .spinner-yellow {background-image:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/spinners/small_on_yellow.gif?v=1346083760);} #social-sharing-box { z-index: 1000; position: absolute; width: 350px; background-color: #F2F2F2; border: 1px solid #444; border-bottom: 2px solid #444; padding:10px; } #social-sharing-box .transparent {opacity:0.5;filter:alpha(opacity=50);} #social-close-btn {float:right;margin:0 5px 0 0;} #sharing-box-caption {font-size:16px;font-weight:bold;float:left;margin:5px;} #sharing-message {width:327px;height:50px;color:black;border:1px solid #CCC;padding:5px;resize:none;font-size:16px;float:left;margin:5px;} #undo_timeline_action {text-decoration:none;background-color:#e6e6e6;padding:2px;color:#7e7e7e;-moz-border-radius:5px;border-radius:5px;padding-right:5px;padding-left:5px;} #sharing-wall-message {font-size:13px;} #social-sharing-box .arrow {content: ' ';position:absolute;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top: 0;} #social-actions #badge-message, #social-actions #social_message { display: none !important; } #share-reaction-box { top: 15px; position: relative; display: block; clear: both; width: 100%; height: auto; background-color: #FDFDFD; border-top: 1px solid #E6E6E6; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAoUlEQVQYV12QWRJDIQgEwe12uZN3yuXcDUPCKyr+YKl0j/De+661KKVEIYR6zqnMTGMMyjmT7RkPSRYO5pzagFpK0YrH917i3vv9p6FRyNoMS2utKhHqGONzIdqKZoukRukU8lU8LqAEDctlJyUiCzSgoJoWzXL/PfcZvRJRJJ+aFATiLzSL6pmA077E8NaHpkDFOGzZuPQzoIDof+j3BvkAlSegazMa1ZgAAAAASUVORK5CYII=);} #share-reaction-content-wrapper { padding: 20px 20px 0 20px; } #share-reaction-box h1 { font-size: 20px; font-weight: bold; } #share-reaction-box #fb-promo { width: 100%; height: 20px; background: #6C83B5 url('/web/20120828132315/http://s3-ak.buzzfed.com/static/images/facebook/logo-small.png') no-repeat; background-position: 5px 4px; text-indent: 25px; color: white; font-size: 14px; padding: 3px 0 0 0; font-weight: bold; margin: 10px 0; } #share-reaction-box #message-wrapper { border: 1px solid #CCC; overflow: hidden; } #share-reaction-box #reaction-sharing-message { width: 100%; height: 50px; padding: 5px; color: #666; border: 0px; resize: none; font-size: 14px; } #share-reaction-box #sharing-link-preview { margin: 10px 0; overflow: auto; } #share-reaction-box #sharing-link-preview img { float: left; margin: 0 10px 0 0; } #share-reaction-box #sharing-link-preview #share-link-details { float: left; width: 300px; } #share-reaction-box #share-link-details h1 { font-weight: bold; font-size: 14px; } #share-reaction-box #share-link-details span.link { font-weight: normal; color: #999; font-size: 10px; display: block; margin-top: 2px; } #share-reaction-box #share-link-details span.blurb { font-weight: bold; color: black; font-size: 10px; margin-top: 10px; display: block;} #share-reaction-box #social-share-box-buttons { overflow: auto; padding-bottom: 10px; } #share-reaction-box #social-share-box-buttons #reaction-share-submit { float: right; font-size: 14px; padding: 3px 8px; margin: 0px; background: #5871A9; border-radius: 0px; border: 1px solid #003366; } #share-reaction-success-wrapper { margin: 0 0 0 10px; padding: 10px 0; } #sharing-timeline-message { text-transform: uppercase; color: #616161; background: #FFFDE8; margin: -10px 0 15px 0; padding: 2px 0 5px 0; font-size: 12px; font-weight: normal;} .success_icon { width: 20px; height: 16px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/ui/notification_icons.png?v=1346083760) 0 0 no-repeat; display: inline-block; position: relative; top: 3px; } #undo_timeline_action { font-size: 10px; text-transform: none; text-decoration: none; background-color: #e6e6e6; color:#7e7e7e; -moz-border-radius: 5px; border-radius: 5px; margin-left: 10px; padding: 2px 5px; } .social-actions .lovehate-buttons { float:left; margin: 0 0 0 10px;} .social-actions .lovehate-buttons h5 {padding-left: 1px;} .social-actions .lovehate-buttons li .badge-vote-count {padding-top:0;} .social-actions .image-buttons li.love, .social-actions .image-buttons li.hate {display: block; width:19px; height:16px; margin: 0px 4px 4px 0 !important; padding: 2px 2px 0 0!important;} .social-actions .image-buttons li.hate {margin-left:4px;} .social-actions .image-buttons li.love a, .social-actions .image-buttons li.hate a {display:block; width:19px; height:16px; margin:5px 0 0 0!important; padding:5px 0!important; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/social/lovehate-16.png?v=1346083760) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; border:0; } .social-actions .image-buttons li.love a {background-position: 0 0;} .social-actions .image-buttons li.hate a {background-position: -19px 0;} .facebook_like_send_small{font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;color:#333;width:160px;height:20px;} .facebook_like_send_small .like{width:49px;height:20px;float:left;} .facebook_like_send_small .nub{margin:5px 0px 0px 2px;} .facebook_like_send_small .count{background-color:#FFF;border:1px solid #C1C1C1;text-align:center;padding:1px 2px 1px 2px;min-width:15px;margin:1px -2px 0px -1px;height:14px;} .facebook_like_send_small s,.facebook_like_send_small i{border:solid transparent;border-right-color:#c7c7c7;border-width:5px 5px 0 0;display:block;position:relative} .facebook_like_send_small i{left:2px;top:-6px;border-right-color:#efefef} .facebook_like_send_small .send{background-position:-54px -50px;width:52px;height:20px;margin-left:12px;float:left;} .facebook_like_send_large{font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;min-width:300px;} .facebook_like_send_large .favicon{background:url(/web/20120828132315/http://static.ak.fbcdn.net/rsrc.php/v1/z7/r/ql9vukDCc4R.png) no-repeat -1px -47px transparent;display:block;height:14px;padding:0px 0px 0px 18px;margin-left:116px;margin-top:5px;} .upper-share-buttons .facebook_like_send_small { margin-top:6px; } /* preload share btns */ .preload-stumble-btn {min-width: 90px; height: 27px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/icons/placeholder-share-stumble.png?v=1346083760) no-repeat;} .preload-fb-like, .preload-fb-like-send, .preload-fb-wide-like, .preload-fb-wide-like-send {min-width: 50px; height:20px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/icons/placeholder-share-fb.png?v=1346083760) 0 0 no-repeat;} .preload-fb-like {} .preload-fb-like-send {min-width: 150px; background-position: 0 -50px;} .preload-fb-wide-like {min-width: 50px; height: 29px; background-position: 0 -100px;} .preload-fb-wide-like-send {min-width: 150px; height: 29px; background-position: 0 -150px;} .preload-twitter-hcount, .preload-twitter-vcount {background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/icons/placeholder-share-twitter.png?v=1346083760) no-repeat;} .preload-twitter-hcount {background-position: 0 -25px; min-width: 120px; height: 20px;} .preload-twitter-hcount a, .preload-twitter-vcount a {display: inline-block; text-indent: -9999px;} .preload-twitter-vcount {background-position: 0 -50px; min-width: 55px; height: 55px;} .preload-reddit-btn { width:120px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/social/faux_reddit.gif) no-repeat; } .buzz_attribution a.has_icon {background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/quickpost/attribution_icons.png?v=1346083760) 0 0 no-repeat;} .buzz_attribution a.icon_twitter {background-position: 0 -20px; padding-left: 14px;} .buzz_attribution a.icon_facebook {background-position: 2px -40px; padding-left: 17px;} .buzz_attribution a.icon_flickr {background-position: 3px -60px; padding-left: 19px;} .buzz_attribution a.icon_vimeo {background-position: 2px -80px; padding-left: 18px;} .buzz_attribution a.icon_youtube {background-position: 2px -100px; padding-left: 19px;} .usertip {z-index: 3000; min-width: 220px; width: 220px; background: #ffc; border: 1px solid #ccc; box-shadow: 0 2px 3px rgba(0,0,0,.18); border-radius: 5px; font-size: 13px; line-height: 17px; font-family: Arial,Helvetica,sans-serif;} .usertip_wrapper {position: relative; padding: 8px 12px;} .usertip_arrow {position: absolute; top: 8px; left: -11px; width: 11px; height: 25px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/quickpost/suplist_usertip_arrows.png?v=1346083760) 0 0 no-repeat;} .usertip.usertip_vertical .usertip_arrow {top: -11px; left: 8px; width: 21px; height: 11px; background-position: -17px 0;} .usertip.content_tab {width: 180px;} .usertip.content_tab .usertip_arrow {left: 20px;} .usertip_toggle {color: #929292; font-size: 11px; font-weight: bold; cursor: pointer; padding: 4px 7px;} .usertip_toggle:hover {background: rgba(255,255,128,.64); color: #424242; box-shadow: 0 1px 1px rgba(0,0,0,.06); border: 1px solid rgba(255,255,128,.64); padding: 3px 6px; border-radius: 3px;} .usertip_toggle span {font-weight: bold; display: inline-block; color: #239c1a; padding-left: 1px;} .usertip_toggle.usertip_off span {font-weight: normal; color: #929292;} .usertip_toggle .usertip_toggle_off, .usertip_toggle.usertip_off .usertip_toggle_on {display: none;} .usertip_toggle.usertip_off .usertip_toggle_off {display: inline-block;} /* Share Button */ /* Share Button */ .shareBtn {max-width: 100px; padding: 0px; float: left ;border: 1px solid #CCCCCC; overflow: hidden; color: #36393D; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;background: #eee;progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dedede');background:#dedede -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dedede));background-image:-moz-linear-gradient(top,#fff,#dedede);} .shareBtn:hover {color: #36393D;progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#d9d9d9');background:-webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#d9d9d9));background-image:-moz-linear-gradient(top,#eeeeee,#d9d9d9); cursor: pointer;} .shareBtn div {float: left;} .shareBtn.big { height: 28px; font: bold 12px/1 "Lucida Grande",verdana,tahoma,sans-serif;} .shareBtn.big .label { margin: 7px 5px 0 0;} .shareBtn.big .email_icon {margin: 8px 5px 0 5px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/global/unified_sprite.png?v=1346083760) no-repeat scroll -36px -543px transparent; width: 16px; height: 11px;} .shareBtn.big .su_icon {margin: 5px 5px 0 5px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/global/unified_sprite.png?v=1346083760) no-repeat scroll -18px -543px transparent; width: 18px; height: 18px;} .shareBtn.big .pi_icon {margin: 5px 5px 0 5px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/global/unified_sprite.png?v=1346083760) no-repeat scroll 0px -543px transparent; width: 18px; height: 18px;} .shareBtn.big .cancel_icon {margin: 5px 5px 0 5px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/ui/notification_icons.png?v=1346083760) 0 -16px no-repeat; width: 16px; height: 16px;} .shareBtn.small { height: 16px; font: bold 10px/1 "Lucida Grande",verdana,tahoma,sans-serif; padding: 1px 2px;} .shareBtn.small .label { margin: 3px 3px 0 0; color: #666;} .shareBtn.small .email_icon {margin: 3px 3px 0 3px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/global/unified_sprite.png?v=1346083760) no-repeat scroll -36px -558px transparent; width: 16px; height: 11px;} .shareBtn.small .su_icon {margin: 1px 3px 0 3px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/global/unified_sprite.png?v=1346083760) no-repeat scroll -18px -561px transparent; width: 18px; height: 18px;} .shareBtn.small .pi_icon {margin: 1px 3px 0 3px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/global/unified_sprite.png?v=1346083760) no-repeat scroll 0px -561px transparent; width: 18px; height: 18px;} .shareBtn.small .boost_icon {margin: 1px 3px 0 3px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/icons/boost_icon_small.png?v=1346083760) 0 0 no-repeat; width: 18px; height: 18px;} .shareBtn.small .boost_icon {margin: 1px 3px 0 3px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/icons/boost_icon_small.png?v=1346083760) 0 0 no-repeat; width: 18px; height: 18px;} .shareBtn.small .email_black_icon {margin: 3px 4px 0 4px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/global/buzzfeed_sprite.png?v=1346083760) -461px -209px no-repeat; width: 15px; height: 10px;} .shareBtn.small .phone_icon {margin: -1px 5px 0 5px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/global/buzzfeed_sprite.png?v=1346083760) -461px -254px no-repeat; width: 10px; height: 16px;} .button2.huge { font-size:32px; line-height:3; padding:10px 30px; } .button2.submit { padding-right:25px; padding-left:25px; margin-right:10px; } .button2.toggle { margin:0; } .button2.toggle_left { border-top-right-radius:0; border-bottom-right-radius:0; -webkit-border-top-right-radius:0; -webkit-border-bottom-right-radius:0; } .button2.toggle_right { border-left:0; border-top-left-radius:0; border-bottom-left-radius:0; -webkit-border-top-left-radius:0; -webkit-border-bottom-left-radius:0; } .button2.toggle_mid { border-left:0; border-radius:0; -webkit-border-radius:0; } .button2.selected { background:#e32;color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#245ABA),to(#538CE4))!important;background-image:-moz-linear-gradient(top,#ccc,#fff)!important;border-top-color:#b7b7b7!important;border-color:#39f;border-top-color:#07e!important;text-shadow:1px 1px 1px rgba(0,0,0,0.2);-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.2);} /* other controls */ .spinner-text {background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/spinners/small_on_white.gif?v=1346083760) left top no-repeat; padding-left: 22px; line-height: 2.0em;} .spinner-text.on_grey {background-image: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/spinners/small_on_f6f6f6.gif?v=1346083760);} /* contribs */ .contrib { position:relative; float:left; width:625px; margin-bottom:20px; } .contrib.wide { margin-bottom:0px; } .contrib:first-child, .contrib + .contrib { background:0; padding-top:0; } .contrib .contrib { margin-bottom:0; } .contrib .what { position:relative; overflow:hidden; float:left; width:425px; min-height: 27px; padding:10px; background:#e6e6e6; } .contrib.wide .what { width: 605px; } .contrib.ad .what { background:#FDF6E5; } .contrib .image { } .contrib .link h3 { font:20px Georgia,serif; } .contrib .link p { margin-bottom:0; color:#777; } .contrib .text { line-height:1.35em; } .contrib .quote blockquote { font:italic 22px Georgia,serif; margin-bottom:10px; padding:0 35px 0 35px; } .contrib .quote .ldquo { font:80px Georgia,serif; color:#aaa; position:absolute; left:7px; top:0px; } .contrib .quote .rdquo { font:80px Georgia,serif; color:#aaa; position:absolute; right:7px; bottom:-15px; } .contrib .quote p { padding-left:50px; margin-bottom:4px; } .contrib .video-embed-big { width:425px; min-height:340px!important; background:#e6e6e6 url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/spinners/small_on_f6f6f6.gif?v=1346083760) center center no-repeat; } .contrib .video-embed-noflash { background:#e6e6e6 url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/spinners/noflash.png?v=1346083760) center center no-repeat; } .contrib .who { position:relative; float:left; width:140px; margin-top:5px; padding-left:20px; color:#888; font-size:11px; line-height:1.0em; background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/contrib/grey_arrow.png?v=1346083760) no-repeat; min-height:35px; padding-top:5px; } .contrib.wide .who { float: right; width: 160px; background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/contrib/grey_down_arrow.png?v=1346083760) no-repeat; margin: 0 0 10px 0; padding: 20px 0 0 5px; min-height: 5px; } .contrib.ad .who { background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/contrib/orange_arrow.png?v=1346083760) no-repeat; } .contrib.ad.wide .who { background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/contrib/orange_down_arrow.png?v=1346083760) no-repeat; } .contrib .who-info { float:left; width:110px; } .contrib .avatar { float:left; margin-right:5px; } .contrib .ago { display:block; font-size:9px; margin-top:4px; } .contrib .bling { margin-top:5px; } .contrib .origin { margin-bottom:5px; font-size:14px;} .contrib .badges { margin:10px 0 0 0; } .contrib .tools ul { width:445px; clear:both; float:left; padding:2px 0; font-size:11px; } .contrib.wide .tools ul { clear: none; } .contrib .tools li { float:right; margin:0 0 0 12px; color:#bbb;width:auto !important; } .contrib .tools li a { color:#bbb; } .contrib .tools .respond { float:left; margin:0; } .contrib .tools .icon { display:block; float:left; background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/icons/contrib-icons.png?v=1346083760) 0 0 no-repeat; height:15px; width:15px; } .contrib .tools .respond .icon { width:20px; background-position: 0px 0px; } .contrib .tools .love .icon { width:20px; background-position:-20px -1px; } .contrib .tools .hate .icon { width:20px; background-position:-40px -1px; } .contrib .tools .flag .icon { width:16px; background-position:-60px 0px; } .contrib .tools .facebook .icon { width:17px; background-position:-80px -1px; } .contrib .tools .email .icon { width:17px; background-position:-100px 0px; } .contrib .tools .link .icon { width:19px; background-position:-120px 0px; } .contrib .selected_tools li { color:#222; } .contrib .selected_tools li.flag a { color:#999; } .contrib .selected_tools li a { color:#07e; } .contrib .selected_tools li a:hover { color:#e32; } .contrib .love.voted .icon, .contrib .selected_tools .love .icon { background-position:-20px -16px; } .contrib .hate.voted .icon, .contrib .selected_tools .hate .icon { background-position:-40px -16px; } .contrib .selected_tools .respond .icon { background-position: 0px -15px; } .contrib .selected_tools .flag .icon { background-position:-60px -15px; } .contrib .selected_tools .facebook .icon { background-position:-80px -16px; } .contrib .selected_tools .link .icon { background-position:-120px -15px; } .contrib .selected_tools .love a.icon:hover { background-position:-20px -31px; } .contrib .selected_tools .hate a.icon:hover { background-position:-40px -31px; } .contrib .selected_tools .respond a:hover .icon { background-position: 0px -30px; } .contrib .selected_tools .flag a:hover .icon { background-position:-60px -30px; } .contrib .selected_tools .facebook a:hover .icon { background-position:-80px -31px; } .contrib .selected_tools .link a:hover .icon { background-position:-120px -30px; } .contrib .list_img_thumb {max-height: 250px;max-width: 300px;display: block;margin: 10px 0px;border: 1px solid #AAA;padding: 2px;} .contrib .list_img_thumb:hover {border: 1px solid #727272;} .has-badge .what .badge-spacer { width:32px!important; height:30px; float:left; } /* queue (/queue and /drafts pages) */ /* edit queue buttons */ .edit_queue {width:315px; float:right;} .draft-posts .edit_queue {width:400px;} .edit_queue_action {display:none; margin-left: -5px;} .edit_queue:hover .edit_queue_action {display:inline;} .edit_queue_action a {color:white; font-weight:bold; font-size:11px; background:#107300; padding:2px 4px; margin-right: -4px; border-right:1px solid #31b510;} .edit_queue_action a:last-child {-webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-right:none;} /*.edit_queue_action a:first-child {margin-right:-3px; margin-left:-1px;}*/ .edit_queue_action a:hover { background:#149600; } .edit_queue a.queued_time {display:inline; background:#31b510;color:white; font-weight:bold; font-size:11px; padding:2px 6px 2px 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .user .edit_queue a.queued_time { background:#31b510; } .user .edit_queue_action a {background:#107300; border-right-color: #31b510;} .user .edit_queue_action a:hover { background:#149600; } .partner .edit_queue a.queued_time { background:#777777; } .partner .edit_queue_action a {background:#444444; border-right-color: #777777;} .partner .edit_queue_action a:hover { background:#606060; } .editor .edit_queue a.queued_time { background:#4488EE; } .editor .edit_queue_action a {background:#0066AA; border-right-color: #4488EE;} .editor .edit_queue_action a:hover { background:#1077CC; } /* queue lightboxes */ #bodyOverlay {background-color: #36393D; opacity: .25; filter: alpha(opacity=25); position: absolute; top: 0; left: 0; z-index: 9;} .alert_box {position: absolute; z-index: 10;} .update_queue_time {position: absolute; z-index: 10;} .queue_box .alert_form {width: 400px; border: 1px solid #8f8f8f; background-color: #f5f5f5; -moz-box-shadow: 0px 0px 10px #777; -webkit-box-shadow: 0px 0px 10px #777; box-shadow: 0px 0px 10px #777;} .queue_box .alert_form label {display: block; margin-bottom: 5px; font: normal 14px 'Helvetica Neue',Arial,Helvetica,sans-serif;} .queue_box .form_header {font-size: 18px; display: block; background: #e7e7e7; border-bottom: 1px solid #d8d8d8; height: 30px; padding: 10px;} .queue_box .form_header #current_status {font-size: 10px; margin-top: 4px;} .queue_box .form_header h1 {font:bold 20px 'Helvetica Neue',Arial,Helvetica,sans-serif; color: #363636; text-transform: uppercase; float: left} .queue_box .form_header .alert_close_btn {font-weight: bold; color: #B8B8B8; float: right;} .queue_box .form_header .alert_close_btn:hover {cursor: pointer;} .queue_box .form_elements {clear: both; padding: 10px; border-bottom: 1px solid #e1e1e1;} .queue_box .form_btns {height: 40px; padding: 10px; border-top: 1px solid #ffffff;} .queue_box .warning {color: #ee3322;} .queue_box #bad_date {padding-left:40px;} #action_success_message {font-size: 20px; color: #ee3322;} /* Handstamps */ .bling {display: inline-block; width: 13px; height: 12px; background: url("/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/social/handstamps.png?v=1346083760") no-repeat; text-indent: -1000em; overflow: hidden;} .crown {background-position: 0 0;} .viral {background-position: -14px 0;} .gold_star {background-position: -27px 0;} .top10, .top20, .top50, .top100 {width: 16px;height: 11px;} .top10 {background-position: -40px 0;} .top20 {background-position: -57px 0;} .top50 {background-position: -74px 0;} .top100 {background-position: -91px 0;} /* feed mini items / list alerts */ .badgeword {font:bold 10px "Helvetica Neue",Arial,Helvetica,sans-serif;text-transform:uppercase;color:#000;background:#fe0;padding:2px 4px;cursor:pointer;} .badgeword:hover {color:#fff;background:#07e} .badgeword.Smiley {text-indent: -9999px; display: inline-block; background: none; background-image: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/partner/trident/smiley_contrib.png?v=1346083760); background-repeat: no-repeat; background-position: 50% 0%; width: 20px !important; height: 10px !important; padding: 5px 0} .feed-action a{color:#000;} .feed-action a strong{color:#07e;} .feed-action a:hover strong {color: #e32; text-decoration: none;} .who-info a{color:#07e;} .who-info a:hover{color:#e32;} /* new forms */ form.v { font-family:"Lucida Grande",tahoma,verdana,arial,sans-serif; } form.v h2.new { position:relative; padding-bottom:5px; margin-bottom:15px; border-bottom: 1px solid #c6c6c6; font: 26px Georgia;} form.v h2.new span { padding-left:10px; font:normal 13px "Lucida Grande",tahoma,verdana,arial,sans-serif; width:300px; color:#666; } form.v fieldset { clear:both; } form.v fieldset.submit { margin-bottom:0px; width:400px; float:left; } form.v .message { width:395px; margin:5px 0 10px; padding:5px 10px!important; } form.v div { float:left; margin:0 0 5px; font-size:13px; display:inline; } form.v div.field { float:left; width:100%; margin:0; padding:0 0 5px; font-size:13px; } form.v div.extra-space { padding:5px 0 10px; } form.v div.extra-space label { margin-bottom:4px; font-weight:bold; } form.v div.space { margin-bottom:10px; padding-bottom:15px; } form.v div.half1 { width:190px; margin:0 10px 8px 0; font-size:13px; float:left; } form.v div.half2 { width:195px; margin:0 0 8px 0; font-size:13px; float:left; } form.v input.text { width:380px; float:left; font-size:14px; padding:2px 3px; border:1px solid #ccc; background:#fff; } form.v textarea { background:#fff; width:405px; font-size:14px; padding:2px 3px; border:1px solid #ccc; margin-bottom:0; background:#fff; resize:vertical;} form.v input.file { border:0; background:0; } form.v label { display:block; font-weight:bold; font-size:12px; color:#111; margin-bottom:0px; } form.v input[type="checkbox"] + label { font-weight:normal; font-size:12px; } form.v div.submit { margin-top:3px; margin-bottom:1px; } form.v div.submit input { margin-right:10px; } form.v div.no-label label { display:inline; } form.v input.text, textarea { font-size:13px; } form.v textarea.big { height:140px; } form.v textarea.medium { height:70px; } form.v textarea.small { height:30px; font-size:12px; } form.v input.long { width:400px; } form.v input.medium { width:250px; } form.v input.short { width:180px; } form.v .sidebar-width { width:300px!important; } form.v p.note { width:405px; float:none; clear:left; margin-bottom:0; font-size:10px; color:#555; line-height:1.2em; } form.v span.note { width:195px; float:right; margin-bottom:0; margin-left:10px; font-size:10px; color:#555; line-height:1.2em; } form.v label span.note { width:auto; float:none; margin:0; font-weight:normal; font-size:11px; } form.v label span.right { float:right; line-height:1.0em;} form.v input.title { font:18px Georgia,serif; } form.v .missing label { color:#e32; background:0; } form.v .missing input, form.v .missing textarea, form.v .missing select { border:2px solid #e32; } form.v .video-type-error { width:400px; background:#FFCE00; padding:2px 4px; } form.v a.cancel { font-size:11px; } /* 300x250 styles */ .a300x250 .partner-area { margin-bottom:15px; } .a300x250 a { display:block; text-align:center; margin-bottom:20px; } .a300x250 img { display:block; text-align:center; margin-bottom:20px; } .a300x250 embed { display:block; text-align:center; margin-bottom:20px; } .a300x250 embed[width='300'] { margin-left:18px; } .a300x250 iframe { display:block; text-align:center; margin-bottom:20px; } .a300x250 iframe[width='300'] { margin-left:18px; } /* signup */ .signin-or-signup form input.text, .signin-or-signup form textarea { width: 180px; } .signin-or-signup form div.half input.text, .signin-or-signup form div.half textarea { width: 150px; } .signin-or-signup h5 { margin-bottom:8px; padding-bottom:5px; font:bold 24px arial,helvetica,sans-serif; } .signin-or-signup h5 a { font-weight:bold; } .signin-or-signup .alias-field {color:#666666;font-size:8pt;} /* admin */ div.qwik_edit{z-index:99999;border:12px solid #a0a0a0; background: #222; position:fixed;width:900px;height:570px;top:50%;left:50%;margin-left:-460px;margin-top:-300px;-webkit-border-radius:10px;-moz-border-radius:10px; box-shadow: 0 5px 5px rgba(0,0,0, .25); -webkit-box-shadow: 0 2px 5px rgba(0,0,0, .25); -moz-box-shadow: 0 2px 5px rgba(0,0,0, .25);} div.qwik_edit-spinner{ color:#fff; text-align:center;width:200px;height:50px;position:absolute;top:50%;margin-top:-25px;left:50%;margin-left:-100px;padding-top:30px;} iframe.qwik_edit{width:900px;height:570px;border:0;} .close_editor { position:absolute; right:-22px; top:-21px; } /* top lists */ ul.top { float:left; width:100%; } ul.top li { position:relative; float:left; width:100%; padding: 10px 0 10px; background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/lines/horizontal-grey.png?v=1346083760) top left repeat-x; list-style: none;} ul.top li.top { background:0; padding-top:0; } ul.top .num { float:left; font:bold 16px Helvetica; color:#e32; width:20px; text-align:center; margin-right:5px; } ul.top .thumb-small { float:left; margin-right:12px; } ul.top .thumb-tiny { float:left; margin-right:12px; } ul.top .info { float:left; width:400px; } ul.top h3 { font:22px Georgia,serif; margin-bottom:4px; width:auto; } ul.top p img { float:left; margin-right:5px; } ul.top p { font-size:11px; color:#aaa; } ul.top .views { float:right; text-align:right; font:22px Georgia,serif; xxxcolor:#e32; padding-right:5px; margin-top:-5px; } ul.top .views span { display:block; margin-top:3px; font:11px "Lucida Grande",verdana,sans-serif; color:#777; } ul.top li.num1 { background: 0; } ul.top li.num1 .num { font-size:22px; } /* Self Serve Tracking */ .yaybtn{position:relative;display:inline-block;padding:4px 12px 4px; background:#222 url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/ui/yaybtn.png?v=1346083760) repeat-x;color:#fff;_color:#fff;font:bold 12px/12px "Lucida Grande",Tahoma,Verdana,sans-serif;text-decoration:none;text-shadow:0 -1px 1px rgba(0,0,0,0.25);cursor:pointer;border:0;-moz-border-radius:10px;-webkit-border-radius:10px;border-bottom:1px solid rgba(0,0,0,0.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);background-color:#06c;} a.yaybtn:hover { color:#fff; opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90);} a.yaybtn:active { background:#06c; } .yaybtn.submit {color:#fff; _color:#fff; _background:#06d; padding:6px 20px; font:bold 20px Arial,Helvetica,sans-serif; -moz-border-radius: 18px; -webkit-border-radius: 18px; } /* Top Posters sidebar */ ul.top-posters { font-family: Arial, Helvetica; } ul.top-posters li { padding:5px; clear: both; position: relative; border-bottom: 2px solid #fff; background:#f2f2f2; } ul.top-posters h3 { width: 75%; font-size: 17px; } ul.top-posters h3 .rank { position: absolute; display: block; top:5px; left:5px; color: #FFF; font-weight: bold; height: 35px; width: 35px; line-height: 35px; text-align: center; font-size: 22px; text-shadow: 0 0 5px #000; } ul.top-posters h3 img { float: left; margin-right: 8px; height: 35px; width: 35px; } ul.top-posters .fb-like { float: right; padding-top: 3px; width: 82px; overflow: hidden; } ul.top-posters .score { display: block; font-weight: bold; font-size: 12px; color: #888; margin-top: 2px; } ul.top-posters .score small { color: #999; font-size: 11px; font-weight: normal; } /* feed mini items / list alerts */ .badgeword {font:bold 10px "Helvetica Neue",Arial,Helvetica,sans-serif;text-transform:uppercase;color:#000;background:#fe0;padding:2px 4px;cursor:pointer;} .badgeword:hover {color:#fff;background:#07e} .badgeword.Smiley {text-indent: -9999px; display: inline-block; background: none; background-image: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/partner/trident/smiley_contrib.png?v=1346083760); background-repeat: no-repeat; background-position: 50% 0%; width: 20px !important; height: 10px !important; padding: 5px 0} /* partner icons */ .asylum{background-position:0 -16px;} .bestweekever{background-position:0 -32px;} .huffpost{background-position:0 -48px;} .metro{background-position:0 -64px;} .nerve{background-position:0 -80px;} .popeater{background-position:0 -96px;} .postchronicle{background-position:0 -112px;} .thefablife{background-position:0 -128px;} .coedmagazine{background-position:0 -144px;} .buzznet{background-position:-16px -144px;} .urlesque{background-position:0 -160px;} .talkingpointsmemo{background-position:-16px -160px;} .holytaco{background-position:0 -176px;} .neatorama{background-position:0 -192px;} .thefrisky{background-position:0 -208px;} .collegehumor{background-position:0 -224px;} .wonderwall{background-position:0 -240px;} .avclub{background-position:0 -256px;} .thechive{background-position:0 -272px;} .justjared{background-position:0 -288px;} .newser{background-position:0 -304px;} .thesuperficial{background-position:0 -320px;} .wwtdd{background-position:0 -336px;} .celebuzz{background-position:0 -352px;} .videogum{background-position:0 -368px;} .okmagazine{background-position:0 -384px;} .donq{background-position:0 -400px;} .askmen{background-position:0 -416px;} .nypost{background-position:0 -432px;} .elle{background-position:0 -448px;} .womansday{background-position:0 -464px;} .time{background-position:0 -480px;} .buzzfeed{background-position:0 -496px;} .starpulse{background-position:0 -512px;} .jkottke{background-position:0 -528px;} .avc{background-position:0 -544px;} .hollywoodlife{background-position:0 -560px;} .funnyordie{background-position:0 -576px;} .cracked{background-position:0 -592px;} .current{background-position:0 -608px;} .tmz{background-position:0 -624px;} .gamesradar{background-position:0 -640px;} .slate{background-position:0 -656px;} .life{background-position:0 -672px;} .usmagazine{background-position:0 -704px;} .mtv{background-position:0 -720px;} .glamour{background-position:0 -736px;} .foxnews{background-position:0 -752px;} .mailonline{background-position:0 -768px;} .theatlantic{background-position:0 -784px;} .history{background-position:0 -800px;} .uproxx{background-position:0 -816px;} .ivillage{background-position:0 -832px;} .thesmokingjacket{background-position:0 -848px;} .visually{background-position:0 -863px;} .oddee{background-position:-16px -176px;} .bleacherreport{background-position:-16px -192px;} .dailybeast{background-position:-16px -208px;} .fastcompany{background-position:-16px -224px;} .tecca{background-position:-16px -240px;} .vulture{background-position:-16px -256px;} .nymag{background-position:-16px -272px;} /* raw posts */ .raw-post .origin { margin-bottom: 5px; font-size: 11px; } .raw-post .t { position: absolute; left: 0; } .raw-post .info { margin-left: 100px; min-height: 60px; } .raw-post h3 { font: 15px Georgia,serif; margin-bottom: 3px; overflow: hidden; } .raw-post h3 span { font: 14px "Gill Sans",Verdana,sans-serif; color: #e32; padding-right: 2px; } .raw-post .link { font-size: 10px; margin-bottom: 5px; } .raw-post .description { font-size: 11px; line-height: 1.35em; margin-bottom: 5px; overflow: hidden; } .raw-post .meta { font-size: 10px; color: #aaa; margin: 0; } .raw-post .meta img { float: left; margin-right: 5px; } .raw-post .meta span { display: block; font-size: 9px; font-weight: bold; } .raw-post .meta a { font-weight: bold; color: #e32; } .raw-post a.permalink { background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/icons/permalink.png?v=1346083760) top left no-repeat; padding: 0 0 0 12px; font: 11px "Lucida Grade",verdana,sans-serif; color: #aaa; } .raw-post a.permalink:hover { color: #e32; } .raw-post .badge { position: absolute; left: -8px; top: 5px; width: 40px; height: 40px; } .Column2 .raw-post {padding-top: 0;} /* boosted area */ .raw-post { background:0; } .raw-post .info h3 { font:bold 13px/1.3 "Lucida Grande",tahoma,verdana,sans-serif; } .raw-post .description, .raw-post .description a { font-size:11px; line-height:1.3; color:#333; } .raw-post .link { font-size:10px; } .raw-post .meta span { color:#aaa!important; font-weight:normal; } .raw-post .meta a { color:#07e!important; } /*--- Twitter Buttons --- */ .tb-container button {border:none; overflow:visible; background:transparent; outline:none; margin:0; padding:0;} .t-count {visibility:hidden;} .show-count .t-count {visibility:visible;} .tb {display:block; height:20px;} .tb,.t-count,.t-count button {background:transparent url(/web/20120828132315/http://platform.twitter.com/widgets/images/tweet.png) no-repeat;} .es .tb, .es .t-count, .es .t-count button {background-image:url(/web/20120828132315/http://platform.twitter.com/widgets/images/tweet_es.png);} .fr .tb, .fr .t-count, .fr .t-count button {background-image:url(/web/20120828132315/http://platform.twitter.com/widgets/images/tweet_fr.png);} .de .tb, .de .t-count, .de .t-count button {background-image:url(/web/20120828132315/http://platform.twitter.com/widgets/images/tweet_de.png);} .ja .tb, .ja .t-count, .ja .t-count button {background-image:url(/web/20120828132315/http://platform.twitter.com/widgets/images/tweet_ja.png);} .tb:hover,.tb-focus {background-position:0 -21px;} .tb:active {background-position:0 -42px;} .ncount .t-count {display:none;} .hcount .tb {float:left; width:55px;} .hcount .t-count {background-position:0 -145px; float:left; height:20px; _position:relative; margin:0 0 0 3px; padding:0 0 0 8px;} .hcount .t-count button {background-position:right -145px; height:20px; min-width:26px; _width:26px; _position:relative; display:block; font:bold 12px Arial,Helvetica,sans-serif; color:#2A7090; margin:0 -1px 0 0; padding:0 4px 0 0;} .hcount .t-count.enabled:hover, .hcount .t-count-focus.enabled {background-position:0 -166px;} .hcount .t-count.enabled:hover button, .hcount .t-count-focus.enabled button {color:#30566D; text-shadow:0 1px 0 #fff; background-position:right -166px;} .vcount.tb-container {position:relative; height:50px; width:55px;} .vcount .tb {position:absolute; width:100%; margin-top:42px;} .vcount .t-count {position:absolute; width:100%; background-position:0 -63px; text-align:center; height:40px;} .vcount .t-count button {background-image:none; font:bold 16px Arial,Helvetica,sans-serif; color:#2A7090; height:34px;} .vcount .t-count.enabled:hover, .vcount .t-count-focus.enabled {background-position:0 -104px;} .vcount .t-count.enabled:hover button, .vcount .t-count-focus.enabled button {color:#30566D; text-shadow:0 1px 0 #fff;} .offscreen, .tb button {position:absolute; left:-999em;} .tb-container, .vcount .t-count, .hcount .t-count {display:block;} .hcount-es .tb, .vcount-es.tb-container {width:64px;} .hcount-ja .tb, .vcount-ja.tb-container {width:80px;} .hcount-fr .tb, .vcount-fr.tb-container {width:65px;} .hcount-de .tb, .vcount-de.tb-container {width:67px;} /* Handstamps */ .bling {display: inline-block; width: 13px; height: 12px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/social/handstamps.png?v=1346083760) no-repeat; text-indent: -1000em; overflow: hidden;} .crown {background-position: 0 0;} .viral {background-position: -14px 0;} .gold_star {background-position: -27px 0;} .top10, .top20, .top50, .top100 {width: 16px;height: 11px;} .top10 {background-position: -40px 0;} .top20 {background-position: -57px 0;} .top50 {background-position: -74px 0;} .top100 {background-position: -91px 0;} /* Crowns */ .award_large, .award_medium, .award_small, .award_icon {position: relative;display: inline-block;} .crown_enabled, .crown_disabled {position: absolute; display: block; background-image: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/awards/crowns.png); text-indent: -1000em; overflow: hidden;} .award_large .crown_enabled, .award_large .crown_disabled {top: -28px;left: -28px;width: 104px;height: 104px;} .award_medium .crown_enabled, .award_medium .crown_disabled {top: -21px;left: -21px;width: 76px;height: 76px;} .award_small .crown_enabled, .award_small .crown_disabled {top: -12px;left: -12px;width: 37px;height: 37px;} .award_icon .crown_enabled, .award_icon .crown_disabled {top: -9px;left: -8px;width: 20px;height: 21px;} .award_large .crown_enabled {background-position: 0 0;} .award_large .crown_disabled {background-position: -104px 0;} .award_medium .crown_enabled {background-position: -208px 0;} .award_medium .crown_disabled {background-position: -292px 0;} .award_small .crown_enabled {background-position: -208px -83px;} .award_small .crown_disabled {background-position: -249px -83px;} .award_icon .crown_enabled {background-position: -292px -83px;} .award_icon .crown_disabled {background-position: -312px -83px;} /* User Stats & Activity */ .user_stats, .user_activity {font: bold 13px helvetica, arial, sans-serif;} .user_stats table.stats {color: #666;text-align: center;border: 0;} .user_stats table.stats th {color: #999;padding: 2px 0;font-size: 11px;border: 0;background-color: #EFEFEF;} .user_activity ul li {float: left;width: 24.8%;color: #666;} .stats-icons { float:left; background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/icons/feed-stats.gif?v=1346083760) no-repeat scroll 0 0 transparent; height:14px; margin-right:5px;} .stats-posts { width: 12px; background-position:0 0;} .stats-responses { width:15px; background-position:-13px 0; } .stats-loves { width:15px; background-position:-29px 0; } .stats-hates { width:15px; background-position:-45px 0; } .stats-icons { float:left; margin-top:-4px;background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/icons/feed_stats.png?v=1346083760) no-repeat scroll 0 0 transparent; height:22px; margin-right:5px;} .stats-posts { width:15px; background-position:0 0;} .stats-responses { width:18px; background-position:-18px 0; } .stats-loves { width:18px; background-position:-35px 0; } .stats-hates { width:18px; background-position:-54px 0; } /* Tabs */ ul.Tabs { float:right; padding: 0; margin: 0; overflow: hidden;} ul.Tabs li { float:left; text-align:center; display: block; margin: 0; padding: 2px 0 0 0; overflow: hidden;} ul.Tabs a { font:bold 16px/18px 'helvetica neue',arial,sans-serif; padding:11px 20px 9px 20px; border:1px solid #D6D6D6; color:#666666; background: #e8e8e8; display: block; margin: 0;} ul.Tabs a:hover { background: none repeat scroll 0 0 #ddd; color: #07e;} ul.Tabs li.current {padding: 0;} ul.Tabs li.current a { color: #333; padding: 15px 20px; background:#fff; border: 5px solid #e8e8e8; } ul.Tabs li.custom a { background:none; border-color:#fff; color:#07e; padding-bottom: 8px; margin-bottom: 1px;} ul.Tabs.LargeTabs {height: 53px;} ul.Tabs.LargeTabs li {padding: 9px 0 0 0; height: 40px; margin: 0 0 4px 0;} ul.Tabs.LargeTabs li.current {padding: 0; height: 53px; margin: 0;} video.bf_video {display: block; margin: 0; padding: 0; background: #222;} /* Email Signup Box */ .email-promo-box { width:304px!important; background:#ffeeee url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/promos/envelope.png?v=1346083760) 230px 10px no-repeat;padding:11px 15px;border:1px solid #f4e4e4 } .email-promo-box h2 { margin-bottom:5px; font:bold 28px/1.2 helvetica,arial,sans-serif; } .box-a { background-position:230px 30px; } .email-promo-box.promo_new { width:306px!important; background:#FFEAE6 url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/promos/envelope.png?v=1346083760) 230px 15px no-repeat;border-top:1px solid #e32; } .email-promo-box.promo_new h2 { color:#e21; } #sailthru_email_form-1 {width:280px;font-size:15px;} #bar_announcement {clear: both; float: none; background-color: #328ce7; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.33, rgb(50,140,231)), color-stop(.67, rgb(50,150,232))); background-image: -moz-linear-gradient(center bottom, rgb(50,140,231) 33%, rgb(50,150,232) 67%);} #bar_announcement_area {position: relative; clear: both; float: none; width: 990px; margin: 0 auto; padding: 9px 0 11px 0; color: #fff; font:bold 13px/1.0em arial,helvetica,sans-serif; text-shadow: 0 -1px 1px rgba(0,0,0,.24);} #bar_announcement a.close {position: absolute; top: 9px; right: 0; padding: 0 5px 0 0 ; color: #fff; z-index: 3;} #bar_announcement p {clear: none; float: left; padding: 0 125px 0 0; margin: 0; font-size: 13px; line-height: 1.0em; font-weight: bold;} #bar_announcement p a {text-decoration: underline; color: #CADCFF; margin-left:5px; } #bar_announcement p a.react { text-decoration:none; background: #58B0EE; color:#fff; padding:1px 4px; } #bar_announcement a:hover {opacity: 0.64; color: #b5d5f6\0/;/*ie8*/} @media all and (min-width:1125px) { /* RESPONSIVE */ #bar_announcement_area { width: 1125px;} } #bar_announcement.stop_sopa {height: 69px; background: none;} #bar_announcement.stop_sopa #bar_announcement_fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 9001; background-color: #222; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.33, rgb(20,20,20)), color-stop(.67, rgb(62,62,62))); background-image: -moz-linear-gradient(center bottom, rgb(20,20,20) 33%, rgb(62,62,62) 67%); box-shadow: 0 2px 3px rgba(0,0,0,.12); max-height: 69px; overflow: hidden; } #bar_announcement.stop_sopa #bar_announcement_area {padding: 14px 0 16px 0;} #bar_announcement.stop_sopa p {font-size: 15px; line-height: 1.33em; padding-right: 250px;} #bar_announcement.stop_sopa p span {color: #fe0;} #bar_announcement.stop_sopa p span a {color: #fe0;} #bar_announcement.stop_sopa p span a:hover {color: #fff;} #bar_announcement.stop_sopa a.close2 {position: absolute; top: 15px; right: 0; padding: 1px 12px;} #bar_announcement.stop_sopa a.close2:hover {opacity: 1;} /* TWITTER WIDGET*/ .bfTwitterWidget {overflow-y: scroll; overflow-x: hidden;} .bfTwitterWidget .tweet {margin: 10px 5px;border: 1px solid #aaa;border-bottom: 2px solid #aaa;padding: 10px 5px;font-size: 14px;background: #eee;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#fff');background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));background: -moz-linear-gradient(top, #ddd, #fff);} .bfTwitterWidget .tweet:hover {background: #fff;} .bfTwitterWidget .tweet.link {cursor:pointer;} .bfTwitterWidget .tweet .tweet_img, .bfTwitterWidget .tweet .tweet_Handle, .bfTwitterWidget .tweet .tweet_message {display: inline;} .bfTwitterWidget .tweet .tweet_Handle {font-weight: bold;} .bfTwitterWidget .tweet .tweet_details {font-size: 10px; color: #aaa; margin-top: 5px;} /* BIG STORY UNIT */ /* .featured_section .partner-area{position:relative;padding:10px 18px 8px;overflow:auto;} */ .featured_section .wide-thumb { width:300px; height:125px; margin-bottom:8px; background-color:#EFE5CA; } .featured_section h2 {font:22px/1.1em Georgia,Times,serif;margin:0 0 8px; } .featured_section .description { line-height:1.3; margin-bottom:5px; } .featured_section .big-meta { float:left; width:100%; padding-bottom:0; padding-top:3px; line-height:13px!important; } .featured_section .big-meta .user-info{float:left;width:150px;padding-left:30px;} .featured_section .no-user-image .user-info{padding-left:0px;} .featured_section .big-meta .user-info img{float:left;margin:2px 5px 0 -30px;} .featured_section .partner-area a {display:inline;text-align:left;margin-bottom:0;} .featured_section .bf-user_image { margin-bottom:0!important;} .featured_section .partner-area .big-meta a{font-weight:bold;} .featured_section .partner-area .user-info{width:210px !important;} .featured_section .flex-wide-thumb { width:315px; height:112px; background-color:#EFE5CA; } .featured_section .campaign-wide-thumb { width:315px; height:112px; background-color:#EFE5CA; } .featured_section .big-meta .label {display:block;margin:3px 0 3px;font:9px/14px "Lucida Grande";text-transform:uppercase;color:#888; float: none !important; width: auto !important;} .ThreeColumns .Column2 .featured_section .partner-area { width: 300px; padding: 0px 5px 5px; margin: 5px -5px 20px; float:left;} .ThreeColumns .Column2 .featured_section .partner-area .flex-wide-thumb { position:static; width:300px; height:105px; margin-top: 5px; } .ThreeColumns .featured_section .partner-area .flex-wide-thumb { position:absolute; width:240px; height:85px; margin-top: 5px;} .ThreeColumns .featured_section .partner-area h2 { font: normal 21px/23px "ProximaNovaSemibold",Helvetica,Arial,sans-serif; text-shadow: 1px 1px 0 white; margin: 2px 0 6px; } /*.ThreeColumns .featured_section .partner-area p { display:none; }*/ .ThreeColumns .featured_section .partner-area .partner-area-label { width:80px; right:5px; bottom:5px; font-size:8px; color:#c8c8c0; text-align:right; } .ThreeColumns .featured_section .partner-area .username a { font-size:14px; } .ThreeColumns .featured_section .partner-area .user-info { width:150px!important; } /* preload share btns */ .preload-stumble-btn {min-width: 90px; height: 27px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/icons/placeholder-share-stumble.png?v=1346083760) no-repeat;} .preload-fb-like, .preload-fb-like-send, .preload-fb-wide-like, .preload-fb-wide-like-send {min-width: 50px; height:20px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/icons/placeholder-share-fb.png?v=1346083760) 0 0 no-repeat;} .preload-fb-like-send {min-width: 150px; background-position: 0 -50px;} .preload-fb-wide-like {min-width: 50px; height: 29px; background-position: 0 -100px;} .preload-fb-wide-like-send {min-width: 150px; height: 29px; background-position: 0 -150px;} .preload-twitter-hcount, .preload-twitter-vcount {background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/icons/placeholder-share-twitter.png?v=1346083760) no-repeat;} .preload-twitter-hcount {background-position: 0 -25px; min-width: 120px; height: 20px;} .preload-twitter-hcount a, .preload-twitter-vcount a {display: inline-block; text-indent: -9999px;} .preload-twitter-vcount {background-position: 0 -50px; min-width: 55px; height: 55px;} .preload-reddit-btn { width:120px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/social/faux_reddit.gif) no-repeat; } /* Sites Making Buzz */ ul.SitesMakingBuzz{float:left;width:100%;overflow:hidden;margin:0;} ul.SitesMakingBuzz li{float:left;width:100%;overflow:hidden;padding:0 0 12px;/*background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/css/images/global/lines/ddd.png?v=1346083760) top left repeat-x;*/} ul.SitesMakingBuzz li.top{background:0;xxxpadding:0;} ul.SitesMakingBuzz li .info{overflow:hidden;} ul.SitesMakingBuzz li h3{display:inline;font-weight:bold;font-size:13px;line-height:1.1em;margin-top:4px;} ul.SitesMakingBuzz li p.meta{display:inline;font-size:11px;margin:3px 0 5px;color:#aaa;} .hot_list ol li h2 {font:24px/1.2 Georgia,"Times New Roman",serif;margin:8px 0 6px;} .hot_list ol li p {margin:0 0 5px;} .hot_list ol li p a{font:12px/1.4 "Lucida Grande",verdana,tahoma,sans-serif;color:#222;} .hot_list ol li p .source{font-size:10px;color:#aaa;} .hot_list ol li .trend_num_box{position:absolute;left:-8px;top:7px;margin-top:4px;text-align:center;} .hot_list ol li .share_btn{float:left;margin-top:5px;width:120px;} .hot_list ol li .share_btn .facebook-like-login-pane { z-index:2; } .hot_list ol li .share_btn .signin_special { position:absolute; z-index: 3; } .hot_list ol li .share_btn .like_xfbml { z-index:1; } .hot_list .quick_link{margin-bottom:5px;} .hot_list .label{font:bold 11px "Helvetica Neue",helvetica,arial,sans-serif !important;color:#e32;text-transform:uppercase;} .hot_list .more-link {font:normal 12px "lucida grande",verdana,sans-serif !important;color:#5D97E8;} .hot_list a:hover .more-link {color:#e32;} .hot_list .quick_link .label{xdisplay:block;} .hot_list h2{margin:10px 0;} .trend_num{color:#FFF;padding:4px 10px;font:bold 20px/1.2 "Arial Black",arial,helvetica,sans-serif;background-color:#E32;letter-spacing:-1px;} .trend_rank_down .trend_num{background-color:#07E;} .trend_rank{padding:2px;color:#787878;background:#ECECEC;} .trend_rank span { font:11px arial,sans-serif; } .trend_rank_up .trend_rank span, .trend_rank_down .trend_rank span, .trend_rank_new .trend_rank span{background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/topics/rank_icons.png?v=1346083760) 0 0 no-repeat;} .trend_rank_up .trend_rank span{padding:0 0 0 12px;background-position:0 1px;} .trend_rank_down .trend_rank span{padding:0 0 0 12px;background-position:0 -24px;} .trend_rank_new .trend_rank span{font-weight:bold;font-size:10px;background-position:-500px -500px;} .hot_list .real_like_btn { height:21px; } /* HOT LIST */ .hot_list {width:336px;clear:both;} .hot_list img.thumb, .hot_on img.thumb{display:block;background:#f0f0f0;width:336px;height:125px; margin-left: -20px;} .hot_list ol li{float:left;position:relative;margin-bottom:22px;width:100%;} .hot_list ol li h2 {font:bold 21px/1.1 "Helvetica Neue",arial,helvetica,sans-serif;margin:8px 0 6px;} .hot_list ol li p {margin:0 0 5px;} .hot_list ol li p a{font:12px/1.4 "Lucida Grande",verdana,tahoma,sans-serif;color:#222;} .hot_list ol li p .source{font-size:10px;color:#aaa;} .hot_list ol li .trend_num_box{position:absolute;left:-8px;top:7px;margin-top:4px;text-align:center;} .hot_list ol li .share_btn{float:left;margin-top:5px;width:120px;} .hot_list ol li .share_btn .facebook-like-login-pane { z-index:2; } .hot_list ol li .share_btn .signin_special { position:absolute; z-index: 3; } .hot_list ol li .share_btn .like_xfbml { z-index:1; } .hot_list .quick_link{margin-bottom:5px;} .hot_list .label{font:bold 11px "Helvetica Neue",helvetica,arial,sans-serif !important;color:#e32;text-transform:uppercase;} .hot_list .more-link {font:normal 12px "lucida grande",verdana,sans-serif !important;color:#5D97E8;} .hot_list a:hover .more-link {color:#e32;} .hot_list .quick_link .label{xdisplay:block;} .hot_list h2{margin:10px 0;} .trend_num{color:#FFF;padding:4px 10px;font:bold 20px/1.2 "Arial Black",arial,helvetica,sans-serif;background-color:#E32;letter-spacing:-1px;} .trend_rank_down .trend_num{background-color:#07E;} .trend_rank{padding:2px;color:#787878;background:#ECECEC;} .trend_rank span { font:11px arial,sans-serif; } .trend_rank_up .trend_rank span, .trend_rank_down .trend_rank span, .trend_rank_new .trend_rank span{background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/topics/rank_icons.png?v=1346083760) 0 0 no-repeat;} .trend_rank_up .trend_rank span{padding:0 0 0 12px;background-position:0 1px;} .trend_rank_down .trend_rank span{padding:0 0 0 12px;background-position:0 -24px;} .trend_rank_new .trend_rank span{font-weight:bold;font-size:10px;background-position:-500px -500px;} .hot_list .real_like_btn { height:21px; } /* Hot On Referrers (A) */ .hot_on.multipost {margin-left: 0;} .hot_on .multipost-header {margin-bottom: 20px;color: #111;font: bold 18px arial, helvetica, sans-serif;} .BuzzPage .hot_on .mpost {width: 295px;} .hot_on .mpost h3 {margin-bottom: 10px;font-size: 15px;} .hot_on .mpost .badges {position: absolute;top: -8px;left: -8px;width: 50px !important;z-index: 2;} .hot_on .mpost .info {margin-left: 100px;} .hot_on .multipost-header span {position: relative;display: inline-block;padding-left: 22px; margin-left: 2px;} .hot_on .multipost-header span img {position: absolute;top: 0;left: 0;} .hot_on .multipost-header .facebook {color: #39579A;} .hot_on .multipost-header .twitter {color: #09B9ED;} .hot_on .multipost-header .stumbleupon {color: #666;} .hot_on .small-meta{margin-bottom: 5px;color: #aaa;font-size: 10px;} /* Hot On Referrers (B) */ .hot_on2.multipost {margin-left: -140px; margin-bottom: -4px; width: 625px;} .hot_on2 .multipost-header {margin-bottom: 16px;color: #111;font: bold 18px arial, helvetica, sans-serif;} .hot_on2 .mpost {position: relative; width: 300px; margin-left: 25px; min-height: 85px; margin-bottom: 5px;} .hot_on2 .mpost .badge img{position:absolute;left:-7px;top:-12px;width:50px;height:50px;} .hot_on2 .mpost.first {margin-left: 0;} .hot_on2 .mpost .badges {display: none; position: absolute; top: 45px; left: -8px; width: 50px !important; z-index: 2;} .hot_on2 .mpost .info {margin-left: 140px;} .hot_on2 .mpost h3 {font-size: 14px; line-height: 19px;} .hot_on2 .mpost .small-meta {padding-top: 8px; margin-bottom: 5px;color: #aaa;font-size: 10px;} .hot_on2 .mpost .small-meta a {font-weight: bold;} .hot_on2 .multipost-header span {position: relative;display: inline-block;padding-left: 22px; margin-left: 2px;} .hot_on2 .multipost-header span img {position: absolute;top: 0;left: 0;} .hot_on2 .multipost-header .facebook {color: #39579A;} .hot_on2 .multipost-header .twitter {color: #09B9ED;} .hot_on2 .multipost-header .stumbleupon {color: #666;} .hot_on2 .mo_link {padding: 10px 0 0 0; /* 16 if show badges */} /* FLEXPRO FORM STYLING */ #edit-flex-pro-form #qp_superlist { width: auto; } #edit-flex-pro-form .suplist_image_box { height: 46px; } #edit-flex-pro-form #suplist_post_buttons { float: right; } #edit-flex-pro-form #autocap_headline { right: inherit; margin-left: 10px;} #edit-flex-pro-form .autocap_note { margin-left: 60px; } #edit-flex-pro-form .autocap_note .autocap_on { color: #239c1a; } #edit-flex-pro-form #splash-size-warning { position: absolute; background: red; color: #FFF; padding: 5px; width: 150px; left: -15px; top: 135px; z-index: 20; display: none; border: 3px solid black} #edit-flex-pro-form #splash-size-warning .warning { font-size: 18px; font-weight: bold;} #edit-flex-pro-form #splash-size-warning p { margin-bottom: 0px; } #edit-flex-pro-form #splash-size-warning.visible { display: block; } #edit-flex-pro-form #splash-preview { position: relative; } #edit-flex-pro-form #splash-preview #splash-container { margin: 0px -115px; width: 860px; } /* make sure preview fits on the page */ #edit-flex-pro-form #splash-preview .splash-image-box { background: #FFF; /*height: 260px;*/ border: 5px solid white; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.18); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.18); box-shadow: 0 2px 3px rgba(0,0,0,.18); } #edit-flex-pro-form #splash-preview img { visibility: hidden; } #edit-flex-pro-form #splash-preview img.splash-img-visible { visibility: visible; } #edit-flex-pro-form #splash-preview fieldset { padding-bottom: 15px !important; } #edit-flex-pro-form #splash-preview fieldset > label { font-size: 14px; color: #363636; font-weight: bold; width: 80px; display: inline-block; } #edit-flex-pro-form #qp_superlist .suplist_col_left .suplist_image_box { height: auto; } #edit-flex-pro-form #qp_superlist .suplist_col_left .suplist_image_box img { height: auto; } #edit-flex-pro-form #splash-preview .radio-row { display: inline; float: none; } #edit-flex-pro-form #splash-preview .radio-row input[type=text] { width: 200px; margin-left: 10px; } #edit-flex-pro-form #splash-preview .radio-row li { display: inline; margin-right: 20px; float: none; } #edit-flex-pro-form #splash-preview .radio-row li label { font-size: 12px; color: #606060; float: none; } #edit-flex-pro #splash-preview > div { margin-top: 20px; } /* dfp story ad with video style */ .BuzzPage .partner-area { margin-top: 20px; position: static; padding: 10px; float: left; } .video-ad-unit.story-ad-unit .big-meta {width: 240px;} .video-ad-unit.story-ad-unit .user-info {width: 100%;} .video-ad-unit.bpage-ad-unit .video-unit { float: left; width: 100%; } .video-ad-unit.bpage-ad-unit .video-unit .video-content { margin: 10px 0 10px 0px; float: none; } .video-unit .video-preview { cursor: pointer; position: relative; line-height: 0; } .video-unit .video-preview .press-play { position: absolute; top: 50%; left: 50%; margin: -24px; width: 48px; height: 48px; background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/global/vid_play_button.png?v=1346083760) 0 -47px no-repeat; } .ie7 .video-content { margin-bottom: 10px; } .video-unit .video-preview:hover .press-play { background-position: 0px 0px; } .video-unit { margin: 0px 0px 10px 0px; background-color: #000; } .video-unit .video-reactions { background-color: #000; padding: 12px 5px 20px 5px;} .BuzzPage .video-unit .video-reactions { background-color: #000; padding: 12px 5px 25px 5px !important;} .video-unit .video-reactions.dfp-bf-margin { padding-top: 35px; } .ad-template-story .video-unit { width: 316px; } .video-unit .video-reactions a.bf-reaction { float: left; margin-right: 3px; margin-top:-6px; padding: 5px 10px 4px; font: bold 14px/1 Arial,Helvetica,sans-serif; text-align: center; text-transform: uppercase; color: black; border-radius: 2px; background: #FE0; background: -webkit-gradient(linear, left top, left bottom, from(yellow), to(#FFD400)); background-image: -moz-linear-gradient(top, #FF7, #FD0); border: 1px solid #FA0; border-left: 1px solid #FFA; border-top: 1px solid #FFA; } .video-unit .video-reactions a.bf-reaction:hover { background: #0077ee !important; color: #FFFFFF; border: 1px solid #049; } .video-unit .video-reactions a.bf-reaction.deactivated { background: #CCC !important; color: #777; border: 1px solid #777; cursor: default; } .video-unit .video-reactions a.bf-reaction.deactivated:hover { background: #CCC !important; color: #777; border: 1px solid #777; } .video-unit .fb-content{ line-height: 0px; } .video-unit .fb-content .icon { width: 24px; height: 22px; display: inline-block; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/social/facebook-share-button-small.png?v=1346083760) 3px 2px no-repeat; } .video-unit .fb-content .word { border-left: 1px solid #6273A6; vertical-align: 5px; padding-left: 8px; } .video-unit .fb-button { border-radius: 3px; font: bold 12px/1 "Lucida Grande",verdana,tahoma,sans-serif; color: white; background: -webkit-gradient(linear,left top,left bottom,from(#6D84B4),to(#415495)); background-image: -moz-linear-gradient(top,#6D84B4,#596C95); border: 1px solid #248; border-left: 1px solid #78E; border-top: 1px solid #89E; text-shadow: none; padding: 2px 5px 0px 5px; display: block; float: right; margin-top: -7px; } .video-unit .fb-content .fb-button:hover { color: white; background: #415495; border: 1px solid #234; } .video-unit .share-content {text-align: right; position: relative; float: right;} .video-unit .share-content .dfp-share-link {position: relative;} .video-unit .share-content a.dfp-share-link { font: bold 14px/1 Arial,Helvetica,sans-serif; position:relative; text-shadow: 0px 1px 1px rgba(0,0,0,.5); border: 1px solid #BBB; color: black; text-shadow: 0 1px 1px white; padding: 5px 5px 3px 32px; background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */ background: linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* W3C */ background-size: auto auto; border-radius: 3px; } .video-unit .share-content .dfp-share-link:hover { color: white; background: #666 !important; border: 1px solid #234 !important; text-shadow: none; } .video-unit .share-content #shareIcon {position: absolute; left: 5px; top: 2px; width:24px; height:20px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/embed/embed_post_icons.png?v=1337868145) 0 -146px no-repeat; } .video-unit .dfp-share-link:hover #shareIcon {background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/embed/embed_post_icons.png?v=1337868145) 0 -124px no-repeat;} .video-unit .dfp-share-link:hover {background: #505050; color: #FFF; text-shadow: none;} #reaction-message { color: #fff; padding: 3px 8px 8px 8px; background-color: #000; text-align: center; } #reaction-message h3 { display: inline; font-size: 18px; vertical-align: 0px; } #reaction-message .icon { width: 16px; height: 16px; display: inline-block; } #reaction-message .icon.checkmark { background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/ui/notification_icons.png?v=1346083760) 0px 0px no-repeat; margin-right: 2px; } #reaction-message .icon.timetoshare { margin-left: 2px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/icons/curved_arrow.png?v=1346083760) 0px 0px no-repeat; } /* TWITTER WIDGET */ .twtr-widget{float:left;} .VerticalSection .buzz{padding-top:0px;} /* UnSuper Tuesday */ .unsuperTuesday {width: 625px; height: 260px; display: block; margin: 10px 0 10px 10px;} .unsuperTuesday.date {background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/splash/unsuper_tuesday_time.jpg?v=1346083760)} /* PIN TEXT MODAL WINDOW */ #pin-text button:not(:first-child) {margin-left: 40px; } #pin-message { -moz-box-shadow: 1px 1px 2px #666666; -webkit-box-shadow: 1px 1px 2px #666666; box-shadow: 1px 1px 4px #666666; } /* Return to Mobile */ #bar_mobile_announcement {height:48px; background-color: #07E; text-align:center; width:100%;} #bar_mobile_announcement a {font:32px/48px "Helvetica Neue","Helvetica" !important; color:white;} /* SuperShare */ .supershare_button { background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/social/share-sprite.png); background-position: -1px 62px; width: 122px; height: 30px; cursor: pointer; } .supershare_button:hover { background-position: -1px 31px; } .pointer { cursor: pointer; } .ss_wrapper { width: 625px; background: rgba(249, 249, 254, 1); position: absolute; z-index: 5; border: 1px solid rgb(214, 214, 221); font-family: "ProximaNovaSemibold", Helvetica, arial, sans-serif; font-size: 11px; } .ss_wrapper .ss_info { width: 560px; padding: 20px; margin: 0 auto; background: rgb(247, 247, 247); border: 1px solid #ddd; box-shadow: 1px 1px #EEE; float: none; } .ss_info .clear { float: none; } .ss_info img { float: left; width: 110px; } .ss_info .ss_info_text { float: left; margin-left: 20px; width: 430px; } .ss_info .ss_info_text h4 { font: 16px "ProximaNovaSemibold", Helvetica, arial, sans-serif; margin-bottom: 3px; } .ss_wrapper h5 { text-transform: uppercase; padding: 8px; } .ss_wrapper > h5 span { color: red; } .ss_wrapper .ss_input_wrapper { } .ss_input_wrapper .ss_input_labels { float: none; width: 580px; margin: auto; } .ss_input_labels h5 { padding: 5px; } .ss_input_labels .fright { color: rgb(163,163,163); } .ss_input_labels .ss_num_chars { display: inline-block; } .ss_input_wrapper textarea { width: 570px; height: 50px; border: 1px solid #ddd } .ss_wrapper .ss_social_wrapper { width: 580px; margin: auto; } .ss_social_wrapper .ss_social_labels { width: 580px; } .ss_social_labels a { padding: 4px; } .ss_social_wrapper .ss_social_choices { width: 580px; } .ss_social_choices .ss_spinner { margin: auto; display: block; margin-top: 50px; } .ss_social_choices tr { width: 580px; display: block; padding: 5px; color: rgba(86, 104, 129, 1); } .ss_social_choices td { margin: 0 30px; padding: 0 10px; font-color: rgb(86,104,129); } .ss_social_choices tr.odd { background-color: rgb(236,236,242); } .ss_social_choices .logo { width: 17px; height: 18px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/social/share-sprite.png); } .ss_social_choices div.email-logo { background-position: -52px 80px; } .ss_social_choices div.twitter { background-position: -18px 80px; } .ss_social_choices div.facebook { background-position: 0px 80px; } .ss_social_choices div.tumblr { background-position: -35px 80px; } .ss_social_choices td.new_social { width: 400px; } .little-spinner { width: 16px; height: 16px; background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/spinners/small_on_white.gif); } .odd .little-spinner { background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/spinners/small_on_e6e6e6.gif); } .big-spinner { background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/spinners/big_on_e6e6e6.gif); width: 32px; height: 32px; margin-right: 20px; } .checkmark, .xmark, .delete { width: 16px; height: 16px; background-size: 16px!important; } .checkmark { background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/video-lightbox/checkmark.png); } .xmark { background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/video-lightbox/xmark.png); } .delete { background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/quickpost/chart_close.png); cursor: pointer; } .ss_social_choices .email { width: 350px; } .ss_social_choices .email input { line-height: 18px; width: 200px; display: inline; border: 1px solid #ddd; } .ss_social_choices .email span { width: 40px; display: inline-block; } .ss_social_choices .email_button { padding: 6px; background: #EEE; color: #AAA; font-size: 13px; font-weight: bold; margin-right: 15px; cursor: pointer; display: inline; float: none; text-transform: uppercase; margin-left: 15px; } .ss_social_choices ul.emails { width: 500px; margin: 10px auto; } .ss_social_choices .emails li { float: left; padding: 5px; margin: 5px; background: rgba(169, 202, 146, 1); color: #EEE; font-weight: bold; } .ss_social_choices .emails li span { margin-right: 7px; cursor: pointer; color: white; } .ss_social_choices .emails li p { display: inline; } .ss_wrapper .ss_social_buttons { float: right; margin: 30px; } .ss_social_buttons .close_button { padding: 6px; background: #EEE; color: #AAA; font-size: 13px; font-weight: bold; margin: 2px; margin-right: 15px; cursor: pointer; } .ss_social_buttons input { padding: 6px 24px; border: none; font-size: 13px; background: #005AF8; color: white; font-weight: bold; cursor: pointer;. } .ss_wrapper form { width: 580px; margin: auto; } .ss_wrapper .fright { float: right; } .ss_wrapper .fleft { float: left; } .ss_wrapper .clear { float: none; } .ss_wrapper .triangle2 { position: absolute; width: 0; height: 0; border-width: 20px; border-style: solid; border-color: transparent transparent rgba(249, 249, 254, 1) transparent; top: -40px; z-index: -1; pointer-events: none; } .ss_wrapper .triangle1 { border-color: transparent transparent #D6D6DD transparent; border-style: solid; border-width: 22px; position: absolute; top: -44px; z-index: -1; pointer-events: none; } /* iPhone style sliders Created by Damian Nicholson on July 25, 2011 http://damiannicholson.com/2011/07/25/css-experiment-iphone-like-checkbox-using-only-css3.html */ .ss_wrapper .checkbox { display: block; width: 63px; height: 18px; overflow: hidden; border-radius: 3px; } .ss_wrapper input[type=checkbox] { display: none; } .ss_wrapper input[type=checkbox] + label { text-indent: -9999px; display: block; width: 100px; height: 18px; line-height: 27px; background: transparent url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/sprites/iphone-checkbox.png) no-repeat -37.5px 0; -webkit-transition: background-position 0.3s ease-in-out; -moz-transition: background-position 0.3s ease-in-out; } .ss_wrapper input[type=checkbox]:checked + label { -webkit-transition: background-position 0.3s ease-in-out; -moz-transition: background-position 0.3s ease-in-out; background-position: -3px 0; } /* SMALL META BYLINE */ p.small-meta {width: 355px; float:left; font-size: 10px; margin-bottom: 0px;} p.small-meta .icon { background:url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/icons/small_meta_icons.png?v=1346083760); width:12px !important; height:12px; float:left; margin:1px 5px 0px 15px;} p.small-meta .generic-image{margin:1px 5px 0px 0px;} p.small-meta .response-image{background-position:0px -24px;} p.small-meta .time-image{background-position:0px -12px;} p.small-meta > * {float: left; font-size: 10px; color:#aaa; } /* float all the elements of the byline left */ p.small-meta a{color:#aaa;} p.small-meta a:hover{color:#222;} p.small-meta .tw-share-icon{background-position:0px -36px; margin-right: 0px;} p.small-meta .twitter-share{padding-left: 5px;} p.small-meta a:hover .twitter-share {color: #222 !important;} p.small-meta .fb-share-icon{background-position:0px -48px; margin-right: 0px;} p.small-meta .facebook-share{padding-left: 5px;} p.small-meta a:hover .facebook-share {color: #222 !important;} /* NEXT ON */ #next_on { margin: 10px auto; height: 125px; width: 625px; overflow: hidden; background: #F7F7F7; clear: both; float: none; } #next_on .leftPage { overflow: hidden; position: absolute; float: left; width: 355px; overflow: hidden; } #next_on .vertical_title_sprite { background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/homepage/homepage-sprite.png); position: absolute; right: 3px; top: 3px; z-index: 2; display: block; height: 30px; } #next_on.next_on_politics .vertical_title_sprite { background-position: 2px -31px; width: 83px; } #next_on.next_on_tech .vertical_title_sprite { background-position: 2px -62px; width: 64px; } #next_on.next_on_shift .vertical_title_sprite { background-position: 2px -93px; width: 85px; } #next_on.next_on_sports .vertical_title_sprite { background-position: 2px 0px; width: 105px; } #next_on.next_on_animals .vertical_title_sprite { background-position: 2px -125px; width: 108px; } #next_on .rightPage { float: right; padding: 10px 10px 10px 0; width: 250px; margin: 0 0 0 10px; } #next_on .rightPage span { color: #7a7a7a; font: 16px/1.1 'ProximaNovaRegular',Arial,Helvetica,sans-serif; text-transform: uppercase; } #next_on .rightPage span.next_arrow { font: 20px arial,sans-serif; } #next_on .rightPage h3 { font-size: 18px; margin: 10px 0 0 0;font: normal 21px/23px 'ProximaNovaSemibold',Helvetica,Arial,sans-serif; color: #000; } .SwitchUser {position:absolute;right:0px;top:50px;width:300px;background:#eee;z-index:1000; -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.6); -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.6);} .SwitchUser ul {margin:5px 0;display: block !important;} .SwitchUser li a {display:block; padding:6px 10px; overflow:hidden; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } .SwitchUser li a:hover {background: #07e; color:#fff;} .SwitchUser li img {margin-right: 7px; width:25px;height:25px;vertical-align:middle;} .switch-warning {float: left; background: #ffa; padding: 3px 7px; margin: 5px 0; font-size: 11px !important; font-weight: bold; border:1px solid #dd9;} .video_privacy_warning {float: none !important; clear: both !important; background: #ffa; padding: 5px 10px; margin: 3px 0 8px 0; font-size: 12px !important; border:1px solid #dd9; color: #551;} #quickpost-video .video_privacy_warning {width: 386px; margin: 14px 0 0 0;} #contribute-video-form .video_privacy_warning {width: 392px;} .switched-display_name {font-style: italic;} .close_switch_list_ui {position: absolute; right: -10px; top: -10px;} .editor-link {display: block; margin: 8px 0;} .editor-link .bold {font-weight: bold;} div.tabs-container {height: 30px;} ul.tabs li { border:1px solid black; padding:2px; float:left; margin-right:2px; background-color:#CCCCCC; } ul.tabs a { color:#000000; } ul.tabs li.selected { background-color:#FFFFFF;} /* HOT PARTNERS POSTS QUEUE */ div.queue {display: inline-block; vertical-align: top;} div.queue.hot-on-web-queue {float: right; margin-right: 100px;} div.hot-on-web-queue #editForm {margin-left: -430px;} li.hot-post {margin-top: 20px; width: 565px;} li.hot-post div { display: inline-block; vertical-align: top; max-width: 370px;} li.hot-post div .viral-data {color: red; font-size: 14px; display: block;margin-top: 5px;} li.hot-post a.post-header {font-size: 16px; font-weight: bold; margin-bottom: 5px;} li.hot-post a.post-link {background: none; text-decoration: none; color: black; margin-top: 4px;} li.hot-post .bold {font-weight: bold;} li.hot-post .gray {color: gray;} li.hot-post .post-image-container { padding: 4px; } li.hot-post div.post-operation-buttons { float: right; width: 50px;} li.hot-post div.post-operation-buttons a.action-button { width: 30px; height: 25px; display: block; margin-bottom: 6px; color: transparent;} li.hot-post div.post-operation-buttons a.action-button.edit { background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/icons/post-tools.png?v=1346083760) no-repeat -30px -125px; } li.hot-post div.post-operation-buttons a.action-button.prune { background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/icons/post-tools.png?v=1346083760) no-repeat -30px -75px; } h3.underline { border-bottom: 2px solid #696969; width: 290px; line-height: 25px;} h3.hot-on-web {width: 195px;} h3.hot-partner {width: 290px;} h3.removed-posts {width: 284px;} li.hot-post.side {width: 185px; margin-top: 20px;position: relative;} li.hot-post.side span.pos-number {position: absolute; bottom: 4px; left: 4px; padding: 4px 8px 5px 7px; background-color: #E32;font: bold 20px/1.2 "Arial Black",arial,helvetica,sans-serif; color: white;font-size: 14px; font-weight: 300;} li.hot-post div.action-buttons {float: right; width: 25px; margin-right: 20px; margin-top: 2px;} li.hot-post div.action-buttons a.action-button {width: 17px; height: 10px; display: inline-block;margin-bottom: 9px; color: transparent; } li.hot-post div.action-buttons a.reorder-up {background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/quickpost/superlist_action_icons.png?v=1346083760) no-repeat 0px -9px;} li.hot-post div.action-buttons a.reorder-down {background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/quickpost/superlist_action_icons.png?v=1346083760) no-repeat -17px -9px;} li.hot-post div.action-buttons a.edit {background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/quickpost/superlist_action_icons.png?v=1346083760) no-repeat -34px -13px; height: 15px; width: 15px; margin-left: 1px; margin-right: 1px;} li.hot-post div.action-buttons a.reorder-remove {background: url(/web/20120828132315/http://s3-ak.buzzfed.com/static/images/public/quickpost/superlist_action_icons.png?v=1346083760) no-repeat -47px -16px; width: 13px; margin-left: 2px; margin-right: 2px}