/* CONCATENATED FILE CONTAINS THE FOLLOWING LEGACY FILES: FONT-AWESOME.CSS DEFAULT.5.CSS */ /*html { font-size: 62.5%; } body { font-size: 1.4rem; } /* =14px */ @charset "UTF-8"; /* BEGIN DEFAULT.5.CSS /* defaults */ body { color: #111; background: #fff;} body.uk_edit{background:url(/static/images/public/uk/uk.jpg?v=1480702880);} 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;}_cam img {-ms-interpolation-mode: bicubic; border: 0;} :focus, :active {outline: 0;} p {margin-bottom: 10px; line-height: 1.4em;} object, embed, iframe {z-index: 1;} iframe {overflow: hidden;} .nobold {font-weight: normal;} sup, sub { font-size: 80% } /* infinite sidebar AB test */ .infinitesidebar a, .infiniteviralsidebar a {color: #222; text-decoration: none;} /* default classes */ .left {clear: none; float: left;} .right {clear: none; float: right;} .middle {position: absolute; right: 0; left: 0; margin: 0 auto;} .clear {clear: both;} .c {clear: both; float: none;} .c:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;} .rel {position: relative;} .abs {position: absolute;} .no-border {background: 0 !important;} .hidden {display: none !important;} .invisible {visibility: hidden !important;} .condense { letter-spacing:-1px; } .no_wrap {white-space: nowrap;} .print {display: none;} .grid_padding{padding:10px;} ul.bullets { list-style-type: square; margin: 0 0 24px 20px; } ul.bullets li { margin-bottom: 5px; } ul.two-col { float:left; width:100%; margin-bottom:24px; } ul.two-col li { float:left; width:50%; margin-bottom:4px; } ul.three-col { float:left; width:100%; margin-bottom:24px; } ul.three-col li { float:left; width:33%; margin-bottom:4px; } .highlight { background:#fe3; } .hair-space { padding:0 1px;} .bpage-byline-bg-png-base64 {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAxCAMAAADObShvAAAABlBMVEXv7+/39/euQmRoAAAAHElEQVQY02NgYGBgZGTESjJA2AyMMOaoSmJVAgBjzQCUuA8+OwAAAABJRU5ErkJggg==');} /* Google Active View tags may break layout, so hide them globally */ .vertical-hot-nav .GoogleActiveViewClass { display: none; } /* Badges */ .post header hgroup .badges { position: absolute; left: -10px; top: 5px;} .post.first header hgroup .badges {} /* Tilt Values */ .tilt-2 { transform:rotate(-2deg); -ms-transform:rotate(-2deg); -moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg); -o-transform:rotate(-2deg); } .tilt-4 { transform:rotate(-4deg); -ms-transform:rotate(-4deg); -moz-transform:rotate(-4deg); -webkit-transform:rotate(-4deg); -o-transform:rotate(-4deg); } .tilt-1 { transform:rotate(-1deg); -ms-transform:rotate(-1deg); -moz-transform:rotate(-1deg); -webkit-transform:rotate(-1deg); -o-transform:rotate(-1deg); } .tilt1 { transform:rotate(1deg); -ms-transform:rotate(1deg); -moz-transform:rotate(1deg); -webkit-transform:rotate(1deg); -o-transform:rotate(1deg); } .tilt2 { transform:rotate(2deg); -ms-transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -o-transform:rotate(2deg); } .tilt3 { transform:rotate(3deg); -ms-transform:rotate(3deg); -moz-transform:rotate(3deg); -webkit-transform:rotate(3deg); -o-transform:rotate(3deg); } .tilt4 { transform:rotate(4deg); -ms-transform:rotate(4deg); -moz-transform:rotate(4deg); -webkit-transform:rotate(4deg); -o-transform:rotate(4deg); } /* Generic Structure */ /* Page Structure */ .PageContainer{ /* */ /* *//* */width:1020px; background:#fff; margin:0 auto; ;/* padding:0 15px; */ /* background-color: #FFF; */ /* position: relative; */ padding: 0 15px; background-color: #FFF; position: relative;} @media (min-width: 1125px) { .PageContainer.wide_page { width: 1100px; } } .PageContent{width:990px; float:left; position:relative; background:#fff;} .Column1{ width:645px; padding:0px; background:#fff; float:left;} .Column2{ width: 335px;} .TwoColumns .Column1{width:625px;margin-right:29px;} .TwoColumns .Column2 {float: right;width:330px; /*padding-top:15px;*/} .TwoColumns .Column2.sensitive { margin: 15px 0; } .OneColumn .Column1{width:990px;margin-right:0;} .HomeSection .PageContent.noborder {background: none;} .OneColumn .PageContent{background:0;min-height:400px;} .PartnerBuzz{margin:50px 0;border-top:5px solid #eee;} body.FullScreenBlack { background:#000; } .FullScreen .PageContainer { width:auto; margin:0;padding:0;} .badge-small-activator:hover { background-position:0 -24px; }.badge-small-activator:hover { background-position:0 -24px; } .section, .header, .footer, .content{position:relative;width:100%;float:left;} .Column2 .section.sidebar_featured_unified--news { margin-bottom: 30px; } .header{clear:both;position:relative;margin:0 0 10px;/* @EG */} .header h1{float:left;padding:5px 0;font:bold 18px/1.2 "Helvetica Neue",helvetica,arial,sans-serif; } .header .headline-1 {float: left; padding: 5px 0; font-size: 22px; line-height: 1.2;} .ThreeColumns .header h1{ padding: 0; font-size:20px;} .ThreeColumns .header.bfnews, .ThreeColumns .header.trending { border: none; } .ThreeColumns .header.bfnews { margin: 0 0 14px;} .ThreeColumns .header.bfnews h1 { background: url(/static/images/global/unified_sprite.png?v=1480702880) no-repeat; text-indent: -9999px; background-position: -406px -767px; width: 255px; height: 29px;} .ThreeColumns .header.trending, .ThreeColumns .column2__header { font-size: 26px; font-weight: 600; letter-spacing: -.03em; line-height: 26px; position: relative; margin: 4px 0 12px 0; color: #E32; } .ThreeColumns .header.trending { padding: 0 0 0 26px; } .ThreeColumns .header.trending:before { content:""; display: inline-block; height: 22px; width: 22px; background: url(/static/images/global/unified_sprite.png?v=1480702880) -381px -771px; position: absolute; top: 3px; left: 1px;} .header h1,.header h1 a{color:#E32;} .header h2.subhead { float:left; padding:15px 0 0 10px; color:#e32; font:14px/1.2 arial,helvetica,sans-serif!important; } .ThreeColumns .Column2 .big-header { margin:0 0 10px; } .big-header { margin:0 0 20px; } .big-header h1 { font-size:24px; } .header .link, .footer .link{position:absolute;right:5px;top:8px;*padding:3px 0; font-weight:bold;} .spinner{background:url(/static/images/public/spinners/small_on_white.gif?v=1480702880) left top no-repeat;padding-left:22px;margin:20px 0;line-height:16px;} .spinner-grey{background:url(/static/images/public/spinners/small_on_e6e6e6.gif?v=1480702880) 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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEWqqqr///8FH9MDAAAAAnRSTlP/AOW3MEoAAAAOSURBVAgdY0hgeMDwAAAFZgIh/YKwLgAAAABJRU5ErkJggg==) top left repeat-x;} .footer.border{padding:10px 0;} .footer h3 { font-weight:bold; font-size:15px; margin:0 0 5px; } .highlighted { background-color: #FFFCCC; } /* Header! */ /* LEGACY from default.css MAY STILL BE IN PROJECT */ .PageHeader { clear: both; position:relative; width:100%; float:left; height:150px; margin: 0; z-index:1000;/*ie needs this*/ } .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;} /* 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;*/} /* NEW POSTS STYLING */ /* TO-DO refactoring std-posts #92451776 */ .std-posts{ position:relative;} .std-posts.flow_suggestion_list { clear: both;} .std-posts .post{position:relative; float:left;width:485px;margin:0;border-bottom:1px solid #eee;padding:20px 0 17px 140px;} .std-posts .post.no-padding{padding-left:0;width:625px;} .std-posts .post.first{background:0; padding-top:0px;} .std-posts .thumb-unit{float:left;width:125px;margin-left:-140px;margin-top:3px;position: relative;} .partner-link-sprite {background-image:url("/static/images/public/icons/offsite-arrows.png?v=1480702880"); display: inline-block; background-repeat: no-repeat;} .thumb-unit .partner-link-sprite.partner-thumb {background-position:0px 0px; width: 18px; height: 18px; position: absolute; top: -2px; left: -2px;} .partner-link-sprite.partner-url {background-position:-4px -23px; width: 10px; height: 10px; vertical-align:-10%;} .linkblog .partner-link-sprite.partner-url {vertical-align:-2px;} /* to account for larger font size of adjacent block */ .std-posts .thumb-label{float:left;display:block;width:125px; height:20px;background-position:-250px -240px;text-indent:-9999px;overflow:hidden;} .std-posts .viral-post .thumb-label{background-position:-250px -270px;height:25px;} .std-posts h2, .std-posts h2 a { font-size:20px; line-height: 1.1; font-weight: 600;margin-bottom:6px;} .std-posts h2 span { display:block; margin-top:5px; font:normal 12px "lucida grande",verdana,sans-serif !important;color:#5D97E8; } .std-posts h2 a:hover span { color:#e32; } .std-posts .post{position:relative; float:none; display: block; clear: both; width:485px;margin:0;border-bottom:1px solid #eee;padding:20px 0 17px 140px;} .std-posts .post:after,.std-posts .post:before{ content: " "; display: table; } .std-posts .post:after{ clear: both; } .std-posts .post.partner-area { padding-right: 10px; } .Column1 .std-posts .post .description, .splash .BF_IFRAME .bf-item-title {font-size:13px; line-height:16px;} /* TO-DO refactoring Large IMAGE Layout #92456102 */ .description a.mo { background:#e9e9e9; color:#333!important; padding:1px 4px; font-weight:bold; font-size:9px; text-transform:uppercase; } .description a.mo:hover { background:#333; color:#e9e9e9!important; } /* TO-DO refactoring Heatmap statistics styling #92456668 */ .sb-stats { font-size: 12px; top: 7px;} .sb-val {font-weight: 600;font-size: 18px; text-align: left; } .sb-label {font-size: 12px; text-align: left; color: #606060 } .sb-time, .sb-views, .sb-drop-off { margin: 15px; } .arrow_box { position: absolute; left: -140px; border: 2px solid #D0D0D0; background-color: white; } .arrow_box:after, .arrow_box:before { left: 100%; top: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; } .arrow_box:after { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 10px; margin-top: -10px; } .arrow_box:before { border-color: rgba(151, 176, 191, 0); border-left-color: #D0D0D0; border-width: 13px; margin-top: -13px; } .arrow_box:hover { z-index: 9999; } /* raw posts --- OLD STYLES, but still used for Boost, maybe elsewhere */ /* RAW-POST, will be refactored in card BF-17310 */ .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(/static/images/public/icons/permalink.png?v=1480702880) top left no-repeat; padding: 0 0 0 12px; font: 11px "Lucida Grade",verdana,sans-serif; color: #aaa; } .raw-post a.permalink:hover { color: #e32; } .raw-post .badge { position: absolute; left: -8px; top: 5px; width: 40px; height: 40px; } .Column2 .raw-post {padding-top: 0;} /* boosted area */ .raw-post { background:0; } .raw-post .info h3 { font:bold 13px/1.3 "Lucida Grande",tahoma,verdana,sans-serif; } .raw-post .description, .raw-post .description a { font-size:11px; line-height:1.3; color:#333; } .raw-post .link { font-size:10px; } .raw-post .meta span { color:#aaa!important; font-weight:normal; } .raw-post .meta a { color:#07e!important; } /*PARTNER AREA - will be refactored in card BF-17125 */ .partner-area {position:relative;} .partner-area-label, .bf-partner-label { float: right; padding:0 2px; font-size:9px; color:#999; text-transform:uppercase; } /*STD-POSTS POSTS - will be refactored soon according to the comments on BF-18271 */ .std-posts .big-meta { width: 480px; padding-top: 3px; line-height: 13px!important; position: relative; } .std-posts .big-meta .label { display: block; margin: 3px 0 5px 0; font: bold 10px/14px "Lucida Grande"; text-transform: uppercase; color: #888; white-space: nowrap; } .std-posts .user-info-text {position: absolute; top:1px; left:45px;} .ThreeColumns .Column1 .std-posts .post.partner-area { margin: 0 0 0 -5px; padding: 15px 10px 15px 140px; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE;} /* BUTTON2 - will be refactored in card BF-17059 */ .button2{padding:5px 13px;font-size:15px;line-height:2;font-weight:bold;font-family:arial,helvetica,verdana,sans-serif;color:#fff;background:#0077ee;border-radius:4px;-moz-border-radius:4px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2299ff', endColorstr='#1166dd');background:-webkit-gradient(linear,left top,left bottom,from(#2299ff),to(#1166dd));background-image:-moz-linear-gradient(top,#2299ff,#1166dd);background-image: linear-gradient(to bottom, #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.signup {line-height: 1;} .button2:hover{color:#fff;background:#2299ff;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55aaff', endColorstr='#2277dd');background:-webkit-gradient(linear,left top,left bottom,from(#55aaff),to(#2277dd));background-image:-moz-linear-gradient(top,#5af,#27d);border-color:#07c; cursor: pointer;} .button2:active{color:#fff;background:#ee3322;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0055cc', endColorstr='#2299ff');background:-webkit-gradient(linear,left top,left bottom,from(#0055cc),to(#2299ff));background-image:-moz-linear-gradient(top,#0055cc,#2299ff);border-color:#29f;} input.button2{line-height:1;*width:1;*overflow:visible;*padding:0 5px;/* fix ie button width issues */} .button2.smaller{float:right;font-size:12px;padding:4px 10px;margin:2px 5px 0 0;} .button2.small{font-size:12px;padding:5px 10px 4px;margin:2px 5px 0 0;} .button2.tiny{float:right;font-size:11px;line-height:1;padding:3px 6px 4px;} .button2.grey{color:#222;background:#ddd;background:-webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#e7e7e7));background-image:-moz-linear-gradient(top,#fafafa,#e7e7e7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e7e7e7');background-image: linear-gradient(to bottom, #fafafa, #e7e7e7);border:1px solid #d7d7d7;text-shadow:1px 1px 1px rgba(255,255,255,0.7);-moz-text-shadow:1px 1px 1px rgba(255,255,255,0.7);} .button2.grey:hover{border-color:#bbb;background:#eee;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));background-image:-moz-linear-gradient(top,#fff,#e4e4e4);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e4e4');background-image: linear-gradient(to bottom, #fff, #e4e4e4);} .button2.grey:active{border-color:#bbb;background:#eee;background:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#fff));background-image:-moz-linear-gradient(top,#ccc,#fff);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff');background-image: linear-gradient(to bottom, #fff, #e4e4e4);} .button2.grey.active{border-color:#bbb;background:#eee;background:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#fff));background-image:-moz-linear-gradient(top,#ccc,#fff);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff');background-image: linear-gradient(to bottom, #fff, #e4e4e4);box-shadow: inset 1px 1px 5px #AAA; -moz-box-shadow: inset 1px 1px 5px #AAA;-webkit-box-shadow: inset 1px 1px 5px #AAA;} .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 5px; border-right:1px solid #3B5998; background:url(/static/images/public/sprites/share_icons.png?v=1480702880) 2px -122px no-repeat;} .button2.facebook-share-button span.word { position: relative; display:inline-block; float: left; padding:7px 7px; border-left:1px solid #6273A6; color:#fff; } .button2.facebook-share-button:hover { background:-webkit-gradient(linear,left top,left bottom,from(#5D72C6),to(#1D4088));background-image:-moz-linear-gradient(top,#37509C,#1D4088);border-color:#1D4088; } .button2.grey.facebook-share-button { padding:5px 10px; font-family:"Lucida Grande",verdana,tahoma,sans-serif; color:#1D4088!important; background:#6D84B4; } .button2.grey.facebook-share-button span.icon { display:inline-block; vertical-align:middle; margin:-4px 3px 0 0; width:16px; height:16px;} /* 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: 54px; top: 0px; background:url(/static/images/public/social/facebook-share-button-icons.png?v=1480702880) 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; } .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; } /* 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; } .button2.small.facebook-share-button span.word { height: 18px; padding: 0px 5px } /* Need more info */ #link_parent {float:left;} #link_parent .copied {position: absolute; top: -15px; left: 2px; font-weight: 600;} /* Slideshow - Need refactor, card https://www.pivotaltracker.com/story/show/93228930 */ .Slideshow-Controls { position:fixed; top:0; left:0; width:100%; height:62px; background:url(/static/images/public/slideshow/toolbar-bkgd.png?v=1480702880) 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(/static/images/public/slideshow/next-button.png?v=1480702880) 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 .slideshow_exit { color:#888; font-size:13px; } .Slideshow-Controls .slideshow_exit:hover { color:#07e;} .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(/static/images/public/slideshow/paging-bkgd.png?v=1480702880) 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; } #flag_comment { position: absolute; z-index: 99; width: 360px; } #flag_comment_form { position: relative; background: #ffffff; border: 1px solid #e1e1e1; } .flag_comment_popup { width:375px !important;background:#FFF;padding:15px;border: 1px solid #e1e1e1; color: #111111; } #share_email_form.hide-arrow:after, #share_email_form.hide-arrow:before,#flag_comment_form.hide-arrow:after, #flag_comment_form.hide-arrow:before {content: none; border-width: 0px;} #share_email .share-email-form, #share_emai #share_email_error, #share_email #share_email_confirm, #share_email #share_email_error {width:517px !important;background:#FFF;padding:15px;border: 1px solid #e1e1e1; color: #111111; } #share_email #share_email_error, #share_email #share_email_confirm { margin: 0px; } #share_email #share_email_error p, #share_email #share_email_confirm p {padding: 0 15px 0 0;} .square_shares.custom_header_shares {width: 718px; padding: 0 60px; margin: 0 auto;} #flag_comment .flag-comment-form div {float:none;display:inline-block;} #share_email #share_email_submit, #share_email #email_signup { float: right; } #share_email #share_email_message { width: 413px; } #share_email #share_email_cancel, #flag_comment #flag_comment_cancel { font-size: 12px; font-family: "Lucida Grande", Tahoma, Verdana, Vrial, sans-serif; padding: 0 2px 2px 2px; border: 1px solid #E1E1E1; color: #E1E1E1; position: absolute; right: 14px; top: 10px;line-height: 10px; z-index: 9999; } #share_email #share_email_cancel:hover,#flag_comment #flag_comment_cancel:hover { cursor: pointer; } #share_email h1.share_box_header, #buzz_sub_buzz #share_email h1.share_box_header { color: #2d2d2d; font-size: 16px; font-weight: 600;margin: 5px 0; } #share_email #share_email_form .headline-1, #flag_comment #flag_comment_form .headline-1 { color: #2d2d2d; font-size: 16px; font-weight: 600;margin: 5px 0; } #share_email #share_email_form .catcha_service {display: block; text-align: center;} #share_email #share_email_form .catcha_service .share_box_header {display: block; text-align: left; text-transform: none;} #share_email #share_email_form .catcha_service img {min-height: 270px;} #share_email #share_email_form .catcha_service .text {width:486px!important;} #share_email .button2.submit {margin:0;} #share_email .button2.submit:disabled {background: #AAAAAA;} #share_email .BFLogo { font-size:24px; font-weight:600; display:block!important } #share_email .success_icon { width: 20px; height: 16px; background: url(/static/images/ui/notification_icons.png?v=1480702880) 0 0 no-repeat; display: inline-block; position: relative; top: 3px; } #share_email #bf_bubble_note { margin-right: 14px; margin-left:0;} #share_email #bf_bubble_note #bubbleWords { width:100px; display:inline-block; float:left; } #share_email #bf_bubble_note .arrow { position: relative; width: 0; height: 0; border-left-width: 0; background: none; z-index: 1000; } #share_email #bf_bubble_note .arrowBorder { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #D9D9D9; left: 121px; top: 16px; } #share_email #bf_bubble_note .arrowFill { border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 9px solid #F5FCFE; left: 121px; top: -3px; } #share_email #newsletter_signups { margin: 20px 0px; float:none; display: inline-block; } #share_email #email_cancel { width: auto!important; float: right; line-height:50px; margin-right: 10px; color:#999; font-size: 13px; font-family: "Lucida Grande", Tahoma, Verdana, sans-serif; } #share_email .email_box { display:inline-block; margin: 7px; vertical-align:top; } #share_email #vertical_newsletter { margin-right:0px; } #share_email .email_box_wrapper { display:block; } #share_email .email_frequency {color:#999; line-height: normal; font-size: 16px; line-height: 20px;} #share_email .email_box .checkBox, #share_email .logo_block { display:inline-block; } .logo_block .email_frequency {display:block!important} /*#share_email .logo_block { width: 115px; } */#share_email .email_box .checkBox { vertical-align:top; margin-top:10px; } #share_email .email_box .checkOn { margin-top:6px; } #share_email p, #buzz_sub_buzz #share_email p { font-size: 16px; font-weight: 600;margin-bottom: 10px; padding: 0; color: #222222; } #share_email #from_address { font-size: 16px; line-height: 20px; text-transform: none; color: #999999; } #share_email .sprite { display: inline-block; background-image: url('/static/images/public/sprites/mail_page.png?v=1480702880'); background-repeat: no-repeat;} #share_email .politics_logo { margin: 0px; width: 109px; height: 29px; background-position: 0px -22px; } #share_email .sports_logo { margin: 0px; width: 109px; height: 25px; background-position: 0px -111px; } #share_email .fwd_logo, #share_email .tech_logo { margin: 0px; width: 79px; height: 26px; background-position: 0px -53px; } #share_email .animals_logo { margin: 0px; width: 135px; height: 29px; background-position: 0px -135px; } #share_email .diy_logo { margin: 0px; width: 45px; height: 28px; background-position: 0px -780px; } #share_email .fashion_logo { margin: 0px; width: 130px; height: 28px; background-position: 0px -747px; } #share_email .longform_logo { margin: 0px; width: 132px; height: 28px; background-position: -110px -110px; } #share_email .celebrity_logo { margin: 2px 0px 0px 0px; width: 132px; height: 28px; background-position: 0px -929px; } #share_email .food_logo { margin: 0px; width: 132px; height: 28px; background-position: 0px -956px; } #share_email .business_logo { margin: 0px; width: 121px; height: 28px; background-position: 0px -898px; } #share_email .business_logo { margin: 0px; width: 121px; height: 28px; background-position: 0px -898px; } #share_email .books_logo { margin: 0px; width: 78px; height: 28px; background-position: 0px -1106px; } #share_email .entertainment_logo { margin: 0px; width: 130px; height: 28px; background-position: 0px -1077px; } #share_email .videos_logo, #share_email .video_logo { background-position: 0 -1229px; height: 26px; margin: 0 5px; width: 75px; } #share_email .style_logo { margin: 5px 0 0; width: 61px; height: 23px; background-position: 0px -1292px; } #share_email .checkOff {width: 18px; height: 14px; background-position: 0px -4px;} #share_email .checkOn { width: 18px; height: 18px; background-position: -18px 0px; } #share_email .pointer:hover { cursor: pointer; } #share_email .checkBox { margin: 5px 5px 5px 0; } #share_email .checked { opacity: 0.5; } #share_email .form-controls {float: right; width: 210px; } #shares-copy-link { z-index: 99; width: 300px; background: #FFF; border: 1px solid #CECECE; position: absolute; padding: 10px; font-size: 14px; top:0px; } #shares-copy-link .arrow { position: absolute; width: 0; height: 0; border-left-width: 0; background: none; z-index: 1000; } #shares-copy-link .arrowBorder { border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #e1e1e1; left: 3px; top: 10px; } #shares-copy-link .arrowFill { border-right: 9px solid transparent; border-left: 9px solid transparent; border-bottom: 9px solid #FFF; left: 1px; top: 9px; } #shares-copy-link .email_copy_link_close { padding: 0 2px 2px 2px; border: 1px solid #E1E1E1; color: #E1E1E1; position: absolute; right: 10px; top: 10px; line-height: 10px; } #shares-copy-link .email_copy_link_close:hover { cursor: pointer; } #shares-copy-link .email_copy_link_text { border: 1px solid #ddd; font-size: 13px; padding: 3px 4px; margin: 5px 0 0 0; width: 290px; } #shares-copy-link h1.share_box_header { color: #2d2d2d; font-size: 16px; font-weight: 600;margin: 5px 0; } #shares-copy-link .headline-1 { color: #2d2d2d; font-size: 16px; font-weight: 600;margin: 5px 0; } .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(/static/images/public/spinners/small_on_yellow.gif?v=1480702880);} #social-sharing-box { z-index: 1000; position: absolute; width: 350px; background-color: #F2F2F2; border: 1px solid #444; border-bottom: 2px solid #444; padding:10px; } #social-sharing-box .transparent {opacity:0.5;filter:alpha(opacity=50);} #social-close-btn {float:right;margin:0 5px 0 0;} #sharing-box-caption {font-size:16px;font-weight:bold;float:left;margin:5px;} #sharing-message {width:327px;height:50px;color:black;border:1px solid #CCC;padding:5px;resize:none;font-size:16px;float:left;margin:5px;} #undo_timeline_action {text-decoration:none;background-color:#e6e6e6;padding:2px;color:#7e7e7e;-moz-border-radius:5px;border-radius:5px;padding-right:5px;padding-left:5px;} #sharing-wall-message {font-size:13px;} #social-sharing-box .arrow {content: ' ';position:absolute;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top: 0;} #social-actions #badge-message, #social-actions #social_message { display: none !important; } #share-reaction-box { border: 1px solid #e9e9e9; margin-bottom: 30px; position: relative; display: block; clear: both; width: 100%; height: auto; background-color: #FDFDFD;} #share-reaction-content-wrapper { padding: 20px 20px 0 20px; } #share-reaction-box h1 { font-size: 18px; font-weight: bold; } #share-reaction-box .headline-1 { font-size: 18px; font-weight: bold; } #share-reaction-box h1 .react_box { background: #FE0; padding: 2px; border-bottom: 1px solid #BB8; border-right: 1px solid #BB8; } #share-reaction-box #fb-promo { width: 100%; height: 20px; background: #6C83B5 url('/static/images/facebook/logo-small.png?v=1480702880') 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 .headline-1 { font-size: 14px; } #share-reaction-box #share-link-details span.link { font-weight: normal; color: #999; font-size: 10px; display: block; margin-top: 2px; } #share-reaction-box #share-link-details span.blurb { font-weight: bold; color: black; font-size: 10px; margin-top: 10px; display: block;} #share-reaction-box #social-share-box-buttons { overflow: auto; padding-bottom: 10px; } #share-reaction-box #social-share-box-buttons #reaction-share-submit { float: right; font-size: 14px; padding: 3px 8px; margin: 0px; background: #5871A9; border-radius: 0px; border: 1px solid #003366; } #share-reaction-success-wrapper { margin: 0 0 0 10px; padding: 10px 0; } #sharing-timeline-message { text-transform: uppercase; color: #616161; background: #FFFDE8; margin: -10px 0 15px 0; padding: 2px 0 5px 0; font-size: 12px; font-weight: normal;} .success_icon { width: 20px; height: 16px; background: url(/static/images/ui/notification_icons.png?v=1480702880) 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; } .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(http://static.ak.fbcdn.net/rsrc.php/v1/z7/r/ql9vukDCc4R.png) no-repeat -1px -47px transparent;display:block;height:14px;padding:0px 0px 0px 18px;margin-left:116px;margin-top:5px;} .upper-share-buttons .facebook_like_send_small { margin-top:6px; z-index: 9; } /* preload share btns */ .preload-stumble-btn {min-width: 90px; height: 27px; background: url(/static/images/public/icons/placeholder-share-stumble.png?v=1480702880) 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(/static/images/public/icons/placeholder-share-fb.png?v=1480702880) 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(/static/images/public/icons/placeholder-share-twitter.png?v=1480702880) 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(/static/images/public/social/faux_reddit.gif?v=1480702880) no-repeat; } .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; margin-top:10px;} .usertip_wide { min-width: 309px; width: 309px; } .usertip_wide .optimized_thumb { margin-right: 10px; display: inline-block; position: relative; overflow: hidden; height: 76px; } .usertip_wide .optimized_thumb_title { font: 12px "Lucida Grande",sans-serif; position: absolute; bottom: 0; left: 0; padding: 5px; width: 105px; color: #FFF; background: #07e !important; } .usertip__wrapper {position: relative; padding: 8px 12px;} .usertip_arrow {position: absolute; top: 8px; left: -11px; width: 11px; height: 25px; background: url(/static/images/public/quickpost/suplist_usertip_arrows.png?v=1480702880) 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: 1px 7px;} .usertip_toggle:hover {background: rgba(255,255,128,.64); color: #424242; box-shadow: 0 1px 1px rgba(0,0,0,.06); padding: 0px 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;} .sortmode_toggle {color: #929292; font-size: 11px; font-weight: bold; cursor: pointer; padding: 1px 7px;} .sortmode_toggle:hover {background: rgba(255,255,128,.64); color: #424242; box-shadow: 0 1px 1px rgba(0,0,0,.06); padding: 0px 6px; border-radius: 3px;} .sortmode_toggle span {font-weight: bold; display: inline-block; color: #239c1a; padding-left: 1px;} .sortmode_toggle.sortmode_off span {font-weight: normal; color: #929292;} .sortmode_toggle.sortmode_off .sortmode_toggle_off {display: inline-block;} #usertip_title_length_warning.usertip { background-color: #FA7F2A; color: white; } #usertip_title_length_warning.usertip .usertip_arrow { background: url(/static/images/public/quickpost/suplist_usertip_arrows_orange.png?v=1480702880) } #usertip_title_length_warning.usertip i.fa-times { float: right; color: white; } #usertip_title_length_warning.usertip i.fa-times:hover { cursor: pointer; } /* Share Button globals */ .bottom-share-buttons {height: 0px;} .shareBtn {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; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e0e0e0');background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#e0e0e0)); background-image:-moz-linear-gradient(top,#fdfdfd,#e0e0e0);} .shareBtn:hover, .shareBtn.hover {color: #36393D;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#ebebeb');background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#ebebeb)); background-image:-moz-linear-gradient(top,#fefefe,#ebebeb); cursor: pointer;} .videos .shareBtn.square {background: none!important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .shareBtn div {float: left;} .shareBtn.red { border: 1px solid #d83633; background: #D83E37; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F07E7C', endColorstr='#D83E37');background:#D83E37 -webkit-gradient(linear,left top,left bottom,from(#F07E7C),to(#D83E37));background-image:-moz-linear-gradient(top,#F07E7C,#D83E37); } .shareBtn.red:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f18b89', endColorstr='#dc514b');background:#dc514b -webkit-gradient(linear,left top,left bottom,from(#f18b89),to(#dc514b));background-image:-moz-linear-gradient(top,#f18b89,#dc514b); } .shareBtn.lightblue { border: 1px solid #0091dc; background: #45c8f0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45c8f0', endColorstr='#1ea5ce');background:#45c8f0 -webkit-gradient(linear,left top,left bottom,from(#45c8f0),to(#1ea5ce));background-image:-moz-linear-gradient(top,#45c8f0,#1ea5ce); } .shareBtn.lightblue:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57ccf1', endColorstr='#34aed3');background:#57ccf1 -webkit-gradient(linear,left top,left bottom,from(#57ccf1),to(#34aed3));background-image:-moz-linear-gradient(top,#57ccf1,#34aed3); } .shareBtn.darkblue { border:1px solid #3B5998; background: #6D84B4; 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,#415495); background-image: linear-gradient(to bottom right, #6D84B4, #415495);} .shareBtn.darkblue:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b90bb', endColorstr='#54659f');background:-webkit-gradient(linear,left top,left bottom,from(#7b90bb),to(#54659f));background-image:-moz-linear-gradient(top,#7b90bb,#54659f);} .shareBtn.transparent { border: 1px solid transparent; background: transparent; filter: none; } .shareBtn.red .label, .shareBtn.lightblue .label, .shareBtn.darkblue .label { color: #FFF !important; text-shadow: none !important; } .horizontal-share-buttons .share-bookmark .svg-icon, .bottom-share-buttons .share-bookmark .svg-icon {fill: #fff; width: 24px; height: 24px; margin-left: 6px; margin-top: 8px;} /* adding this here until .shareBtn gets refactored */ /* Special Cases */ .vertical-share-buttons .shareBtn { display: block; clear: both; float: none; display: inline-block; width: 92px; } .shareBtn.gplus_share.googplusone-btn { width: 38px; height: 24px; } .bottom-share-buttons .shareBtn, .share_buttons .shareBtn { margin: 0 10px 0 0; } .referrer_shares .shareBtn .label { font: bold 17px Arial,Helvetica,verdana,sans-serif; text-shadow: none; margin: 4px 10px 0 0 !important; } .vertical-share-buttons .pick-button a { margin: 0; } .vertical-share-buttons .googplusone-btn.big { margin-left: 46px; margin-right: 46px; } /* ff */ .shareBtn.big { height: 28px; font: bold 12px/1 "Lucida Grande",verdana,tahoma,sans-serif; } /* chrome */ @media all and (-webkit-min-device-pixel-ratio:0) {.shareBtn.big { height: 28px;}} .twitter-cache-fixer .shareBtn.big .label {padding: 0; margin: 4px 5px 4px 3px; color: #333333; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); font: 13px/18px 'Helvetica Neue',Arial,sans-serif; font-weight: bold;} .shareBtn.big .label { margin: 8px 5px 0 0;} .shareBtn.small { padding: 1px 2px; height: 17px; font: bold 10px/1 "Lucida Grande",verdana,tahoma,sans-serif; } .shareBtn.small .label { margin: 3px 3px 0 0; color: #666;} /* facebook */ .shareBtn .fb_icon { border-right:1px solid #3B5998; } .shareBtn.big .fb_icon {margin: 0px 5px 0 0px; width: 24px; height: 30px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll 0px -122px; } .shareBtn.big.gray .fb_icon {margin: 0px 5px 0 0px; width: 24px; height: 30px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll 0px -209px; } .shareBtn.small .fb_icon {margin: 0 3px 0 0; width: 18px; height: 18px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll -44px -122px transparent; } /* reddit */ .shareBtn.big .reddit_icon {margin: 0px 5px 0 0px; width: 22px; height: 40px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll 0px -152px transparent; } .shareBtn.small .reddit_icon {margin: 0 3px 0 0; width: 18px; height: 18px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll -44px -152px transparent; } /* rebuzz link */ .shareBtn.big .rebuzz_icon {margin: 4px 5px 0 5px; width: 19px; height: 22px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll 0px -101px transparent; } .shareBtn.small .rebuzz_icon {margin: 2px 3px 0 0px; width: 18px; height: 14px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll -40px -101px transparent; } .shareBtn .rebuzz_icon.busy { background: url("/static/images/public/spinners/small_on_f6f6f6.gif?v=1480702880") no-repeat; } /* copy link */ .shareBtn.big .copy_icon {margin: 5px 5px 0 5px; width: 16px; height: 18px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll 0px -82px transparent; } .shareBtn.small .copy_icon {margin: 3px 3px 0 3px; width: 16px; height: 11px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll -42px -82px transparent; } /* email */ .shareBtn.big .email_icon {margin: 8px 5px 0 5px; width: 16px; height: 11px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll 0px -49px transparent; } .shareBtn.small .email_icon {margin: 3px 3px 0 3px; width: 16px; height: 11px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll -42px -48px transparent; } /* stumble upon */ .shareBtn.big .su_icon {margin: 3px 3px 0 3px; width: 22px; height: 22px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll 0px -24px transparent; } .shareBtn.small .su_icon {margin: 1px 3px 0 1px; width: 16px; height: 16px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll -42px -24px transparent; } /* pinterest */ .shareBtn.big .pi_icon {margin: 4px 5px 0 5px; width: 20px; height: 18px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll -24px 0px transparent; } .shareBtn.big.red .pi_icon {margin: 2px 5px 0 2px; width: 24px; height: 24px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll 0px -185px transparent; } .shareBtn.small .pi_icon {margin: 1px 3px 0 3px; width: 18px; height: 15px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll 0px 0px transparent; } /* linkedin */ .shareBtn.big .li_icon {margin: 5px 5px 0 5px; width: 18px; height: 17px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll -24px -240px transparent; } .shareBtn.small .li_icon {margin: 1px 3px 0 3px; width: 14px; height: 14px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll -44px -240px transparent; } /* Respond */ .shareBtn.big .respond_icon {margin: 5px 0px 0 5px; width: 18px; height: 17px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll -24px -395px transparent; } .shareBtn.small .respond_icon {margin: 1px 3px 0 3px; width: 14px; height: 14px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll -44px -395px transparent; } .shareBtn.big .cancel_icon {margin: 5px 5px 0 5px; width: 16px; height: 16px; background: url("/static/images/ui/notification_icons.png?v=1480702880") 0 -16px no-repeat; } .shareBtn.small .boost_icon {margin: 1px 3px 0 3px; width: 18px; height: 18px; background: url("/static/images/public/icons/boost_icon_small.png?v=1480702880") 0 0 no-repeat; } .shareBtn.small .email_black_icon {margin: 3px 4px 0 4px; width: 15px; height: 10px; } .shareBtn.small .phone_icon {margin: -1px 5px 0 5px; width: 10px; height: 16px; } .shareBtn.big .arrow_icon,.shareBtn.small .arrow_icon {margin: 8px 9px 0 4px; width: 9px; height: 7px; background: url("/static/images/global/unified_sprite.png?v=1480702880") no-repeat scroll -36px -568px transparent; } .shareBtn.small .arrow_icon {margin: 4px 5px 0 3px;} /* evernote */ .shareBtn.big .ev_icon {margin: 5px 5px 0 5px; width: 18px; height: 18px; background: url("/static/images/global/unified_sprite.png?v=1480702880") no-repeat scroll -72px -543px transparent; } .shareBtn.small .ev_icon {margin: 1px 3px 0 3px; width: 14px; height: 14px; background: url("/static/images/global/unified_sprite.png?v=1480702880") no-repeat scroll -72px -561px transparent; } /* instapaper */ .share_button iframe.instapaper {background-color: white;border: 1px solid black;border-radius: 10px; position: absolute;top: 0;left: 0; display: block;height: 400px;padding: 10px;width: 770px;z-index: 9999;} /* twitter */ .shareBtn.big .twitter_icon {margin: 7px 1px 0 6px; width: 20px; height: 16px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll -0px -64px transparent; } .shareBtn.big.lightblue .twitter_icon {margin: 4px 5px 0 6px; width: 20px; height: 16px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll -24px -185px transparent; } .shareBtn.small .twitter_icon {margin: 3px 0 0 1px; width: 16px; height: 12px; background: url("/static/images/public/sprites/share_icons.png?v=1480702880") no-repeat scroll -44px -64px transparent; } .tweet-btn .twitter-cache-fixer {z-index: 0; position: absolute; top: 0; left: 0;} /* chrome */ @media all and (-webkit-min-device-pixel-ratio:0) {.tweet-btn .twitter-cache-fixer {margin-top: -1px;}} .twitter-cache-fixer .shareBtn.big {height: 26px !important;} .twitter-cache-fixer .shareBtn.big .label {padding: 0; margin: 4px 7px 4px 3px; color: #333333; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); font: 13px/18px 'Helvetica Neue',Arial,sans-serif; font-weight: bold;} .twitter-cache-fixer .shareBtn.small {width: 49px;} .twitter-cache-fixer .shareBtn.small .label {padding: 0; margin: -1px 0; color: #333333; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); font: 11px/18px 'Helvetica Neue',Arial,sans-serif; font-weight: bold; } .shareBtn.small .pi_icon {margin: 1px 3px 0 3px; background: url(/static/images/global/unified_sprite.png?v=1480702880) no-repeat scroll 0px -561px transparent; width: 18px; height: 14px;} .shareBtn.small .boost_icon {margin: 1px 3px 0 3px; background: url(/static/images/public/icons/boost_icon_small.png?v=1480702880) 0 0 no-repeat; width: 18px; height: 18px;} .shareBtn.small .boost_icon {margin: 1px 3px 0 3px; background: url(/static/images/public/icons/boost_icon_small.png?v=1480702880) 0 0 no-repeat; width: 18px; height: 18px;} .shareBtn.small .email_black_icon {margin: 3px 4px 0 4px; width: 15px; height: 10px;} .shareBtn.small .phone_icon {margin: -1px 5px 0 5px; width: 10px; height: 16px;} .button2.huge { font-size:32px; line-height:3; padding:10px 30px; } .button2.submit { padding-right:25px; padding-left:25px; margin-right:10px; } .button2.toggle { margin:0; } .button2.toggle_left { border-top-right-radius:0; border-bottom-right-radius:0; -webkit-border-top-right-radius:0; -webkit-border-bottom-right-radius:0; } .button2.toggle_right { border-left:0; border-top-left-radius:0; border-bottom-left-radius:0; -webkit-border-top-left-radius:0; -webkit-border-bottom-left-radius:0; } .button2.toggle_mid { border-left:0; border-radius:0; -webkit-border-radius:0; } .button2.selected { background:#e32;color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#245ABA),to(#538CE4))!important;background-image:-moz-linear-gradient(top,#ccc,#fff)!important;border-top-color:#b7b7b7!important;border-color:#39f;border-top-color:#07e!important;text-shadow:1px 1px 1px rgba(0,0,0,0.2);-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.2);} /* More Share Boxes */ .more_shares { font-weight: bold; font-size: 14px; color: #000; line-height: 30px; padding-bottom: 5px; margin: 0 10px; float: left; } #more_shares_box { width: 130px; border: 1px solid #e1e1e1; padding: 10px; position: absolute; background: #FFF; z-Index: 99; } #more_shares_box .arrow { position: absolute; width: 0; height: 0; border-left-width: 0; background: none; z-index: 1000; } #more_shares_box .arrowBorder { border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #e1e1e1; left: 3px; top: 10px; } #more_shares_box .arrowFill { border-right: 9px solid transparent; border-left: 9px solid transparent; border-bottom: 9px solid #FFF; left: 1px; top: 9px; } .more_shares .ie-arrow {font-family: Lucida Sans Unicode, Times New Roman,Georgia, Serif, Arial, Arial Black, Comic Sans MS, Courier New;} /*----------------------------------------------------------------------------------------------------------------------*/ /* other controls */ .spinner-text {background: url(/static/images/public/spinners/small_on_white.gif?v=1480702880) left top no-repeat; padding-left: 22px; line-height: 2.0em;} .spinner-text.on_grey {background-image: url(/static/images/public/spinners/small_on_f6f6f6.gif?v=1480702880); background-position: 50%;} /* contribs */ .contrib { position:relative; float:left; width:625px; margin-bottom:20px; } .sub-contribution-list .contrib { width:595px; margin-bottom: 0px; } /* -30px */ .sub-contribution-list .contrib .what { width: 575px; } .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:605px; min-height: 27px; padding:10px; background:#E7E7E7; } .contrib.wide .what { width: 605px; } .contrib.ad .what { background:#FDF6E5;} .indented-mode .sub-contribution-list .contrib.ad .what {background-color:#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:605px; min-height:505px!important; background: url(/static/images/public/spinners/small_on_f6f6f6.gif?v=1480702880) center center no-repeat; } .sub-contribution-list .contrib .video-embed-big { width:575px; min-height:375px!important; background: url(/static/images/public/spinners/small_on_f6f6f6.gif?v=1480702880) center center no-repeat; } .contrib .video-embed-noflash { background: url(/static/images/public/spinners/noflash.png?v=1480702880) center center no-repeat; } .contrib .who { display: inline-block;position:relative; color:#888; font-size:11px; line-height:1.0em; min-height:35px;} .contrib.wide .who { float: right; width: 160px; background:url(/static/images/public/contrib/grey_down_arrow.png?v=1480702880) no-repeat; margin: 0 0 10px 0; padding: 20px 0 0 5px; min-height: 5px; } .contrib.ad.wide .who { background:url(/static/images/public/contrib/orange_down_arrow.png?v=1480702880) no-repeat; } .contrib .who-info { float:left;} .contrib .who-info .crown {position: absolute; left: -7px; top: -5px;} .contrib .avatar { float:left; margin-right:5px; } .contrib .ago { display:block; font-size:9px; } .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; color:#bbb; width:auto !important; padding-right: 15px; } .contrib .tools li a { color:#bbb; } .contrib .tools .respond { float:left; margin:0; } .CommentsModeration .contrib .tools .share { display: none; } .CommentsModeration .contrib .report-tool { display: none; } .contrib .tools .icon { display:block; float:left; background:url(/static/images/public/icons/contrib-icons.png?v=1480702880) 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 .share .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:#999; } .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 .share .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 .share 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;} .contrib .contrib_grid_row { margin: 10px 0; border: 1px solid #AAA; padding: 2px; overflow: hidden; display: inline-block; } .contrib .contrib_grid_row:hover { border: 1px solid #727272; padding: 2px; } .contrib .contrib_grid_row img.list_grid_row_thumb { float: left; max-height: 250px !important; max-width: 185px !important; margin: 5px !important; } .has-badge .what .badge-spacer { width:15px!important; height:20px; float:right; } .sub-contribution-list .contrib .badges { position:absolute; left:562px;} .contrib .badges { position:absolute; left:594px; z-index:2; } .buzz .contrib .badges { top:-15px; } /*indented comments*/ .indented-mode { margin-top:10px;} .solid .indented-mode { margin-top:10px; padding-left: 0;} /* remove solid class in BF-24234 */ .indented-mode li.contrib { margin-bottom:1px; } .indented-mode li.contrib div.what { padding-bottom: 5px; font-size: 16px; line-height: 1.3; } .indented-mode li.contrib div.what p { margin:-1px 0 0; line-height:1.3; } .indented-mode li.contrib div.what p img { margin:1px 0 2px; line-height:1.3; max-width: 605px; } .indented-mode li.contrib div.who { font-size:13px; } .indented-mode li.contrib div.ago { font-size:10px; margin-top:3px; xtext-transform:uppercase; color:#bbb } .indented-mode li.sub-contribution-list { margin-bottom:20px; } .indented-mode li.sub-contribution-list li.contrib { padding-left: 0px; } .indented-mode li.sub-contribution-list li.contrib div.what { width: 575px; background-color: #f5f5f5; } .indented-mode li.sub-contribution-list li.contrib div.what p img { max-width:575px!important; } /*.buzz .indented-mode li.contrib div.what { padding-bottom: 10px; }*/ .indented-mode li.show-more {position: relative; overflow: hidden; float: left; width: 575px; padding: 10px; background: #f5f5f5; margin-bottom: 10px; font-size:14px} .indented-mode .contrib .tools { display: block; height: 18px; font-size:12px; font-weight: 600; margin-top: 5px; color: #ddd} .indented-mode .contrib:hover .tools li a { color:#999 !important; } .indented-mode .contrib .tools ul {width: 100%;} .indented-mode .contrib .tools ul.selected_tools {display: block} .indented-mode .contrib .tools .lovehate-buttons { float:left; min-width: 40px; } .indented-mode .contrib .tools .icon { height:12px; width:15px; margin-left: 5px; display:block; float:left; background:url(/static/images/public/icons/new-comment-sprite.png?v=1480702880) 0 0 no-repeat; } .indented-mode .contrib .tools .respond .icon { background-position: 0px 0px; margin-right: 5px; } .indented-mode .contrib .tools .love .icon { background-position:-15px 0px; margin-left: 3px; margin-right: 1px;} .indented-mode .contrib .tools .hate .icon { background-position:-30px 0px; margin-left: 3px; margin-right: 1px;} .indented-mode .contrib .tools .love .count { width:15px; float: left; text-align: left; } .indented-mode .contrib .tools .hate .count { width:15px; float: left; text-align: left; } .indented-mode .contrib .tools .social .icon { background-position: -90px 0px; width: 32px;} .indented-mode .contrib .tools .share .icon { background-position:-60px 0px; margin-right: 5px; margin-left: 0px; } .indented-mode .contrib .tools .share .icon.share-arrow { width: 8px; background-position:-75px 0px; float: right; margin-left: 5px; } .indented-mode .contrib:hover .tools .respond a .icon { background-position: 0px -15px; } .indented-mode .contrib:hover .tools .love .icon { background-position:-15px -15px; } .indented-mode .contrib:hover .tools .hate .icon { background-position:-30px -15px; } .indented-mode .contrib:hover .tools .social .icon { background-position:-90px -14px; } .indented-mode .contrib:hover .tools .share a .icon { background-position:-60px -15px; } .indented-mode .contrib:hover .tools .share a .icon.share-arrow { background-position:-75px -15px;} .indented-mode .contrib .report-tool { position: absolute; bottom: 10px; right: 10px; } .indented-mode .contrib .report-tool .icon { height:12px; width:15px; display:block; float: right; background:url(/static/images/public/icons/new-comment-sprite.png?v=1480702880) 0 0 no-repeat; } .indented-mode .contrib .report-tool .flag .icon { background-position:-45px 0px; } .indented-mode .contrib:hover .report-tool .flag .icon { background-position:-45px -15px; } .indented-mode .contrib .report-tool .flag .icon.reporting { background-position: +45px +15px; pointer-events: none; } .indented-mode .contrib .report-tool .flag .icon.reported { background-position:-45px -15px; } .indented-mode .contrib .comment-share { width: 150px; display: block; position: absolute; zoom: 1; background: #FAFAFA; border: 1px solid #E7E7E7; padding: 5px 5px 0 5px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; box-shadow: 0 2px 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); z-index: 999; } .indented-mode .contrib .comment-share .copy-link { width:360px; height:40px; background:#eeeeee; border:1px solid #CECECE; border-radius:5px; position:absolute; top:165px; left: -2px; padding:5px; font-size:14px; } .indented-mode .contrib .comment-share .copy-link span{ font-weight:bold; } .indented-mode .contrib .comment-share .copy-link input{ width:350px; border:1px solid #ddd; font-size:13px; padding:3px 4px; } .indented-mode .contrib .comment-share a span{ padding-left: 32px; font-size: 17px; line-height: 27px; color: black; } .comment-share .share-icon{ width:24px !important; height:24px !important; float:left; margin: 5px 7px 5px 7px; background:url(/static/images/public/icons/large-share-sprite24x24.png?v=1480702880) no-repeat;} .comment-share .share-icon:focus, .share-box .share-icon:hover {opacity: .48; cursor:pointer;} .comment-share .share-icon.hover {opacity: .48; cursor:pointer;} .comment-share .share-icon#facebook{background-position:0px -24px;} .comment-share .share-icon#twitter{background-position:0px -48px;} .comment-share .share-icon#link{ background-position:0px -72px;} .comment-share .share-icon#pinterest{background-position:0px -96px;} .comment-share .share-icon#email{background-position:0px -144px;} .indented-mode .contrib .comment-social { width: 289px; height: 30px; display: block; position: absolute; zoom: 1; background: #FAFAFA; border: 1px solid #E7E7E7; padding: 5px 5px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; box-shadow: 0 2px 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); z-index: 999; } .indented-mode .contrib .comment-social a { display: inline-block; width: auto !important; padding: 10px 6px 8px!important; font: bold 10px/9px Arial,Helvetica,sans-serif; text-align: center; text-transform: uppercase; color: black; border-bottom: 1px solid #BB8; border-right: 1px solid #BB8; background: #FE0; text-decoration: none; float: left; margin-top: 1px; margin-left: 2px; } .indented-mode .contrib .comment-social a:hover {background:#07e; color:#fff;} .indented-mode .contrib .comment-social a.voted {background:#ccc; color:#777;} .indented-mode .contrib .comment-social a:focus, .indented-mode .contrib .comment-social a:hover { cursor:pointer; } .indented-mode .contrib .comment-social a span { margin: 1px 1px 2px; padding: 0; line-height: 9px; color: black; } /* comments moderation tools */ .CommentsModeration .page-title { font-size:36px; } .CommentsModeration .navigation { margin-top:10px; font-size:16px } .CommentsModeration .navigation .selected { background-color: #E7E7E7; color: #000; padding: 3px; } .CommentsModeration .new-flag { position:absolute;top:35px;left:-37px;z-index:10; } .indented-mode .contrib .moderation-tools { width:150px; position: absolute; right: -162px; padding: 5px; } .indented-mode .contrib .moderation-tools div { width:165px; float: left; margin-bottom:5px; } .indented-mode .contrib .moderation-tools a.button2 { font-size:11px; float:left; padding:1px 8px 1px; margin-top:4px; } .indented-mode .contrib .moderation-tools a.restore span { color:green; } .indented-mode .contrib .moderation-tools a.remove span { color:orange; } .indented-mode .contrib .moderation-tools a.deleted { color:red; } .indented-mode .contrib .moderation-tools a.simple-link { padding:7px; } .indented-mode li.contrib div.what.deleted { opacity: .1; } /* queue (/queue and /drafts pages) */ /* edit queue buttons */ .edit_queue {width:370px; float:right;} .draft-posts .edit_queue {width:400px;} .edit_queue_action {display:none; margin-left: -5px;} .edit_queue:hover .edit_queue_action {display:inline;} .edit_queue_action a {color:white; font-weight:bold; font-size:11px; background:#107300; padding:2px 4px; margin-right: -4px; border-right:1px solid #31b510;} .edit_queue_action a:last-child {-webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-right:none;} /*.edit_queue_action a:first-child {margin-right:-3px; margin-left:-1px;}*/ .edit_queue_action a:hover { background:#149600; } .edit_queue a.queued_time, #post_list .edit_queue .megaphone_queue_status {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: 100;} .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 .vertical_options label {display: block; margin-bottom: 5px; font: normal 14px 'Helvetica Neue',Arial,Helvetica,sans-serif;} .update_queue_time .form_elements label { display: inline; } .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 { 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;} #related-links .popup_box .form_header h1 { font-size: 24px; text-transform: none; } #related-links .popup_box .form_header .headline-1 { font-size: 24px; text-transform: none; } #related-links .popup_box .form_header { background: #ffffff; } #related-links .popup_box .form_body { padding: 5px 15px 15px 15px; } #related-links .popup_box .alert_form { font-size: 16px; width: 600px; background-color: #ffffff; } #related-links .popup_box .form_btns { background: #f5f5f5; border-top: 1px solid #e1e1e1; } #related-links .popup_box h2, #related-links .popup_box .headline-2 { text-transform: none; font-weight: normal; } #related-links .popup_box input { padding:3px; margin:10px 0px; } #related-links .popup_box #save_spinner { padding:4px; float:right; } /* Handstamps */ .bling {display: inline-block; width: 13px; height: 12px; background: url("/static/images/public/social/handstamps.png?v=1480702880") no-repeat; text-indent: -1000em; overflow: hidden;} .crown {background-position: 0 0;} .viral {background-position: -14px 0;} .gold_star {background-position: -27px 0;} .top10, .top20, .top50, .top100 {width: 16px;height: 11px;} .top10 {background-position: -40px 0;} .top20 {background-position: -57px 0;} .top50 {background-position: -74px 0;} .top100 {background-position: -91px 0;} /* feed mini items / list alerts */ .badgeword {font:bold 10px "Helvetica Neue",Arial,Helvetica,sans-serif;text-transform:uppercase;color:#000;background:#fe0;padding:2px 4px;cursor:pointer;} .badgeword:hover {color:#fff;background:#07e} .badgeword.Smiley {text-indent: -9999px; display: inline-block; background: none; background-image: url(/static/images/partner/trident/smiley_contrib.png?v=1480702880); background-repeat: no-repeat; background-position: 50% 0%; width: 20px !important; height: 10px !important; padding: 5px 0} .feed-action a{color:#000;} .feed-action a strong{color:#07e;} .feed-action a:hover strong {color: #e32; text-decoration: none;} .who-info a{color:#07e;} .who-info a:hover{color:#e32;} /* new forms */ form.v { border:0; box-shadow:0 0 0; } 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 { font-family:"Lucida Grande",tahoma,verdana,arial,sans-serif; clear:both; border: none; padding: 0; margin: 0; } 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 .message.error { padding: 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; } /* input for contributions */ .contrib-form form.v input.text { width: auto; } .contrib-form form.v textarea { width:585px; } .contribution-list .contrib-form form.v input.text { width:567px; } .what form.v input.text { width:595px; } .contribution-list .contrib-form form.v textarea { width:567px; } .contribution-list .contrib-form form.v.signin-or-signup input.text { width: 180px; } /* 300x250 styles */ .a300x250 .partner-area { margin-bottom:15px; } .a300x250 a { display:block; text-align:center; margin-bottom:20px; } .a300x250 img { display:block; text-align:center; margin-bottom:20px; } .a300x250 embed { display:block; text-align:center; margin-bottom:20px; } .a300x250 embed[width='300'] { margin-left:18px; } .a300x250 iframe { display:block; text-align:center; margin-bottom:20px; } .a300x250 iframe[width='300'] { margin-left:18px; } /* signup */ .signin-or-signup form input.text, .signin-or-signup form.signin-or-signup textarea, .signin-buzzfeed input { width: 180px !important; } .signin-or-signup form div.half input.text, .signin-or-signup form div.half textarea { width: 150px; } .signin-or-signup h5 { margin-bottom:8px; padding-bottom:5px; font:bold 24px arial,helvetica,sans-serif; } .signin-or-signup h5 a { font-weight:bold; } .signin-or-signup .alias-field {color:#666666;font-size:8pt;} .signin-or-signup fieldset.submit .submit {margin-top:9px; margin-left:10px;} /* 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(/static/images/public/lines/horizontal-grey.png?v=1480702880) 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(/static/images/ui/yaybtn.png?v=1480702880) 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(/static/images/partner/tnt/smiley_badgeword.png?v=1480702880); background-repeat: no-repeat; background-position: 50% 0%; width: 20px !important; height: 10px !important; padding: 5px 0} /* partner icons */ .asylum{background-position:0 -16px;} .bestweekever{background-position:0 -32px;} .huffpost{background-position:0 -48px;} .metro{background-position:0 -64px;} .nerve{background-position:0 -80px;} .popeater{background-position:0 -96px;} .postchronicle{background-position:0 -112px;} .thefablife{background-position:0 -128px;} .coedmagazine{background-position:0 -144px;} .buzznet{background-position:-16px -144px;} .urlesque{background-position:0 -160px;} .talkingpointsmemo{background-position:-16px -160px;} .holytaco{background-position:0 -176px;} .neatorama{background-position:0 -192px;} .thefrisky{background-position:0 -208px;} .collegehumor{background-position:0 -224px;} .wonderwall{background-position:0 -240px;} .avclub{background-position:0 -256px;} .thechive{background-position:0 -272px;} .justjared{background-position:0 -288px;} .newser{background-position:0 -304px;} .thesuperficial{background-position:0 -320px;} .wwtdd{background-position:0 -336px;} .celebuzz{background-position:0 -352px;} .videogum{background-position:0 -368px;} .okmagazine{background-position:0 -384px;} .donq{background-position:0 -400px;} .askmen{background-position:0 -416px;} .nypost{background-position:0 -432px;} .elle{background-position:0 -448px;} .womansday{background-position:0 -464px;} .time{background-position:0 -480px;} .buzzfeed{background-position:0 -496px;} .starpulse{background-position:0 -512px;} .jkottke{background-position:0 -528px;} .avc{background-position:0 -544px;} .hollywoodlife{background-position:0 -560px;} .funnyordie{background-position:0 -576px;} .cracked{background-position:0 -592px;} .current{background-position:0 -608px;} .tmz{background-position:0 -624px;} .gamesradar{background-position:0 -640px;} .slate{background-position:0 -656px;} .life{background-position:0 -672px;} .usmagazine{background-position:0 -704px;} .mtv{background-position:0 -720px;} .glamour{background-position:0 -736px;} .foxnews{background-position:0 -752px;} .mailonline{background-position:0 -768px;} .theatlantic{background-position:0 -784px;} .history{background-position:0 -800px;} .uproxx{background-position:0 -816px;} .ivillage{background-position:0 -832px;} .thesmokingjacket{background-position:0 -848px;} .visually{background-position:0 -863px;} .oddee{background-position:-16px -176px;} .bleacherreport{background-position:-16px -192px;} .dailybeast{background-position:-16px -208px;} .fastcompany{background-position:-16px -224px;} .tecca{background-position:-16px -240px;} .vulture{background-position:-16px -256px;} .nymag{background-position:-16px -272px;} .theonion{background-position:-16px -288px;} .cosmopolitan {background-position:-16px -304px;} .esquire {background-position:-16px -320px;} .nowthisnews {background-position:-16px -336px;} .etonline {background-position:-16px -352px;} .haaretz {background-position:-16px -368px;} .teamcoco {background-position:-16px -384px;} .prevention {background-position:-16px -400px;} .menshealth {background-position:-16px -416px;} .redbookmag {background-position:-16px -432px;} .nytimes {background-position:-16px -449px;} .usatoday {background-position:-16px -464px;} .womenshealthmag {background-position:-16px -480px;} .nydailynews {background-position:-17px -497px;} .nyobserver {background-position:-16px -512px;} /* 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(/static/images/public/icons/permalink.png?v=1480702880) 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(http://platform.twitter.com/widgets/images/tweet.png) no-repeat;} .es .tb, .es .t-count, .es .t-count button {background-image:url(http://platform.twitter.com/widgets/images/tweet_es.png);} .fr .tb, .fr .t-count, .fr .t-count button {background-image:url(http://platform.twitter.com/widgets/images/tweet_fr.png);} .de .tb, .de .t-count, .de .t-count button {background-image:url(http://platform.twitter.com/widgets/images/tweet_de.png);} .ja .tb, .ja .t-count, .ja .t-count button {background-image:url(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(/static/images/public/social/handstamps.png?v=1480702880) 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(/static/images/public/awards/crowns.png?v=1480702880); 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-weight: bold; font-size: 13px;} .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(/static/images/public/icons/feed-stats.gif?v=1480702880) 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(/static/images/public/icons/feed_stats.png?v=1480702880) 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(/static/images/public/promos/envelope.png?v=1480702880) 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(/static/images/public/promos/envelope.png?v=1480702880) 230px 15px no-repeat;border-top:1px solid #e32; } .email-promo-box.promo_new h2 { color:#e21; } #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/;/*ie9*/} @media all and (min-width:1125px) { /* RESPONSIVE */ #bar_announcement_area { width: 1125px;} } #bar_announcement.stop_sopa {height: 69px; background: none;} #bar_announcement.stop_sopa #bar_announcement_fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 9001; background-color: #222; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.33, rgb(20,20,20)), color-stop(.67, rgb(62,62,62))); background-image: -moz-linear-gradient(center bottom, rgb(20,20,20) 33%, rgb(62,62,62) 67%); box-shadow: 0 2px 3px rgba(0,0,0,.12); max-height: 69px; overflow: hidden; } #bar_announcement.stop_sopa #bar_announcement_area {padding: 14px 0 16px 0;} #bar_announcement.stop_sopa p {font-size: 15px; line-height: 1.33em; padding-right: 250px;} #bar_announcement.stop_sopa p span {color: #fe0;} #bar_announcement.stop_sopa p span a {color: #fe0;} #bar_announcement.stop_sopa p span a:hover {color: #fff;} #bar_announcement.stop_sopa a.close2 {position: absolute; top: 15px; right: 0; padding: 1px 12px;} #bar_announcement.stop_sopa a.close2:hover {opacity: 1;} /* TWITTER WIDGET*/ .bfTwitterWidget {overflow-y: scroll; overflow-x: hidden;} .bfTwitterWidget #GmapSpinner { font-size: 16px; font-weight: 600; margin: 50px 0 0 50px; } .bfTwitterWidget .tweet {margin: 10px 5px;border: 1px solid #aaa;border-bottom: 2px solid #aaa;padding: 10px 5px;font-size: 14px;background: #eee;background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));background: -moz-linear-gradient(top, #ddd, #fff);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF');} .bfTwitterWidget .tweet:hover {background: #fff;} .bfTwitterWidget .tweet.link {cursor:pointer;} .bfTwitterWidget .tweet .tweet_img, .bfTwitterWidget .tweet .tweet_Handle, .bfTwitterWidget .tweet .tweet_message {display: inline;} .bfTwitterWidget .tweet .tweet_Handle {font-weight: bold;} .bfTwitterWidget .tweet .tweet_details {font-size: 10px; color: #aaa; margin-top: 5px;} /* BIG STORY UNIT */ /* .featured_section .partner-area{position:relative;padding:10px 18px 8px;overflow:auto;} */ .featured_section .wide-thumb { width:300px; height:125px; margin-bottom:8px; background-color:#EFE5CA; } .featured_section h2 { font-size: 21px; line-height: 23px; margin:0 0 8px; font-weight: 600; } .featured_section .description { line-height:1.3; margin-bottom:5px; } .featured_section .big-meta { float:left; width:100%; padding-bottom:0; padding-top:3px; line-height:13px!important; } .featured_section .big-meta .user-info{float:left;width:150px;padding-left:41px;} .featured_section .no-user-image .user-info{padding-left:0px;} .featured_section .big-meta .user-info img{float:left;margin:2px 5px 0 -41px;} .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:280px !important;} .featured_section .partner-area .big-meta .user-info .username{width:265px;} .ThreeColumns #splash_big_story .featured_section .partner-area .user-info {width: 320px !important;} .featured_section .flex-wide-thumb { width:315px; height:112px; background-color:#EFE5CA; } .featured_section .campaign-wide-thumb { width:315px; height:112px; background-color:#EFE5CA; } .featured_section .big-meta .label {display:block;margin:2px 0 2px;font:10px/14px "Lucida Grande"; font-weight: bold; text-transform:uppercase;color:#888; float: none !important; width: auto !important;} .featured_section .big-meta .user-info .username {width: 310px; text-overflow: ellipsis; white-space: nowrap;} .ThreeColumns .Column2 .featured_section .partner-area { width: 300px; padding: 0px 5px 5px; margin: 5px -5px 20px; float:left;} .ThreeColumns .Column2 .featured_section .partner-area .flex-wide-thumb { position:static; width:300px; height:105px; margin-top: 5px; } .ThreeColumns .featured_section .partner-area .flex-wide-thumb { position:absolute; width:240px; height:85px; margin-top: 5px;} .ThreeColumns .featured_section .partner-area h2 { font-size: 21px; line-height: 23px; font-weight: 600; text-shadow: 1px 1px 0 white; margin: 2px 0 6px; } /*.ThreeColumns .featured_section .partner-area p { display:none; }*/ .ThreeColumns .featured_section .partner-area .partner-area-label { width:80px; right:5px; bottom:5px; font-size:8px; color:#c8c8c0; text-align:right; } .ThreeColumns .featured_section .partner-area .username a { font-size:14px; } .ThreeColumns .featured_section .partner-area .user-info { width:150px!important; } /* preload share btns */ .preload-stumble-btn {min-width: 90px; height: 27px; background: url(/static/images/public/icons/placeholder-share-stumble.png?v=1480702880) 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(/static/images/public/icons/placeholder-share-fb.png?v=1480702880) 0 0 no-repeat;} .preload-fb-like-send {min-width: 150px; background-position: 0 -50px;} .preload-fb-wide-like {min-width: 50px; height: 29px; background-position: 0 -100px;} .preload-fb-wide-like-send {min-width: 150px; height: 29px; background-position: 0 -150px;} .preload-twitter-hcount, .preload-twitter-vcount {background: url(/static/images/public/icons/placeholder-share-twitter.png?v=1480702880) 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(/static/images/public/social/faux_reddit.gif?v=1480702880) 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(/static/images/global/lines/ddd.png?v=1480702880) 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;} /* ===[ Daterange picker styling ]=== ================================================== */ .daterangepicker.dropdown-menu { max-width: none; display: none; } .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar { float: left; margin: 4px; } .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar { float: right; margin: 4px; } .daterangepicker .ranges { width: 160px; text-align: left; } .daterangepicker .ranges .range_inputs>div { float: left } .daterangepicker .ranges label { display: inline-block; width: 30px; text-align: right; } .daterangepicker .ranges .range_inputs>div:nth-child(2) { padding-left: 0px !important } .daterangepicker .calendar { display: none; max-width: 230px; background: white; } .daterangepicker .calendar th, .daterangepicker .calendar td { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; white-space: nowrap; text-align: center; } .daterangepicker .ranges label { color: #333; font-size: 11px; margin-bottom: 2px; text-transform: uppercase; text-shadow: 1px 1px 0 #fff; } .daterangepicker .ranges input { font-size: 11px; margin-left:5px; } .daterangepicker .ranges ul { list-style: none; margin: 0; padding: 0; } .daterangepicker .ranges li { font-size: 13px; background: #f5f5f5; border: 1px solid #f5f5f5; color: #08c; padding: 3px 12px; margin-bottom: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #08c; border: 1px solid #08c; color: #fff; } .daterangepicker .calendar { border: 1px solid #ddd; padding: 4px; border-radius: 4px; background: #fff; } .daterangepicker { position: absolute; background: #f4f4f4; top: 100px; z-index: 99; left: 20px; padding: 4px; margin-top: 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #d9d9d9; -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);} .daterangepicker.opensright:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0,0,0,0.2); content: ''; } .daterangepicker.opensright:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; white-space: nowrap; } .daterangepicker td.off { color: #999 } .daterangepicker td.disabled { color: #999 } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #eee } .daterangepicker td.in-range { background: #ebf4f8; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #006dcc; background-image: linear-gradient(top, #08c, #04c); background-repeat: repeat-x; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker .range_inputs .btn { font-size: 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-color: #c5c5c5; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); display: inline-block; padding: 4px 8px; margin: 5px 2px 0 5px; font-size: 12px; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #a2a2a2; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .daterangepicker .daterangepicker_buttons .applyBtn {margin-right: 10px;} .daterangepicker .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #333333; background-color: #e6e6e6; } .daterangepicker .icon-arrow-left { background-position: -238px -95px; background-image: url(/static/images/ad_dashboard/glyphicons-halflings.png?v=1480702880); display: block; width: 18px; height: 18px; } .daterangepicker .icon-arrow-right { background-position: -260px -95px; background-image: url(/static/images/ad_dashboard/glyphicons-halflings.png?v=1480702880); display: block; width: 18px; height: 18px; } .daterangepicker #dateError { color: red; padding: 5px 2px; } .daterangepicker th.week { font-size: 80%; color: #ccc; } /* LEADERBOARD */ .Leaderboard h2 { font:bold 36px helvetica,sans-serif; display:inline-block;} .Leaderboard h3 { font:normal 16px helvetica,sans-serif; margin-bottom:10px; } .Leaderboard #leaderboard_header{ display: block; padding-top: 5px; } .Leaderboard #leaderboard-days { padding-right:5px; } .Leaderboard .leaderboard-filter { height: 30px; width: 450px; text-align:right; margin: 10px 0; } .Leaderboard select { height: 30px; margin-left:0px; padding: 0 25px 0 10px; font-size: 15px; line-height: 2; font-weight: bold; font-family: arial,helvetica,verdana,sans-serif; -moz-appearance: none; -webkit-appearance:none; border:none; background-color: rgba(255, 255, 255, .0); } .Leaderboard label.dropdown { margin-left:15px; padding-right: 5px; padding-left:0px; } .Leaderboard label.dropdown:after { content: "\25BC"; color: #666; pointer-events: none; font-size: 12px; padding: 3px 5px; margin: -2px 0px 0px -30px; } .Leaderboard .leaderboard-tabs{ float:left;padding-top:10px; } .Leaderboard .leaderboard-tabs button{display:block;width:100%;margin:0 0 5px;padding:5px 10px;background:#e4e4e4;font:14px/17px arial,helvetica,sans-serif;text-align:left;box-shadow:inset -1px 1px 0 #ddd;cursor:default;} .Leaderboard .leaderboard-tabs h4{margin:0 0 3px;font-size:15px;} .Leaderboard .leaderboard-tabs div{ font-size:12px;color:#777;} .Leaderboard .leaderboard-tabs b{ font-size:12px;color:#777;} .Leaderboard .leaderboard-tabs button.active{background:#f7f7f7;box-shadow:inset 0 -1px 0 #e7e7e7;} .Leaderboard .daterangepicker { position:absolute; display: none; } .Leaderboard .chart-holder,.chart,.imp-row,.rate-id,.name{float:left;font:14px arial,helvetica,sans-serif;} .Leaderboard .chart-holder{overflow: hidden;padding:10px;background:#f7f7f7;box-shadow:1px 1px 0 #ddd; float: none;} .Leaderboard .imp-row:hover .name a, .imp-row:hover .rate-id { color:#e32; font-weight:bold; } .Leaderboard .imp-row:hover .bar { background:#e32; font-weight:bold; } .Leaderboard .bar{background:#07e;margin:3px;height:20px;position:relative;font-size:13px;} .Leaderboard .chart-holder .rate-id, .chart-holder .name { padding-top:5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .Leaderboard .chart-holder .rate-id { font:normal 12px arial; color:#777; text-align:right; padding-top:6px; margin-right:10px; } .Leaderboard .impressions { width: 620px; float: left; overflow: hidden; } .Leaderboard .chart{width:350px;} .Leaderboard .chart span{margin-top:0.25em;background:inherit;color:white;position:absolute;right:10px;} .Leaderboard .top-posts{float:right;width:160px;padding:15px;background:#f7f7f7;box-shadow:1px 1px 0 #ddd;font:13px arial,helvetica,sans-serif;overflow: hidden;} .Leaderboard .top-posts-header{color:#222;padding:0;font-size:15px;} .Leaderboard .top-posts li { float:left; width:100%; margin:10px 0 0;} .Leaderboard .top-posts h5 { margin-bottom:3px;} .Leaderboard .top-posts a{text-decoration:none} .Leaderboard .rate-id{width:2em;} .Leaderboard .name{width:150px;} .Leaderboard div#imp-12 span.views:after { content:"x" } .Leaderboard button#imp-bb-12 b.views:after { content:"x" }deb .Leaderboard .impressions {float: left; width: 620px;overflow: hidden;} /* END Leaderboard styling */ .hot_list ol li h2 {font-size:24px; line-height: 1.2; 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 .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 .quick_link .label{display: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(/static/images/public/topics/rank_icons.png?v=1480702880) 0 0 no-repeat;} .trend_rank_up .trend_rank span{padding:0 0 0 12px;background-position:0 1px;} .trend_rank_down .trend_rank span{padding:0 0 0 12px;background-position:0 -24px;} .trend_rank_new .trend_rank span{font-weight:bold;font-size:10px;background-position:-500px -500px;} .hot_list .real_like_btn { height:21px; } /* HOT LIST */ .hot_list { width: auto; clear: both;} .hot_list ol li { width: 180px; margin-bottom: 10px; float: left; position: relative; } .hot_list ol li .image-wrapper{ width: 180px; height: 90px; overflow: hidden; float: left;} .hot_list ol li:hover .image-wrapper:before { content: " "; width: 180px; height: 90px; background:#000; opacity: .6; position: absolute; top: 0px; z-index: 10; } .hot_list ol li img.thumb { width: 250px; height: 90px; margin-left: -20px; } .hot_list ol li h2 { position: absolute; display: none; width: 185px; max-height: 82px; overflow: hidden; top: 0px; font-weight: normal; font-size: 14px; line-height: 16px; text-shadow: 1px 1px 0 white; margin: 4px 10px;} .hot_list ol li .community-byline {display: none; font-weight: 700; color: #33b2bc; size: 12px/14px; text-shadow:none; margin-top: 5px;} .hot_list ol li:hover h2, .hot_list ol li:hover .community-byline { display: block; z-index: 12; } .hot_list ol li h2 { color: #fff; text-shadow: none; } .hot_list ol li .more { display: none; } .hot_list ol li .more-link { font: normal 12px "lucida grande",verdana,sans-serif; color: #AAA !important; float: left; margin:3px 0 0 0;} .hot_list ol li .hot_list a:hover .more-link {color:#e32;} .hot_list ol li .more-link-text { width:145px !important; max-height: 64px; float: left; overflow:hidden;} .hot_list ol li .trend_num_box { top: 0px; position: absolute; left: 0px; margin: 0px; text-align:center;} .hot_list ol li .trend_num { font-size: 14px; font-weight: 300; padding: 4px 8px 5px 7px;} .hot_list ol li .quick_link { color: #AAA; display: block; margin-top: 3px; } .hot_list ol li .more-link .more-info-entity {background: url(/static/images/public/homepage/link-arrow.png?v=1480702880) no-repeat; display: inline-block; width: 10px; height: 10px; vertical-align: -1px; margin-right: 5px; } /* HOT LIST - PARTNER QUEUE INTERFACE ##SHOULD TIE TO HOT LIST FORMATTING */ div.hot_partner_posts_queue {display: inline-block; vertical-align: top;} div.hot_partner_posts_queue.hot-on-web-queue { width: 336px; float: right; } div.hot-on-web-queue #editForm {margin-left: -430px;} li.hot-post {margin-top: 20px; width: 565px;} li.hot-post div { display: inline-block; vertical-align: top; max-width: 370px;} li.hot-post div .viral-data {color: red; font-size: 14px; display: block;margin-top: 5px;} li.hot-post a.post-header {font-size: 16px; font-weight: bold; margin-bottom: 5px;} li.hot-post a.post-link {background: none; text-decoration: none; color: black; margin-top: 4px;} li.hot-post .bold {font-weight: bold;} li.hot-post .gray {color: gray;} li.hot-post .post-image-container { padding: 4px;} li.hot-post a.post-image-container { padding: 0; width: 180px; height: 90px; overflow: hidden; display: inline-block; } li.hot-post a.post-image-container img { width: 250px; height: 90px; margin-left: -20px;} li.hot-post div.post-operation-buttons { float: right; width: 50px;} li.hot-post div.post-operation-buttons a.action-button { width: 30px; height: 25px; display: block; margin-bottom: 6px; color: transparent;} li.hot-post div.post-operation-buttons a.action-button.edit { background: url(/static/images/public/icons/post-tools.png?v=1480702880) no-repeat -30px -125px; } li.hot-post div.post-operation-buttons a.action-button.prune { background: url(/static/images/public/icons/post-tools.png?v=1480702880) no-repeat -30px -75px; } .hot_list.post-queue .hlpq-hot-list-container { height: 90px; } .hot_list.post-queue .hlpq-thumb { clip: rect(0px,200px,90px,20px); position: absolute; margin-left: -20px; } .hot_list.post-queue .hlpq-headline { position: absolute; bottom: 0px; left: 0px; } .hot_list.post-queue .hlpq-opacity-shield { position: absolute; top: 0px; left: 0px; width: 180px; height: 90px; background-color: rgba(0, 0, 0, .6); z-index: 2; } .hot_list.post-queue .hlpq-opacity-shield .hlpq-more-link-container { padding: 0px !important; margin: 10px !important;} .hot_list.post-queue .hlpq-opacity-shield .hlpq-more-link { display: block; font-size: 14px; line-height: 16px; color: #fff !important; } .hot_list.post-queue .hlpq-opacity-shield .hlpq-more-link:hover { color: #fff !important; } .hot_list.post-queue .hlpq-opacity-shield .hlpq-more-link.more-link-text { margin-bottom: 5px; } .hot_list.post-queue .hlpq-opacity-shield .hlpq-more-link.more-link { color: #AAA !important; } .hot_list.post-queue .pos-number { bottom: 0px !important; } .hot_list.post-queue .hlpq-spinner { position: absolute; right: 30px; } .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(/static/images/public/topics/rank_icons.png?v=1480702880) 0 0 no-repeat;} .trend_rank_up .trend_rank span{padding:0 0 0 12px;background-position:0 1px;} .trend_rank_down .trend_rank span{padding:0 0 0 12px;background-position:0 -24px;} .trend_rank_new .trend_rank span{font-weight:bold;font-size:10px;background-position:-500px -500px;} .hot_list .real_like_btn { height:21px; } /* Hot On Referrers (A) */ .hot_on.multipost {margin-left: 0;} .hot_on .multipost-header {margin-bottom: 20px;color: #111;font: bold 18px arial, helvetica, sans-serif;} .BuzzPage .hot_on .mpost {width: 295px;} .hot_on .mpost h3 {margin-bottom: 10px;font-size: 15px;} .hot_on .mpost .badges {position: absolute;top: -8px;left: -8px;width: 50px !important;z-index: 2;} .hot_on .mpost .info {margin-left: 100px;} .hot_on .multipost-header span {position: relative;display: inline-block;padding-left: 22px; margin-left: 2px;} .hot_on .multipost-header span img {position: absolute;top: 0;left: 0;} .hot_on .multipost-header .facebook {color: #39579A;} .hot_on .multipost-header .twitter {color: #09B9ED;} .hot_on .multipost-header .stumbleupon {color: #666;} /* Hot On 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 .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 */} /* Alternate title usertips */ .usertip_optimized_alt.usertip { width: 185px; background: none repeat scroll 0 0 #EBF2FB; } .usertip_optimized_alt .optimized_thumb_title { font: 12px "Lucida Grande",sans-serif; position: absolute; bottom: 0; left: 0; padding: 5px; width: 105px; color: #FFF; background: #07e !important; } .usertip_optimized_alt .usertip_arrow { background: url("/static/images/public/quickpost/suplist_usertip_arrows_blue.png?v=1480702880") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } /* Usertip for exceeded amount of combinations */ .usertip_combinations_excess.usertip.usertip_vertical .usertip_arrow { left: 240px; } .usertip_combinations_excess.usertip { background: none repeat scroll 0 0 #F7DAD5; } .usertip_combinations_excess .usertip_arrow { background: url("/static/images/public/quickpost/suplist_usertip_arrows_red.png?v=1480702880") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .usertip_combinations_excess { position: absolute; top: 75px; left: 708px; z-index: 1; width: 275px; } button.add_headline_button { display: inline-block; width: 33px; height: 33px; background: url(/static/images/public/boost/add_buttons.png?v=1480702880) 0 -40px no-repeat; text-indent: -9999px; cursor: pointer; } button.add_headline_button.disabled { background: url(/static/images/public/boost/add_buttons.png?v=1480702880) 0 -80px no-repeat; cursor: default; } #add_more_tests_btn.bf_submit_disabled { opacity: 0.5; filter: alpha(opacity=50); } /* FLEXPRO FORM STYLING */ #edit-flex-pro-form #qp_superlist { width: auto; } #edit-flex-pro-form .suplist_image_box { height: 46px; } #edit-flex-pro-form #suplist_post_buttons { float: right; } #edit-flex-pro-form #autocap_headline { right: inherit; margin-left: 10px;} #edit-flex-pro-form .autocap_note { margin-left: 60px; } #edit-flex-pro-form .autocap_note .autocap_on { color: #239c1a; } #edit-flex-pro-form #splash-size-warning { position: absolute; background: red; color: #FFF; padding: 5px; width: 150px; left: -15px; top: 135px; z-index: 20; display: none; border: 3px solid black} #edit-flex-pro-form #splash-size-warning .warning { font-size: 18px; font-weight: bold;} #edit-flex-pro-form #splash-size-warning p { margin-bottom: 0px; } #edit-flex-pro-form #splash-size-warning.visible { display: block; } #edit-flex-pro-form #splash-preview { position: relative; } #edit-flex-pro-form #splash-preview #splash-container { margin: 0px -115px; width: 860px; } /* make sure preview fits on the page */ #edit-flex-pro-form #splash-preview .splash-image-box { background: #FFF; /*height: 260px;*/ border: 5px solid white; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.18); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.18); box-shadow: 0 2px 3px rgba(0,0,0,.18); } #edit-flex-pro-form #splash-preview img { visibility: hidden; } #edit-flex-pro-form #splash-preview img.splash-img-visible { visibility: visible; width: auto; } #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; } #sub_list h2 {font-size:18px;} #sub_list h2 a {font-size:12px;font-weight:normal;padding-left:10px;cursor:pointer;} /* dfp story ad with video style */ .BuzzPage .partner-area { position: static; padding: 10px; float: left; } .video-ad-unit.story-ad-unit .big-meta {width: 240px;} .video-ad-unit.story-ad-unit .user-info {width: 100%;} .video-ad-unit.bpage-ad-unit .video-unit { float: left; width: 100%; } .video-ad-unit.bpage-ad-unit .video-unit .video-content { margin: 10px 0 10px 0px; float: none; } .video-unit .video-preview { cursor: pointer; position: relative; line-height: 0; } .video-unit .video-preview .press-play { position: absolute; top: 50%; left: 50%; margin: -24px; width: 48px; height: 48px; background:url(/static/images/global/vid_play_button.png?v=1480702880) 0 -47px no-repeat; } .video-play-icon { width:18px !important; height:18px !important; background: url(/static/images/global/unified_sprite.png?v=1480702880) no-repeat -469px -550px; } .video-unit .video-preview:hover .press-play { background-position: 0px 0px; } .video-unit { margin: 0px 0px 10px 0px; background-color: #000; } .ad-template-story .video-unit { width: 316px; } .video-unit .fb-content{ line-height: 0px; } .video-unit .fb-content .icon { width: 24px; height: 22px; display: inline-block; background: url(/static/images/public/social/facebook-share-button-small.png?v=1480702880) 3px 2px no-repeat; } .video-unit .fb-content .word { border-left: 1px solid #6273A6; vertical-align: 5px; padding-left: 8px; } .video-unit .fb-button { border-radius: 3px; font: bold 12px/1 "Lucida Grande",verdana,tahoma,sans-serif; color: white; background: -webkit-gradient(linear,left top,left bottom,from(#6D84B4),to(#415495)); background-image: -moz-linear-gradient(top,#6D84B4,#596C95); border: 1px solid #248; border-left: 1px solid #78E; border-top: 1px solid #89E; text-shadow: none; padding: 2px 5px 0px 5px; display: block; float: right; margin-top: -7px; } .video-unit .fb-content .fb-button:hover { color: white; background: #415495; border: 1px solid #234; } .video-unit .share-content {text-align: right; position: relative; float: right;} .video-unit .share-content .dfp-share-link {position: relative;} .video-unit .share-content a.dfp-share-link { font: bold 14px/1 Arial,Helvetica,sans-serif; position:relative; text-shadow: 0px 1px 1px rgba(0,0,0,.5); border: 1px solid #BBB; color: black; text-shadow: 0 1px 1px white; padding: 5px 5px 3px 32px; background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */ background: linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* W3C */ background-size: auto auto; border-radius: 3px; } .video-unit .share-content .dfp-share-link:hover { color: white; background: #666 !important; border: 1px solid #234 !important; text-shadow: none; } .video-unit .share-content #shareIcon {position: absolute; left: 5px; top: 2px; width:24px; height:20px; background: url(/static/images/embed/embed_post_icons.png?v=1480702880) 0 -146px no-repeat; } .video-unit .dfp-share-link:hover #shareIcon {background: url(/static/images/embed/embed_post_icons.png?v=1480702880) 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(/static/images/ui/notification_icons.png?v=1480702880) 0px 0px no-repeat; margin-right: 2px; } #reaction-message .icon.timetoshare { margin-left: 2px; background: url(/static/images/public/icons/curved_arrow.png?v=1480702880) 0px 0px no-repeat; } /* SPLASH VIDEO AD UNIT */ .splash .splash_dfp_story .video-ad-unit .video-preview {width:355px; height: 180px; overflow:hidden;} .splash .splash_dfp_story .video-ad-unit .video-preview .vid-preview-img {width: 355px; height: 250px; margin-top:-32px;} .featured_section .political-ad .big-meta {position: absolute; top: 212px; width: auto; line-height: 6px !important; right:0px;} .featured_section .political-ad .big-meta .bf_byline_prefix{margin:2px 0px 0px 0px; line-height: 2px;} .featured_section .political-ad .big-meta .user-info {float:right; margin-top:0px;} .featured_section .political-ad .big-meta .user-info img {width:20px; height:20px; margin:8px 2px 0 2px;} .featured_section .political-ad .big-meta .label {margin: 6px 0 0px;} .splash .featured_section .political-ad.partner-area h2, .splash .featured_section .political-ad.partner-area h2 a, .splash_dfp_story .political-ad .bf-item-title a {font-size: 18px; line-height: 18px; font-weight: 600; margin:0px !important;} .splash .political-ad.partner-area h2.bf-item-title {margin:0px !important;} .political-ad .video-unit {background: none;} .political-ad .video-unit .share-content {float:left;} .political-ad .video-unit .share-content #shareIcon {background-position: 0px -167px; height: 13px;width: 17px;} .political-ad .video-unit .share-content a.dfp-share-link {background:-webkit-gradient(linear,left top,left bottom,from(#2299ff),to(#1166dd));background-image:-moz-linear-gradient(top,#2299ff,#1166dd); color:#fff; font-size:11px; text-shadow: 0px 1px 1px rgba(0,0,0,.5); padding: 5px 5px 3px 20px; border:1px solid #999; margin-right:2px;} .political-ad .video-unit .share-content a.dfp-share-link:hover{color: white; background: #666 !important;} .political-ad .video-unit .share-content a.dfp-share-link:hover #shareIcon {background-position: 0px -167px;} .splash .featured_section .political-ad a.bf-display_name {font-size: 12px !important; color: #07e !important;} .ThreeColumns .featured_section .political-ad.partner-area .username a {color:#07e;font-size: 12px;} .featured_section .political-ad #reaction-message{position:absolute; bottom: 32px;} #reaction-message .icon.timetoshare{ background-position: 0px -16px; margin-bottom:-3px; } /* TWITTER WIDGET */ .twtr-widget{float:left;} /* UnSuper Tuesday */ .unsuperTuesday {width: 625px; height: 260px; display: block; margin: 10px 0 10px 10px;} .unsuperTuesday.date {background:url(/static/images/public/splash/unsuper_tuesday_time.jpg?v=1480702880)} /* PIN DIALOG*/ .pin-dialog { width: 100%; position: fixed; z-index:1000; top: 100px; } .pin-dialog .fixer {width:400px; margin: 0 auto; background:#ffffff; border:1px solid #dddddd; border-radius:5px; font-family: Helvetica, arial,sans-serif; -moz-box-shadow: 1px 1px 2px #666666; -webkit-box-shadow: 1px 1px 2px #666666; box-shadow: 1px 1px 4px #666666; } .pin-dialog h3, .pin-dialog li{margin-bottom:10px;} .pin-dialog h3 {font: 12px Helvetica, arial,sans-serif; font-weight:bold;} .pin-dialog-buttons {margin-top:10px; background:#f5f5f5; height:30px; border-top:1px solid #ddd; padding:10px 0px; position:relative;} .pin-dialog div {margin-top:10px; padding-left:3px;} .pin-title { width: 95%; border-bottom: 1px solid #DDD; float: left; padding: 10px; font-size: 18px; font-weight: bold; margin-bottom:10px; position: relative; } .pin-cancel {position: absolute; right: 10px; color: #DDD; top: 4px; font-weight: normal; font-size: 14px; cursor:pointer;} .pin-dialog .button2.pin {padding: 0px 8px; font-weight:normal; float:right; margin-right:10px;} .pin-dialog .button2.homepage_edit.pin { float:left; margin-left:10px;} .pin-dialog .pin-dialog-buttons select { height:30px; font-size: 12px; font-family: Helvetica, arial,sans-serif; border-radius:4px; } /* 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(/static/images/public/social/share-sprite.png?v=1480702880); background-position: -1px 62px; width: 122px; height: 30px; cursor: pointer; } .supershare_button:hover { background-position: -1px 31px; } .pointer { cursor: pointer; } .little-spinner { width: 16px; height: 16px; background: url(/static/images/public/spinners/small_on_white.gif?v=1480702880); } .odd .little-spinner { background: url(/static/images/public/spinners/small_on_e6e6e6.gif?v=1480702880); } .big-spinner { background: url(/static/images/public/spinners/big_on_e6e6e6.gif?v=1480702880); width: 32px; height: 32px; margin-right: 20px; } .checkmark, .xmark, .delete { width: 16px; height: 16px; background-size: 16px!important; } .checkmark { background: url(/static/images/public/video-lightbox/checkmark.png?v=1480702880); } .xmark { background: url(/static/images/public/video-lightbox/xmark.png?v=1480702880); } .delete { background: url(/static/images/public/quickpost/chart_close.png?v=1480702880); cursor: pointer; } /* 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 */ /* NEXT ON */ #next_on { margin: 30px auto 10px; height: 125px; width: 625px; overflow: hidden; background: #F7F7F7; clear: both; float: none; } #next_on .leftPage { overflow: hidden; position: absolute; float: left; width: 355px; overflow: hidden; } .Videos #next_on {margin:30px 0px 10px;} #next_on .vertical_title_sprite { background: url(/static/images/public/homepage/homepage-sprite.png?v=1480702880); position: absolute; right: 3px; top: 3px; z-index: 2; display: block; height: 30px; } #next_on.next_on_politics .vertical_title_sprite { background-position: 2px -31px; width: 83px; } #next_on.next_on_tech .vertical_title_sprite { background-position: 2px -62px; width: 64px; } #next_on.next_on_sports .vertical_title_sprite { background-position: 2px 0px; width: 105px; } #next_on.next_on_animals .vertical_title_sprite { background-position: 2px -125px; width: 108px; } #next_on.next_on_celebrity .vertical_title_sprite { background-position: 2px -156px; width: 88px;} #next_on.next_on_lgbt .vertical_title_sprite { background-position: 2px -250px; width: 64px;} #next_on.next_on_music .vertical_title_sprite { background-position: 2px -188px; width: 81px; } #next_on.next_on_rewind .vertical_title_sprite { background-position: 2px -220px; width: 93px;} #next_on.next_on_entertainment .vertical_title_sprite { background-position: 2px -312px; width: 109px;} #next_on.next_on_longform .vertical_title_sprite { background-position: 2px -343px; width: 106px;} #next_on.next_on_food .vertical_title_sprite { background-position: 2px -281px; width: 84px;} #next_on.next_on_diy .vertical_title_sprite { background-position: 2px -374px; width: 54px;} #next_on.next_on_fashion .vertical_title_sprite { background-position: 2px -405px; width: 110px; } #next_on.next_on_uk .vertical_title_sprite { background-position: 2px -467px; width: 48px; } #next_on.next_on_community .vertical_title_sprite { background-position: 2px -497px; width: 110px; } #next_on.next_on_geeky .vertical_title_sprite { background-position: 0px -529px; width: 72px; } #next_on.next_on_business .vertical_title_sprite { background-position: 0px -560px; width: 102px; } #next_on.next_on_videos .vertical_title_sprite { background-position: 1px -591px; width: 82px; } #next_on.next_on_books .vertical_title_sprite {background-position: 0px -622px; width: 80px;} #next_on.next_on_world .vertical_title_sprite {background-position: 0px -714px; width: 92px; } #next_on.next_on_travel .vertical_title_sprite {background-position: 2px -683px; width: 85px;} #next_on.next_on_comics .vertical_title_sprite {background-position: 2px -747px; width: 74px;} #next_on.next_on_australia .vertical_title_sprite {background-position: 2px -777px; width: 108px;} #next_on.next_on_style .vertical_title_sprite {background-position: 2px -808px; width: 76px;} #next_on.next_on_audio .vertical_title_sprite {background-position: 2px -839px; width: 95px;} #next_on .rightPage { float: right; padding: 10px 10px 10px 0; width: 250px; margin: 0 0 0 10px; } #next_on.next_on_entertainment .rightPage { padding-top: 5px; } #next_on.next_on_branded .rightPage span { color: #7a7a7a; font-size: 17px; text-transform: uppercase; white-space: normal;} #next_on .rightPage span { color: #7a7a7a; font-size: 16px; line-height: 1.1; text-transform: uppercase; white-space: nowrap; } #next_on.next_on_entertainment .rightPage span { font-size: 13px; } #next_on .rightPage span.next_arrow { font: 20px arial,sans-serif; } #next_on.next_on_entertainment .rightPage span.next_arrow { font: 17px arial,sans-serif; } #next_on.next_on_branded .rightPage h3 { font-size: 17px; line-height: 23px; font-weight: 600; color: #000; } #next_on .rightPage h3 { font-size: 18px; margin: 10px 0 0 0;font-size: 21px; line-height: 23px; font-weight: 600; color: #000; } .Video .next_on_video {float:left !important;} /* LONGFORM NEWSLETTER */ #longform_newsletter { width: 650px; margin: 0px auto 70px; padding-top: 10px;} #longform_newsletter .inner { background: url(/static/badge_images/tldr_big.png?v=1480702880) no-repeat left top; padding-left: 115px; min-height: 102px;} #longform_newsletter p {font-size: 24px; font-weight: normal; line-height: 26px; color: #222222; margin: 10px 0; padding-left: 0px;} #longform_newsletter #email_address { width: 320px; padding: 5px; border: 1px solid #d9d9d9; font-size: 14px; color: #666; margin-right: 10px;} #longform_newsletter #email_msg { background-color: #f2f2f2 !important; border: 1px solid #ccc !important; } #longform_newsletter #email_msg .successCheck { background: url(/static/images/public/icons/check.png?v=1480702880) no-repeat left center; padding: 12px 0 12px 10px; margin-left: 10px;} .SwitchUser {position:absolute;right:0px;top:50px;width:300px;background:#fff;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;} #usernav-switch-select {display: inline-block; float: right;} #usernav-switch-select select { width: 105px; margin-top: -6px; margin-right: -1px; } .video_privacy_warning, .privacy_warnings {float: none !important; clear: both !important; background: #ffa; padding: 5px 10px; margin: 3px 0 8px 0; font-size: 12px !important; border:1px solid #dd9; color: #551;} #quickpost-video .video_privacy_warning {width: 386px; margin: 14px 0 0 0;} #contribute-video-form .video_privacy_warning {width: 392px;} .switched-display_name {font-style: italic;} .close_switch_list_ui {position: absolute; right: -10px; top: -10px;} .editor-link {display: block; margin: 8px 0;} .editor-link .bold {font-weight: bold;} div.pp-tabs-container {height: 30px;} ul.pp-tabs li { border:1px solid black; padding:2px; float:left; margin-right:2px; background-color:#CCCCCC; } ul.pp-tabs a { color:#000000; } ul.pp-tabs li.selected { background-color:#FFFFFF;} h3.underline { border-bottom: 2px solid #696969; width: 290px; line-height: 25px;} h3.hot-on-web {width: 195px;} h3.hot-partner {width: 290px;} h3.removed-posts {width: 284px;} li.hot-post.side {width: 243px; margin-top: 20px;position: relative;} li.hot-post.side span.pos-number {position: absolute; bottom: 2px; left: 0px; padding: 4px 8px 5px 7px; background-color: #E32;font: bold 20px/1.2 "Arial Black",arial,helvetica,sans-serif; color: white;font-size: 14px; font-weight: 300;} li.hot-post div.action-buttons {float: right; width: 25px; margin-right: 20px; margin-top: 2px;} li.hot-post div.action-buttons a.action-button {width: 17px; height: 10px; display: inline-block;margin-bottom: 9px; color: transparent; } li.hot-post div.action-buttons a.reorder-up {background: url(/static/images/public/quickpost/superlist_action_icons.png?v=1480702880) no-repeat 0px -9px;} li.hot-post div.action-buttons a.reorder-down {background: url(/static/images/public/quickpost/superlist_action_icons.png?v=1480702880) no-repeat -17px -9px;} li.hot-post div.action-buttons a.edit {background: url(/static/images/public/quickpost/superlist_action_icons.png?v=1480702880) no-repeat -34px -13px; height: 15px; width: 15px; margin-left: 1px; margin-right: 1px;} li.hot-post div.action-buttons a.reorder-remove {background: url(/static/images/public/quickpost/superlist_action_icons.png?v=1480702880) no-repeat -47px -16px; width: 13px; margin-left: 2px; margin-right: 2px} .twitter-widget {margin: 0px 0px 20px 0px;} /* AB AD TEST */ .sidebar-post.thumbnailcontrol .partner-sash{background:url(/static/images/global/unified_sprite.png?v=1480702880) no-repeat; background-position: -174px -611px;} .sidebar-post.thumbnailredslash .partner-sash{background:url(/static/images/global/unified_sprite.png?v=1480702880) no-repeat; background-position: -538px -461px;} .sidebar-post.thumbnailpartneryellow .partner-sash { height: 35px; background: url(/static/images/global/unified_sprite.png?v=1480702880) no-repeat; background-position: -194px -700px; } .sidebar-post.thumbnailpartnerred .partner-sash { height: 35px; background: url(/static/images/global/unified_sprite.png?v=1480702880) no-repeat; background-position: -194px -735px; } /* ********** */ #back_to_top.show { display: inherit !important; } #back_to_top { position:fixed; top: 20px; right: 20px; overflow:hidden; width:46px; height:46px; text-indent:-9999px; z-index: 100; background: url(/static/images/global/unified_sprite.png?v=1480702880) no-repeat -593px -503px; cursor:pointer; display:none;} #back_to_top:hover { background-position: -593px -457px; opacity: 1; } .edit_post #back_to_top {top: 100px; left: 20px;} .DraftPage #back_to_top {left: 20px; } .DraftPage header #buzz_header .converted_buzz_datetime {display: none; } /*pinterest*/ #pin_bg {z-index: 2147483641; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #F2F2F2; opacity: .95; width: 100%;} #pin_bd {z-index: 2147483642; position: absolute; text-align: center; width: 100%; top: 0; left: 0; right: 0; font: 16px 'hevetica neue,arial,san-serif';} .pin_image {height: 200px; width: 200px; display: inline-block; background: white; position: relative; -moz-box-shadow: 0 0 2px #555; -webkit-box-shadow: 0 0 2px #555; box-shadow: 0 0 2px #555; margin: 10px; zoom: 1} .pin_image .loading_pin_image { background: url("/static/images/public/spinners/big_fff_on_9f9f9f.gif?v=1480702880") no-repeat scroll center center transparent; background-color: rgba(0,0,0,.42); display: block; height: 200px; width: 200px;} .pin_image cite {position: absolute; bottom: 0; left: 0; right: 0; width: 200px; color: black; height: 22px; line-height: 24px; font-size: 10px; font-style: normal; text-align: center; overflow: hidden;} .pin_image cite span {position: absolute; bottom: 0; left: 0; right: 0; width: 200px; color: black; height: 22px; line-height: 24px; font-size: 10px; font-style: normal; text-align: center; overflow: hidden;} .pin_image a {text-decoration: none; background: transparent url(http://passets-cdn.pinterest.com/images/bm/button.png) 60px 300px no-repeat; cursor: pointer; position: absolute; top: 0; left: 0; height: 200px; width: 200px;} .pin_image a:hover { background-position: 60px 80px; background-color: rgba(0, 0, 0, 0.5);} .pin_mask {background: #EEE; opacity: .75;} #pin_close {display: inline-block; cursor: pointer; color: #524D4D; line-height: 45px; text-shadow: 0 1px white; float: right; text-align: center; width: 100px; border-left: 1px solid #AAA;} #pin_header {z-index: 2147483643; -moz-box-shadow: 0 1px 2px #aaa; -webkit-box-shadow: 0 1px 2px #AAA; box-shadow: 0 1px 2px #AAA; position: fixed; width: 100%; top: 0; left: 0; right: 0; height: 45px; line-height: 45px; font-size: 14px; font-weight: bold; display: block; margin: 0; background: #FBF7F7; border-bottom: 1px solid #AAA;} #pin_header span {height: 43px; width: 100px; display: inline-block; margin-right: -100px; background: transparent url(http://passets-cdn.pinterest.com/images/LogoRed.png) 50% 50% no-repeat; border: none;} .pin_img {position: absolute; top: 0; left: 0; height: 200px; width: 200px; overflow: hidden;} /* embedded tweet styles */ .sidebar_featured_unified .embed-tweet, #suplist_items_area .embed-tweet, #buzz_sub_buzz .embed-tweet {border:1px solid #ccc; border-radius:3px; box-shadow: 2px 2px 4px rgba(0,0,0,.1); max-width: 500px;} .sidebar_featured_unified .embed-tweet .tweet, #suplist_items_area .embed-tweet .tweet, #buzz_sub_buzz .embed-tweet .tweet {padding:10px 10px 30px;} .sidebar_featured_unified .embed-tweet p, #suplist_items_area .embed-tweet p, #buzz_sub_buzz .buzz_superlist_item .embed-tweet p {font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;} .sidebar_featured_unified .embed-tweet a span:hover, #suplist_items_area .embed-tweet a span:hover, #buzz_sub_buzz .buzz_superlist_item .embed-tweet a span:hover {text-decoration: underline;} .sidebar_featured_unified .embed-tweet a b, #suplist_items_area .embed-tweet a b, #buzz_sub_buzz .buzz_superlist_item .embed-tweet a b {font-weight:normal;} .sidebar_featured_unified .embed-tweet .tweet-reply, #suplist_items_area .embed-tweet .tweet-reply, #buzz_sub_buzz .buzz_superlist_item .embed-tweet .tweet-reply {background-color:#eee; border-bottom: 1px solid #ccc !important; padding:10px;} .sidebar_featured_unified .embed-tweet .author, #suplist_items_area .embed-tweet .author, #buzz_sub_buzz .buzz_superlist_item .embed-tweet .author {border:none; margin:0; min-height:38px; position:relative; font-family: "Helvetica Neue", arial, sans-serif} .sidebar_featured_unified .embed-tweet .author .screen-name, #suplist_items_area .embed-tweet .author .screen-name, #buzz_sub_buzz .buzz_superlist_item .embed-tweet .author .screen-name {text-decoration:none;} .sidebar_featured_unified .embed-tweet .author .avatar, #suplist_items_area .embed-tweet .author .avatar, #buzz_sub_buzz .buzz_superlist_item .embed-tweet .author .avatar {position:absolute; margin: 0 10px 0 0; top:0;left:0;} .sidebar_featured_unified .embed-tweet .author .avatar .photo, #suplist_items_area .embed-tweet .author .avatar .photo, #buzz_sub_buzz .buzz_superlist_item .embed-tweet .author .avatar .photo {border-radius: 3px; max-width: 32px;} .sidebar_featured_unified .embed-tweet .author .fn, #suplist_items_area .embed-tweet .author .fn, #buzz_sub_buzz .buzz_superlist_item .embed-tweet .author .fn {font: 14px "Helvetica Neue", arial, sans-serif; color:black; padding-left:38px; display:block; float:left; font-weight: bold;} .sidebar_featured_unified .embed-tweet .author .nickname, #suplist_items_area .embed-tweet .author .nickname, #buzz_sub_buzz .buzz_superlist_item .embed-tweet .author .nickname {padding-left:38px; color: #999; display:block; float:left; clear:left; font-size: 12px} .sidebar_featured_unified .embed-tweet .author .follow, #suplist_items_area .embed-tweet .author .follow, #buzz_sub_buzz .buzz_superlist_item .embed-tweet .author .follow {float:right; position:relative; padding:2px 5px 2px 4px; text-decoration:none; position: absolute; top:0; right:0; background-color: #F8F8F8; background-image: -webkit-gradient(linear,left top,left bottom,from(white),to(#DEDEDE)); background-image: -moz-linear-gradient(top,white,#DEDEDE); background-image: -o-linear-gradient(top,white,#DEDEDE); background-image: -ms-linear-gradient(top,white,#DEDEDE); background-image: linear-gradient(top,white,#DEDEDE); border: #CCC solid 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #333; font-weight: bold; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; overflow: hidden; line-height:16px;} .embed-tweet .author .follow:hover {box-shadow:inset 0px 1px 5px rgba(0,0,0,.1);} .embed-tweet .author .follow i.tw-icon {height: 16px; width: 20px; background: url("/static/images/public/social/twitter_sprite.png?v=1480702880") no-repeat -72px -159px; padding: 0 2px 0 0; display: inline-block; vertical-align: top; background-size: 177px 191px;} .embed-tweet .tweet-media {background-color: black;} .embed-tweet .tweet-media img, .embed-tweet .tweet-media iframe {max-width: 100%; margin:0 auto; display: block;} .embed-tweet .tweet-header, .embed-tweet .entry-content, .embed-tweet .footer {padding: 0 10px;} .embed-tweet .tweet-header {margin: 10px 0 0 0;} .embed-tweet .tweet-media .video-embed.vine {position: relative; padding-top: 100%; margin-bottom: 10px;} .embed-tweet .tweet-media .video-embed.vine iframe {position: absolute; height:100%; width: 100%; top:0;} .tweet-reply .tweet-header {margin: 0; padding-top: 10px; } .embed-tweet .entry-content {clear:left; margin:0;} .embed-tweet .twitter-emoji {width:20px} .embed-tweet .entry-content img, #buzz_sub_buzz .entry-content img {max-width:100%;} .embed-tweet .entry-content .video-embed.vine {position: relative; padding-top: 100%; margin-bottom: 10px;} .embed-tweet .entry-content .video-embed.vine iframe {position: absolute; height:100%; width: 100%; top:0;} .embed-tweet .view-details { display: inline-block; width: 50%; text-align: left;} .embed-tweet .view-details .updated {display:block; color:#999;} .embed-tweet .tweet-actions {display: inline-block; width: 49%; text-align: right;} #suplist_items_area .embed-tweet .tweet-actions {width: 48%; position: absolute; top: 5px;} .embed-tweet .tweet-actions li {position:relative; display: inline-block; margin: 0 5px;} .sidebar_featured_unified .embed-tweet .tweet-actions li {margin: 0 3px!important;} .embed-tweet .tweet-actions li:last-child {margin: 0 0 0 5px;} .embed-tweet .tweet-actions li a {color: #999; line-height:16px; text-decoration:none;} .embed-tweet .tweet-actions li a:hover {color: #777; text-decoration:underline;} .embed-tweet .tweet-actions li a i.tw-icon {height:16px; width:22px; margin: 0 2px 0 0; background: url("/static/images/public/social/twitter_sprite.png?v=1480702880") no-repeat 0 0; background-size: 177px 191px;} .embed-tweet .tweet-actions li a i.tw-icon, .embed-tweet .tweet-actions li a b {display: inline-block; vertical-align: top; line-height: 16px;} .embed-tweet .tweet-actions li a.reply-action i.tw-icon {background-position: -80px -84px} .embed-tweet .tweet-actions li a.reply-action:hover i.tw-icon {background-position: -103px -84px;} .embed-tweet .tweet-actions li a.retweet-action i.tw-icon {background-position: -80px -102px; margin-right: 4px;} .embed-tweet .tweet-actions li a.retweet-action:hover i.tw-icon {background-position: -107px -102px;} .embed-tweet .tweet-actions li a.favorite-action i.tw-icon {background-position: -78px -122px;} .embed-tweet .tweet-actions li a.favorite-action:hover i.tw-icon {background-position: -99px -122px;} .embed-tweet .reply-to {background: url("/static/images/public/social/twitter_sprite.png?v=1480702880"); width:49px; background-repeat: no-repeat; background-position: 0 -112px; height:12px; margin-bottom: -12px; background-size: 177px 191px;} .embed-tweet .footer {margin: 0 0 10px 0; float: none; font-family: "Helvetica Neue", arial, sans-serif;} #suplist_items_area .embed-tweet .footer {background: none;} #breaking_news_summary_content .embed-tweet .view-details { width:40%; } #breaking_news_summary_content .embed-tweet .tweet-actions { width:59%;} /* Overrides for Embedding Tweets in Longform */ .embed-tweet .tweet{ margin:0!important; } .embed-tweet .author { font-family:"Helvetica Neue", arial, sans-serif!important; color: black; font-size:14px; } .embed-tweet .nickname{ color: #999; font-size: 12px; line-height:12px!important; } .embed-tweet .nickname b { font-size: 12px!important; line-height:12px!important; color: #999; font-family:"Helvetica Neue", arial, sans-serif!important; font-weight:normal!important; } .embed-tweet .author .follow { font-size:12px } .embed-tweet blockquote.tweet { border:0!important; padding:0!important; } .embed-tweet p.entry-title { font:16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif!important; margin-bottom: 10px!important; } #suplist_items_area .embed-tweet p.entry-title { padding-bottom: 12px; } .embed-tweet .updated, .embed-tweet .tweet-actions li a b{ font-size:12px!important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important; font-weight:normal!important; } .embed-tweet .tweet-actions { margin:0!important; line-height: 16px!important; } .embed-tweet .tweet-actions li a i.tw-icon, .embed-tweet .tweet-actions li a b { display: inline-block; vertical-align: top; line-height:16px!important; font-size: 12px!important; } /* cropper base css */ .cropperbody .upload-status div.text, .cropperbody .upload-status div.red { position:relative; width: 260px; height: 20px; margin-bottom:10px; } .cropperbody .upload-status div.red { background-color: red; } .cropperbody .upload-status div.text { margin-top: -30px; } .cropperbody .upload-status img { position:absolute; width: 17px; height:17px; padding-left: 130px; } .cropperbody .scroller { overflow: hidden; } .cropperbody #uploader_container { line-height: 20px; margin-top: 180px; margin-left: 300px; width:351px; height:232px; position: absolute; } /* cropper custom styles css */ #super-image-edit-iframe {width: 100%; height: 100%;} .upload-title, .crop-title, .thumbs-title { display: none; } .upload .upload-title, .crop .crop-title, .thumbs .thumbs-title { display: inline-block; } .cropperbody.settings .bf_dialog_footer { border: none; background: transparent; width: 100%; right: 20px; bottom: 0px; z-index: 1000; } .cropperbody.settings { width: 100%; height: 100%; margin:0; font: 12px "Lucida Grande",Verdana,sans-serif; } .cropperbody.settings .content, .cropperbody.settings #cropper_container, .cropperbody.settings #cropper_container .container { width: 100%; height: 100%; } .cropperbody.settings #cropper_container .container { overflow: auto; } .cropperbody.settings { height: 458px; background-color: black; } .cropperbody.settings .upload-title { font-weight: bold; font-size: 18px; } .cropperbody.settings #uploader_container { box-sizing: border-box; margin: 0; width: 100%; padding: 20px; } .cropperbody.settings .content { font: 12px "Lucida Grande",Verdana,sans-serif; color: white; } .cropperbody.settings .upload-desc { margin: 10px 0 10px 0; } .cropperbody.settings #uploader { width: 120px; } .cropperbody.settings .preview { position: absolute; right: 15px; bottom: 15px; } .cropperbody.settings .bf_dialog_footer li { float: right; } .cropperbody.settings #cropper_container .imgCrop_wrap { margin: 0; } .cropperbody.superpost #cropper_container .container { overflow: visible; } .cropperbody.flexpro { height: 565px; } .cropperbody.flexpro .bf_dialog_footer { height: 70px; } .cropperbody.flexpro #thumbs { padding: 10px 0 0 10px; font: 12px helvetica,​arial,​sans-serif; width: 830px; } .cropperbody.superpost #thumbs > div, .cropperbody.flexpro #thumbs > div{ font-weight: bold; font-size: 24px; padding-left: 10px; } .cropperbody.superpost #thumbs > div .help, .cropperbody.flexpro #thumbs > div .help { color: #666666; display: block; font: 13px arial,sans-serif; margin: 10px 0; } .cropperbody.superpost #thumbs fieldset, .cropperbody.flexpro #thumbs fieldset { background: none repeat scroll 0 0 white; border: 1px solid #DDDDDD; margin: 0 0 10px 10px; padding: 10px; } .cropperbody.superpost #thumbs fieldset > div, .cropperbody.flexpro #thumbs fieldset > div { font-size: 14px; font-weight: bold; } .cropperbody.superpost #thumbs fieldset button, .cropperbody.flexpro #thumbs fieldset button { clear: both; display: block; margin-top: 10px; float: left; } .cropperbody.superpost #thumbs fieldset div.results, .cropperbody.flexpro #thumbs fieldset div.results { float: left; margin-right: 10px; } .cropperbody.superpost #thumbs fieldset.big-result, .cropperbody.flexpro #thumbs fieldset.big-result { margin-top: 0; width: 355px; } .cropperbody.flexpro #thumbs fieldset.big-result { float: right; } .cropperbody.superpost #uploader_container, .cropperbody.flexpro #uploader_container { border: 2px dashed red; padding: 40px; height: 150px; width: 270px; font-family: helvetica,arial,sans-serif; line-height: 20px; } .cropperbody.superpost #uploader_container .error-title, .cropperbody.flexpro #uploader_container .error-title { font-weight: bold; margin-bottom: 10px; font-size: 18px; } .cropperbody.superpost #uploader, .cropperbody.flexpro #uploader { width: 120px; } .cropperbody.flexpro .upload-status { position: absolute; } .cropperbody.flexpro .upload-status div.text, .cropperbody.flexpro .upload-status div.red { margin-top: -30px; } .cropperbody.flexpro .content, .cropperbody.flexpro #cropper_container, .cropperbody.flexpro #cropper_container .container{ width: 100%; height: 100%; } .cropperbody.flexpro #cropper_container .container { overflow: auto; } .cropperbody.flexpro .scroller { overflow: hidden; margin-right: 10px; } .cropperbody.flexpro .bf_dialog_footer li { float: right; } .cropperbody.flexpro #uploader {display:none;} /*AREA AUDIT PAGE STYLES START*/ /*Restyle header*/ .AreaAudit .unified-header.simple_header #upper-wrapper { box-shadow: none; } .AreaAudit .audit-error { font-size: 20px; text-align: center; width: 100%; color: #F00; display: inline-block; margin-top: 10px; } .area-audit-head { font-weight: 100; font-size: 32px; color: #222222; background-color: #f8f8f8; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #D9D9D9; margin: 0 0 20px -500px; padding: 0 20px 5px 520px; width: 1950px; } .area-audit-head #buzz_info { width: 950px; } .area-audit-head:before, .area-audit-head:after { content:""; display:table; } .area-audit-head:after { clear:both; } .area-audit-head .title { display: inline-block; margin-top: 15px; } .area-audit-post-link { font-size: 13px; margin: 0 0 7px; color: #333; display: block; } .area-audit-post-link .link_icon { margin: 4px 5px 0px 0px; display: inline-block; width: 12px; height: 12px; background: url("/static/images/ad_dashboard/dashboardtoo_sprite.png?v=1480702880") no-repeat -61px -300px; } .area-audit-post-link:hover .link_icon {background-position: -47px -300px;} .area-audit-post-link a {white-space: nowrap;} .area-audit-post-link a .view-post {color: #777;} .area-audit-post-link textarea { text-align: right; background:none; resize: none; border: none; overflow: auto; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*Restyle form*/ .area_audit_form { background-color: #EBF2FA; border: 1px solid #D3E3F6; font-weight: 700; font-size: 16px; height: 37px; line-height: 37px; padding: 20px 15px; width: 958px; } .area_audit_form .left-content { width: 560px; } .area_audit_form label { margin-left: 20px; } .area_audit_form label.first { margin-left: 0px; } .area_audit_form select, .area_audit_form input { font-size: 80%; height: 30px; border: 1px solid #CCC; padding: 0 10px; } .area_audit_form select { color: #333; min-width: 50px; padding-right: 25px; border-radius: 6px; vertical-align: middle; -webkit-appearance: none; /*firefox below*/ -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; /*firefox above*/ } /*firefox specific option styling*/ @-moz-document url-prefix() { .area_audit_form select { padding-top: 5px; } } .area_audit_form label.dropdown:after { content: "\25BC"; color: #666; pointer-events: none; font-size: 11px; padding: 3px 5px; margin: -2px 0px 0px -32px; } .area_audit_form #buzz_id { width: 200px; direction: rtl; } .area_audit_form input[type=text] { } .area_audit_form .bf_button { font-size: 12px; line-height: 30px; padding: 0 15px 0 15px; margin-left: 5px; } .area_audit_form #areas_spinner, .area_audit_form #search_spinner { vertical-align: middle; } .area_audit_form #areas_spinner{ margin-left: 20px; } /*Restyle table*/ .area_audit_table { font-size: 12px; border-spacing: 0; border-collapse: collapse; text-align: left; margin: 20px 0px; display: inline-table; width: 100%; } .area_audit_table thead, .area_audit_table tr, .area_audit_table th { margin: 0px; } .area_audit_table thead { border-bottom: 2px solid #333; font-size: 16px; } .area_audit_table tbody { /*color: #039;*/ } .area_audit_table th { padding: 10px 8px; } .area_audit_table td { border-bottom: 1px solid #CCC; padding: 6px 8px; } .area_audit_table tbody tr:nth-child(even){ background-color: #F8F8F8; } .area_audit_table td.action { text-align: right; } /*tool_used in table*/ .area_audit_table span.post_tools{ padding: 25px 30px 0px 0px; float: left; font-size: 0px; background: url(/static/images/public/icons/post-tools.png?v=1480702880) no-repeat; -webkit-filter: grayscale(1) } .area_audit_table span.post_tools.wrench { background-position: -30px 0px; } .area_audit_table span.post_tools.post { background-position: -30px -25px; } .area_audit_table span.post_tools.pin { background-position: -30px -150px; } .area_audit_table span.post_tools.flexpro { background-position: -30px -100px; } .area_audit_table span.post_tools.queue { background-position: -30px -275px; } .area_audit_table span.post_tools.pin-down { background-position: -30px -225px; } .area_audit_table span.post_tools.remove { background-position: -30px -75px; } .area_audit_table span.tool { background: #707070; color: #FFF; width: 30px; height: 22px; display: inline-block; text-align: center; border-radius: 3px; font-size: 16px; padding-top: 3px; font-weight: 700; } .area_audit_table span.tool.long { font-size: 9px; padding-top: 2px; height: 23px; } /*AREA AUDIT PAGE STYLES END*/ /*FLEXPRO PAGE STYLES START*/ /*Restyle header*/ .Optimize .unified-header.simple_header { border-bottom: 1px solid #D9D9D9; } .Optimize .unified-header.simple_header #upper-wrapper { box-shadow: none; } .flexpro-head { font-weight: 100; font-size: 32px; color: #222222; background-color: #f8f8f8; border-bottom: 1px solid #d9d9d9; margin: 0 0 20px; padding: 0 0 5px 20px; } .flexpro-post-link { font-size: 13px; display: inline-block; margin: 5px 0 7px; color: #333; display: block; } .flexpro-post-link .link_icon { margin-left: 5px; display: inline-block; width: 12px; height: 12px; background: url("/static/images/ad_dashboard/dashboardtoo_sprite.png?v=1480702880") no-repeat -61px -300px; } .flexpro-post-link:hover .link_icon {background-position: -47px -300px;} .flexpro-post-link a {white-space: nowrap;} .flexpro-post-link a .view-post {color: #777;} .flexpro-head .title {margin-top: 15px;} .flexpro-head .links { margin-top: 40px; } .flexpro-head .small-links { font-size: 13px; padding: 4px 7px; } .flexpro-thumbs .links { display: none; } /*Restyle bottom-bar buttons*/ .flexpro-optimization-buttons { position: absolute; bottom: -148px; z-index: 98; background: #E4E4E4; width: 990px; padding: 8px 10px; border-top: 1px solid #CCC; margin-bottom: 50px; } .flexpro-optimization-buttons .bf_button { font-weight: 700; font-size: 15px; text-align: center; height: 30px; line-height: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 5px; } .flexpro-optimization-buttons .skip_button {width: 80px;} .flexpro-optimization-buttons .skip_button:active {background: #ccc;} .flexpro-optimization-buttons .bf_submit.add_single { width: 300px; } .flexpro-optimization-buttons .bf_submit:active, .flexpro-optimization-buttons .bf_submit:hover, .flexpro-optimization-buttons .bf_submit:focus, .flexpro_list .bf_submit:active, .flexpro_list .bf_submit:hover, .flexpro_list .bf_submit:focus { color:#fff; background:#0f6ada; border:1px solid #0f6ada; } /*create combinations list*/ /*titles rows*/ .headlines-editing-module .row { display:inline-block; vertical-align:top; padding: 0 10px 10px 5px; width: 680px; position:relative; } .headlines-editing-module .row.default { margin-top:15px; width: 695px; } .headlines-editing-module .row a { color: #000; font-size: 14px; line-height: 20px; font-weight:bold; } .headlines-editing-module a.autocap { position: absolute; bottom: 11px; width: 42px; height: 52px; border-left: 1px solid #CCCCCC; background: #f3f3f3 url('/static/images/public/quickpost/superlist_action_icons.png?v=1480702880') -71px -11px no-repeat; display: block; right: 3px; } .headlines-editing-module a.autocap.autocap_on { background-position: -71px 22px; background-color: #ececec; } .headlines-editing-module .edit-title { display:block; } .headlines-editing-module .row .title_container { position: relative; float: left; width:94%; } .headlines-editing-module .row .title_container_inner { width: 636px; padding: 25px 5px 10px; display: block; background-color:#eee; display: block; border: 3px #CCC solid; } .headlines-editing-module .form-group { padding: 0 0 10px 1px; margin: 0 0 0 -12px; position: relative; } .headlines-editing-module .form-group input { width: 94%!important; } .headlines-editing-module .row .default-sash { background: url('/static/images/public/flexpro/thumb_creation_icons.png?v=1480702880') no-repeat 0 0; height: 20px; width: 80px; position: absolute; top: 0; left: 0; } .headlines-editing-module .row .title_container_inner span { display: inline-block; height: 18px; overflow: hidden; text-overflow: ellipsis; width: 99%; white-space: nowrap; } .headlines-editing-module .row .default-sash span { padding-left: 5px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; } .headlines-editing-module li .headline-checkbox { float: left; width: 29px; height: 30px; background: url('/static/images/public/flexpro/thumb_creation_icons.png?v=1480702880') no-repeat -65px -20px; text-indent: -9999px; margin-right: 10px; margin-top: 5px; cursor: pointer; } .headlines-editing-module li.selected .headline-checkbox { background: url('/static/images/public/flexpro/thumb_creation_icons.png?v=1480702880') no-repeat 0px -20px; } .headlines-editing-module input:focus { border: 1px solid #89B1D9; } .headlines-editing-module li.default .headline-checkbox, .headlines-editing-module li.running .headline-checkbox { background-position: -30px -20px; } .headlines-editing-module li .headline-checkbox.add_single { background-position: -65px -60px; width: 28px; margin-top: 7px; } .headlines-editing-module li.selected .headline-checkbox.add_single { background-position: -35px -60px; } .headlines-editing-module li.default .headline-checkbox.add_single { margin: 0 10px 0 0; } .flexpro-thumbs { font-weight: 700; } .flexpro-thumbs .upper_border { border-top: 1px solid #ddd; padding: 20px 0 0 33px; font-size: 20px; margin: 28px 0 0 0; } .flexpro-thumbs h1.qp_create { font-size: 20px; padding: 0 0 10px 30px; } .combinations-header h1 { font-size: 18px; } .flexpro-thumbs h1 { font-weight: normal; font-size: 14px; } /*upload*/ .flexpro-thumbs .bf_button { padding: 7px 17px 7px 46px; } .flexpro-thumbs #cropper_container .bf_button, .flexpro-thumbs #preview-thumbs.bf_button, .flexpro-thumbs #approve-thumbs.bf_button { padding: 7px; } .flexpro-thumbs .sprite { background: url("/static/images/public/quickpost/photo_row_upload.png?v=1480702880") no-repeat scroll -64px 0 transparent; height: 23px; left: 16px; position: absolute; top: 5px; width: 25px; } .flexpro-thumbs .bf_button:active { background: #cccccc; } .flexpro-instructions { font-weight: 700; font-size: 15px; color: #000000; margin: 10px 0 0 33px; display: block; } .combinations-header .flexpro-instructions {margin: 0;} /*crop button*/ .flexpro-thumbs-list .flex-btn-crop, .flexpro-module .btn-recrop-overlay { width: 32px; height: 32px; background: url(/static/images/public/flexpro/thumb_creation_icons.png?v=1480702880) no-repeat 0px -59px; text-indent: -9999px; cursor: pointer; opacity: .9; filter:alpha(opacity=90); } .flexpro-thumbs-list .flex-btn-crop:hover, .flexpro-module .btn-recrop-overlay:hover { opacity: 1; filter:alpha(opacity=100); } .flexpro-thumbs-list .flex-btn-crop { position: absolute; bottom: 7px; right: 3px; } .flexpro-thumbs-list .sub-buzz-module.default .flex-btn-crop, .flexpro-thumbs-list .sub-buzz-module.running .flex-btn-crop { display: none; } .flexpro-thumbs-list { clear: both; padding-top: 15px; } .flexpro-thumbs-list li { float: left; width: 465px; margin: 10px 55px 5px 0; } .flexpro-thumbs-list li:nth-child(even) { margin-right: 0; } .flexpro-thumbs-list li:not(.default):nth-child(1) { margin-top: 24px; } .flexpro-thumbs-list li:nth-child(2) { margin-top: 24px; } .flexpro-thumbs-list .thumb_container { background: #eeeeee; width: 430px; height: 125px; position: relative; float: left; } .flexpro-thumbs-list .default .thumb_container { height: 136px; } .flexpro-thumbs-list li .sub-buzz-checkbox { float: left; width: 29px; height: 30px; background: url('/static/images/public/flexpro/thumb_creation_icons.png?v=1480702880') no-repeat -65px -20px; text-indent: -9999px; margin-right: 5px; cursor: pointer; margin-top: -4px; } .flexpro-thumbs-list li.selected .sub-buzz-checkbox { background-position: 0 -20px; } .flexpro-thumbs-list li.default .sub-buzz-checkbox, .flexpro-thumbs-list li.running .sub-buzz-checkbox { background-position: -30px -20px; } .flexpro-thumbs-list li.default-non-reusable .sub-buzz-checkbox, .flexpro-thumbs-list li.running-non-reusable .sub-buzz-checkbox { background-position: -94px -20px; cursor: default; } .flexpro-thumbs-list li .sub-buzz-checkbox.add_single { background-position: -65px -56px; } .flexpro-thumbs-list li.default .sub-buzz-checkbox.add_single { margin-top: 10px; } .flexpro-thumbs-list li.selected .sub-buzz-checkbox.add_single { background-position: -35px -56px; } .flexpro-thumbs-list .sub-buzz-module .running-sash, .flexpro-thumbs-list .sub-buzz-module .default-sash, .flexpro-module .default-sash { position: absolute; display: none; text-indent: -9999px; } .flexpro-thumbs-list .sub-buzz-module .running-sash { background: url(/static/images/public/flexpro/thumb_creation_icons.png?v=1480702880) no-repeat 0px -100px; width: 94px; height: 55px; top: -5px; left: -5px; z-index: 2; } .flexpro-thumbs-list .sub-buzz-module .default-sash, .flexpro-module .default-sash { background: url("/static/images/public/flexpro/thumb_creation_icons.png?v=1480702880") no-repeat scroll 0 0 transparent; width: 80px; height: 20px; top:0; left:0; } .flexpro-thumbs-list .sub-buzz-module.default .default-sash, .flexpro-thumbs-list .sub-buzz-module.default-reusable .default-sash, .flexpro-thumbs-list .sub-buzz-module.default-non-reusable .default-sash, .flexpro-thumbs-list .sub-buzz-module.running .running-sash, .flexpro-thumbs-list .sub-buzz-module.running-reusable .running-sash, .flexpro-thumbs-list .sub-buzz-module.running-non-reusable .running-sash, .flexpro-module.default .default-sash { display: block; } .flexpro-module.default .default-sash { top: -3px; left: -3px; } .flexpro-thumbs-list .thumb_container_inner { padding: 15px; } .flexpro-thumbs-list .default .thumb_container_inner { padding: 30px 11px 10px 11px; border: 3px solid #cecece; height: 93px; } .flexpro-thumbs-list .wide-thumb { float: left; margin-right: 10px; } .flexpro-thumbs-list .wide-thumb img{ max-width: 265px; } .flexpro-thumbs-list .small-thumb { float: left; height: 83px; overflow: hidden; position: relative; } .flexpro-thumbs-list .small-thumb img { max-width: 125px; } /*optimization process combinations list*/ #flexpro_list { margin: 10px 0 0 0; } .flexpro-top-stats-container { overflow: hidden; margin-bottom: 30px; } .flexpro-top-stats { text-align: center; width: 222px; float: right; } .flexpro-top-stats.flexpro-top-stats-result { width: 230px; } #status_header_use_the_best { width: 228px; } .flexpro-top-stats-container .flexpro-top-stats, .flexpro-top-stats-container .top-stats { font-weight: 700; } .flexpro-module { font-weight: 700; width: 990px; background: #eee; margin-bottom: 10px; position: relative; } .flexpro-module.default { border: 3px solid #CFCFCF; width: 984px; } .flexpro-module .dark_grey { background: #E0E0E0; overflow: hidden; } .flexpro-module .light_grey { float: left; background: #EEEEEE; overflow: hidden; padding: 15px 0 15px 15px; } .flexpro-module.default .light_grey { padding: 20px 0 15px 12px; } .flexpro-module .light_grey .edit-description-area { width: 723px; min-height: 55px; } .flexpro-module .col { float: left; vertical-align:top; } .flexpro-module.completed .col { opacity:0.5; filter:alpha(opacity=50); } .flexpro-module.completed .col.buttons { opacity:1; filter:alpha(opacity=100); } .flexpro-module .small-thumb { position: relative; overflow: hidden; } .flexpro-module .small-thumb span { bottom: 0; display: none; left: 0; overflow: hidden; padding: 5px; position: absolute; width: 125px; z-index: 2; background: #0077EE; font-size: 12px; color: #fff; } .flexpro-module.default .small-thumb span { display: block; } .flexpro-module .small-thumb, .flexpro-module .rate { padding: 0 25px 0 0; } .flexpro-module .stats div { border-bottom: 1px solid #fff; font-size: 12px; height: 27px; line-height: 27px; } .flexpro-module.default .stats div { border-bottom: 1px solid #E0E0E0; } .flexpro-module .stats div.added_time { border: none; } .flexpro-module .stats { color: #000; width: 155px; padding-right: 15px; font-size: 12px; line-height: 18px; } .flexpro-module .stats b { font-weight: normal; font-weight: 700; } .promo-rate-text { font-weight: 600; font-size: 22px; font-weight: bold; margin-bottom: 10px; text-align:center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight: normal; } .promo-rate-text.best-result { background-color: #12b249; } .promo-rate-text.best-result .best-result-ctr-header { color: #FFFFFF; font-size: 14px; height: 15px; line-height: 15px; position: absolute; top: 18px; width: 130px; } .flexpro-module .stats .icon-clock { background:url(/static/images/public/flexpro/result_icons.png?v=1480702880) no-repeat -86px -205px; width: 12px; height: 12px; display: inline-block; margin-bottom: -1px; } .flexpro_list .rate .promo-rate-text { width: 133px; height: 83px; line-height: 83px; background: #fff; border-radius: 3px; font-weight: 600; font-size: 30px; } .flexpro_list .rate .best-result { background-color: #12B249; position: relative; line-height: 115px; } .top-stats { font-weight: 700; color: #000; font-size: 12px; line-height: 18px; margin: 0 0 5px; } .flexpro-top-stats.combinations-header .top-stats { text-align: left; padding: 0 0 5px; margin: 0; } .flexpro-top-stats .combinations-count { width: 47px; margin-right: 10px; float: left; } .flexpro-module .wide-thumb { width: 250px; position:relative; padding: 0 15px 0 0; } .flexpro-module .wide-thumb a { display: block; padding: 0 0 10px 0; } .flexpro-module .promotion-title-editor a.autocap { position: absolute; bottom: 1px; height: 52px; right: 1px; width: 38px; border-left: 1px solid #ccc; background: url('/static/images/public/quickpost/superlist_action_icons.png?v=1480702880') -73px -11px no-repeat #f3f3f3; padding: 0; } .flexpro-module .promotion-title-editor a.autocap.autocap_on { background-position: -72px 22px; background-color: #ececec; } .flexpro-module .promotion-title-editor a.image { height: 83px; } .flexpro-module .promotion-title-editor .btn-recrop-overlay { display: none; position: absolute; top: 109px; right: 26px; } .flexpro-module .promotion-title-editor .btn-recrop-overlay:hover { opacity:.9; filter:alpha(opacity=90); } .flexpro-autocap-container { position: relative; } .flexpro-module .edit-title, .flexpro-module.editing .promotion-title-container { display:none; } .flexpro-module.editing .edit-title, .flexpro-module.editing .button-set { display:block; } .flexpro-module span.promotion-title-container { float: left; max-width: 345px; clear: both; } .flexpro-module .promotion-title-editor, .flexpro-module .promotion-title { display:block; color: #0B71F0; font-size: 14px; line-height: 20px; font-weight:bold; max-width: 378px; } .flexpro-module .edit-description-area .promotion-title-editor { color: #000; max-width: 700px; font-weight: normal; } /*Buttons set*/ .flexpro-module .buttons { text-align:center; width: 250px; padding: 5px 0 0 0; margin: 5px 0 0 0; } .flexpro-module.default .buttons { width: 243px; padding: 5px 2px 0; margin: 24px auto 0; } .flexpro-module.performed-poorly .buttons, .flexpro-module.completed .buttons { margin: 24px auto 0; } .default-marker { background: #ffa; padding: 3px 7px; font-size: 11px;font-weight: bold; border:1px solid #dd9; } .flexpro-module .button-set { margin-bottom: 9px; } .flexpro-module .button-set button { position: relative; } .completed .button-set, .performed-poorly .button-set, .expired .button-set { margin-top: 10px; } .flexpro-module .bf_button.darkgrey { cursor: pointer; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6); color: #ffffff; font-weight: bold; padding: 5px 10px; } .flexpro-module .bf_button.darkgrey:hover { border-color: #505050; background: #535353; } .flexpro-top-stats-container .bf_button.green { background:#03A955; background:-webkit-gradient(linear,left top,left bottom,from(#03A955),to(#03AA52)); background-image:-moz-linear-gradient(top,#03A955,#03AA52); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03A955', endColorstr='#03AA52'); border: 1px solid #16984E; color: #FFFFFF; padding: 10px 15px 10px 20px; font-size: 14px; } .flexpro-top-stats-container .bf_button.green:hover { background:#019045; background:-webkit-gradient(linear,left top,left bottom,from(#019045),to(#019045)); background-image:-moz-linear-gradient(top,#019045,#019045); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019045', endColorstr='#019045'); } /* in progress icon */ .flexpro-module.running .icon-area .test-status-icon { background:url('/static/images/public/flexpro/inprogress_icon.gif?v=1480702880') no-repeat 0 0; width: 86px; height: 67px; display: inline-block; margin-bottom: 3px; } /*status icons*/ .flexpro-module .icon-area .test-status-icon.draft-post, .flexpro-module.completed .icon-area .test-status-icon, .flexpro-module.running.best-result .icon-area .test-status-icon, .flexpro-module.completed.best-result .icon-area .test-status-icon, .flexpro-module.running.performed-poorly .icon-area .test-status-icon, .flexpro-module.completed.performed-poorly .icon-area .test-status-icon, .flexpro-module.running.expired .icon-area .test-status-icon, .flexpro-module.completed.expired .icon-area .test-status-icon { background:url('/static/images/public/flexpro/result_icons.png?v=1480702880') no-repeat 0 0; width: 138px; height: 60px; display: inline-block; margin: 0; } /* stopped icon */ .flexpro-module .icon-area .test-status-icon.draft-post, .flexpro-module.completed .icon-area .test-status-icon { background-position: 0 -120px; } /* expired icon */ .flexpro-module.completed.expired .icon-area .test-status-icon { background-position: 0 -223px; } /* best result icon */ .flexpro-module.running.best-result .icon-area .test-status-icon, .flexpro-module.completed.best-result .icon-area .test-status-icon { background-position: 0 -60px; } .flexpro-module.default .make-default, .flexpro-module.default .make-duplicate, .flexpro-module.completed .make-default, .flexpro-module.completed .make-duplicate, .flexpro-module.completed .edit-button, .flexpro-module.default .edit-button, .flexpro-module.editing .edit-button { display: none; } .flexpro-module .edit-button { background:url('/static/images/public/flexpro/result_icons.png?v=1480702880') no-repeat -34px -192px; width: 30px; height: 25px; display: inline-block; float: right; } .flexpro-module .edit-button:hover { opacity: 0.8; filter:alpha(opacity=80); } .flexpro-module .play-pause-buttons .pause-button-text, .flexpro-module .play-pause-buttons .start-button-text { padding-left: 25px; } .flexpro-module .start-button-icon, .flexpro-module .pause-button-icon { background:url('/static/images/public/flexpro/result_icons.png?v=1480702880') no-repeat -63px -205px; width: 11px; height: 12px; display: inline-block; position: absolute; top: 9px; left: 15px; } .flexpro-module .pause-button-icon { background-position: -74px -205px; } .flexpro-module .start-button-icon:hover { background-position: -60px -450px; } .flexpro-module .pause-button-icon:hover { background-position: -60px -425px; } .flexpro-module.running .start-button, .flexpro-module.completed .pause-button{ display: none; } .flexpro-module.default a.promotion-title, .flexpro-module.completed a.promotion-title { cursor: text; } .flexpro-module a.promotion-title { cursor: pointer; } .combinations { padding: 30px 20px; margin: 10px 0px 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; box-shadow: 0 4px 5px -3px rgba(0, 0, 0, 0.18); height: 102px; position: relative; } .combinations-header, .flexpro-top-stats.combinations-header { float: left; } .combinations-count-header { vertical-align: top; margin-right:20px; width:90px; font-size: 12px; } .combinations-count { background-color: #000; color: #fff; text-align: center; font-size:22px; line-height: 30px; width: 46px; height: 30px; border-radius: 5px; cursor: default; height: 30px; } .flexpro-top-stats.combinations-header .promo-rate-text { padding: 0; margin: 0; height: 30px; line-height: 30px; font-size: 22px; text-align: left; width:350px; } .combinations-count-alert { background-color: #e32; } .flexpro-module .edit-description-area textarea.qp { width: 100%; } .flexpro-module .edit-description-area .description-textarea-container { padding: 6px 0px 10px; } .flexpro-module .promotion-description { width: 650px; float: left; } div.edit-description-area p.description-below-notes { color: #727272; font-size: 11px; line-height: 14px; margin: 0; padding: 0 2px; } /**************************************** FlexPro 'send email results to' header ****************************************/ .flexpro-send-results-header { background-color: #EBF2FA; border: 1px solid #D3E3F6; padding: 15px 20px; margin-bottom: 20px; position: relative; } .flexpro-send-results-header .mail-ico { background: url("/static/images/public/flexpro/result_icons.png?v=1480702880") no-repeat scroll 0 -180px transparent; width: 34px; height: 37px; float: left; } .flexpro-send-results-header .text { font-weight: 700; float: left; font-size: 16px; height: 37px; line-height: 37px; padding: 0 10px; width: auto; } .flexpro-send-results-header .loader { position: absolute; top: 21px; left: 405px; z-index: 300; } #user_auto_complete { width: 222px; height: 32px; border: 1px solid #CCCCCC; padding: 0 10px; margin: 2px 0 0 0; color: #000000; display: block; float: left; } #user_auto_complete.disabled { background: #F8F8F8; } #user_ac_container { left: 3px; position: absolute; top: 35px; } .flexpro-send-results-header .btn--buzz.btn--buzz--small { position: relative; padding-left: 26px; } .flexpro-send-results-header button i { position: absolute; top: 8px; left: 12px; font-size: 22px; font-weight: 700; font-style: normal; line-height: 15px; color: white; } .autompl_container { float: left; position: relative; } .autompl_container .autocomplete { width: 220px; border: 1px solid #CCCCCC; } .flexpro-send-results-header .add_button { margin: 2px 0 0 7px; float: left; } .flexpro-send-results-header .user-in-email-list { font-family: "Lucida Grande",Verdana,sans-serif; font-size: 13px; position: relative; background: #F0F0F0; border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; display: inline-block; float: left; height: 30px; line-height: 29px; margin: 2px 4px 5px 0; padding: 0 20px 0 10px; } .flexpro-send-results-header .user-in-email-list a { color: #000000; display: block; font-family: "Lucida Grande",Verdana,sans-serif; font-size: 13px; font-weight: bold; height: 10px; line-height: 10px; position: absolute; right: 8px; top: 9px; width: 10px; } .autocomplete-w1 { background:url(/static/images/public/advertise/shadow.png?v=1480702880) no-repeat bottom right; position:absolute; top:4px; left:3px;} .autocomplete-w2 { padding:0 6px 6px 0; } .autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; IE specific: _height:350px; _margin:0px 6px 6px 0; overflow-x:hidden; } .autocomplete .selected { background:#F0F0F0; } .autocomplete div { padding:2px 5px; white-space:nowrap; } .autocomplete strong { font-weight:normal; color:#3399FF; } /**************************************** END FlexPro 'send email results to' header ****************************************/ /*FLEXPRO PAGES END*/ .input-type-counter-limit { color: red !important; } .sidebar-diy-pinterest { margin: 0 0 20px 0; } /*Community Bpage User Info */ .community-user-info { clear: both; margin: 0 0 15px 0 !important; padding: 13px!important; width: 620px; } .community-user-info .contributor-label { font-size: 16px; text-transform: uppercase; color: #33b2bc; font-weight: 600; text-shadow: 1px 1px 1px #fff; } .post2 .meta .user-info .user_advertiser { background: #edb802; color: #ffffff; font-size: 9px; letter-spacing: 1px; line-height: 1; padding: 3px 3px 2px; display: inline-block; text-transform: uppercase; } .post2 .meta .user-info .user_advertiser .fa-user { font-size: 10px; } .post2 .meta .community-user-info.user-info .user-name { line-height: 27px; font-size: 23px; font-weight: normal; color: #121212; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 290px; } .post2 .meta .community-user-info.user-info .user-name:hover { color: #e32; } .post2 .community-user-info.user-info a.user-avatar { display: inline-block; float: none; height: 40px; width: 40px; vertical-align: middle; } .post2 .community-user-info.user-info a.user-avatar img { height: 40px; width: 40px; } .post2 .community-user-info.user-info .user-info-info { float: none; display: inline-block; width: 290px; margin-left: 10px; line-height: 22px; vertical-align: middle; } .post2 .community-user-info.user-info.buzzfeed-user-tier .user-info-info, .post2 .community-user-info.user-info.buzzfeed-user-tier .user-info-info .user-name { width: 200px; word-wrap: break-word; } .post2 .community-user-info .user-tier-box { display: inline-block; width: 200px; vertical-align: middle; } .post2 .community-user-info.buzzfeed-user-tier .user-tier-box { width: 310px; } .post2 .community-user-info.buzzfeed-user-tier .user-tier-box p{ margin-bottom: 0px; color: #999; font-size: 14px; } .user-tier-box.brand-publisher { float: right; } .join-the-community { padding-top: 1px; } .join-the-community a { color: #999; } .wide-content .post2 .user-info.creative_user {float: none; clear: both; margin: 0 0 5px 0;} .wide-content .post2 .user-info.community-user-info {clear: both;float: none;} /****** CAT POWER ******/ .community-user-info .cat-power { display:inline-block; } .community-user-info .cat-stats { font-size: 10px; line-height: 16px; text-transform: uppercase; font-weight: 600; color: #999; } .community-user-info .cat-power li { height: 29px; display: inline-block; background-image: url('/static/images/public/catpower-sprite.png?v=1480702880'); background-repeat: no-repeat; } .community-user-info .cat-power.cat-power-small li{ background-size: 182px; } .ie9 .community-user-info .cat-power.cat-power-small li{ background-image: url('/static/images/public/catpower-sprite-sm.png?v=1480702880'); } /*unselected cats*/ .community-user-info .cat-power li.cat1 { background-position: 0 -35px; width: 30px; } .community-user-info .cat-power li.cat2 { background-position: -36px -35px; width: 32px; } .community-user-info .cat-power li.cat3 { background-position: -74px -35px; width: 34px; } .community-user-info .cat-power li.cat4 { background-position: -114px -35px; width: 32px; } .community-user-info .cat-power li.cat5 { background-position: -154px -35px; width: 29px; } /*selected cats*/ .community-user-info .cat-power li.cat1.cat-selected { background-position: 0 0; } .community-user-info .cat-power li.cat2.cat-selected { background-position: -36px 0; } .community-user-info .cat-power li.cat3.cat-selected { background-position: -74px 0; } .community-user-info .cat-power li.cat4.cat-selected { background-position: -114px 0; } .community-user-info .cat-power li.cat5.cat-selected { background-position: -154px 0; } /* Creative Team User BPage */ .creative_user { min-width: 625px; padding: 7px 13px!important; position: relative; } .creative_user .contributor-label { font-size: 16px; text-transform: uppercase; color: #33b2bc; font-weight: 600; text-shadow: 1px 1px 1px #fff; } .post2 .meta .creative_user.user-info .user-name { font-size: 23px; font-weight: normal; color: #121212; } .post2 .meta .creative_user.user-info .user-name:hover { color: #e32; } .post2 .creative_user.user-info a.user-avatar { display: inline-block; float: none; height: 63px; width: 63px; vertical-align: middle; } .post2 .creative_user.user-info a.user-avatar img { height: 63px; width: 63px; } .post2 .creative_user.user-info .user-info-info { float: none; display: inline-block; width: 290px; margin-left: 10px; line-height: 22px; vertical-align: middle; } .post2 .meta .creative_user .author_title { color:#07e; /* font-weight: bold; */ font-weight: 600; font-size: 14px; } .creative-user-message { float: right; text-align: left; color: #777; font-weight: 600; line-height: 18px; font-size: 14px; } /****** LEADERBOARDS ******/ /* What's Hot Leaderboard */ #hot-bf, #hot-web {display:inline-block; width:355px; margin-right:20px;vertical-align:top;} @media screen and (max-width: 1024px) { #hot-bf, #hot-web {margin-right:10px;} } .hot-item {position:relative;margin-bottom:20px;} #hot-web .trend_header {position:relative;} #hot-web .favicon {float:left;} #hot-web .buzz_link {margin-left:26px; text-transform:capitalize;} #hot-web .trend_buzz {margin:10px 0 20px 0; } #hot-web .more-link {color:#aaa; font:normal 12px "lucida grande",verdana,sans-serif !important; display:block; margin-top:3px;} .trend_num {font-size: 14px; font-weight: 300; letter-spacing:normal; padding: 4px 7px 5px 7px;} .trend_num_box {top:100px; position: absolute; left: 0px; margin: 0px;} .hot-header {font:bold 34px arial,helvetica,sans-serif; margin:15px 0;} .hot-headline {font-size: 20px; line-height: 1.1; font-weight: 600;width:355px; margin-top:5px;} .hot-headline .views { font-size: 13px; color: #999;} .fresh-column { display:inline-block; vertical-align:top; width: 232px;} .fresh-header {font:bold 22px arial,helvetica,sans-serif; margin: 15px 0 3px;line-height: 45px;} .trend-header {color: #000; font-weight: 600;font-size: 17px;line-height: 22px;margin-bottom: 15px;display:block;padding:3px;} .trend-header:hover {background-color: #eee;} .trend-header .more-link { font-size: 12px; line-height: 16px; font-weight:normal; color: #999;display:block;} .hp-more-fresh {font-size: 13px; font-weight: 700; color: #999;} .fresh-font { font-weight: 800; color: #e32;} .hot-header .fresh-font {font-size:40px;line-height:34px;} .fresh-header .fresh-font { font-size: 30px; } #hot-bf.hot-community-posts {width: 605px;} .hot-community-posts .hot-item .hot-item-image {display: inline-block; font-size: 0px; line-height: 0px; vertical-align: top; position: relative;} .hot-community-posts .hot-item-image .trend_num_box {top: auto; bottom: 0;} .hot-community-posts .hot-stats {display: inline-block; margin: 0 0 0 15px; vertical-align: top;} /* Community Leaderboard (variations on above) */ #hot-web.hot-community-users-wrap { width: 360px; margin: 0; } .hot-community-users { display:inline-block; } .hot-community-users li { position:relative; margin-bottom: 15px; display:inline-block; width:100%; } .Column2 .hot-community-users li { margin-bottom: 10px; } .Column2 .hot-community-users li:last-child { margin-bottom: 0; } .user_trend_num_box { top:45px; } .hot-community-users li .info { display: inline-block; vertical-align: top; } .hot-community-users img.thumb { margin-right: 15px; height:70px; width:70px; } .Column2 .hot-community-users img.thumb { height:55px; width:55px; } .hot-community-users li .info a { font-weight: 700; font-size: 22px; line-height: 1.4; color: #000; } .hot-community-users .views, .hot-stats { font-size: 18px; color: #666; } .hot-community-users-image { display: inline-block; font-size: 0px; line-height: 0px; position: relative; } .hot-community-users .hot-community-users-image .trend_num_box { top: auto; bottom: 0; position: absolute; } .leaderboard-headlines { font-size: 21px; line-height: 23px; font-weight: 600; width: 355px; padding: 6px 0 0 0; } /*Sidebar Variation */ .sidebar-front .hot-community-users li .info a { font-size: 18px; line-height: 1.4; } .sidebar-front .trend_num { font-size: 14px; font-weight: 300; letter-spacing:normal; padding: 4px 7px 5px 7px;background-color: #E32; height: auto; } .sidebar-front .hot-stats { font: 12px "Lucida Grande",Tahoma,Verdana,sans-serif; color: #E32; } /****** CAT POWER ******/ .Sidebar.Column2 .cat-power { display:inline-block; } .Sidebar.Column2 .cat-power .cat-stats { font-size: 10px; line-height: 16px; text-transform: uppercase; font-weight: 600; color: #999; } .Sidebar.Column2 .cat-power li { height: 54px; display: inline-block; background: url('/static/images/public/catpower-sprite.png?v=1480702880') no-repeat; margin-right: 8px; } .Sidebar.Column2 .cat-power.cat-power-small li{ background-size: 182px; height:29px; margin-right:0; } /*unselected cats*/ .Sidebar.Column2 .cat-power li.cat1 { background-position: 0 -66px; width: 50px; } .Sidebar.Column2 .cat-power-small li.cat1 { background-position: 0 -35px; width: 30px; } .Sidebar.Column2 .cat-power li.cat2 { background-position: -68px -66px; width: 58px; } .Sidebar.Column2 .cat-power-small li.cat2 { background-position: -36px -35px; width: 32px; } .Sidebar.Column2 .cat-power li.cat3 { background-position: -136px -66px; width: 63px; } .Sidebar.Column2 .cat-power-small li.cat3 { background-position: -74px -35px; width: 34px; } .Sidebar.Column2 .cat-power li.cat4 { background-position: -212px -66px; width: 55px; } .Sidebar.Column2 .cat-power-small li.cat4 { background-position: -114px -35px; width: 32px; } .Sidebar.Column2 .cat-power li.cat5 { background-position: -285px -66px; width: 51px; } .Sidebar.Column2 .cat-power-small li.cat5 { background-position: -154px -35px; width: 29px; } /*selected cats*/ .Sidebar.Column2 .cat-power li.cat1.cat-selected { background-position: 0 -0; } .Sidebar.Column2 .cat-power li.cat2.cat-selected { background-position: -68px 0; } .Sidebar.Column2 .cat-power-small li.cat2.cat-selected { background-position: -36px 0; } .Sidebar.Column2 .cat-power li.cat3.cat-selected { background-position: -136px 0; } .Sidebar.Column2 .cat-power-small li.cat3.cat-selected { background-position: -74px 0; } .Sidebar.Column2 .cat-power li.cat4.cat-selected { background-position: -212px 0; } .Sidebar.Column2 .cat-power-small li.cat4.cat-selected { background-position: -114px 0; } .Sidebar.Column2 .cat-power li.cat5.cat-selected { background-position: -285px 0; } .Sidebar.Column2 .cat-power-small li.cat5.cat-selected { background-position: -154px 0; } .Sidebar .cat-power a { margin-top:10px; font-weight: 600; display:block; font-size: 14px; } .registration-div-fakebg-post { background-image: url('/static/images/public/signin/_signin_bg.png?v=1480702880'); display: block; height: 586px; width: 1018px; } .registration-div-fakebg-dashboard { background-image: url('/static/images/public/signin/_dashboard_bg.png?v=1480702880'); display: block; height: 696px; width: 1005px; } /* FEATURED VIDEOS SECTION */ /* videos_pages.tt */ .featured-videos, .video-listing{ float: left; padding-bottom: 20px; position: relative;} .featured-videos {border-bottom: 1px solid #cccccc;} .youtube-sub .subscribe-text{color: #777; font-size: 11px; text-align: left; line-height: 22px;} .youtube-sub span {color:#ee3322; font-size:20px; font-weight: 700; margin: 0px 0px 10px 0px; display: block;} .featured-buzzes {width: 625px} .featured-buzzes .featured {width: 200px; height: auto; margin: 0px 5px 25px 0px; /* display: inline-block; */ float: left; min-height: 215px;} .featured-buzzes .featured .featured-video-title a {color:#000;} .featured-buzzes .featured .featured-video-title a:hover{color:#e32;} .featured-buzzes .featured .featured-video-thumb {float:left; position: relative;} .featured-buzzes .featured .featured-video-thumb .badgeWrapper{position: absolute; top: -10px; left: -10px;} .featured-buzzes .featured .featured-video-info .featured-video-title {font-size: 16px; font-weight: 600;} .featured-buzzes .featured .featured-video-meta a, .featured-buzzes .featured .featured-video-meta{color:#cccccc;} .featured-buzzes .featured .featured-video-meta .user a, .featured-buzzes .featured .featured-video-meta .responses a, .video_container .video_info .video_buzz_meta .user a, .video_container .video_info .video_buzz_meta .responses a, .video_container .duration { float: left; font-size:10px !important;} .featured-video-thumb .thumb-duration { color: white; background: black; position: absolute; bottom: 5px; right: 5px; padding: 1px 2px; opacity: .7; border-radius: 2px;} /* .video_container .video_info .video_buzz_meta .user a, .featured-buzzes .featured .featured-video-meta .user a {margin-top:;} */ .featured-buzzes .featured .featured-video-meta span, .video_container .video_info .video_buzz_meta span {background: url(/static/images/global/unified_sprite.png?1480702880 ); float:left;} .featured-buzzes .featured .featured-video-meta span.user-icon, .video_container .video_info .video_buzz_meta span.user-icon {background-position: -519px -456px; width:14px; height:13px; margin-top:-1px;} .featured-buzzes .featured .featured-video-meta span.duration-icon, .video_container .video_info .video_buzz_meta span.duration-icon{background-position: -519px -469px; height: 12px; width: 12px; margin-right: 3px;} .featured-buzzes .featured .featured-video-meta span.response-icon, .video_container .video_info .video_buzz_meta span.response-icon{background-position: -519px -481px; height: 12px; width:12px; margin-top: 1px; margin-right:3px;} .video-filters{margin:25px 0px 10px 0px;} .video-filters li {display: inline;} .video-filters li a{font-size: 22px; color: #c2c2c2; font-weight: 700;padding: 14px;border: 1px solid #fff; display: inline-block;} .video-filters li a:hover {color: #e32;} .video-filters li a.current { color: #e32; border:1px solid #e32; } .video-filters li.video_playlist { margin-bottom: 10px;} .video-filters li.video_playlist.last-child { margin-bottom: 5px;} .video-filters li.original_playlist { font-size: 14px; margin-bottom: 5px; } .video-filters li.original_playlist.last-child { margin-bottom: 10px; } .video-filters li.original_playlist a.current { font-size: 16px; } .video-spinner {background:url(/static/images/public/spinners/big_on_eee.gif?1480702880) no-repeat; width: 32px; height: 32px; position: absolute; bottom: -45px; left: 50%;} .video-spinner.top{top:50px !important;} .large_vid_div {width:860px !important; height:517px !important;} /* VIDEO PAGE IE FIXES */ .ie9 .video_wrap .video_container .video_actions {width:370px !important;} .ie9 .video_wrap.large .video_container .video_actions {width:115px !important;} .headline-1 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; font-weight: bold;} /* CSS Fixes for Homepage */ .column-3 .hot_list .trend { padding: 0; } .column-3 .hot_list .trend_num_box { position: absolute; left: 0px; margin: 0px; width: auto; } .column-3 .hot_list .trend_num { height: auto; background-color: #e32; } /*CSS Fixes for User Pages*/ .UserSection .tabbed_nav { margin-top:0!important; } .UserSection .tabbed_nav h2 { padding:0; } /*CSS Fixes for Vertical Pages*/ h5, .headline-5 { margin-bottom: 5px!important; } #suplist_post_options select { margin:0!important; } .metric-group h2 { padding: 12px 0px; } .trend_num_box { position:absolute; top:0; } .sidebar-post-wide .qe { display:none; } .pull-left { float:left; } .pull-right{ float:right!important } /******* Default Alert Styles *******/ .default-alert { border: 5px solid #0077ee; border-radius: 10px; padding: 8px; width: 300px; height: 150px; position: absolute; left: 50%; margin-left: -154px; background-color: #FFFFFF; z-index: 9999; box-shadow: 0px 4px 10px #666; } .default-alert--header { width:100%; text-align:right; } .default-alert--inner { padding: 5px; color: #444; } .default-alert a { margin-right: 3px; } .buzz-topic-links { font-size: 17px; font-weight: 600; line-height: 23px; color: #000; padding: 15px 0 0; } .wide-content .buzz-topic-links {margin: 0 auto 0 auto; max-width: 625px;} /* search ads */ .search-partner-sash{ position: absolute; top: -10px; left: -7px; width: 50px; height: 50px; background: url(/static/images/global/unified_sprite.png?v=1480702880) no-repeat -177px -612px; } /***** video icon on thumbs *****/ .orig_video_play_button {position:absolute;background:url(/static/images/global/unified_sprite.png?v=1480702880) ;height:18px;width:18px;left:0;bottom:0;background-position: -469px -550px; } .orig_video_play_button_top {position:absolute;background:url(/static/images/global/unified_sprite.png?v=1480702880);height:18px;width:18px;left:0;top:65px;background-position: -469px -550px; } /** Internationalization Hot Badge page */ .non_english #hot-bf { width: 100%; } .non_english #hot-bf .hot-item { margin-bottom: 35px; clear: both; } .non_english #hot-bf .hot-buzz-image { display: block; float: left; width: 360px; } .non_english #hot-bf .hot-headline { width: 600px; display: block; float: right; } /** END Internationalization Hot Badge page */ /** foreign badge page */ .PageContainer.p_channel { width: 1020px; } .foreign_badges .feed-badge-banner { height: 155px; margin: 15px 0 25px -15px; width: 1020px; } .foreign_badges #infinite-sidebar-ab .section.block { margin:15px 0 0 0; } .BuzzPage .foreign-sidebar { margin-top: 25px; } .foreign_badges .twitter-widget, .foreign-sidebar .twitter-widget { margin:15px 0 0 0; width: 336px; } .foreign_badges .feed-badge-banner > img { width: 83px; height: 83px; } /** Japan */ .ja-jp .foreign_badges .feed-badge-banner.lol { background: url(/static/badge_images/japan/feed-lol.png?v=1480702880) no-repeat; } .ja-jp .foreign_badges .feed-badge-banner.win { background: url(/static/badge_images/japan/feed-win.png?v=1480702880) no-repeat; } .ja-jp .foreign_badges .feed-badge-banner.omg { background: url(/static/badge_images/japan/feed-omg.png?v=1480702880) no-repeat; } .ja-jp .foreign_badges .feed-badge-banner.cute { background: url(/static/badge_images/japan/feed-cute.png?v=1480702880) no-repeat; } .ja-jp .foreign_badges .feed-badge-banner.fail { background: url(/static/badge_images/japan/feed-fail.png?v=1480702880) no-repeat; } .ja-jp .foreign_badges .feed-badge-banner.wtf { background: url(/static/badge_images/japan/feed-wtf.png?v=1480702880) no-repeat; } /** France */ .fr .foreign_badges .feed-badge-banner.lol { background: url(/static/badge_images/france/feed-lol.png?v=1480702880) no-repeat; } .fr .foreign_badges .feed-badge-banner.win { background: url(/static/badge_images/france/feed-win.png?v=1480702880) no-repeat; } .fr .foreign_badges .feed-badge-banner.omg { background: url(/static/badge_images/france/feed-omg.png?v=1480702880) no-repeat; } .fr .foreign_badges .feed-badge-banner.cute { background: url(/static/badge_images/france/feed-cute.png?v=1480702880) no-repeat; } .fr .foreign_badges .feed-badge-banner.fail { background: url(/static/badge_images/france/feed-fail.png?v=1480702880) no-repeat; } .fr .foreign_badges .feed-badge-banner.wtf { background: url(/static/badge_images/france/feed-wtf.png?v=1480702880) no-repeat; } /** Brasil */ .pt.br .foreign_badges .feed-badge-banner.lol { background: url(/static/badge_images/brasil/feed-lol.png?v=1480702880) no-repeat; } .pt.br .foreign_badges .feed-badge-banner.win { background: url(/static/badge_images/brasil/feed-win.png?v=1480702880) no-repeat; } .pt.br .foreign_badges .feed-badge-banner.omg { background: url(/static/badge_images/brasil/feed-omg.png?v=1480702880) no-repeat; } .pt.br .foreign_badges .feed-badge-banner.cute { background: url(/static/badge_images/brasil/feed-cute.png?v=1480702880) no-repeat; } .pt.br .foreign_badges .feed-badge-banner.fail { background: url(/static/badge_images/brasil/feed-fail.png?v=1480702880) no-repeat; } .pt.br .foreign_badges .feed-badge-banner.wtf { background: url(/static/badge_images/brasil/feed-wtf.png?v=1480702880) no-repeat; } /** Espanol */ .es .foreign_badges .feed-badge-banner.lol { background: url(/static/badge_images/espanol/feed-lol.png?v=1480702880) no-repeat; } .es .foreign_badges .feed-badge-banner.win { background: url(/static/badge_images/espanol/feed-win.png?v=1480702880) no-repeat; } .es .foreign_badges .feed-badge-banner.omg { background: url(/static/badge_images/espanol/feed-omg.png?v=1480702880) no-repeat; } .es .foreign_badges .feed-badge-banner.cute { background: url(/static/badge_images/espanol/feed-cute.png?v=1480702880) no-repeat; } .es .foreign_badges .feed-badge-banner.fail { background: url(/static/badge_images/espanol/feed-fail.png?v=1480702880) no-repeat; } .es .foreign_badges .feed-badge-banner.wtf { background: url(/static/badge_images/espanol/feed-wtf.png?v=1480702880) no-repeat; } /** Mexico */ .es.mx .foreign_badges .feed-badge-banner.lol { background: url(/static/badge_images/mexico/feed-lol.png?v=1480702880) no-repeat; } .es.mx .foreign_badges .feed-badge-banner.win { background: url(/static/badge_images/mexico/feed-win.png?v=1480702880) no-repeat; } .es.mx .foreign_badges .feed-badge-banner.omg { background: url(/static/badge_images/mexico/feed-omg.png?v=1480702880) no-repeat; } .es.mx .foreign_badges .feed-badge-banner.cute { background: url(/static/badge_images/mexico/feed-cute.png?v=1480702880) no-repeat; } .es.mx .foreign_badges .feed-badge-banner.fail { background: url(/static/badge_images/mexico/feed-fail.png?v=1480702880) no-repeat; } .es.mx .foreign_badges .feed-badge-banner.wtf { background: url(/static/badge_images/mexico/feed-wtf.png?v=1480702880) no-repeat; } /** Spain */ .es.es-es .foreign_badges .feed-badge-banner.lol { background: url(/static/badge_images/spain/feed-lol.png?v=1480702880) no-repeat; } .es.es-es .foreign_badges .feed-badge-banner.win { background: url(/static/badge_images/spain/feed-win.png?v=1480702880) no-repeat; } .es.es-es .foreign_badges .feed-badge-banner.omg { background: url(/static/badge_images/spain/feed-omg.png?v=1480702880) no-repeat; } .es.es-es .foreign_badges .feed-badge-banner.cute { background: url(/static/badge_images/spain/feed-cute.png?v=1480702880) no-repeat; } .es.es-es .foreign_badges .feed-badge-banner.fail { background: url(/static/badge_images/spain/feed-fail.png?v=1480702880) no-repeat; } .es.es-es .foreign_badges .feed-badge-banner.wtf { background: url(/static/badge_images/spain/feed-wtf.png?v=1480702880) no-repeat; } /** Germany */ .de .foreign_badges .feed-badge-banner.lol { background: url(/static/badge_images/germany/feed-lol.png?v=1480702880) no-repeat; } .de .foreign_badges .feed-badge-banner.win { background: url(/static/badge_images/germany/feed-win.png?v=1480702880) no-repeat; } .de .foreign_badges .feed-badge-banner.omg { background: url(/static/badge_images/germany/feed-omg.png?v=1480702880) no-repeat; } .de .foreign_badges .feed-badge-banner.cute { background: url(/static/badge_images/germany/feed-cute.png?v=1480702880) no-repeat; } .de .foreign_badges .feed-badge-banner.fail { background: url(/static/badge_images/germany/feed-fail.png?v=1480702880) no-repeat; } .de .foreign_badges .feed-badge-banner.wtf { background: url(/static/badge_images/germany/feed-wtf.png?v=1480702880) no-repeat; } /** Canada */ .en.ca .foreign_badges .feed-badge-banner.lol { background: url(/static/badge_images/canada/feed-lol.png?v=1480702880) no-repeat; } .en.ca .foreign_badges .feed-badge-banner.win { background: url(/static/badge_images/canada/feed-win.png?v=1480702880) no-repeat; } .en.ca .foreign_badges .feed-badge-banner.omg { background: url(/static/badge_images/canada/feed-omg.png?v=1480702880) no-repeat; } .en.ca .foreign_badges .feed-badge-banner.cute { background: url(/static/badge_images/canada/feed-cute.png?v=1480702880) no-repeat; } .en.ca .foreign_badges .feed-badge-banner.fail { background: url(/static/badge_images/canada/feed-fail.png?v=1480702880) no-repeat; } .en.ca .foreign_badges .feed-badge-banner.wtf { background: url(/static/badge_images/canada/feed-wtf.png?v=1480702880) no-repeat; } .can_team_creative #qp_superlist.suplist_is_p_admin .suplist_post_options_content .suplist_options_top_row.qp_p_admin { display: none !important } /** fa icons share buttons with labels **/ .fb_share.fa_ic, .tweet_share.fa_ic { width: 206px; height: 50px; margin: 0; background: none; } .fb_share.fa_ic.br_bt, .tweet_share.fa_ic.br_bt { border-bottom: 1px solid #ccc; } .fb_share.fa_ic:hover, .tweet_share.fa_ic:hover { background: none; } .fb_share.fa_ic a.ic-with-txt, .tweet_share.fa_ic a.ic-with-txt { display: block; margin: 15px 24px; background: none; border: none; filter: none; } .fb_share.fa_ic a.ic-with-txt:hover, .tweet_share.fa_ic a.ic-with-txt:hover { background: none; filter: none; } .fa_ic i { font-size: 22px; } .fb_share.fa_ic .fb_icon { color: #3B5998; border: none; } .fb_share.fa_ic:hover .fb_icon { color: #243d7f; } .tweet_share.fa_ic .twitter_icon { color: #6aadd1; } .tweet_share.fa_ic:hover .twitter_icon { color: #4e97c3; } .fb_share.fa_ic span, .tweet_share.fa_ic span { font-size: 14px; color: #777; margin-left: 12px; vertical-align: top; line-height: 22px; } /** Square share buttons */ .shareBtn.square .label { display: none; } .shareBtn.square { width: 99px; height: 39px; margin: 0 5px 5px 0; border: none; padding: 0; border-radius: 0; } .square_shares.video_share_lower .fb_share, .square_shares.video_share_lower .tweet_share, .square_shares.video_share_lower .email_share { margin-right: 5px; } .fb_share, .tweet_share, .email_share, .gplus_share, .pinterest_share, .rebuzz_share, .reddit_share, .stumbleupon_share, .link_share, .linkedin_share, .bookmark-share, .tumblr_share { width: 99px; margin: 0 5px 5px 0; height: 39px; float: left; } /* To override the solid styles but trying to be precise so I don't break something else*/ /* Join with other styles from the bpages content branches */ /* remove solid class in BF-24234*/ .solid .answer_shares_buttons .fb_share, .solid .answer_shares_buttons .tweet_share, .solid .answer_shares_buttons .email_share, .solid .answer_shares_buttons .gplus_share, .solid .answer_shares_buttons .pinterest_share, .solid .answer_shares_buttons .rebuzz_share, .solid .answer_shares_buttons .reddit_share, .solid .answer_shares_buttons .stumbleupon_share, .solid .answer_shares_buttons .link_share, .solid .answer_shares_buttons .linkedin_share, .solid .answer_shares_buttons .bookmark-share, .solid .answer_shares_buttons .tumblr_share, .solid.bottom_shares .fb_share, .solid.bottom_shares .tweet_share, .solid.bottom_shares .email_share, .solid.bottom_shares .gplus_share, .solid.bottom_shares .pinterest_share, .solid.bottom_shares .rebuzz_share, .solid.bottom_shares .reddit_share, .solid.bottom_shares .stumbleupon_share, .solid.bottom_shares .link_share, .solid.bottom_shares .linkedin_share, .solid.bottom_shares .bookmark-share, .solid.bottom_shares .tumblr_share { margin: 0 5px 5px 0 !important; } .fb_share { background: #3c5898; } .fb_share:hover { background-color: #243d7f; } .tweet_share { background: #6aadd1; } .tweet_share:hover { background-color: #4e97c3; } .email_share { background: #666666; } .email_share:hover { background-color: #4a4a4a; } .gplus_share { background: #cd3627; } .gplus_share:hover { background-color: #be1f14; } .pinterest_share { background: #de010d; } .pinterest_share:hover { background-color: #d30005; } .rebuzz_share { background: #666666; } .rebuzz_share:hover { background-color: #4a4a4a; } .reddit_share { background: #7db3ef; } .reddit_share:hover { background-color: #619eea; } .stumbleupon_share { background: #e9461e; } .stumbleupon_share:hover { background-color: #e22c0e; } .link_share { background: #666666; } .link_share:hover { background-color: #4a4a4a; } .linkedin_share { background: #0b6eb3; } .linkedin_share:hover { background-color: #04529e; } .tumblr_share { background: #2B4563; } .tumblr_share:hover { background: #1C2F44; } .shareBtn.square { position: relative; z-index: 0; background: none; width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .shareBtn.square .fb_icon, .shareBtn.square .twitter_icon, .shareBtn.square .email_icon, .shareBtn.square .pi_icon, .shareBtn.square .gplus_icon, .shareBtn.square .rebuzz_icon, .shareBtn.square .reddit_icon, .shareBtn.square .su_icon, .shareBtn.square .copy_icon, .shareBtn.square .li_icon, .shareBtn.square .tumblr_icon { width: 100%; height: 100%; border:none; margin: 0; } .shareBtn.square .fb_icon { background: url("/static/images/public/sprites/new-bottom-share-sprite-smaller.png?v=1480702880") no-repeat scroll 0 0; } .shareBtn.square .twitter_icon{ background: url("/static/images/public/sprites/new-bottom-share-sprite-smaller.png?v=1480702880") no-repeat scroll 0 -40px; } .shareBtn.square .email_icon{ background: url("/static/images/public/sprites/new-bottom-share-sprite-smaller.png?v=1480702880") no-repeat scroll 0 -121px; } .shareBtn.square .pi_icon { background: url("/static/images/public/sprites/new-bottom-share-sprite-smaller.png?v=1480702880") no-repeat scroll 0 -80px; } .shareBtn.square .gplus_icon { background: url("/static/images/public/sprites/new-bottom-share-sprite-smaller.png?v=1480702880") no-repeat scroll 0 -200px; } .shareBtn.square .rebuzz_icon { background: url("/static/images/public/sprites/new-bottom-share-sprite-smaller.png?v=1480702880") no-repeat scroll 0 -401px; } .shareBtn.square .reddit_icon { background: url("/static/images/public/sprites/new-bottom-share-sprite-smaller.png?v=1480702880") no-repeat scroll 0 -320px; } .shareBtn.square .su_icon { background: url("/static/images/public/sprites/new-bottom-share-sprite-smaller.png?v=1480702880") no-repeat scroll 0 -282px; } .shareBtn.square .copy_icon { background: url("/static/images/public/sprites/new-bottom-share-sprite-smaller.png?v=1480702880") no-repeat scroll 0 -242px; } .shareBtn.square .li_icon { background: url("/static/images/public/sprites/new-bottom-share-sprite-smaller.png?v=1480702880") no-repeat scroll 0 -162px; } .shareBtn.square .tumblr_icon { background: url("/static/images/public/sprites/new-bottom-share-sprite-smaller.png?v=1480702880") no-repeat scroll 0 -468px; } .square_shares .more_shares { line-height: 60px; margin: -10px 10px 0; color: #0B6EB3; } .square_shares #more_shares_box { padding: 20px 15px 15px 20px; width: 350px; } .square_shares #more_shares_box.pound { padding: 20px 15px 15px 20px; width: 100px; } .square_shares .more_shares.pound { margin: 0px; margin-left: 10px; line-height: 2; color: #555555; } .square_shares .vertical-share-buttons.bottom-more-share-buttons > div { float: left; } .square_shares .vertical-share-buttons.bottom-more-share-buttons.pound > div { float: none; } .video_share .fb_share .shareBtn.square { margin-right: 5px !important; } .video_container .video_actions .video_share .shareBtn.square { margin-right: 5px; } .vertical-share-buttons .pick-button a.square { margin: 0 5px 5px 0; } #buzz_sub_buzz .quiz .answer_shares a.shareBtn.square { margin-right: 5px; } .square_shares .horizontal-share-buttons {border: none; padding: 8px 0px 8px 0px;} .square_shares.custom_header_shares { width: 838px; padding: 0 60px; margin: 0 auto; } /** END Square share buttons */ /** BOOKMARKS PAGE */ .Content #bookmarks_list .post { width: 595px!important; margin: 0 0 0 25px; } .Content #bookmarks_list .post h2 a{ padding: 0 90px 0 0; font-weight: 700; font-weight: normal; font-size: 20px; color: #333333; line-height: 23px; display: block; } .Content #bookmarks_list .post h2 a:hover { color: #07e; } #bookmarks-container .default-text, #bookmarks-unauthorized { padding: 20px 0 0 25px; } .bookmarks-promo { position: relative; background: url('/static/images/public/flow/bookmark-desktop-app-promo-phone.png?v=1480702880') 30px 0 no-repeat #fff600; font-weight: 600; font-size: 16px; color: #333333; line-height: 18px; width: 580px; height: 90px; padding: 20px 25px 0 295px; margin: 40px 0 20px 25px; clear: both; } .bookmarks-promo a { color: #07e; } .bookmarks-promo a:hover { color: #ee3322; } .bookmarks-promo .bookmarks-promo-close { font-size: 22px; color: #c6c6c6; position: absolute; top: 10px; right: 10px; } .bookmarks-promo .bookmark-popup-close:hover{ cursor: pointer; color: #333333; } #bookmark_overlay { position: fixed; top:0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.89); z-index: 9999; } .bookmarks-loader-content { width: 310px; height: 36px; margin: -13px 0 0 -155px; position: relative; top: 50%; left: 50%; color: #333; text-align: center; font-size: 26px; line-height: 36px; font-weight: 200; font-weight: normal; } .bookmark-loader { width: 50px; height: 50px; margin: 3em; display: inline-block; vertical-align: middle; top: 50%; left: 50%; margin-left: -25px; } .horizontal-share-buttons .shareBtn.square { z-index: 0; } /** END BOOKMARKS */ /* Job Greenhouse (Amaury 03/13) */ #grnhse_iframe { width: 100%; } /* BLOG STYLING */ /* BLOG POST Logo */ .blog_logo { height: 62px; margin:10px 0px 20px 0px;} .blog_logo a {background:url(/static/images/global/unified_sprite.png?v=1480702880) no-repeat; display: block; height:62px;} .blog_logo a.tech { width: 180px; background-position: 0px -694px;} .blog_logo a.press { width: 207px; background-position: -328px -653px;} .blog .Column2 {margin-top: 15px;} .blog-frontpage { background: #E0E0E0; font: 70px "HelveticaNeue-Light", "Helvetica Neue",Helvetica,arial, sans-serif; color: #4f4f4f; margin-top: 15px; padding: 8px 10px;} .more-blog-posts .post {float:left; width: 100%; margin-bottom:15px;} .more-blog-posts .post a {font-size: 18px;} .more-blog-posts .post a .post-date {font-size:16px;} .sidebar-job { background: #E0E0E0; margin: 0px 0px 25px 0px; padding: 10px; } .sidebar-job-title { font-size: 28px; font-weight: 700; } .sidebar-job-text { font-size: 14px; margin: 5px 0px 10px 0px; } .sidebar-job .jobs-button { font-size: 16px; } /* IN DEPTH MODULE - leftover */ .indepth-column-wrap .update-module .indepth-module {float:left; width:336px;} .indepth-column-wrap .update-module .update-form {width:300px; float:left; margin-left: 15px;} .indepth-column-wrap .update-module textarea {width:100%;} .indepth-column-wrap .update-module .update-text {font-size:14px; font-weight: 600;color:#222;} .Longform .indepth-module {margin-bottom: 10px;} .facebook_connect_img{ background: url('/static/images/global/unified_sprite.png?v=1480702880') no-repeat -571px -230px; width: 89px; height: 21px; display: inline-block; } /* Media Object http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/ */ .media, .media__body { overflow: hidden; zoom: 1; } .media, .media .media { margin-top: 10px; } .media:first-child { margin-top: 0; } .media__object { display: block; } .by-line + .media__heading { display: block; margin-top: 6px; } .media > .pull-left { margin-right: 10px; } .type-6 { font-size: 12px; line-height: 12px; } .type-5 { font-size: 17px; line-height: 1; font-weight: 600; } .type--light { color: rgb(136, 136, 136); } .rect { background: #EDB802; font-size: 9px; color: #FFFFFF; letter-spacing: 1px; padding: 3px 3px 2px; display: inline-block; line-height: 1; text-transform: uppercase; } /*Clearfix*/ .cf:after { content:""; display:table; clear:both; } .newdesigndesktopnoiconyellowboxnobg .abtest--var1 {display: none} .newdesigndesktopnoiconyellowboxnobg .abtest--var2 {display: block} .newdesigndesktopnoiconyellowboxnobg .username, .newdesigndesktopnoiconyellowboxnobg .bf-display_name {margin-top: 0;} /** END New Ad Unit design AB test */ /** Suplist Modal */ .suplist-modal { position: fixed; top: 35%; left: 50%; max-width: 630px; min-width: 320px; height: auto; z-index: 4001; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .suplist-modal-show { visibility: visible; } #suplist_disable_overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 4000; background: #FFFFFF; opacity: 0.89; -moz-opacity: 0.89; filter:alpha(opacity=89); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #suplist_disable_overlay.test_mode { -webkit-transition: all 0.01s; -moz-transition: all 0.01s; transition: all 0.01s; } .suplist-modal-show.no-effect-show-up ~ #suplist_disable_overlay { -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; } .suplist-modal-show ~ #suplist_disable_overlay { visibility: visible; } .modal-content { position: relative; margin: 0 auto; font-weight: 200; text-align: center; color: #333333; } .modal-content .overlay-text, .modal-content h2, .modal-content .headline-2 { font-size: 26px; line-height: 29px; } #suplist-modal-spinner .modal-content .overlay-text { padding-bottom: 100px; } .modal-content { border: 1px solid #D0D0D0; background: none repeat scroll 0 0 #FFFFFF; padding: 40px; } #suplist-modal-confirm .modal-content { width: 417px; } #suplist-modal-spinner .modal-content { border:none; background: none; padding:0; } #suplist-modal-confirm { margin: -113px 0 0 -212px; } #suplist-modal-spinner { margin: -57px 0 0 -160px; } #suplist-modal-post-lock { top: 45%; margin: -158px 0 0 -171px; } #suplist-modal-post-lock h2, #suplist-modal-post-lock .headline-2 { margin: 20px 0; } #suplist-modal-post-lock p { margin-bottom: 25px; } #suplist-modal-post-lock .btn { float: none; margin: 0 auto; text-transform: uppercase; width: 280px; } .buttons { width: 330px; margin: 40px auto 0; height: 52px; } #suplist-modal-spinner .buttons { width: 160px; margin-top: 30px; } .suplist-modal .btn { float: left; font-weight: 600; font-size: 16px; width: 160px; cursor: pointer; margin: 0; } .suplist-modal .btn:hover { text-decoration: none;} .suplist-modal .confirm-ok { background: #0077EE; margin-left: 10px; } .suplist-modal .confirm-ok:hover { background: #014A9B; } .suplist-modal .modal-cancel { background: #C8D8E8; } .suplist-modal .modal-cancel:hover { background: #81ADD9; } /* Effect 1: Fade in and scale up */ .test_mode.effect-fade-in-scale .modal-content { -webkit-transition: all 0.01s; -moz-transition: all 0.01s; -ms-transition: all 0.01s; transition: all 0.01s; } .effect-fade-in-scale .modal-content { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .suplist-modal-show.effect-fade-in-scale.no-effect-show-up .modal-content { -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; } .suplist-modal-show.effect-fade-in-scale .modal-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } /* END effect */ /* END Suplist Modal */ /* ******************************************* */ .trending-header-bg { background: #ee3322; height: 138px; line-height: 138px; } .trending-header { background: #ee3322 url("/static/images/global/trending_header_arrow.png?v=1480702880") no-repeat 260px 18px; height: 138px; line-height: 138px; margin: -138px 0 30px; color: #ffffff; font-weight: 100; font-size: 65px; } .trending-nav { overflow: hidden; } .trending-promo { float: right; overflow: hidden; } .trending-promo-text { color: #9b9b9b; display: inline-block; font-weight: 600; font-size: 12px; height: 50px; line-height: 50px; margin-right: 10px; text-transform: uppercase; vertical-align: top; } .trending-tabs { margin-bottom: 38px; } .trending-tab { position: relative; display: inline-block; height: 50px; width: 200px; line-height: 45px; border: 2px solid #ee3322; font-size: 15px; font-weight: 600; color: #ee3322; text-align: center; text-transform: uppercase; padding: 1px 0 0; } .trending-tab:first-child { width: 156px; } .trending-tab:last-child { margin-left: -4px; border-left: none; } .non_english .trending-tab:first-child { width: auto; } .trending-tab:hover, .trending-tab.active-tab { background: #ee3322; color: #ffffff; } .active-tab:before { border-color: #ee3322 rgba(238, 51, 34, 0) rgba(238, 51, 34, 0); border-style: solid; border-width: 8px; content: " "; height: 0; left: 50%; margin-left: -8px; margin-top: 0; position: absolute; top: 48px; width: 0; } .trending-post { margin-bottom: 30px; } .trending-post-image { max-height: 155px; margin-right: 30px; position: relative; width: 355px; } .trending-post-image, .trending-post-text { display: inline-block; vertical-align: top; } .trending-post-text { width: 600px; } .trending-post-image img { position: relative; z-index: 1; } .trending-post-title { color: #000000; font-size: 24px; line-height: 27px; text-decoration: none; margin-bottom: 10px; display: inline-block; } .trending-post-title:hover { color: #ee3322; } .trending-post-views { color: #ee3322; font-weight: 700; font-size: 20px; line-height: 20px; } .UserPage.advertister #upper-wrapper { padding-top: 5px; padding-bottom: 5px; } .au-bsu .bf-blurb.description {display: none;} .au-bsu .lede__media img {width: 355px;height: auto} #add-user-ui .user-list-spinner { position: absolute; top: 12px; right: 48px; } .switch-grace-message { width: 230px;} div.sub_buzz_content.c > iframe.instagram-media.instagram-media-rendered {position:static !important;} .splash.PageContent { overflow: visible; } /* BSAE WHITE POPUP STYLE */ .white_popup_overlay{background:rgba(255,255,255,.89);height:100%;width:100%;position:fixed;top:0;z-index:909;} .white_popup{position:relative;overflow:hidden;line-height:1px;font-size:0;width:500px;background:#ffffff;border:1px solid #d0d0d0;margin:0 auto;top:10%;z-index:999;} .white_popup {font-weight: 400;} .white_popup a{color:#0077ee;cursor:pointer;} .white_popup a:hover{color:#ee3322;} .white_popup .white_popup_close{font-size:22px;color:#cccccc;position:absolute;right:18px;top:18px;z-index:10;} .white_popup .white_popup_close:hover{color:#333333;} .white_popup header{font-weight: 700;font-size:26px;color:#333333;line-height:29px;text-align:center;} /* SHARING BUTTONS */ .white_popup .fb-button,.white_popup .bf-gplus-button,.white_popup .bf-tw-button,.bookmark-popup .fb-button,.bookmark-popup .bf-gplus-button{background:#3b569a;display:block;width:260px;height:55px;text-align:left;} .white_popup .fb-button:hover,.bookmark-popup .fb-button:hover{background:#1b336f;} .white_popup .bf-gplus-button,.bookmark-popup .bf-gplus-button{background:#cf341e;} .white_popup .bf-gplus-button:hover, .bookmark-popup .bf-gplus-button:hover{background:#aa2917;} .white_popup .fb-button .fb-label,.white_popup .bf-gplus-button .gplus-label,.white_popup .bf-tw-button .tw-label, .bookmark-popup .fb-button .fb-label,.bookmark-popup .bf-gplus-button .gplus-label{font-size:18px;color:#ffffff;line-height:55px;vertical-align:top;display:inline-block;} .white_popup .fb-button .fb-icon,.white_popup .bf-gplus-button .gplus-icon,.white_popup .bf-tw-button .tw-icon, .bookmark-popup .fb-button .fb-icon,#bookmark-popup .bf-gplus-button .gplus-icon{color:#ffffff;font-size:26px;margin:15px 18px 0;display:inline-block;} .white_popup .bf-gplus-button .gplus-icon,#bookmark-popup .bf-gplus-button .gplus-icon{margin:15px 14px 0 13px;} /* END SHARING BUTTONS */ .white_popup .mid-text,.white_popup .small-text{font-size:16px;color:#333333;display:inline-block;line-height:19px;} .white_popup .small-text{font-size:13px;line-height:16px;} /* FORM STYLES */ .white_popup button{width:380px;margin:15px auto 0;} .white_popup input[type=text],.white_popup input[type=password]{border:1px solid #CBCBCB;color:#7E7E7E;display:block;font-size:20px;height:55px;line-height:55px;margin:15px auto 0;padding:16px 18px 15px;width:380px;} .white_popup label{font-size:16px;color:#7e7e7e;line-height:19px;vertical-align:top;} .white_popup input[type=checkbox] + label:before{font-family:"FontAwesome";font-size:18px;content:"\f096";color:#7e7e7e;vertical-align:top;display:inline-block;width:23px; height:19px;} .white_popup input[type=checkbox]:checked + label:before{content:"\f046";} /* END FORM STYLES */ .white_popup .white_popup_spinner,#bookmark-popup .white_popup_spinner{left:50%;margin:-16px 0 0 -16px;position:absolute;top:50%;} .white_popup .loader,#bookmark-popup .loader{left:50%;margin:-20px 0 0 -20px;position:absolute;top:50%;} .white_popup .white_popup_spinner_bg,#bookmark-popup .white_popup_spinner_bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:20; background: rgba(255, 255, 255, .7);} .ie9 .white_popup .white_popup_spinner_bg,.ie9 #bookmark-popup .white_popup_spinner_bg {background:#ffffff;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);filter:alpha(opacity=70);opacity:.7;} /* END BSAE WHITE POPUP STYLE */ /* user-info style for "Buzz" user */ .post2 .meta .buzz-user-info {background: #eeeeee; margin: 0; width: 625px; padding: 7px 7px;} .post2 .meta .buzz-user-info .user-info-info {width: 265px;} .post2 .meta .buzz-user-info .user-info-info .author_title {color: #000000; font-weight: 600;} .post2 .meta .buzz-user-info p {color: #000000; display: inline-block; font-weight: 600;margin: 0; width: 300px;} /** BF_Audio */ .buzz_superlist_item_audio .sub_buzz_desc_w_attr { padding-top: 20px; } .bf-audio { position: relative; width: 142px; height: 142px; } .bf-audio::selection, .bf-audio::-moz-selection, .bf-audio__button::selection, .bf-audio__button::-moz-selection { background:none; } .bf-audio__background { position: relative; z-index: 1; width: 142px; height: 142px; } .bf-audio__imagewrap { position: absolute; z-index: 2; width: 130px; height: 130px; border-radius: 65px; background: #666666; left: 6px; top: 6px; overflow: hidden; } .bf-audio__button { position: absolute; z-index: 2; left: 42px; top: 42px; width: 57px; height: 57px; display: block; background: #222; text-align: center; line-height: 57px; border-radius: 32px; cursor: pointer; } .bf-audio__button--hidden { display: none; } .bf-audio__icon.fa { font-size: 39px; color: #fff; vertical-align: middle; display: inline-block; line-height: 39px; margin-left: 5px; } .bf-audio__icon.fa-play { margin-left: 4px; } /** web player with image */ .bf-audio.bf-audio--web-with-image { width: 302px; height: 302px; margin: 20px 0 12px; } .bf-audio--web-with-image .bf-audio__background { width: 302px; height: 302px; } .bf-audio--web-with-image .bf-audio__imagewrap { width: 294px; height: 294px; left: 4px; top: 4px; border-radius: 145px; border: 1px solid transparent; background: transparent; } .bf-audio--web-with-image .bf-audio__button { left: 122px; top: 122px; } /** web player without image */ .bf-audio.bf-audio--web { width: 142px; height: 142px; margin: 20px 0 12px 20px; } .bf-audio--web .bf-audio__background { width: 142px; height: 142px; } .bf-audio--web .bf-audio__imagewrap { width: 130px; height: 130px; left: 6px; top: 6px; border-radius: 71px; } .bf-audio--web .bf-audio__button { left: 42px; top: 42px; } /** END BF_Audio */ /** Fix for Splash Make modal */ .modal-content .flex-splash { text-align: left; } .flexpo .modal-body { padding: 0; } /** Fix to override btn color Important */ .btn-default { color: #333 !important; } /* END DEFAULT.5.CSS */