/* FILE ARCHIVED ON 16:24:11 Apr 23, 2013 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 15:44:04 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;} 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;} /* Generic Structure */ .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:3px 0;font:bold 18px/1.2 "Helvetica Neue",helvetica,arial,sans-serif; } .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; } .header span.subhead { font-size: 12px; font-weight: normal; margin-left: 5px; } .big-header { margin:0 0 15px; } .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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/spinners/small_on_white.gif?v=1366647964) left top no-repeat;padding-left:22px;margin:20px 0;line-height:16px;} .spinner-grey{background:url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/spinners/small_on_e6e6e6.gif?v=1366647964) 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/20130423162411/http://s3-ak.buzzfed.com/static/images/global/lines/aaa.png?v=1366647964) top left repeat-x;} .footer { margin-top:15px;} .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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/lines/menu-line.png?v=1366647964) 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/lines/menu-current.png?v=1366647964) 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; } .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/20130423162411/http://s3-ak.buzzfed.com/static/images/global/nav-arrow-blue.png?v=1366647964) 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! */ .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;} .PageSubHeaderNav {position: absolute; top: 14px; right: 10px; margin: 0; padding: 0;} .PageSubHeaderNav li {clear: none; float: left; font-size: 13px; height: 14px; line-height: 1.0em; padding: 0; margin: 0 0 0 13px;} .PageSubHeaderNav li:first-child {margin: 0;} .PageSubHeaderNav li a {font-weight: bold;} .PageSubHeaderNav li.boost {display: inline-block; margin-right: 2px; vertical-align: bottom;} .PageSubHeaderNav li.boost a {display: inline-block; color: #ee3322;} .PageSubHeaderNav li.boost a span {display: inline-block;} .PageSubHeaderNav li.boost a:hover {color: #0077ee;} .PageSubHeaderNav li.boost a .num {padding: 2px 6px; margin: 0; background: #ee3322; color: #fff; font-size: 11px; line-height: 11px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-family: Arial,Helvetica,sans-serif; vertical-align: bottom;} @media screen and (-webkit-min-device-pixel-ratio:0) {.PageSubHeaderNav li.boost a .num {padding: 1px 6px 3px 6px;}} /* i hate line height browser issues :| -g */ .PageSubHeaderNav li.boost a:hover .num {background: #0077ee;} .PageSubHeaderNav li.boost a .text {padding: 0 8px 0 0; overflow: hidden; background: url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/boost/cart_pointer.png) right 5px no-repeat; vertical-align: top;} .PageSubHeaderNav li.boost a:hover .text {background-position: right -15px;} /* .MainNav, .MainNav a, .SearchNav input, #usernav-profile, .xHotNav li, .xHotNav li a, .thumb-label, .badge, .std-posts .predict, .std-posts .predict input, .buzzfeed-everywhere {background: url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/global/buzzfeed.png?v=1366647964) no-repeat;} /* removed and replaced with other background */ .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;} .MainNav{position:absolute;bottom:0;width:990px;height:75px;} .MainNav li{float:left;margin-right:1px;} .MainNav li a {text-indent: -9999px; overflow: hidden;} .MainNav .nav-buzzfeed{display:block;left:0;width:302px;height:75px;} .MainNav .nav-viral{display:block;left:0;width:144px;height:45px;margin-top:30px;background-position:-303px -30px;} .MainNav .nav-launched{display:block;left:0;width:192px;height:45px;margin-top:30px;background-position:-448px -30px;} .MainNav .nav-whatshot{display:block;left:0;width:150px;height:45px;margin-top:30px;background-position:-641px -30px;} .MainNav .nav-buzzfeed:hover{background-position:0 -150px;} .MainNav .nav-viral:hover{background-position:-303px -180px;} .MainNav .nav-launched:hover{background-position:-448px -180px;} .MainNav .nav-whatshot:hover{background-position:-641px -180px;} .MainNav .current .nav-buzzfeed{background-position:0 -75px;} .MainNav .current .nav-viral {background-position:-303px -105px;} .MainNav .current .nav-launched {background-position:-448px -105px;} .MainNav .current .nav-whatshot {background-position:-641px -105px;} /* tmp override to hide whatshot nav item */ .MainNav .xxwhatshot {overflow: hidden; display: block; height: 69px; width: 150px; background: #fff;} .MainNav .xxwhatshot a {margin: 100px 0 0 0;} .ContentNav{position:absolute;top:10px;width:300px;} .ContentNav td{vertical-align:top;} .ContentNav td a{display:block;padding:0 0 4px; line-height: 1.25em;} .ContentNav td a.caps {font-size: 100%;} .capitalize a { text-transform:capitalize; } .capitalize .caps { text-transform:uppercase; } .has-menu { position:relative; } .has-menu a.menu-title { padding-right:14px; background: url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/icons/triangle.png?v=1366647964) right 4px no-repeat; } .dropdown-menu { display:none; z-index:9;} .has-dropdown:hover .dropdown-menu, .has-dropdown.hover .dropdown-menu { display:block; position:absolute; margin-left:-5px; padding:5px 0; background:#eee; z-index:99;-webkit-box-shadow:1px 4px 4px rgba(0,0,0,0.4);-moz-box-shadow:1px 4px 4px rgba(0,0,0,0.4);} .dropdown-menu li a { padding:2px 30px 2px 10px; } .dropdown-menu li a:hover { background:#07e; color:#fff; } /* .SearchNav{position: absolute; right: 187px; bottom: 7px; width: 150px; height: 25px; padding: 0;} .SearchNav form, .SearchBar form {position: relative; margin: 0; padding: 0;} .SearchNav input{width: 125px; height: 20px; padding: 5px 0 0 25px !important; border: 0 !important; background: url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/global/buzzfeed.png?v=1366647964) -653px -43px no-repeat !important; font-size: 13px;} .SearchNav input.active {background-position: -653px -118px !important;} .SearchNav input, .SearchBar input {outline:none;} .SearchBar {padding: 6px 0 5px 8px;} .SearchBar input {float: left;} .SearchBar input#header_search {width: 337px; height: 18px; padding: 4px 0 5px 27px; color: #707070; font-size: 15px !important; line-height: 18px !important; border: 2px solid #d3d3d3; border-right: none; background: #fff url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/global/buzzfeed.png?v=1366647964) -1203px -238px no-repeat; vertical-align: top;} .SearchBar input#header_search.active {color: #424242;} .SearchBar input.submit.action {background: #0077ee; width: 73px; height: 31px; padding: 7px 0 9px 0; font-size: 15px; line-height: 1.0em; font-weight: bold; margin: 0; vertical-align: bottom;} .SearchBar input.submit.action:active {padding: 8px 0;} .SearchBar input::-moz-focus-inner {border: 0; outline: 0;} */ #feed_update_notifier { width: 575px; 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/backgrounds/notifier_descender.png?v=1366647964) 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;*/} #usernav-signin a {font-weight:bold;} #usernav-image{float:left;} #usernav-menu a{display:block;width:167px;padding:6px 10px;border-top:1px solid #f6f6f6;border-bottom:1px solid #e2e2e2;} #usernav-menu a:hover{background:#07e;color:#fff;} #usernav-profile:hover #usernav-menu, #usernav-profile.hover #usernav-menu {display:block;} #usernav-loggingout {display: block;padding: 5px 5px 5px 45px;} .UserNav .fbicon { position:absolute; left:11px; bottom:1px; } #usernav-profile span.new-messages {display:absolute; bottom: 0; color:white; background:#ee3322; padding:1px 4px; -moz-border-radius:3px; border-radius:3px; font-size:12px; line-height:100%;} span.new-messages-top { -moz-box-shadow:1px 1px 2px #aaaaaa;-webkit-box-shadow:1px 1px 2px #aaaaaa;box-shadow:1px 1px 2px #aaaaaa; z-index:999; position:absolute; left:-5px; top:-3px; color:white; background:#ee3322; padding:3px 4px; -moz-border-radius:3px; border-radius:3px; font-size:12px; line-height:100%; letter-spacing:0px; font-weight:normal;text-shadow:none;-webkit-text-shadow:none;-moz-text-shadow:none;} .unified_header span.new-messages-top { display: none;} #usernav-profile span.greyed {background:#e2e2e2;} .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;} /* .HotHead */ .bf3_hot_head .HotHead{position:absolute;right:115px;top:11px;} .bf3_hot_head .HotHead .unit{float:left;display:block;position:relative;width:125px;height:83px;margin-left:5px;margin-right:10px;} .bf3_hot_head .HotHead .unit .thumbbb{position:absolute;top:0;left:0;width:125px;height:83px;} .bf3_hot_head .HotHead .unit .badge img{position:absolute;left:-7px;top:-10px;width:50px;height:50px;} .bf3_hot_head .HotHead .unit .no-badge{display:none;} .bf3_hot_head .HotHead .unit a.title{display:block;position:absolute;left:0;top:0;width:125px;height:83px;} .bf3_hot_head .HotHead .unit a.title span{display:block;width:113px;padding:0;text-indent:-9999px;overflow:hidden;} .bf3_hot_head .HotHead .unit:hover a.title span, .bf3_hot_head .HotHead .unit a.title:hover span{background:#07e;color:#fff;font:14px Georgia,serif;line-height:17px;padding:3px 6px;text-indent:0;cursor:pointer;} .bf3_hot_head .HotNav{position:absolute;right:90px;top:23px;width:26px;} .bf3_hot_head .HotNav .arrow{width:26px;height:26px;margin-bottom:8px;} .bf3_hot_head .HotNav .arrow a{display:block;width:26px;height:26px;overflow:hidden;text-indent:-9999px;} .bf3_hot_head .HotNav .prev{background-position:-6px -235px;} .bf3_hot_head .HotNav .next{background-position:-32px -235px;} .bf3_hot_head .HotNav .prev a{background-position:-58px -235px;} .bf3_hot_head .HotNav .next a{background-position:-84px -235px;} .bf3_hot_head .HotNav .arrow a:hover{opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);} .bf3_hot_head .HotNav .arrow a:active{opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);} .random-button{top:10px;margin-right:-10px;} /* Footer */ .PageFooter {border-top:2px solid #e32;margin:100px 0 20px 0;padding-bottom:50px;} .PageFooter li {float:right;margin:0 8px 0 0;padding-top:11px;font-size:12px;} .PageFooter li.left {float:left;} .PageFooter li .footer-hiring-image { vertical-align: -5px; display: inline-block; width: 107px; height: 29px; background:url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/global/buzzfeed_sprite.png?v=1366647964) no-repeat; background-position: -310px -45px; } /* Content Styles */ /* 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/icons/permalink.png?v=1366647964) 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; } /* small posts (sidebar) */ .small-posts{float:left;} .small-posts .post{position:relative;width:238px;min-height:50px;margin:0;padding:10px 0 10px 100px;} .small-posts .first{background:0;padding-top:10px;} .small-posts .top, .small-posts .post:first-child {padding-top:0;margin-top:0!important;} .small-posts .thumb-unit{position:relative;float:left;display:inline;width:90px;margin-left:-100px;} .small-posts .thumb-unit img { width:90px; height:60px; } .small-posts h2{font:bold 14px/1.3 "Lucida Grande",tahoma,verdana,sans-serifrif; margin-bottom:5px;} .small-posts .description { font-size:11px; font-weight:normal; line-height:14px; max-height:44px; overflow:hidden; text-overflow:ellipsis} .small-posts .badge { position:absolute; left:-15px; top:0px; } .sidebar-post .meta{color:#aaa;margin-top:5px;} .sidebar-post .meta img{float:left;margin-right:5px;} .sidebar-post .meta img.bf-user_image_large {float:left;margin-right:5px; width:30px; height:30px;} .sidebar-post .meta span{display:block;font-size:10px;text-transform:uppercase;color:#888;margin:3px 0;} .sidebar-post .meta a{font-size:15px;font-weight:bold;color:#07e;margin-top:3px;overflow:visible;} ul.small-posts .bf-user-info a.username{font-size:13px;font-weight:bold;color:#07e;margin-top:3px;overflow:visible;} .small-posts .editor-avator {position:relative;float:left;display:inline;width:70px;margin-left:-100px;} .small-posts .editor-avator img { width:70px; height:70px; } .small-posts .editor-meta { line-height:1.4em; font-size:14px;margin-bottom:10px;} .small-posts .editor-meta h2 {clear: both; float: none; display: block; font:normal 16px "helvetica",arial,sans-serif;margin-bottom:3px;margin-right:2px;} .small-posts .editor-meta h2 a {font-weight:bold; font-size:20px;} .small-posts .editor-meta p {font-size: 13px; padding: 0; margin: 0;} .small-posts .editor-meta em {font:bold 10px arial,helvetica,sans-serif;color:#444;font-style:normal;} .small-posts .twitter-follow_btn {margin: 5px 0 2px 0;} .small-posts .rss-btn {display:inline;} /* wide posts (sidebar) */ .sidebar-post {position:relative; float:left;} .sidebar-post-wide img {width:338px; height:119px; margin-bottom:5px;} .sidebar-post h2 {font:normal 19px/21px "ProximaNovaSemibold",Helvetica,Arial,sans-serif !important; display:inline-block;} .sidebar-post-small h2 {display:inline;} .sidebar-post-small .thumb {float: left; margin-bottom: 15px; margin-right: 10px;} .sidebar-post .badge img {width:50px; height:50px; position: absolute; left: -15px; top: -5px;} .sidebar-post {margin-bottom:15px;} /* big posts (sidebar) */ .big-posts {float: left;position: relative;margin-bottom: 22px;width: 100%;} .big-posts h2 {font:24px/1.2 Georgia,"Times New Roman",serif;margin:8px 0 6px;} .big-posts .more-link {font: 12px "lucida grande",verdana,sans-serif !important;} .big-posts .more .fb-like {float:left;} /* 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/spinners/small_on_f6f6f6.gif?v=1366647964) center center no-repeat; } .contrib .video-embed-noflash { background:#e6e6e6 url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/spinners/noflash.png?v=1366647964) 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/contrib/grey_arrow.png?v=1366647964) no-repeat; min-height:35px; padding-top:5px; } .contrib.wide .who { float: right; width: 160px; background:url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/contrib/grey_down_arrow.png?v=1366647964) no-repeat; margin: 0 0 10px 0; padding: 20px 0 0 5px; min-height: 5px; } .contrib.ad .who { background:url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/contrib/orange_arrow.png?v=1366647964) no-repeat; } .contrib.ad.wide .who { background:url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/contrib/orange_down_arrow.png?v=1366647964) 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/icons/contrib-icons.png?v=1366647964) 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;} .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;} .popup_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;} .popup_box .alert_form label {display: block; margin-bottom: 5px; font: normal 14px 'Helvetica Neue',Arial,Helvetica,sans-serif;} .popup_box .form_header {font-size: 18px; display: block; background: #e7e7e7; border-bottom: 1px solid #d8d8d8; height: 30px; padding: 10px;} .popup_box .form_header #current_status {font-size: 10px; margin-top: 4px;} .popup_box .form_header h1 {font:bold 20px 'Helvetica Neue',Arial,Helvetica,sans-serif; color: #363636; text-transform: uppercase; float: left} .popup_box .form_header .alert_close_btn {font-weight: bold; color: #B8B8B8; float: right;} .popup_box .form_header .alert_close_btn:hover {cursor: pointer;} .popup_box .form_elements {clear: both; padding: 10px; border-bottom: 1px solid #e1e1e1;} .popup_box .form_btns {height: 40px; padding: 10px; border-top: 1px solid #ffffff;} .popup_box .warning {color: #ee3322;} .popup_box #bad_date {padding-left:40px;} #action_success_message {font-size: 20px; color: #ee3322;} /* Old Button - do we use this any more??? */ .button{padding:3px 10px;font-size:12px;font-weight:normal;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#d6d6d6)); background-image:-moz-linear-gradient(top, #fff, #d6d6d6);background-color:#eee;color:#111;border: 1px solid #CCC;} .action{padding:3px 11px;background:-webkit-gradient(linear,left top,left bottom,from(#2299ff),to(#0077ee)); background-image: -moz-linear-gradient(top, #2299ff, #0077ee);;background-color:#07e;color:#fff;border-color:#29f;border:0;} .action:hover {color: #FFF;} .button:hover{background:-webkit-gradient(linear,left top,left bottom,from(#2299ff),to(#0055cc)); background-image: -moz-linear-gradient(top, #2299ff, #0055cc);background-color:#29f;color:#fff;border-color: #045DD2;} input.button { *width:1;*overflow:visible;*padding:0 5px; /* fix ie button width issues */ } .big.button { font-size:16px; padding:5px 18px;border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:17px} /* 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(#fdfdfd),to(#e7e7e7));background-image:-moz-linear-gradient(top,#fdfdfd,#e7e7e7);border:1px solid #d0d0d0;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);box-shadow: inset 1px 1px 5px #AAA; -moz-box-shadow: inset 1px 1px 5px #AAA;-webkit-box-shadow: inset 1px 1px 5px #AAA;} .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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/social/facebook-share-button.png?v=1366647964) 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; letter-spacing: normal; } .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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/social/facebook.png?v=1366647964) 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/social/facebook-share-button-icons.png?v=1366647964) 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/social/facebook-share-button-icons.png?v=1366647964) -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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/social/facebook-share-button-icons.png?v=1366647964) -2px -18px 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/social/facebook-share-button-icons.png?v=1366647964) 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;} /* 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/20130423162411/http://s3-ak.buzzfed.com/static/images/email/share_button.png?v=1366647964) 0 0 no-repeat; width: 16px; height: 11px;} .shareBtn.big .su_icon {margin: 5px 5px 0 5px; background: url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/icons/su_share_icon.png?v=1366647964) 0 0 no-repeat; width: 18px; height: 18px;} .shareBtn.big .cancel_icon {margin: 5px 5px 0 5px; background: url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/ui/notification_icons.png?v=1366647964) 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/20130423162411/http://s3-ak.buzzfed.com/static/images/email/share_button_small.png?v=1366647964) 0 0 no-repeat; width: 16px; height: 11px;} .shareBtn.small .su_icon {margin: 1px 3px 0 3px; background: url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/icons/su_share_icon_small.png?v=1366647964) 0 0 no-repeat; width: 18px; height: 18px;} .shareBtn.small .boost_icon {margin: 1px 3px 0 3px; background: url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/icons/boost_icon_small.png?v=1366647964) 0 0 no-repeat; width: 18px; height: 18px;} .shareBtn.small .boost_icon {margin: 1px 3px 0 3px; background: url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/icons/boost_icon_small.png?v=1366647964) 0 0 no-repeat; width: 18px; height: 18px;} .shareBtn.small .email_black_icon {margin: 3px 4px 0 4px; background: url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/global/buzzfeed_sprite.png?v=1366647964) -461px -209px no-repeat; width: 15px; height: 10px;} .shareBtn.small .phone_icon {margin: -1px 5px 0 5px; background: url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/global/buzzfeed_sprite.png?v=1366647964) -461px -254px no-repeat; width: 10px; height: 16px;} .suplist_long .shareBtn.small{height:auto;} .suplist_long .shareBtn.small .email_icon{float: left;} .suplist_long .shareBtn.small .label{float:right;} .button2.huge { font-size:32px; line-height:3; letter-spacing:-1px; 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);} .button2.grey.selected { color: #fff;} /* other controls */ .spinner-text {background: url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/spinners/small_on_white.gif?v=1366647964) left top no-repeat; padding-left: 22px; line-height: 2.0em;} .spinner-text.on_grey {background-image: url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/spinners/small_on_f6f6f6.gif?v=1366647964);} /* Slideshow */ .Slideshow-Controls { position:fixed; top:0; left:0; width:100%; height:62px; background:url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/slideshow/toolbar-bkgd.png?v=1366647964) 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/slideshow/next-button.png?v=1366647964) 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/slideshow/paging-bkgd.png?v=1366647964) 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; } /* 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; } /* 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/lines/horizontal-grey.png?v=1366647964) 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/20130423162411/http://s3-ak.buzzfed.com/static/images/ui/yaybtn.png?v=1366647964) 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/20130423162411/http://s3-ak.buzzfed.com/static/images/partner/trident/smiley_contrib.png?v=1366647964); background-repeat: no-repeat; background-position: 50% 0%; width: 20px !important; height: 10px !important; padding: 5px 0} /* 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/icons/permalink.png?v=1366647964) 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/20130423162411/http://platform.twitter.com/widgets/images/tweet.png) no-repeat;} .es .tb, .es .t-count, .es .t-count button {background-image:url(/web/20130423162411/http://platform.twitter.com/widgets/images/tweet_es.png);} .fr .tb, .fr .t-count, .fr .t-count button {background-image:url(/web/20130423162411/http://platform.twitter.com/widgets/images/tweet_fr.png);} .de .tb, .de .t-count, .de .t-count button {background-image:url(/web/20130423162411/http://platform.twitter.com/widgets/images/tweet_de.png);} .ja .tb, .ja .t-count, .ja .t-count button {background-image:url(/web/20130423162411/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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/social/handstamps.png?v=1366647964") 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/20130423162411/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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/icons/feed-stats.gif?v=1366647964) 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/icons/feed_stats.png?v=1366647964) 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/promos/envelope.png?v=1366647964) 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/promos/envelope.png?v=1366647964) 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;} .partner-area { background-color:#FDF6E5!important; } .partner-area-label { position: absolute; bottom: 10px; right: 10px; font-size:9px; color:#999; text-transform:uppercase; } .editorial-area { background-color:#f4f4f4!important; } .editorial-area .partner-area-label { display:none; } /* 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; } /* BIG STORY UNIT */ .featured_section .partner-area{position:relative;padding:10px;overflow:auto;margin:0 0 10px 0;} .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 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; 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 .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;} .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} .ThreeColumns .Column2 .featured_section .partner-area { width: 300px; padding: 0px 5px 5px; margin: 5px -5px 20px;} .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: 6px 0 6px; } /*.ThreeColumns .featured_section .partner-area p { display:none; }*/ .ThreeColumns .featured_section .partner-area .partner-area-label { width:50px; 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; } /* 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 */} /* preload share btns */ .preload-stumble-btn {min-width: 90px; height: 27px; background: url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/icons/placeholder-share-stumble.png?v=1366647964) 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/icons/placeholder-share-fb.png?v=1366647964) 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/icons/placeholder-share-twitter.png?v=1366647964) 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/20130423162411/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/20130423162411/http://s3-ak.buzzfed.com/static/images/global/lines/ddd.png?v=1366647964) 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;} /* Page Structure */ .PageContainer{width:990px;margin:0 auto;padding:0 15px;background-color: #FFF; position: relative;} .TwoColumns .Column1{width:625px;margin-right:29px;} .TwoColumns .Column2 {float: right;width:336px; /*padding-top:15px;*/} .OneColumn .Column1{width:990px;margin-right:0;} /*.UserPage .PageContainer { padding: 0px 5px 0px 5px}*/ /*.HomeSection .PageContent{background:url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/global/lines/aaa.png?v=1366647964) 649px top repeat-y;}*/ .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; } /* ADMIN TOOLS - these should be in homepage.css now */ /*.cts_over{position:absolute;right:7px;top:8px;width:159px;height:25px;background:url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/backgrounds/stats-overlay-sprite.png?v=1366647964) no-repeat;font-family:arial,helvetica,sans-serif;} .std-posts .cts_over{top:18px;} .std-posts .first .cts_over{top:0px;} .cts_hidden .cts_over,.cts_hidden #cts_loading{display:none;} .cts_over_red{background-position:0 -75px;} .cts_over_yellow{background-position:0 -25px;} .cts_over_green{background-position:0 -50px;} .inline-post .cts_over{top:15px;} .cts_over a.activate{color:white;font-size:14px;line-height:25px;font-weight:bold;display:block;width:35px;height:35px;margin:1px 2px 5px 2px;float:left;position:relative;cursor:pointer;} .cts_over a.activate:hover{opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);} .cts_over a.cts_over_col{width:70px;text-align:right;float:left;display:block;height:25px;} .cts_over.cts_over_no_clicks{right:0;} .cts_over.cts_over_no_clicks a{float:none;} .cts_over.cts_over_no_clicks a img{margin-left:10px;} .cts_over.cts_over_promo{right:7px;width:82px;} .cts_over.cts_over_promo a{width:auto;float:right;padding-right:7px;} .cts_multiplier{display:none;line-height:12px;color:white;position:absolute;bottom:0;right:0;font-size:10px;font-weight:bold;background:black;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);} .cts_info{color:white;text-align:center;font-size:10px;} .cts_flyout{width:500px;height:230px;background:url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/backgrounds/clickstats-flyout.png?v=1366647964) no-repeat;position:absolute;z-index:99999;top:20px;right:37px;display:none;} .cts_flyout_spinner{margin:80px 0 0 210px;background:#000;padding:20px;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;} .cts_flyout_col{width:230px;float:left;margin:50px 0 0 15px;} .cts_flyout .cts_flyout_col ol li{color:#ddd;font-size:12px;line-height:18px;border:0;margin-bottom:0;padding-bottom:0;} .cts_flyout_col li strong{color:white;font-size:14px;} .cts_flyout_col ol{margin:10px 0;} .cts_flyout_col table{table-layout:fixed;width:230px;} .cts_flyout_col table td{color:#fff;height:26px;padding:0;font-size:16px;font-weight:bold;text-align:right;line-height:0.8!important;xxxborder:1px solid #eee;vertical-align:bottom;} .cts_flyout_col table td.cts_label{color:#ccc;font-size:10px;text-transform:uppercase;text-align:left;padding-left:7px;vertical-align:bottom;font-weight:normal;} .cts_flyout_col table td a.refer{margin-left:2px;} .cts_flyout_col span.ago{font-size:12px;color:#fff;} .cts_over small,.cts_flyout_col small{font-size:90%;padding-left:1px;} #cts_loading{position:fixed;top:0;left:0;right:0;z-index:99999;background:#444;height:35px;border-bottom:1px solid #333;} #cts_loading img{position:absolute;left:50%;margin:7px 0 0 -105px;} #cts_loading a{color:#fff;float:right;padding:10px 15px;} body.cts_visible{margin-top:35px;} body.cts_hidden{margin-top:0;} */ /* 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; margin: 0px 8px 10px 0; 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/social/social-actions2.png?v=1366647964);} .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 {} .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 #smileyfeed_button a {text-indent: -9999px; display: block; background: none; padding: 0px !important; margin: 0 2px !important; border: 0px !important; background-image: url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/partner/trident/smiley_reaction.png?v=1366647964); 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/20130423162411/http://s3-ak.buzzfed.com/static/images/partner/pizzahut/reaction_irresistible.png?v=1366647964); background-repeat: no-repeat; height: 70px !important; } .social-actions .badge-voting #pizzahut_button a { margin-top: 40px; width: 110px !important; } .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 .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:100%; padding-right:15px; padding-bottom:5px; float:left; xclear:both;} .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; display: inline;} .SocialActions .v {width:425px;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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/spinners/small_on_yellow.gif?v=1366647964);} #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;} #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;} #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/20130423162411/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 { text-align: center; 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/20130423162411/http://s3-ak.buzzfed.com/static/images/ui/notification_icons.png?v=1366647964) 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; } /* woah r kelly */ .social-actions .lovehate-buttons { display: inline; margin-left: 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/social/lovehate-16.png?v=1366647964) 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/20130423162411/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:4px; } .buzz_attribution a.has_icon {background: url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/quickpost/attribution_icons.png?v=1366647964) 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/quickpost/suplist_usertip_arrows.png?v=1366647964) 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;} /* SIDEBAR FEATURED UNITS - NEW STYLE FOR EVERYWHERE - politics is default */ .sidebar_featured_unit { background:#f4f4f4; margin-bottom:20px!important; box-shadow:1px 1px 0 #e4e4e4;} .sidebar_featured_unit h2 { width:325px; height:90px; margin:0 0 3px 11px; } .sidebar_featured_unit h2 a { display:block; width:325px; height:90px; background:url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/verticals/featured_box_headers.png?v=1366647964) no-repeat; overflow:hidden; text-indent:-9999px; } .sidebar_featured_unit .item { position:relative; margin:5px 0 0 11px; width:314px; height:111px; } .sidebar_featured_unit ul .item:first-child { margin-top:0; } .sidebar_featured_unit .item img { width:314px; height:111px; } .sidebar_featured_unit .item h3 { font:bold 16px/22px arial,helvetica,sans-serif; } .sidebar_featured_unit .item h3 a { position:absolute; left:0; top:0; width:336px; height:111px; } .sidebar_featured_unit .item h3 a span { position:absolute; bottom:10px; left:10px; max-width:290px } .sidebar_featured_unit .item h3 a span b { padding:0 0 0 0; color:#fff; background:#07e; box-shadow: 1px 1px 0 4px #07e;} .sidebar_featured_unit .item h3 a:hover span b { background:#e32; box-shadow: 1px 1px 0 4px #e32; } .sidebar_featured_unit .buttons a { display:block; width:313px; margin:0 0 8px 11px; padding:5px 0; background:#ddd; color:#333; font:bold 13px arial,helvetica,sans-serif; border:1px solid #d4d4d4; border-top:0; border-left:0; text-shadow:1px 1px 0 rgba(255,255,255,0.3); float:left;} .sidebar_featured_unit .buttons a:hover { background:#07e; color:#fff; text-shadow:-1px -1px 0 rgba(0,0,0,0.3); } .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;} /* SIDEBAR UNIFIED MODULE */ .sidebar_featured_unified{float:left;background:none; box-shadow:none;} .sidebar_featured_unified h2 a{background:none; text-indent: 0px; height:auto; float:left;padding:5px 0;font:bold 18px/1.2 "Helvetica Neue",arial,helvetica,sans-serif; color: } .sidebar_featured_unified ul li{float:left;position:relative;float:left;width:316px;margin-bottom:0;padding: 0 0 25px;} .sidebar_featured_unified ul li h3{float:left;font:bold 21px/1.1 "Helvetica Neue",arial,helvetica,sans-serif;margin:5px 0 4px; background:none; text-shadow:1px 1px 0 #fff;} .sidebar_featured_unified ul li h3 a span{top:130px;left:0px;} .sidebar_featured_unified ul li h3 a span b{background:none; box-shadow:none; color:#07e; font-weight:500;} .sidebar_featured_unified ul li h3:hover a span b{background:none; box-shadow:none; color:#E32;} .sidebar_featured_unified ul li h3:hover a{} .sidebar_featured_unified ul li img.thumb{float:left;background:#f0f0f0;width:336px;height:114px;} .sidebar_featured_unified .blurb{font-size:12px; margin:5px 0 0; line-height:1.4; font-weight:300;} .sidebar_featured_unified .user-info-small{float:left; position:relative; width:330px; padding:2px 3px 3px; margin:0; background:#f2f2f2; border-top:1px solid #eee; } .sidebar_featured_unified .user-info-small .username{float:left; margin:7px 0 0 7px; font-size:13px; font-weight:bold;} .sidebar_featured_unified .user-info-small img{width:30px; height:30px; float:left;} .sidebar_featured_unified .more{float:left;} .sidebar_featured_unified .verticals_mini_title {position: absolute; background: url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/homepage/homepage-sprite.png) no-repeat; right: 5px; top: 5px;} .sidebar_featured_unified .verticals_mini_title_politics {width: 83px; background-position: 2px -31px; height: 30px;} .sidebar_featured_unified .verticals_mini_title_tech {width: 64px; background-position: 2px -62px; height: 30px;} .sidebar_featured_unified .verticals_mini_title_shift {width: 85px; background-position: 2px -93px; height: 30px;} .sidebar_featured_unified .verticals_mini_title_sports {width: 105px; background-position: 2px 0px; height: 30px;} .sidebar_featured_unified .verticals_mini_title_animals {width: 108px; background-position: 2px -125px; height: 30px;} .sidebar_featured_unified .verticals_mini_title { position:absolute;right:3px; top:3px; } .TwoColumns #featured-viral-flow .small-posts img.pinned-image { width:336px; height:118px; } /* special formatting for just index.5.2.web.tt, remove once consolidated with 3 column */ .TwoColumns #featured-viral-flow .small-posts h3 { font: bold 21px/1.1 "Helvetica Neue",arial,helvetica,sans-serif;} .TwoColumns #featured-viral-flow .small-posts { width: 336px;} #featured-viral-flow .small-posts .badges { position:absolute; top: -8px; left: -8px;} #featured-viral-flow .small-posts .headline-label { position:absolute; top: 0px; left: 0px; padding: 3px 6px; font: bold 12px/12px "ProximaNovaExtrabold", "Helvetica Neue",arial,helvetica,sans-serif; text-transform: uppercase; background: #F03011; color: white;} .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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/topics/rank_icons.png?v=1366647964") 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; } .PageFooter { border-top: 2px solid #EEE; margin-top: 15px; text-align: center; padding-bottom: 0px; } .PageFooter a { color: #07e !important;} .PageFooter ul { margin: 15px 0px;} .PageFooter ul li { float: none; display:inline; line-height: 170%;} .PageFooter .nyc-pride .left { float: none;} .PageFooter .nyc-pride { display: block;} /* 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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/topics/rank_icons.png?v=1366647964") 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; } /* 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/20130423162411/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;} /* 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: 735px; } /* make sure preview fits on the page */ #edit-flex-pro-form #splash-preview #splash-container2, #edit-flex-pro-form #splash-preview #splash-container1 { 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; } /* UnSuper Tuesday */ .unsuperTuesday {width: 625px; height: 260px; display: block; margin-top: 10px;} .unsuperTuesday.date {background:url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/splash/unsuper_tuesday_time.jpg?v=1366647964)} .unsuperTuesday.live {background:url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/splash/unsuper_tuesday_now.jpg?v=1366647964)} /* SIgnin Anywhere Badge Styles */ .PageContainer.iframe { margin: 0px; padding: 0px; overflow: hidden; width: inherit; } .iframe .social-actions { margin: 25px 10px; } .iframe .social-message { width: 290px; } #arrowBorderReact { position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 0; border-bottom-color: #000; } /* dfp story ad with video style */ .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/20130423162411/http://s3-ak.buzzfed.com/static/images/global/vid_play_button.png?v=1366647964) 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-content { float: none; } .video-unit .video-reactions { background-color: #000; padding: 0 5px; height: 25px; padding-top: 12px;} .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: 23px; height: 22px; display: inline-block; background: url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/social/facebook-share-button-small.png?v=1366647964) 3px 2px no-repeat; } .video-unit .fb-content .word { border-left: 1px solid #6273A6; vertical-align: 5px; padding-left: 6px; font-size: 14px; } .video-unit .fb-button { border-radius: 2px; 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: 0px 6px 0px 4px; display: block; float: right; margin-top: -6px; } .ie9 .video-unit .fb-button, .ie8 .video-unit .fb-button { background: #6D84B4; } .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/20130423162411/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/20130423162411/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/20130423162411/http://s3-ak.buzzfed.com/static/images/ui/notification_icons.png?v=1366647964) 0px 0px no-repeat; margin-right: 2px; } #reaction-message .icon.timetoshare { margin-left: 2px; background: url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/icons/curved_arrow.png?v=1366647964) 0px 0px no-repeat; } /* Metric Abbreviations for MM, K, etc. */ .metric-abbr { font-size: 75%; } /* 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/20130423162411/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/20130423162411/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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/spinners/small_on_white.gif); } .odd .little-spinner { background: url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/spinners/small_on_e6e6e6.gif); } .big-spinner { background: url(/web/20130423162411/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/20130423162411/http://s3-ak.buzzfed.com/static/images/public/video-lightbox/checkmark.png); } .xmark { background: url(/web/20130423162411/http://s3-ak.buzzfed.com/static/images/public/video-lightbox/xmark.png); } .delete { background: url(/web/20130423162411/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/20130423162411/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; }