/** * Main BuzzFeed Stylesheet * Copyright 2009 BuzzFeed, Inc. * */ /* Eric Meyer's Reset v1.0 | 20080212 */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} body{line-height:1;} ol,ul{list-style: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.7;} /** * General * */ body { font: 12px "Lucida Grande",Verdana,sans-serif; color: #111; background:#fff; } a { color:#07e; text-decoration:none; } a:hover { color:#e32; text-decoration:none; } p { margin-bottom: 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; } hr { display: none; } img { -ms-interpolation-mode:bicubic; } .hair-space { padding:0 1px;} /* headers */ .Container h1 { font:46px Georgia,serif; margin-bottom:30px; } .Container .head { float:left; position:relative; width:100%; padding-bottom:5px; margin-bottom:20px; background: url(../images/public/lines/horizontal-black.png?v=1283461177) bottom left repeat-x; } .Container .head h1 { float:left; margin-bottom:0; margin-right:20px; } .Container .head p { padding-top:5px; line-height:1.3; color:#333; /*right:0px; top:5px; width:420px;*/ } .Container h2.new { margin-bottom:15px; height:auto; line-height:1; font: bold 22px Arial,Helvetica,verdana,sans-serif; text-transform:none; letter-spacing:0px; color:#222; } .Container h3 { font:26px Georgia; margin-bottom:5px; margin-top:-3px; } .Container h4 { font:20px Georgia; margin-bottom:5px; margin-top:-3px; } .Container h2.sec { float:left; width:100%; border-top:2px solid #e32; line-height:1; padding:3px 0 2px; } .Container h2.sec span.title { float:left; display:inline; color:#e32; font:bold 16px/1.2 "Lucida Grande",verdana,tahoma,arial,sans-serif; padding:0; margin:0; text-transform:lowercase; letter-spacing:0; } .Container h2.sec span.subtitle { font:11px "Lucida Grande",veranda,sans-serif; letter-spacing:0; text-transform:none; padding:5px 0 0 5px; line-height:2;} .Container h2.sec a { float:right; font:10px "Lucida Grande",verdana,sans-serif; text-transform:none; letter-spacing:0; margin-top:5px; } .Container h2.sec a:hover { } .Container h2.p { margin-bottom:7px; } .Container h2.menu-header { margin-top:20px; float:left; width:100%; border-top:2px solid #f43; background:url(../images/public/lines/menu-line.png?v=1283461177) center 28px repeat-x; line-height:1; margin-bottom:10px;} .Container h2.menu-header ul.title li { float:left; margin-right:20px; padding-top:4px; } .Container h2.menu-header ul.title li a { font:bold 16px/1.3 "Lucida Grande",verdana,tahoma,arial,sans-serif; text-transform:lowercase; letter-spacing:0; } .Container h2.menu-header ul.title li.current { background:url(../images/public/lines/menu-current.png?v=1283461177) center bottom no-repeat; padding-bottom:13px;} .Container h2.menu-header ul.title li.current a { color:#e32; } .Container h2.menu-header .sort { margin-top:9px; } .Container h2.menu-header .sort li { width:40px; } .Container h2.menu-header .subtitle { font:11px "Lucida Grande",veranda,sans-serif; letter-spacing:0; text-transform:none; line-height:1; margin-top:6px; } .Container h2.no-menu, .Container h2.no-menu ul.title li.current { background:0; } /* .Container h2.sec { float:left; width:100%; line-height:1; padding:8px 0 4px; border:0; } .Sidebar h2.sec { background: url(../images/public/lines/horizontal-black.png?v=1283461177) top left repeat-x; } .Container h2.sec span.title { float:left; display:inline; color:#e32; font:bold 15px "Lucida Grande"; padding:0; margin:0; text-transform:lowercase; letter-spacing:0; } .Container h2.menu-header { float:left; width:100%; border-top:0; background:url(../images/public/lines/menu-line.png?v=1283461177) center 26px repeat-x; line-height:1; margin-bottom:10px;} .Container h2.menu-header ul.title li a { color:#07e; font:bold 15px "Lucida Grande"; padding:0; margin:0; text-transform:lowercase; letter-spacing:0 } .Container h2.menu-header ul.title li.current a { color:#e32; } .Container h2.no-menu, .Container h2.no-menu ul.title li.current { background:0; } .border2 { border:0!important; background: url(../images/public/lines/horizontal-black.png?v=1283461177) top left repeat-x; } .PeramlinkPage .Sidebar .top { background:0!important; padding-top:0!important; } */ /* special link styles */ a.action { background:#07e url(../images/public/backgrounds/bluestripe.png?v=1283461177); color:#fff; padding:2px 7px; zoom:1.0;} a.action:hover { color:#fff; opacity: 0.85; -moz-opacity: 0.85; filter:alpha(opacity=85); } a.lil { padding:0px 3px; font-size:9px; } a.small { padding:1px 3px; font-size:10px; } input.action { font-size:13px; border:0; background:#07e url(../images/public/backgrounds/bluestripe.png?v=1283461177); color:#fff; cursor:pointer; line-height:1.4; display:inline; } input.action:hover { color:#fff; opacity: 0.85; -moz-opacity: 0.85; filter:alpha(opacity=85); } input.action:active { background:#e32; } input.action:disabled { background:#aaa; } input.lil { font-size:10px; padding:0 2px; } a.rss { background:url(../images/public/icons/rss-small.png?v=1283461177) left 2px no-repeat; padding-left:14px; } .caps { font-size:80%; font-weight:bold; text-transform:uppercase; } input.action { *width:1;*overflow:visible;*padding:0 6px; } .highlight-on-hover:hover { opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90);} /* helpers */ .Container .top { border-top:0!important; margin-top:0!important; padding-top:0!important; } .Container .bottom { border-bottom:0!important; margin-bottom:0!important; padding-bottom:0!important; } .Container .left { border-left:0!important; margin-left:0!important; padding-left:0!important } .Container .right { border-right:0!important; margin-right:0!important; padding-right:0!important; } .no-border { background:0!important; } .content-tabs{position:relative;float:left;width:100%;margin:0 0 5px;font-size:14px; } .content-tabs li{float:left;} .content-tabs li a{float:left;background:#07e;background:#e8e8e8;padding:6px 12px;margin:0;border-right:1px solid #fff;font-weight:normal;} .content-tabs li a:hover{background:#ddd;color:#07e;} .content-tabs li.current {padding-bottom:6px; background:url(../images/global/nav-arrow-blue.png?v=1283461177) bottom center no-repeat;} .content-tabs li.current a{color:#fff;background:#07e;font-weight:normal;} /** * Structure * */ .Page { position:relative; width:1010px; margin: 0 auto; } .PageBkgd { position:relative; float:left; width:990px; margin: 0 auto; padding:0 10px; background:#fff; } .Container { float:left; width:100%; padding-bottom:50px; position:relative; background:url(../images/public/lines/flow-bkgd.png?v=1283461177) -5px 0 repeat-y; } .ArchivePage .Container, .DisplayPage .Container, .SigninPage .Container, .SignupPage .Container, .SettingsPage .Container, .SigninSection .Container { background:0; } .WideContent { float:left; width:990px; background:#fff; /* ie6 double margin bug fix: */display:inline; } .Content { float:left; width:625px; margin-top:5px; margin-right:25px; /* ie6 double margin bug fix: */display:inline; } .ArchivePage .Content, .DisplayPage .Content { width:990px; margin-right:0; } .Container .Sidebar { float:left; width:336px; background:#fff; } .section { float:left; width:100%; margin-bottom:15px; } .border2 { border-top:2px solid #f43; } /* NEW Header */ .PageHeader { position:relative;width:100%;float:left; height:150px;margin-bottom:10px;z-index:1000;/*ie needs this*/ } .MainNav, .MainNav a, .SearchNav input, #usernav-profile:hover, .HotNav li, .HotNav li a { background:url(../images/global/buzzfeed.png?v=1283461177) no-repeat;} .PageHeader h1{display:none;} .MainNav{position:absolute;bottom:0;width:990px;height:75px;} .MainNav li{float:left;margin-right:1px;} .MainNav li a{text-indent:-9999px;overflow:hidden;} .MainNav .nav-buzzfeed{display:block;left:0;width:302px;height:75px;} .MainNav .nav-viral{display:block;left:0;width:144px;height:45px;margin-top:30px;background-position:-303px -30px;} .MainNav .nav-launched{display:block;left:0;width:192px;height:45px;margin-top:30px;background-position:-448px -30px;} .MainNav .nav-buzzfeed:hover{background-position:0 -150px;} .MainNav .nav-viral:hover{background-position:-303px -180px;} .MainNav .nav-launched:hover{background-position:-448px -180px;} .MainNav .current .nav-buzzfeed{background-position:0 -75px;} .MainNav .current .nav-viral {background-position:-303px -105px;} .MainNav .current .nav-launched {background-position:-448px -105px;} .ContentNav{position:absolute;top:10px;width:300px;} .ContentNav td{vertical-align:top;} .ContentNav td a{display:block;padding:0 0 3px;} .has-menu { position:relative; } .has-menu a.menu-title { padding-right:14px; background: url(../images/public/icons/triangle.png) right 4px no-repeat; } .dropdown-menu { display:none;} .has-dropdown:hover .dropdown-menu, .has-dropdown.hover .dropdown-menu { display:block; position:absolute; margin-left:-5px; padding:5px 0; background:#eee; z-index:99;-webkit-box-shadow:1px 4px 4px rgba(0,0,0,0.4);-moz-box-shadow:1px 4px 4px rgba(0,0,0,0.4);} .dropdown-menu li a { display:block; padding:2px 30px 2px 10px; } .dropdown-menu li a:hover { background:#07e; color:#fff; } .SearchNav{position:absolute;right:187px;bottom:7px;width:150px;height:25px;} .SearchNav input{width:125px;height:20px;padding:5px 0 0 25px;border:0!important;background:url(../images/global/buzzfeed.png?v=1283461177) -653px -43px no-repeat!important;font-size:13px;} .SearchNav input.active { background-position:-653px -118px!important; } .UserNav{position:absolute;bottom:7px;right:0;height:25px;} #usernav-signin { width:180px; height:22px; padding:3px 0 0; color:#ccc; background:#fff; font-size:16px; text-align:right;} #usernav-signin a { font-weight:bold; } #usernav-profile{float:left;width:180px;} #usernav-displayname{float:left;width:140px;padding:6px 0 0 5px;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} #usernav-image{float:left;} #usernav-menu{display:none;position:absolute;top:25px;right:0;width:178px;background:#eee;z-index:99;border:1px solid #e2e2e2;-webkit-box-shadow:1px 4px 4px rgba(0,0,0,0.4);-moz-box-shadow:1px 4px 4px rgba(0,0,0,0.4);} #usernav-menu a{display:block;width:158px;padding:6px 10px;border-top:1px solid #f6f6f6;border-bottom:1px solid #e2e2e2;} #usernav-menu a:hover{background:#07e;color:#fff;} #usernav-profile{position:relative;background-position:-810px -43px;} #usernav-profile:hover, #usernav-profile.hover {background-position:-810px -118px;} #usernav-profile:hover #usernav-menu, #usernav-profile.hover #usernav-menu {display:block;} .UserNav .fbicon { position:absolute; left:11px; bottom:1px; } .SwitchUser{position:absolute;right:0px;top:100px;width:300px;background:#eee;z-index:1000; -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.6); -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.6);} .SwitchUser ul{margin:5px 0;} .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-top:5px;border:1px solid #dd9;font-size:11px!important;font-weight:bold;} .switched-display_name{font-style:italic;} .close_switch_list_ui{position:absolute;right:-10px;top:-10px;} .HotHead{position:absolute;right:115px;top:11px;} .HotHead .unit{float:left;display:block;position:relative;width:125px;height:83px;margin-left:5px;margin-right:10px;} .HotHead .unit .thumbbb{position:absolute;top:0;left:0;width:125px;height:83px;} .HotHead .unit .badge img{position:absolute;left:-7px;top:-10px;width:50px;height:50px;} .HotHead .unit .no-badge{display:none;} .HotHead .unit a.title{display:block;position:absolute;left:0;top:0;width:125px;height:83px;} .HotHead .unit a.title span{display:block;width:113px;padding:0;text-indent:-9999px;overflow:hidden;} .HotHead .unit:hover a.title span, .HotHead .unit a.title:hover span{background:#07e;color:#fff;font:14px Georgia,serif;line-height:17px;padding:3px 6px;text-indent:0;cursor:pointer;} .HotNav{position:absolute;right:90px;top:23px;width:26px;} .HotNav .arrow{width:26px;height:26px;margin-bottom:8px;} .HotNav .arrow a{display:block;width:26px;height:26px;overflow:hidden;text-indent:-9999px;} .HotNav .prev{background-position:-6px -235px;} .HotNav .next{background-position:-32px -235px;} .HotNav .prev a{background-position:-58px -235px;} .HotNav .next a{background-position:-84px -235px;} .HotNav .arrow a:hover{opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);} .HotNav .arrow a:active{opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);} .random-button{top:10px;margin-right:-10px;} /** * Footer * */ .PageFooter{position:relative;float:left;width:990px;border-top:2px solid #e32;margin:20px 0;padding-bottom:50px;} .PageFooter li{float:left;margin:0 10px 0 0;padding-top:10px;font-size:12px;} .PageFooter li.big{float:right;margin:0 0 0 15px;padding-top:7px;font-size:13px;font-weight:bold;} /* * Global Buzz Styles * */ .thumb { position:relative; float:left; width:125px; height:83px; } .thumb img { width:125px; height:83px; } .thumb a.badge img { position:absolute; left:-10px; top:-7px; width:auto; height:auto; width:50px; height:50px; } .thumb a.no-badge img { display:none; } .thumb .clicks { position:absolute; top:62px; left:0; width:120px; padding-right:5px; background:#e32; color:#fff; font:italic 10px "Lucida Grande",tahoma,verdana,sans-serif; text-transform:uppercase; text-align:right; } .thumb .video-play { position:absolute; top:0; left:0; width:125px; height:83px; background:url(../images/public/flow/play.png?v=1283461177) no-repeat; } .thumb .view { display:block; width:125px; text-align:center; font-size:11px; } .video-buzz .thumb { height:110px; } .thumb-small { position:relative; float:left; width:90px; height:60px; } .thumb-small img { width:90px; height:60px; } .thumb-small a.badge img { position:absolute; left:-7px; top:-10px; width:auto; height:auto; width:40px; height:40px; } .thumb-small a.no-badge img { display:none; } .thumb-small .clicks { position:absolute; top:43px; left:0; width:87px; padding-right:3px; background:#e32; color:#fff; font:italic 9px "Lucida Grande",tahoma,verdana,sans-serif; text-transform:uppercase; text-align:right; } .thumb-small .video-play { position:absolute; top:0; left:0; width:125px; height:83px; background:url(../images/public/flow/play-small.png?v=1283461177) no-repeat; } .thumb-small .video-watch { display:block; width:125px; text-align:center; font-size:11px; } .small-unit { float:left; width:90px; height:105px; margin:0 0 3px 15px; } .small-unit .thumb-small { float:none; } .small-unit h3 { font:11px "Lucida Grande",tahoma,verdana,sans-serif; padding-top:3px; height:37px; line-height:1.2; overflow:hidden; } .sm-v-unit { float:left; overflow:hidden; width:90px; height:105px; margin:0 0 3px 15px; line-height:1.1; } .sm-v-unit .thumb-small { float:none; padding-bottom:3px; } .sm-v-unit .title { height:37px; overflow:hidden; font:11px "Lucida Grande",tahoma,verdana,sans-serif; line-height:1.1; } .raw-post { position:relative; float:left; width:100%; margin-top:0px; padding-top:5px; padding-bottom:15px; margin-bottom:0; } .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; } /*.abtest-h3-b .raw-post h3 { font:bold 13px "Lucida Grande",tahoma,verdana,arial,sans-serif; margin-bottom:1px; }*/ .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.35; 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; } .raw-post a.permalink { background: url(../images/public/icons/permalink.png?v=1283461177) 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; } .sideways { width:205px; background:0; padding:0; } .sideways .t { float:left; } .sideways .info { margin-left:95px; } .sideways h3 { width:90px; float:left; padding-top:1px; height:auto; } .featured-post { padding-bottom:0; } .has-badges .raw-post { position:relative; } .raw-post .badge { position:absolute; left:-8px; top:-5px; width:40px; height:40px; } /* new multipost - from buzzfeed3.css */ .multipost { float:left; margin-left:140px; margin-top:20px;} .multipost-header { float:left; width:100%; margin-bottom:12px; font-size:16px; font-weight:bold; color:#e32; } .multipost-label { float:left;display:inline-block;margin:0 10px 0 -45px;padding:3px 6px;background:#FFEA00;color:#111;font:bold 12px "gill sans","arial black",arial,helvetica;text-transform:uppercase;-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);transform:rotate(-15deg);-moz-box-shadow:1px 1px 1px #aaa;-webkit-box-shadow:1px 1px 1px #aaa;box-shadow:1px 1px 1px #aaa;} .multipost-footer { float:left; width:100%; margin:0 0 10px; font-weight:bold; font-size:11px; } .mpost { float:left; width:235px; height:60px; margin:0 0 15px 15px; } .multipost .first { margin:0; padding:0; } .mpost .thumb { position:relative; float:left; margin-right:7px; width:90px; height:60px;} .mpost h3 { font-weight:bold; font-size:11px; margin-bottom:2px; font-family:"Lucida Grande",arial,sans-serif;} .mpost .username { font-size:10px; font-weight:normal; color:#e32; } .mpost .num {padding-top:3px;font:bold 12px arial,helvetica,sans-serif; } .mpost .num span { font-weight:normal; } /** * Flow Pages (Home, User and Daily Archive Pages) * */ .border { padding-top:15px!important; background:url(../images/public/lines/horizontal-grey.png?v=1283461177) top left repeat-x; } ul.flow { float:left; width:100%; } ul.flow li.top { background:0; xxxpadding-top:0; } .badge-small-activator { float:right; display:block; width:100px; height:24px; margin:20px 10px 0 10px; background:url(../images/public/slideshow/small-activator.png); text-indent:-9999px; overflow:hidden;} .badge-small-activator:hover { background-position:0 -24px; } .PageBanner { float:left; width:950px;background:#fff } .UserInfo { float:left; width:625px; margin-right:25px; padding-bottom:20px; padding-top:20px; background:#fff } /* * NEW! GLOBAL POST STYLES * */ .post2 { float:left; width:100%; padding-bottom:15px; position:relative; list-style: none; } .post2 .thumb { float:left; width:125px; margin-right:15px; } .post2 .info { float:left; width:485px; } .post-wide .info { width:640px; } .PermalinkPage .parent-info { float:left; width:550px; margin-bottom:30px; } .PermalinkPage .post2 { padding-bottom:0; } .PermalinkPage .post2 .info-no-thumb, .inline-post .info { width:625px; } .PermalinkPage .post2 .info-no-thumb h1, .PermalinkPage .post2 .info-no-thumb .description { width:565px; } .post2 h1 { font:34px Georgia; margin-bottom:5px; margin-top:-4px; color:#222; } .post2 h2 { font:18px "Gill Sans",sans-serif; margin-bottom:7px; color:#e32; text-transform:uppercase; letter-spacing:1px; } .post2 h3 { overflow:hidden; } .post2 .description { line-height:1.4; overflow:hidden; margin-bottom:0; } .post2 .parent { margin-top:8px; font-style:italic; } .post2 .blurb { font-weight:bold; } .post2 .category { color:#e32; font: bold 11px "Gill Sans",Verdana,sans-serif; text-transform:uppercase; padding-right:4px; } .post2 .badges { float:left; width:250px; } .PermalinkPage .post2 .info-no-thumb .badges, .inline-post .badges { width:390px; } .post2 .badge { float:left; position:relative; margin-right: 12px; width:50px; height:50px; margin-top:8px; } .inline-post .badge { float:left; position:relative; margin-right: 15px; width:40px; height:40px; margin-top:3px; } .post2 .meta { float:left; width:225px; margin-top:8px; xxxoverflow:hidden; font-family:"Lucida Grande",tahoma,arial,sans-serif; } .post2 .user-info { float:left; width:100%; margin-bottom:10px; font-size:9px; color:#999; line-height:1; xxxbackground:#faf;} .post2 .user-info img { float:left; margin-right:5px; height:25px; width:25px; } .post2 .user-info img.crown { display:block; float:none; margin-right:0; height:auto; width:auto; } .post2 .user-info-info { float:left; width:170px; } .inline-post .user-info { padding-top:3px; } .inline-post .user-info { margin-bottom:0; } .post2 .user-info .user-name { font-size:11px; } .post2 .user-info .ago { float:left; display:block; width:100%; margin-top:3px; } .blings { /*float:left; width:100px; margin-bottom:3px; */} .bling { font-size:11px; padding-bottom:1px; display:inline-block; margin-left:2px; width:12px; overflow:hidden; text-indent:-9999px; background:url(../images/public/social/user-bling.png?v=1283461177) no-repeat; } .bling-love { background-position:-12px 0; } .bling-hate { background-position:-24px 0; } .bling-goldstar { background-position:-36px 0; } .bling-top { width:16px; } .bling-top10 { background-position:-48px 0; } .bling-top20 { background-position:-64px 0; } .bling-top50 { background-position:-80px 0; } .bling-top100 { background-position:-96px 0; } .contrib .bling { margin-top:5px; } /*.post2 .crown { display:block; margin:2px 0 3px;}*/ /*.post2 .user-info { position:relative; }*/ /*.post2 img.crown { position:absolute; z-index:10; top:-9px; left:18px; }*/ .post2 .actions { float:left; margin-bottom:5px;} .post2 .actions li { float:left; padding-right:4px; } .post2 .actions li.one { padding-right:0; } .post2 .actions li.one a { font-size:10px; } .post2 .actions li.two a { font-size:10px; margin-right:7px; background:#d5d5d8; color:#111; } .post2 .actions a { font-size:11px; } .post2 .actions a.more { padding:0 4px 1px; background:#07e url(../images/public/backgrounds/bluestripe.png?v=1283461177); color:#fff; } .post2 .actions a.more:hover { opacity: 0.85; -moz-opacity: 0.85; filter:alpha(opacity=85); } .post2 .sharing-icons { /* might use this later --- position:absolute; left:50%; width:60px; margin-left:108px; top:105px; float:left; */ } .call-to-action { width:100%!important; float:left; background:#f2ed8e; padding:7px 10px; } .call-to-action p { margin:0; } .call-to-action a span { font:12px "Lucida Grande",Verdana, sans-serif; color:#07e; margin:0; padding:0; } .call-to-action a:hover span { color:#e32; } .post2 h4 { margin-bottom:10px; } .link-buzz p.link { font-size:12px; } .media-buzz h3 { font-size:20px; line-height:1.2; } .media-buzz h3 span { display:block; float:left; background:url(../images/public/sprites/buzz.png?v=1283461177) 0 0 no-repeat; height:19px; overflow:hidden; text-indent:-9999px; margin-top:4px; } .image-buzz h3 span { width:75px; } .video-buzz h3 span { width:70px; background-position: 0 -20px; } .link-buzz h3 span { width:55px; background-position: 0 -40px; } .ad-post { background-color:#Ffd; padding:0 0 5px; } .ad-post h2 { font:bold 11px "Lucida Grande",verdana,arial,sans-serif; color:#e32; letter-spacing:0; /*text-transform:none;*/ } .ad-post img { width:90px; height:60px; margin-left:35px; } .ad-post .info h3 { font-size:19px; padding-right:50px; } .ad-post .info p.description { font-size:11px; line-height:1.3; padding-right:50px; } .inline-post h3 { font-size:30px; } /*.inline-post { margin-bottom:40px; }*/ /*.inline-post-border, .inline-post-border + .border { background:0; padding-top:15px!important; margin-top:35px; xxxbackground:url(../images/public/lines/inline-post.png?v=1283461177) repeat-x; border-top:1px solid #aaa;}*/ /*.inline-post + .inline-post { margin-top:0; }*/ .inline-post .SocialActions { border-top:0; margin:0; } .has-inline-posts .border, /*.inline-post-border { padding-top:35px!important; padding-bottom:20px; background:url(../images/public/lines/horizontal-black.png?v=1283461177) top left repeat-x; }*/ .inline-post-border { padding-top:20px!important; padding-bottom:35px!important; border-top:1px solid #e6e6e6; background:0; xxxbackground:url(../images/public/lines/horizontal-black.png?v=1283461177) top left repeat-x; } /*.inline-post-first, */ .has-inline-posts .post2 { padding-bottom:35px!important; } .inline-post .buzznote { margin:5px 0; } .post2 .buzznote .what { width:300px } /** * Permalink Pages * */ .buzz { float:left; width:100%; margin-bottom:15px; } /* featured link */ .featured-link, .featured-video { float:left; width:100%; margin-bottom:15px; } .featured-link h2, .featured-video h2 { margin-bottom:15px;} .featured-link img { float:left; margin-right:15px; border:1px solid #ddd; width:90px; height:65px; } .featured-link .info { float:left; width:515px; } .featured-link h4 { font-size:32px; } .featured-link p { font-size:15px; } /* featured video */ .featured-video h4 { font-size:26px; } .featured-video p { font-size:15px; } .video-content { float:left; width:100%; margin-bottom:5px; margin-top:10px; } .video-embed-big { float:left; width:625px; min-height:376px!important; background:#f6f6f6 url(../images/public/spinners/small_on_f6f6f6.gif?v=1283461177) center center no-repeat; } .video-embed-noflash { background:#e6e6e6 url(../images/public/spinners/noflash.png?v=1283461177) center center no-repeat; } .video-embed-small { float:left; width:325px; min-height:263px!important; background:#f6f6f6 url(../images/public/spinners/small_on_f6f6f6.gif?v=1283461177) center center no-repeat; } /* links */ .links { overflow:hidden; float:left; width:100%; padding-top:7px; } .no-meta { width:95%; } .Page .links h2 { margin-bottom:20px; } .Page .links ul { } .Page .links ul li { float:left; padding-bottom:20px; width:100%;} .Page .links ul li .num { width:20px; float:left; font:15px "Gill Sans",verdana,sans-serif; color:#e32; padding:3px 5px 3px 0; border-right:1px solid #e32; text-align:right; line-height:1; } .Page .links ul li .link-info { padding-left:35px; } .Page .links ul li .link-info p { color:#666; } .Page .links ul li h4 { padding-top:-3px; font-size:18px; } .Page .links ul li.link1 h4 { font-size:28px; } .Page .links ul li.link2 h4 { font-size:23px; } .Page .links ul li.link3 h4 { font-size:18px; } .Page .links ul li a.permalink { background: url(../images/public/icons/permalink.png?v=1283461177) top right no-repeat; padding: 0 3px 0 10px; font-size:13px } .Page .links ul li span.newlink { background: url(../images/public/icons/new.png?v=1283461177) top right no-repeat; padding: 0 10px 0 20px; font-size:13px } /* media thumbnail */ .media-thumbnail { float:left; position:relative; width:90px; height:60px; margin: 2px 7px 0 0px; } .media-thumbnail a { display:block; position:absolute; top:0; left:0; width:90px; height:60px; background:url(../images/public/flow/play-small.png?v=1283461177) no-repeat; } .media-thumbnail img, .media-thumbnail a { width:90px; height:60px; } /* video overlay */ .video-overlay { position:absolute; left:0; top:0; width:100%; height:100%; z-index:9998; } .video-lightbox { position:absolute; top:50%; left:50%; margin-left:-275px; z-index:9999; width:550px; height:440px; background: url(../images/public/video-lightbox/video-overlay.png?v=1283461177) center center no-repeat; } .video-lightbox .close-button { position:absolute; left:40px; top:25px; } .video-lightbox .flash-content { margin:40px 0 0 75px; background:url(../images/public/video-lightbox/big-spinner.gif?v=1283461177) 180px center no-repeat; } .video-lightbox .close_gif { display:none; } /* related buzz */ .related { float:left; width:100%; clear:both; margin-top:15px; } .related-unit { float:left; position:relative; width:135px; padding:5px; position:relative; } .related-unit .badge { position:absolute; top:27px; left:-9px;} .related-unit h2 { display:table-cell; height:30px; padding-bottom:7px; color:#e32; font: bold italic 12px/1.2 "lucida grande",tahoma,sans-serif; overflow:hidden; vertical-align:bottom; } .related-unit h2 a { color:#e32; } .related-unit h2 a:hover { color:#07e; } .related-unit h3 { font: 12px "Lucida Grande",tahoma,verdana,sans-serif; padding:5px 0; overflow:hidden; } .related .related-buzzfeed { float:left; width:480px;} .related .related-buzzfeed .related-unit { margin-left:15px; } .related .related-aol { position:relative;float:left;width:145px; } .related .related-aol h2 { padding-left:58px; } .related .aol-logo { position:absolute;left:-17px;top:5px;width:100px;height:79px;background-repeat:no-repeat;overflow:hidden;text-indent:-9999px;} .related-aol-container {float:left;} .related-aol-blue { background:#e8f2ff; } .related-aol-blue .aol-logo { background-image:url(../images/public/aol-blue.png); } .related-aol-blue-stripe { background:url(../images/public/aol-pink-stripe.png); } .related-aol-blue-stripe .aol-logo { background-image:url(../images/public/aol-pink.png); } .related-aol-blue-stripe h2 a { color:#D4A; } .related-aol-red { background:#fee; } .related-aol-red .aol-logo { background-image:url(../images/public/aol-red.png); } .related-aol-red-nobg { background:#fff6f6; } .related-aol-red-nobg .aol-logo { background-image:url(../images/public/aol-red.png); } .related-aol-fish { background:#e8f2ff; } .related-aol-fish .aol-logo { left:-60px;top:-15px;width:120px;height:101px;background-image:url(../images/public/aol-fish.png); } .partner-slot{background-color:#fff9e6; } .partner-area-label { position: absolute; bottom: 5px; right: 5px; padding:0 2px; font-size:9px; color:#999; text-transform:uppercase; } /* tags */ .views-tags { width:100%; float:left; font-size:10px; font-size:11px; margin:10px 0; color:#444; } .views-tags .views .count { font-weight:bold; color:#222; font-family:arial; } a.tag { color:#888; /*background:#eee; padding:0 1px; border-bottom:1px solid #eee; font-size:11px; line-height:1.3;*/ } a.tag:hover { background:#07e; color:#fff; } /* POST CONTENT */ .post-header { width:100%; float:left; margin-bottom:20px; } .post-content { float:left; _float:none; width:100%; margin-top:10px; } .inline-post .post-content { margin-top:5px; } .post-content img { display:block; margin:4px 0; } .post-content p { margin-bottom:20px; line-height:1.4; font-size:13px; } .post-content ul { list-style-type: square; margin: 0 0 24px 25px; } .post-content ol { list-style-type: decimal; margin: 0 0 24px 25px; } .post-content li { margin-bottom: 5px; } .stats-content { float:left; width:100%; margin:10px 0;} .post-content ul.top-list { list-style: none; margin:10px 0 0; } .post-content ul.top-list li { margin:20px 0 35px; } .post-content ul.top-list h3 { font-size:24px; } .breaking-content { float:left; width:100%; margin-top:20px; font:30px Georgia,serif; } .special-content { float:left; width:100%; margin-top:20px; } .embed-content { float:left; position:relative; margin-top:20px; z-index:8888; margin-left:-10px; border:10px solid #fff; background:#fff url(../images/public/spinners/small_on_white.gif) center center no-repeat; } .freeform-content { float:left; width:600px; padding-top:20px; font:14px/1.4 "Lucida Grande"; } .freeform-content .line-break { line-height: 1.2 } .freeform-content h1 { font-family:arial,helvetica,sans-serif; font-size:32px; font-weight:bold; margin:10px 0 0; } .freeform-content h2 { font-family:arial,helvetica,sans-serif; font-size:28px; font-weight:bold; margin:10px 0 0; } .freeform-content h3 { font-family:arial,helvetica,sans-serif; font-size:24px; font-weight:bold; margin:10px 0 0; } .freeform-content h4 { font-family:arial,helvetica,sans-serif; font-size:20px; font-weight:bold; margin:10px 0 0; } .freeform-content h5 { font-family:arial,helvetica,sans-serif; font-size:18px; font-weight:bold; margin:10px 0 0; } .freeform-content h6 { font-family:arial,helvetica,sans-serif; font-size:16px; font-weight:bold; margin:10px 0 0; } .freeform-content blockquote, .freeform-content pre { padding-left:20px; line-height:1.3; border-left:3px solid #eee;} .freeform-content ol { list-style-type:decimal; margin:5px 0 20px 20px; } .freeform-content ul { list-style-type:disc; margin:5px 0 20px 20px; } .freeform-content li { margin-bottom:5px; } .freeform-content code, .freeform-content pre { font-family:monaco,courier,fixed-width; } .freeform-content hr { display:block; float:left; width:100%; height:0; clear:both; border:0; border-bottom:1px solid #aaa!important; margin:20px 0; } .freeform-content img { display:block; margin:10px 0; } .freeform-content img[align~='right'] { float:right; margin-left:10px; } .freeform-content img[align~='left'] { float:left; margin-right:10px; } .freeform-content img[align~='center'] { float:left; margin:10px; } .list-big-embed { float:left; position:relative; z-index:8888; margin-left:-10px; border:10px solid #fff; background:#fff url(../images/public/spinners/small_on_white.gif) center center no-repeat; } .product-content { float:left;width:100%;margin-top:5px;padding-top:15px;border-top:2px solid #ddd; } .product-details { float:left;width:300px;margin-right:20px } .product-image { float:left;width:300px; } .animated-gif { position:relative; } .animated-gif a { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; text-indent:-9999px; background:url(../images/public/video-lightbox/play.png?v=1283461177) center center no-repeat; } .animated-spinner a { background:url(../images/public/spinners/trans.gif) center center no-repeat; } .quiz { float:left; width:70%; border:4px solid #C5D3EA; background:#DDE7F5; padding:15px 40px 15px 15px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;} .quiz h4 { margin:2px 0 5px 0;} .quiz h5 { margin:0 0 5px 0;} .quiz ul { margin:10px 0; padding:0; } .quiz li { list-style:none; } .quiz-result { float:left;width:100%;margin-bottom:10px; } .quiz-result img { float:left; margin-right:10px; } .quiz-share-results { margin:10px 0; padding:10px 0; border-top:1px solid #C5D3EA; border-bottom:1px solid #C5D3EA; font-family:"Lucida Grande",tahoma,verana,sans-serif;} .quiz-share-results a { padding-left:18px; margin:0 8px 0 4px; } .quiz-share-results .quiz-share-facebook { background:url(../images/public/enhanced/quiz-share-facebook.png) 0 0 no-repeat; } .quiz-share-results .quiz-share-twitter { background:url(../images/public/enhanced/quiz-share-twitter.png) 0 0 no-repeat; } .quiz-share-results .quiz-share-blog { background:url(../images/public/enhanced/quiz-share-blog.png) 0 0 no-repeat; } .quiz-share-results .quiz-save-as-contribution { background:url(../images/public/enhanced/quiz-share-contrib.png) 0 0 no-repeat; } .quiz-share-results table td { vertical-align:middle; padding-right:10px; } /** * Contributions * */ .Contributions { width:100%; float:left; padding-top:7px; margin-bottom:20px; } .Contributions ul.contribution-list { float:left; width:100%; margin-bottom:0px; } .no-contributions { background:0; padding:0; margin:0; } .Contributions h2 { width:100%; float:left; position:relative; margin-bottom:15px; } .Contributions ul.sort { position:absolute; right:0; top:0px; } .Contributions ul.sort li { float:left; width:80px; margin-left:10px; font:11px "Lucida Grande",verdana,sans-serif; text-transform:none; letter-spacing:0;} .Contributions ul.sort li a { padding:0 3px; } .Contributions ul.sort li a:hover { background:#ddd; color:#222; } .Contributions ul.sort li.current a { background:#07e url(../images/public/backgrounds/bluestripe.png?v=1283461177); color:#fff; } .contrib { position:relative; float:left; width:625px; margin-bottom:20px; padding:0; /*background:url(../images/public/contrib/bubble-arrow.png?v=1283461177) 445px 5px no-repeat;*/ } .contrib .contrib { margin-bottom:0; } .contrib .what { position:relative; overflow:hidden; float:left; width:425px; min-height: 27px; padding:10px; background:#e6e6e6; } .contrib .image { } .contrib .link h3 { font:20px Georgia,serif; } .contrib .link p { margin-bottom:0; color:#777; } .contrib .text { line-height:1.35; } .contrib .quote blockquote { font:italic 22px Georgia,serif; margin-bottom:10px; padding:0 35px 0 35px; } .contrib .quote .ldquo { font:80px Georgia,serif; color:#aaa; position:absolute; left:7px; top:0px; } .contrib .quote .rdquo { font:80px Georgia,serif; color:#aaa; position:absolute; right:7px; bottom:-15px; } .contrib .quote p { padding-left:50px; margin-bottom:4px; } .contrib .video-embed-big { width:425px; min-height:340px!important; background:#e6e6e6 url(../images/public/spinners/small_on_f6f6f6.gif?v=1283461177) center center no-repeat; } .contrib .video-embed-noflash { background:#e6e6e6 url(../images/public/spinners/noflash.png?v=1283461177) center center no-repeat; } .contrib .who { float:left; width:140px; margin-top:5px; padding-left:20px; color:#888; font-size:11px; line-height:1; background:url(../images/public/contrib/bubble-arrow.png?v=1283461177) no-repeat; min-height:35px; padding-top:5px; } .contrib .who-info { float:left; width:110px; } .contrib .avatar { float:left; margin-right:5px; } /*.contrib img.crown { display:block; margin:4px 0 2px; }*/ .contrib .who { position:relative; } .contrib img.crown { position:absolute; z-index:10px; top:-4px; left:38px; } .contrib .ago { display:block; font-size:9px; margin-top:4px; } .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 .tools li { float:right; margin:0 0 0 12px; color:#bbb } .contrib .tools li a { color:#bbb; } .contrib .tools .respond { float:left; margin:0; } .contrib .tools .icon { display:block; float:left; background:url(../images/public/icons/contrib-icons.png?v=1283461177) 0 0 no-repeat; height:15px; width:15px; } .contrib .tools .respond .icon { width:20px; background-position: 0px 0px; } .contrib .tools .love .icon { width:20px; background-position:-20px -1px; } .contrib .tools .hate .icon { width:20px; background-position:-40px -1px; } .contrib .tools .flag .icon { width:16px; background-position:-60px 0px; } .contrib .tools .facebook .icon { width:17px; background-position:-80px -1px; } .contrib .tools .email .icon { width:17px; background-position:-100px 0px; } .contrib .tools .link .icon { width:19px; background-position:-120px 0px; } .contrib .tools .social-buttons .love .icon { } .contrib .tools .social-buttons .hate .icon { } .contrib .selected_tools li { color:#222; } .contrib .selected_tools li.flag a { color:#999; } .contrib .selected_tools li a { color:#07e; } .contrib .selected_tools li a:hover { color:#e32; } .contrib .love.voted .icon, .contrib .selected_tools .love .icon { background-position:-20px -16px; } .contrib .hate.voted .icon, .contrib .selected_tools .hate .icon { background-position:-40px -16px; } .contrib .selected_tools .respond .icon { background-position: 0px -15px; } .contrib .selected_tools .flag .icon { background-position:-60px -15px; } .contrib .selected_tools .facebook .icon { background-position:-80px -16px; } .contrib .selected_tools .link .icon { background-position:-120px -15px; } .contrib .selected_tools .love a.icon:hover { background-position:-20px -31px; } .contrib .selected_tools .hate a.icon:hover { background-position:-40px -31px; } .contrib .selected_tools .respond a:hover .icon { background-position: 0px -30px; } .contrib .selected_tools .flag a:hover .icon { background-position:-60px -30px; } .contrib .selected_tools .facebook a:hover .icon { background-position:-80px -31px; } .contrib .selected_tools .link a:hover .icon { background-position:-120px -30px; } .contrib .validate { padding:7px 10px 0; width:425px; background:#E60; color:#fff; border:0; } .contrib .validate h5 { font-size:20px;} .contrib .tools .signin-or-signup { margin-top:3px; padding:5px 8px 5px 7px; xxxbackground:#e7e7e7; } .contrib h2 { margin-bottom:5px; } .line-break { display: block; line-height: .85 } .contrib .badges { position:absolute; left:-15px; top:5px; } .border .badges { top:20px; } .BuzzPage .contrib .badges { top:-20px; } .has-badge .what .badge-spacer { width:30px; height:30px; float:left; } .contrib-action a { background:#07e; color:#fff; padding:1px 4px 1px; font-size:12px; } .contrib-action a:hover { background:#e32; color:#fff; } .contribs-closed { float:left; width:460px; } /** * Contribute * */ .Contribute { width:100%; float:left; clear:both; margin-bottom:15px; } .Contribute h2 { margin-bottom:15px; } .Contribute h3 { margin-bottom:7px; width:435px; } .Contribute p { margin-bottom:12px; } .call-to-respond { width:100%; float:left; margin-top:0; margin-bottom:5px; } .call-to-respond h3 { font-size:18px; float:left; margin-right:10px; } .call-to-respond p { margin-top:2px; } .call-to-respond p a { margin-top:2px; font-size:11px; padding:1px 6px 2px; } .callout ul.type-tabs li a.current { background:#f2ed8e; } .callout .what { background:#f2ed8e; } .callout .who { background:url(../images/public/contrib/bubble-arrow-new.png?v=1283461177) top left no-repeat; } /*.no-call-to-action { padding-top:7px; background: url(../images/public/lines/horizontal-grey.png?v=1283461177) top left repeat-x; }*/ .no-contrib-box { background:0; margin:0; padding:0; } .contrib-form { background-position: 445px 75px; } .contrib-form ul.type-tabs { float:left; width:385px; overflow:hidden; padding:6px 10px 0; } .contrib-form ul.type-tabs li { float:left; font-size:13px; margin-right:10px; } .contrib-form ul.type-tabs li a { display:block; color:#555; background:#e7e7e7; padding:2px 8px 3px; border:1px solid #ddd; border-bottom:0; } .contrib-form ul.type-tabs li a.current { border-bottom:0; color:#111; font-weight:bold; } .contrib-form ul.type-tabs li a.current, .contrib-form .what { margin-top:0; background:#ccc url(../images/public/contrib/preview-bkgd.png?v=1283461177); } .previewing .contrib-form .what { border-top:1px solid #bbb; } .previewing .contrib-preview { margin-bottom:0; } .previewing .contrib-preview .contrib { margin-bottom:0; list-style: none; } .previewing .contrib-preview .border { background:0; padding-top:0; } .previewing .contrib-preview .what { border-bottom:1px solid #999; } .Contribute fieldset p.note { margin-top:3px; font-size:11px; line-height:1.2; color:#666; } .Contribute a.advanced { position:absolute; right:20px; } .signin-or-signup-to-vote .signin-or-signup { float:left; width:425px; padding:10px; margin-top:10px; } .signin-or-signup { float:left; background:#ccc url(../images/public/contrib/preview-bkgd.png?v=1283461177); } .signin-or-signup form { float:left; background:#e6e6e6; margin-bottom:0; } .signin-or-signup form.v label { font-weight:normal; margin-bottom:0px;} .signin-or-signup form input.text, .signin-or-signup form textarea { width:250px; } .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;} .contrib .signin-or-signup { margin-bottom:0; } .contrib .signin-or-signup form { background:0; } .contribute-message { float:left; width:425px; background:#227918; color:#fff; padding:10px 10px 0; } .contribute-message a { color:#fff; text-decoration:underline; } .validate { background:#E60; } .success { } .message { padding:2px 5px; } .error { background:#e32; color:#fff; } .success { background:#17AF2E!important; color:#fff!important; } .failure a, .error a, .success a { color:#fff; text-decoration:underline; } .Contribute .thumb { width:90px; height:60px; border:0; margin-bottom:0 } .Contribute .placeholder { width:90px; height:60px; background:url(../images/public/defaults/thumb_small.png?v=1283461177); margin-bottom:0 } .Contribute .image-upload-fields * { float:left; margin-right:5px; } .Contribute .image-upload-fields label { float:none; margin-bottom:2px; } .Contribute .who { position:relative; z-index:1; background-image:url(../images/public/contrib/bubble-arrow-stripe.png?v=1283461177); } .Contribute .fbicon { position:absolute; left:31px; top:16px; } .image-upload-overlay { width:800px;height:555px;position:fixed;left:50%;margin-left:-400px;margin-top:-275px;top:50%;left:50%;overflow:hidden;z-index:9999;} .overlay-bkgd { position:absolute;top:0;left:0;width:800px;height:555px;background:#000;-moz-border-radius:8px;-webkit-border-radius:8px;opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); } .overlay-iframe { position:absolute;top:15px;left:25px;width:750px;height:500px;overflow:hidden;border:0; } /*.progress-bar { width:400px; height:200px; margin-left:-150px; margin-top:-100px; top:35%; } .progress-bar .overlay-bkgd { width:400px;height:200px; } .progress-bar .overlay-iframe { position:absolute;top:15px;left:25px;width:350px;height:175px;overflow:hidden;border:0; } */ .user-loading { position:absolute; left:-20px; top:5px; } .signin-form { width:415px; } .signin-buzzfeed { float:left; width:100%; } .signin-buzzfeed-title { margin-bottom:7px; font-weight:bold; float:left; } form.facebook-enabled fieldset.signin-buzzfeed { float:left; clear:none; width:200px; border-right:1px solid #bbb; margin-right:12px; } form.facebook-enabled fieldset.signin-facebook { float:left; clear:none; width:200px; } form.facebook-enabled fieldset div { width:200px; } /** * top lists * */ ul.top { float:left; width:100%; } ul.top li { position:relative; float:left; width:100%; padding: 10px 0 10px; background:url(../images/public/lines/horizontal-grey.png?v=1283461177) 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-size:22px; 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:#ffd url(../images/public/lines/horizontal-black.png?v=1283461177) top left repeat-x; } ul.top li.num1 .num { font-size:22px; } /** * Sidebar * */ .Container .Sidebar .section { width:336px; float:left; margin:10px 0 15px; font-size:12px; line-height:1.33; } .Container .Sidebar .section h2.sec { margin-bottom:12px; } .Container .Sidebar .section h2.p { margin-bottom:5px; } .Container .Sidebar .top { background:0; padding-top:0; margin-top:0; } .Container .Sidebar .top:first-child .sec { border:0; padding-top:0; } .Container .Sidebar .widget { margin-bottom:10px; } .Container .widget { float:left; width:100%; margin-bottom:30px; } .signup-promo { margin-top:0; } .signup-promo .sign-up-pitch { display:inline; font:19px Georgia; line-height:1.3; color:#333; } ul.SitesMakingBuzz { float:left; width:100%; overflow:hidden; margin-bottom:10px;} ul.SitesMakingBuzz li { float:left; width:100%; overflow:hidden; padding:2px 0 0 0; background:url(../images/public/lines/horizontal-grey.png?v=1283461177) top left repeat-x; } ul.SitesMakingBuzz li.top { background:0; padding:0; } ul.SitesMakingBuzz li .info { overflow:hidden; } ul.SitesMakingBuzz li .image { float:left; margin-right:10px; padding-top:2px; } ul.SitesMakingBuzz li .image img { width:50px; height:40px; border:1px solid #bbb; } ul.SitesMakingBuzz li h3 { font-size:16px; line-height:1.1em; margin-top:4px; } ul.SitesMakingBuzz li p.meta { font-size:11px; margin:5px 0; color:#aaa; } /* tip form */ form.tip label { display:block; font-size:12px; margin-bottom:2px;} form.tip label span { font-size:11px; color:#aaa; padding-left:3px; font-weight:normal; } form.tip input.text, textarea { width:280px; margin-bottom:8px; } form.tip textarea { height:80px;} form.tip input.submit { width:80px; } form.tip .message { width:272px; color:#fff; margin-bottom:10px; padding:3px 6px; } form.tip .error { background:#e32; } form.tip .success { background:#0a0; } /* partner blogroll */ ul.blogroll { float:left; width:100%; margin-bottom:10px; } ul.blogroll li { float:left; width:148px; margin-bottom:4px; font:12px "Lucida Grande",tahoma,arial,sans-serif; } ul.blogroll li a { float:left; border:1px solid #e3e3e3; background:#f3f3f3; padding:3px 9px 3px 7px; border-width:0 1px 1px 0;*/ } .condense { letter-spacing:-1px; } .ptnr-icons a:hover { background:#07e; color:#fff; } .ptnr-icons .icon { float:left; margin-right:8px; } .icon { background:url(../images/global/favicons.png) 0 0 no-repeat; width:16px; height:16px; } .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;} .urlesque {background-position:0 -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;} /** * HUD BOX * */ .hud-box { position:absolute; z-index:9999; top:97px; width:377px; height:346px; background:url(../images/public/video-lightbox/share-bkgd.png?v=1283461177) no-repeat; } .hud-box form, .hud-box .confirm { padding:20px; width:290px; color:#fff; } .hud-box h3 { margin:0 0 15px; font:26px Georgia,serif; } .hud-box .message { margin-bottom:15px; color:#fff; padding:3px 0; } .hud-box .error { background:#e32; padding:3px 4px } .hud-box label { display:block; font-size:12px; margin-bottom:2px; } .hud-box label span { color:#aaa; font-size:11px; } .hud-box textarea { height:60px; } .hud-box input.text, .hud-box textarea { width:99%; background:#fff; border:0; padding:2px; } .hud-box textarea { margin-bottom:0; } .hud-box a.cancel { margin-left:10px; font-size:11px; color:#888; font-weight:normal; } .hud-box a.cancel:hover { color:#e32; } .hud-box .confirm { padding:40px; } .hud-box .confirm h3 { font-size:40px; } .right-box { background:url(../images/public/video-lightbox/share-bkgd-left.png?v=1283461177) no-repeat!important; } .right-box form, .right-box .confirm { margin-left:45px; } .tip-box .error-message { display:inline; background:#e32; color:#fff; font-size:11px; padding:1px 4px; } /* * ADMIN TOOLS * */ .admin-tools { position:absolute; left:-15px; top:10px; display:none; margin:0; } .UserSection .admin-tools, .raw-post:hover .admin-tools, .post2:hover .admin-tools { display:block!important; } .contrib:hover .admin-tools { display:block!important; } .admin-tools a { display:block; cursor:pointer; font-size:9px; padding:1px 4px; text-align:left; font-weight:bold;} .admin-tools a + a { border-top:0; } .admin-tools a:hover { background:#e32; color:#fff; } a.admin { background:#ECE800; color:#000; font-size:9px; font-weight:bold; padding:1px 4px; border:1px solid #5A5826; } a.admin:hover { background:#e32; color:#fff; } .qe { position:absolute; left:0px; top:0; display:block; visibility:hidden; width:16px; height:16px; overflow:hidden; background:url(../images/public/icons/admin.png?v=1283461177); cursor:pointer; } ul.top li:hover .qe, .raw-post:hover .qe, .post2:hover .qe, .contrib:hover .qe { visibility:visible; } .qe:hover { background-position:0 -16px; } .contrib .qe { left:0; top:0; } .FlowPage .contrib .qe { left:0; top:37px; } .has-badges .t .qe { left:auto; right:0; } .qe3 { position:absolute; right:0; top:0px; width:29px; height:56px; visibility:hidden; padding:5px; background:url(../images/public/icons/qe2.png?v=1283461177) no-repeat; } .qe3.with-stats { height:72px; background:url(../images/public/icons/qe2-stats.png?v=1283461177) no-repeat; } .inline-post .qe3 { top:15px; } .qe3 a { position:absolute; left:16px; display:block; width:16px; height:16px; overflow:hidden; text-indent:-9999px; cursor:pointer; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); } .qe3 a:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); } .qe3 .edit { top:7px; background:url(../images/public/icons/qe-edit.png?v=1283461177) no-repeat; } .qe3 .stats { display: none; } .qe3 .delete { top:30px; background:url(../images/public/icons/qe-delete.png?v=1283461177) no-repeat; } .qe3.with-stats .stats { display: block; top:26px; background:url(../images/public/icons/qe-stats.png?v=1283461177) no-repeat; } .qe3.with-stats .delete { top:46px; } .qe3.delete-pick { height:72px; background:url(../images/public/icons/qe2.png?v=1283461177) no-repeat; } .qe3.delete-pick .delete { top:30px; background:url(../images/public/icons/qe-delete.png?v=1283461177) no-repeat; } .qe3.delete-pick .edit { top:10px; background:url(../images/public/icons/qe-edit.png?v=1283461177) no-repeat; } .qe3.edit-pick { height:72px; background:url(../images/public/icons/qe2-single.png?v=1283461177) no-repeat; } .qe3.edit-pick .edit { top:10px; background:url(../images/public/icons/qe-edit.png?v=1283461177) no-repeat; } .qe3.accept-pick { visibility:visible; height:72px; background:url(../images/public/icons/qe2.png?v=1283461177) no-repeat; } .qe3.accept-pick .accept { top:7px; background:url(../images/public/icons/qe-add.png?v=1283461177) no-repeat; } .qe3.accept-pick .delete { top:30px; background:url(../images/public/icons/qe-delete.png?v=1283461177) no-repeat; } .qe3 .spinner { position:absolute; left:16px; top:10px; display:block; background:#333 url(../images/public/spinners/small_on_black.gif); } .post2:hover .qe3 { visibility:visible; } .border .qe3 { top:10px; } .this-post-was-picked { position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,0.8) url('../images/public/icons/pick-added.png') no-repeat 10px 20px; } /* PAGING */ ul.paging { float:left; width:100%; padding: 15px 0; background:url(../images/public/lines/horizontal-grey.png?v=1283461177) top left repeat-x; } ul.paging li { float:left; width:25%; color:#ccc; text-align:center; font-size:15px; } ul.paging li a { padding:2px 10px 3px; background:#07e url(../images/public/backgrounds/bluestripe.png?v=1283461177); color:#fff; } ul.paging li span { padding:2px 10px 3px; background:#e6e6e6; color:#bbb; } ul.paging li a:hover { background:#e32; } ul.paging li.newer { float:right; margin-right:0; } ul.paging li.count { width:50%; color:#333; font-size:13px; } ul.paging2 { float:left; width:100%; margin-bottom:40px; padding: 15px 0; background:url(../images/public/lines/horizontal-grey.png?v=1283461177) top left repeat-x; } ul.paging2 li { float:left; color:#999; text-align:center; font-size:12px; margin:0 5px 5px 0; } ul.paging2 li span { width:18px; display:block; padding:3px 2px; background:#e6e6e6; color:#aaa; border:1px solid #ccc; } ul.paging2 li.add { float:right; } ul.paging2 li a { width:18px; display:block; padding:3px 2px; text-align:center; border:1px solid #07e; color:#06d; } ul.paging2 li a:hover, ul.paging2 li.current a { background:#07e url(../images/public/backgrounds/bluestripe.png?v=1283461177); color:#fff; } ul.paging2 li.count { width:50%; color:#333; font-size:13px; } /* user flow */ .UserSection { float:left; width:100%; background:#ffffff; } .UserSection .Stats { padding:15px 0;} .UserSection .Sidebar { padding:15px 0;} .UserSection .Sidebar .label { float:left; width:90px;} .UserSection .Sidebar .userinfo { float:left; width:246px;} .UserSection .user { float:left; width:625px; padding:15px 0; margin-right:25px;} .UserSection .user .image { float:left; width:75px; margin-right:7px; } .UserSection .user .info { float:left; width:520px; } .UserSection .user .full-width { float:left; width:500px; } .UserSection .user h1 { margin-bottom:3px; font: bold 32px Helvetica, Arial,sans-serif;} .UserSection .user .org { font: bold 12px "Lucida Grande",sans-serif; } .UserSection .user .asl { font-size:11px; color:#444; } .UserSection .user a.site {font-weight:normal; } .UserSection .user p { margin-bottom:5px; } .UserSection .contrib { padding-top:10px; } .UserSection .Posts h2 { margin-bottom:15px; } .UserSection .Posts h2.menu-header { width:100%; float:left; position:relative; margin-bottom:15px; } .UserSection .userinfo table.stats { border-width: 0px; border-spacing: 0px; border-style: none; border-color: white; border-collapse: separate; background-color: white; } .UserSection .userinfo table.stats th { font: 10px "Arial Black", Arial; border-width: 0px; padding: 0px; border-style: none; border-color: gray; background-color: #efefef; color: #999999;} .UserSection .statscell { color:#666666; width:61px; display:inline; float:left; font: bold 14px Helvetica, Arial,sans-serif; margin-bottom:8px; text-align:left;} .UserSection .stats { float:left; width:100%; } .UserSection .stats ul { float:left; width:220px; margin-left:30px; } .UserSection .stats li { float:left; width:110px; } .UserSection .stats .num { float:left; width:61px; margin:3px 0 2px; text-align:center; font:bold 14px Arial,Helvetica,sans-serif; color:#666666; } .UserSection .stats .lbl { float:left; width:63px; padding-left:7px; font-family:'Lucida Grande',tahoma,verdana,sans-serif;} .UserSection .stats .badgeword { font-size:10px!important; } .UserSection .stats-group { float:left; margin-bottom:10px; } .UserSection .stats-group h5 { float:left; width:99%; margin-bottom:2px; xxxdisplay:none;} .UserSection .user-stat { min-width:25px; float:left; text-align:center; height:50px; font-size:11px; background:#eee; border:1px solid #e7e7e7; padding:4px 5px 0; -webkit-border-radius:6px; margin:5px 4px 0 0; -webkit-box-shadow:1px 1px 1px #ccc;} .UserSection .badge-stat span { display:block; font:bold 11px trebuchet,'trebuchet ms',"lucida grande",sans-serif; line-height:1.3; } .site-blank-slate { background:#ffc; border:2px solid #eec; width:916px; padding:10px 15px 5px; margin-bottom:20px; } .site-blank-slate h2 { font:bold 24px Arial,sans-serif; margin-bottom:5px; letter-spacing:0; text-transform:none; color:#111; } .site-blank-slate p { width:600px; } /*.site-blank-slate h2 span.highlight { background:#ff3; padding:2px 6px; }*/ .user-blank-slate { background:#eee; border:1px solid #ddd; padding:15px 12px 0; margin-bottom:20px; } .user-blank-slate h2 { font:bold 24px Arial,sans-serif; letter-spacing:0; text-transform:none; color:#111; } .user-blank-slate h2 span.highlight { background:#ff3; padding:2px 6px; } .DraftsPage .menu-header { margin-bottom:0!important; } .draft-posts { margin:0; padding:0; } .draft-posts li { padding: 10px 0; background: url(../images/public/lines/horizontal-grey.png?v=1283461177) bottom left repeat-x; } .draft-posts li .delete { float:right; font:12px "Lucida Grande",tahoma,verdana,sans-serif; padding:0 6px; } .draft-posts li .title { font:26px Georgia,serif; } .saved_as_draft_notice { width:595px; margin-bottom:20px; padding:15px 15px 5px; background:#17AF2E; color:#fff; } .saved_as_draft_notice h3 { font:bold 20px arial,helvetica,sans-serif; } .saved_as_draft_notice a { color:#fff; text-decoration:underline; } /** * User Settings * */ .user-page-message { float:left; width:90%; background:#0a0; color:#fff; margin-bottom:15px; padding:10px 15px; } .user-error { background:#e32; } .user-success { background:#0a0; } .user-messages-box .user-message { background:#ff6; color:#111; border:2px solid #dd6; margin-bottom:20px; padding:10px 15px; font-size:14px; } .user-messages-box .close-button { float:right; margin-left:30px; font-size:11px; } .user-settings-box { overflow:hidden; width:585px; margin-bottom:20px; padding:2px 12px 5px; background:url(../images/public/contrib/preview-bkgd.png?v=1283461177); } .user-settings-box p { float:left; padding:5px 7px; margin-bottom:0; font-weight:bold;} .user-settings-box ul { float:left; width:100%; } .user-settings-box li { float:left; padding:5px 1px; } .edit-buttons { margin-bottom:5px; } .edit-buttons a { font-size:11px; padding:2px 3px; } /*.new-post-box { float:left; display:inline; width:100%; margin-top:15px; }*/ /*.new-post-box h2 { margin-bottom:10px; }*/ .bottom-line { border-bottom: 2px solid #e32; padding-bottom:25px; } .new-post-buttons { width:100%; float:left; } .new-post-buttons p { width:525px; line-height:1.4; } .post-button { float:left; display:block; height:28px; text-indent:-9999px; margin-right:10px; background:#07e; } .post-link { background:url(../images/public/buttons/post-a-link.png?v=1283461177) no-repeat; width:80px; } .post-image { background:url(../images/public/buttons/post-an-image.png?v=1283461177) no-repeat; width:95px; } .post-video { background:url(../images/public/buttons/post-a-video.png?v=1283461177) no-repeat; width:91px; } .post-embed { background:url(../images/public/buttons/post-an-embed.png?v=1283461177) no-repeat; width:98px; } .post-quiz { background:url(../images/public/buttons/post-a-quiz.png?v=1283461177) no-repeat; width:80px; } .post-list { background:url(../images/public/buttons/post-a-list.png?v=1283461177) no-repeat; width:75px; } .post-button:hover { background-position: 0 -28px; } .post-button:active { background-position: 0 -56px; } .new-post-help { position:absolute; right:0; top:0; width:170px; } .new-post-help div { padding:5px 7px; background:#ffa; border:1px solid #dd8; } .new-post-help div h5 { font-weight:bold; font-size:13px; } .profile-form { float:left; background:#e6e6e6; padding:15px 20px 0;} .new-post-form { position:relative; width:100%; float:left; margin-bottom:25px; } .new-post-form .profile-form, .new-post-form .message { width:420px; padding:8px 10px; } .new-post-form .profile-form { background:#ddd url(x../images/public/contrib/preview-bkgd.png?v=1283461177); } .quickpost-preview { margin:0 0 10px; padding:0; background:0; } /** * Quickposts * */ #quickpost-remove-thumb-button { display: block; position: relative; left: 8px; top: 10px; } /** * Forms * */ input.text, textarea, select, input[type="text"] { padding-left:2px; font-size:12px; font-family:"Lucida Grande",verdana,sans-serif; line-height:1.3em; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url(../images/terminal/backgrounds/textfield.gif?v=1283461177) repeat-x top;} fieldset div.field { float:left; width:100%; margin:0; padding:0 0 5px; font-size:13px; xxxbackground:#f1f; } fieldset div.field div.wrap { overflow:hidden; width:100%; float:left; } fieldset div.field div.wrap label { float:left; display:block; width:80px; padding-top:2px; font-size:13px; line-height:1.1em; } fieldset div.field div.wrap input { float:left; } fieldset div.no-label div.wrap { margin-left:80px; } fieldset div.no-label div.wrap label { float:none; display:inline; width:auto; } input.long { width:300px; } input.short { width:175px; margin-right:5px; } span.note { font-size:85%; color:#666; } p.note { margin-top:3px; font-size:11px; line-height:1.2; color:#666; } div.note { margin-left:80px; margin-top:3px; font-size:11px; line-height:1.2; color:#666; } /** * New Forms * */ form.v { font-family:"Lucida Grande",tahoma,verdana,arial,sans-serif; } form.v h2.new { position:relative; padding-bottom:5px; margin-bottom:15px; border-bottom: 1px solid #c6c6c6; font: 26px Georgia;} form.v h2.new span { padding-left:10px; font:normal 13px "Lucida Grande",tahoma,verdana,arial,sans-serif; width:300px; color:#666; } form.v fieldset { clear:both; } form.v fieldset.submit { margin-bottom:0px; width:400px; float:left; } form.v .message { width:405px; } 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:405px; 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} 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; } form.v span.note { width:195px; float:right; margin-bottom:0; margin-left:10px; font-size:10px; color:#555; line-height:1.2; } 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;} 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; } label .tools { position:absolute; right:25px; top:5px; font-weight:normal; font-size:12px; } .tool-right { position:absolute; right:20px; top:3px; font-weight:normal; font-size:11px; padding:0; line-height:0; } .validate { background:#FFF22C; color:#000; padding:15px; } .validate h5 { font:bold 24px arial,helvetica,sans-serif!important; margin-bottom:7px!important; } .validate p { margin:0;} .validate a { color:#000; font-style:underline; } /* Newest Forms */ .form2 { background:#e6e6e6; float:left; width:620px; padding:0; -webkit-box-shadow:1px 1px 2px #aaa; -moz-box-shadow:1px 1px 2px #aaa; } .form2 fieldset { float:left; width:580px; padding:15px 20px 10px; } .form2 fieldset.has-legend { width:420px; position:relative; padding-left:160px; border-bottom:2px solid #fff;} .form2 fieldset.last { border:0; xxxpadding-bottom:5px; } .form2 .legend { width:110px; float:left; margin-left:-140px; margin-top:5px; } .form2 h1,.form2 h2,.form2 h3 { font-weight: bold; font-family: Helvetica,"Helvetica Neue",Arial,sans-serif; } .form2 h1 { font-size: 42px; margin:5px 0 10px; } .form2 h2 { font-size: 26px; margin:0 0 10px; } .form2 h3 { font-size: 18px; } .form2 .form-header p { font-size:13px; line-height:1.4; margin-bottom:0; } .form2 p.bigger { font-size:16px; } .form2 .colgroup { float:left; width:100%; } .form2 .col { float:left; width:40%; } .form2 div.f { float:left; width:100%; margin-bottom:10px; font-size:13px;} .form2 label { display:block; font-weight:bold; font-size:12px; } .form2 label.inline { font-weight:normal;} .form2 input.text, .form2 textarea { width:275px; padding:3px 3px; font:12px/1.3 "Lucida Grande",verdana,tahoma,arial,sans-serif; border:1px solid #d6d6d6; } .form2 input.bigtext { font:20px Georgia,serif; } .form2 textarea { height:70px; margin:0; } .form2 textarea.tall { height:140px!important; } .form2 textarea.short { height:30px!important; } .form2 input.wide { width:400px!important; } .form2 input.narrow { width:140px; } .form2 .cancel { margin-left:10px; } .form2 p.note { width:275px; } .form2 .f-row { float:left; width:100%; margin:3px 0 6px; } .form2-nav { float:left; width:621px; border-bottom:5px solid #07e; } .form2-nav li { float:left; padding-right:3px; } .form2-nav a { display:block; float:left; padding:10px 17px 7px; background:#e6e6e6; font:20px Helvetica,Arial,sans-serif; } .form2-nav a:hover { background:#bbb; color:#fff; } .form2-nav a.selected { background:#07e; color:#fff; } .form2-spinner { float:left; width:525px; padding:30px 20px 30px 75px; background: #e6e6e6 url(../images/public/spinners/big_on_e6e6e6.gif) 25px 25px no-repeat; font:bold 18px/1.3 Arial,Helvetica,sans-serif; } .form2-message, .form2.message, .form2 .message { float:left; width:580px; padding:20px 20px 20px 20px; font:bold 18px/1.3 Arial,Helvetica,sans-serif; border-top:1px solid #fff; background:#FFF22C; color:#000; } .form2-message a { color:#000; text-decoration:underline; } .form2.success { background:#13A22B!important; color:#fff; } .form2.failure, .form2 .error { background:#e32; color:#fff; } .form2.notice { background:#E60; color:#fff; } .success a, .failure a, .error a, .notice a { color:#fff; text-decoration:underline; } .form2-message p { font-size:13px; font-weight:normal; margin:10px 0 0; } .form2 .field-error { color:#e32; font-weight:bold; } .fine-print { color:#888; font-size:11px; } .fine-print a { color:#888; text-decoration:underline; } .yaybtn{position:relative;display:inline-block;padding:4px 12px 4px; background:#222 url(../images/ui/yaybtn.png) 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;} .yaybtn:hover { color:#fff; opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90);} .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; } .grey{color:#222;background-color:#bbb;text-shadow:none;} .grey:hover { color:#000; background:#ccc; } .grey:active { background:#999; } .std-box { width:590px; padding:15px 15px 15px; margin-bottom:25px; } .promo-box { background:#DEF0F9; float:left; width:918px; padding:15px 15px 10px; margin-bottom:25px; border:1px solid #DFEAF1; -webkit-box-shadow:1px 1px 2px #aaa; -moz-box-shadow:1px 1px 2px #aaa; } .Sidebar .promo-box { width:304px; } .note-box { background:#FFF4BC; border:1px solid #F0E5B1; } .promo-box h1, .promo-box h2, .promo-box h3, .promo-box h4, .promo-box h5, .promo-box h6 { font-family: Arial,Helvetica,sans-serif; font-weight:bold; line-height:1.2; } .promo-box h3 { font-size:22px } .promo-box h4 { font-size:18px } .promo-box h5 { font-size:16px; line-height:1.3; font-weight:normal; } .promo-box h6 { font-size:14px; font-weight:bold; line-height:1.3; } .promo-box p { line-height:1.35; } .nugget { float:left; width:200px; padding-left:60px; margin:5px 0 5px; } .nugget h4 { font-size:16px; margin-bottom:3px; } .nugget img { float:left; margin-left:-60px; } /* */ div.qwik_edit{z-index:99999;border:15px solid #aaa; 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;} 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;} .close_editor { position:absolute; right:-22px; top:-21px; } #active_history_scrap, #buzz-body { display:none; } #active_history_scrap a:visited, #buzz-body a:visited { color:#999900 !important; } .tag-suggestions { margin:0!important; } .tag-suggestions ul { position:absolute; margin-top:22px; left:10px; min-width:250px; background:#fff; border:1px solid #aaa; padding:0; padding:3px 0; z-index: 999;} .tag-suggestions li { padding:1px 7px!important; cursor:pointer; } #tag_suggestions li.selected { background:#07e!important; color:#fff!important; } /** * Social Actions * */ .SocialActions { position:relative; float:left; width:625px; margin:10px 0 10px; /*background:#e2eeff; padding:2px 10px 0; border:1px solid #dde6f4;*/ } .SocialActions h5 { margin-bottom:4px; } .SocialActions .social-buttons h5 { text-transform:uppercase; font:bold 11px Arial; } .social-buttons { float:left; margin:5px 0; margin-right:8px; } .social-buttons li { float:left; margin-right:4px; } .sharing-buttons { margin:5px 0 5px 8px; } .social-actions-big { xxxborder-top:1px solid #ccc; } .social-actions-big .image-buttons li { width:24px; height:24px; margin:0 5px 0 0; } .social-actions-big .image-buttons a { display:block; width:24px; height:24px; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; background-image:url(../images/public/social/social-actions.png?v=1283461177);} .social-actions-big .image-buttons li.contribute { width:70px; margin-right:0; } .social-actions-big .image-buttons li.contribute a { width:70px; background-position:-304px 0; text-indent:0; } .social-actions-big .image-buttons li.contribute a span { display:inline-block; width:27px; text-align:center; color:#fff; font-size:11px; line-height:15px; cursor:pointer; } .social-actions-big .image-buttons li.love a { background-position:-24px 0; } .social-actions-big .image-buttons li.hate a { background-position:-48px 0; } .social-actions-big .image-buttons li.email { width:30px; } .social-actions-big .image-buttons li.email a { width:30px; background-position:-264px; 0; } .social-actions-big .image-buttons li.facebook a { background-position:-96px 0; } .social-actions-big .image-buttons li.twitter a { background-position:-120px 0; } .social-actions-big .image-buttons li.digg a { background-position:-144px 0; } .social-actions-big .image-buttons li.reddit a { background-position:-168px 0; } .social-actions-big .image-buttons li.delicious a { background-position:-192px 0; } .social-actions-big .image-buttons li.stumbleupon a { background-position:-216px 0; } .social-actions-big .image-buttons li.fark a { background-position:-240px 0; } .social-actions-big .image-buttons a:hover, .social-actions-big .image-buttons li.voted a { /*background-position:0 -24px*/ opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); } .social-actions-big .badge-voting { width:160px; } .social-actions-big .badge-voting ul { } .social-actions-big .badge-voting li { margin:0 1px 2px 0; padding:0; line-height:9px; } .social-actions-big .badge-voting li a { display:inline-block; width:26px; padding:2px 3px; font:bold 10px/10px Arial,Helvetica,sans-serif; text-align:center; text-transform:uppercase; color:#000; border-bottom:1px solid #bb8; border-right:1px solid #bb8; background:#ff1 url(../images/public/backgrounds/yellow_stripe.png?v=1283461177); } .social-actions-big .badge-voting li a.longer { width:44px; } .social-actions-big .badge-voting li a:hover { background:#07e; color:#fff; } .social-actions-big .badge-voting li.voted a { background:#ccc; color:#777; } .social-actions-big .image-buttons a.add-pick { width:24px; height:24px; } .social-actions-big .image-buttons a.pick-success { width:24px; height:24px; background-position:-24px 0; } .social-actions-big .image-buttons a.edit-pick { width:24px; height:24px; background-position:-48px 0; } .pick-button { margin-right:0; } .pick-button a { display:inline-block; margin-left:10px; } .social-actions-hybrid .badge-voting { width:auto; } .social-actions-hybrid .badge-voting li a { padding:5px 4px; width:auto!important; } .social-actions-hybrid .sharing-buttons ul { width:135px; height:24px; overflow:hidden; } .badge-vote-count { display:block; text-align:center; font:bold 12px arial; padding-top:3px; color:#888;} .badge-vote-count.zero { color:#bbb; font-weight:normal; } .social-message { float:left; width:586px; margin-top:10px; /* padding:10px; border:1px solid #eca; background:#feb; color:#111;*/ } .social-message h5 { margin-bottom:0; font:normal 20px Arial,helvetica,sans-serif;; } .social-message h5 a { font-weight:bold; } .social-message h5 span { } .social-message h5 .highlight { background:0; font-weight:bold; } .vote-message { border-top:2px dotted #aaa; padding-top:10px;} .SocialActions .v { width:415px;background:#e7e7e7;padding:12px;xxxborder:1px solid #ddd } .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: left; clear: left; width: 300px; margin-top: 30px; } .social-message-share-button { float: left; margin-right: 15px; } .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-text { background:url(../images/public/spinners/small_on_white.gif) left top no-repeat; padding-left:22px; } .spinner-yellow { background-image:url(../images/public/spinners/small_on_yellow.gif); } /* woah nelly */ .social-actions-one .badge-vote-count, .no-counts .badge-vote-count { display:none!important; } .social-actions-two .badge-vote-count { display:block; } .social-actions-two .image-buttons li.love, .social-actions-two .image-buttons li.hate { width:19px; height:16px; margin-right:4px; padding:0; } .social-actions-two .image-buttons li.hate { margin-right:8px; } .social-actions-two .image-buttons li.love a, .social-actions-two .image-buttons li.hate a { display:block; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; border:0; padding:0; } .social-actions-two .image-buttons li.love a { width:19px; height:16px; background:url(../images/public/social/lovehate-16.png?v=1283461177) 0 0 no-repeat; } .social-actions-two .image-buttons li.hate a { width:19px; height:16px; background:url(../images/public/social/lovehate-16.png?v=1283461177) -19px 0 no-repeat; } .social-actions-small .badge-voting li { padding:3px 0; } /* user-stats */ .stats-icons { float:left; background:url(../images/public/icons/feed-stats.gif) 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; } /** * Feed Mini Items * */ .feed-action { position:relative; width:625px; float:left; margin-bottom:12px; padding:0; font-size:12px; } .feed-loves { background:url(../images/public/social/love_small.png?v=1283461177) center 0px no-repeat; padding-left:13px; padding-right:1px; } .feed-hates { background:url(../images/public/social/hate_small.png?v=1283461177) center 0px no-repeat; padding-left:13px; padding-right:1px; } .badgeword { font:bold 10px "Helvetica Neue",Arial,Helvetica,sans-serif; text-transform:uppercase; color:#000; background:#ff1 url(../images/public/backgrounds/yellow_stripe.png?v=1283461177); padding:1px 3px;} .badgeword:hover { color:#fff; background:#07d url(../images/public/backgrounds/bluestripe.png?v=1283461177); } .feed-action .ago { display:inline; font-size:9px; color:#ccc; } .feed-action .delete-reaction { visibility:hidden; } .feed-action:hover .delete-reaction { visibility:visible; } .feed-special { width: 600px; padding: 5px 10px; font-size:13px; border-left:3px solid #e32; background: url(../images/public/backgrounds/greystripe.png?v=1283461177); border-bottom:1px solid #ddd; border-right:1px solid #ddd; } .feed-special .ago { color: #bbb; } .feed-action .icon { display:block; width:16px; height:16px; float:left; margin-right:8px; padding:5px 0 0; margin-top:-5px;} .feed-action .twitter-icon { display:block; width:24px; height:24px; float:left; margin-right:8px; } .feed-facebook .icon { background: url(../images/public/social/facebook.png?v=1283461177) 0 5px no-repeat; } .feed-twitter .icon { background: url(../images/public/social/twitter.png?v=1283461177) 0 5px no-repeat; } .feed-stumbleupon .icon { background: url(../images/public/social/stumbleupon.png?v=1283461177) 0 5px no-repeat; } .feed-search .icon { background: url(../images/public/social/google.png?v=1283461177) 0 5px no-repeat; } .feed-tweet { /*font-size:14px;*/ } .feed-action .act { font-size:11px; padding:0 2px; } /** * Contest * */ .contest-banner { margin-bottom:20px; } .contest-header h1 { margin:0 0 10px; font-size:40px; line-height:1.1;} .contest-header table { width:100%; float:left; margin-bottom:10px; } .contest-header td { vertical-align:baseline; padding-bottom:15px; } .contest-header td.label { padding-right:15px; font:18px Georgia,serif; xxtext-transform:uppercase; color:#e32; } .contest-leaderboard table { width:100%; float:left; margin-bottom:30px; } .contest-leaderboard td { padding:5px; border-top:1px solid #ddd; vertical-align:center; } .contest-leaderboard .rank { width:25px; padding-top:7px;} .contest-leaderboard .name { width:340px; } .contest-leaderboard .name a { font:15px Georgia,serif; } .contest-leaderboard .user { width:100px; color:#777; font-size:11px; } .contest-leaderboard .date { text-align:right; width:100px; color:#777; font-size:11px; } .contest-leaderboard th { color:#777; font-size:11px; padding:0 5px 2px 5px;} .contest-leaderboard .metric { width:75px; text-align:right; } .contest-success .message { font-size:16px; } .list-of-buzz .post2 { padding-top:10px; margin-top:5px; border-top:1px solid #ddd; } .contest-info { font-size:11px; color:#777; margin-top:7px;} .contest-winners .post2 .winner-badge { float:left;width:30px; } .contest-winners .post2 .info { width:380px; } .winner-badge span { position:absolute; left:-12px; top:-7px; display:block; width:50px; height:50px; background:url(../images/public/contests/winner-badges.png?v=1283461177) no-repeat; text-indent:-9999px; overflow:hidden;} .winner-badge .no2 { background-position:0 -50px; } .winner-badge .no3 { background-position:0 -100px; } .winning-metric { float:left; width:100px; text-align:right;} .winning-metric .num { font:bold 22px Arial,Helvetica,sans-serif; color:#e32; padding-right:5px;} .winning-metric .feed-loves { font-size:20px!important; background-position:0 3px; } .ContestPage .signin-or-signup form.v { padding:15px 17px; } /** * Slideshow * */ .Slideshow-Controls { position:fixed; top:0; left:0; width:100%; height:62px; background:url(../images/public/slideshow/toolbar-bkgd.png?v=1283461177) 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(../images/public/slideshow/next-button.png?v=1283461177) no-repeat; color:#fff; overflow:hidden; text-indent:-9999px; cursor:pointer; } .Slideshow-Controls .next-button:hover { background-position:0 -50px; } .Slideshow-Controls .next-button:active { background-position:0 -100px; } .Slideshow-Controls .next-button .badge { position:absolute; left:170px; top:5px; } .Slideshow-Controls .next-button:active .badge { left:172px; top:7px; } .Slideshow-Controls .next-button .contest { left:160px; } .Slideshow-Controls .next-button:active .contest { left:162px; } .Slideshow-Controls .slideshow_exit { color:#888; font-size:13px; } .Slideshow-Controls .slideshow_exit:hover { color:#07e;} .Slideshow-Controls .contest-slideshow img { float:left; margin-right:7px; } .Slideshow-Controls .contest-slideshow h5 { font-size:14px; margin:2px 0 5px;} .Slideshow-Controls .contest-slideshow .name { font:20px Georgia,serif; padding-right:10px;} .slideshow-launch { display:block; font:bold 100px Helvetica,Arial,sans-serif; letter-spacing:-2px;} .slideshow-launch a { background:#07e;color:#fff; padding:0 20px;} .slideshow-launch a:hover { background:#e32;color:#fff; } .Slideshow-Paging { position:fixed; bottom:0; left:0; width:100%; height:40px; background:url(../images/public/slideshow/paging-bkgd.png?v=1283461177) 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; } /* PROMOS */ .img-promo { display:block; margin:0 0 10px; width:300px; height:100px; overflow:hidden; text-indent:-9999px; } .img-promo:hover { background-position:0 -100px; } .facebook-promo { background-image:url(../images/public/promos/facebook.png?v=1283461177); } .twitter-promo { background-image:url(../images/public/promos/twitter.png?v=1283461177); } /** * enhanced builders * */ form.v .bldr div { width:auto; } .bldr .multiply { float:left;width:373px; margin-bottom:5px; padding:10px; background:#eee; } .bldr .multiply textarea { width:300px; } .bldr .f { margin:0 0 8px; } .bldr .f label { display:block; } .bldr .card { padding:0; border-top:2px solid #07e; border-bottom:2px solid #07e; background:#fff; } .bldr .instructions { margin:0 0 5px; background:#C8E0FD; padding:5px 8px; font-size:11px; line-height:1.3;} .bldr .foot { margin:15px 0 0 0 } .bldr input.big-text { width:300px; font:18px Georgia,serif; } .bldr input.normal-text { width:300px; } .bldr textarea.normal-textarea { width:300px; height:70px; font-size:13px; } /**/ .infectious-sidebar-promo { display:block; position:relative; width:300px; height:60px; background:url(../images/public/special/infectious-sidebar.png); color:#000; } .infectious-sidebar-promo .count { position:absolute; left:62px; top:36px; width:110px; font:bold 20px "Courier New",Monaco,fixed; text-align:right; letter-spacing:-2px; line-height:19px; } .infectious-sidebar-promo:hover { background-position:0 -60px; color:#000; } /* used on badge index pages */ .BadgePage .big-desc { font:14px "Lucida Grande",tahoma,verdana,sans-serif; line-height:1.45; } .badge-promo { width:280px!important; margin-top:0!important; padding:10px 10px 5px; background:#EAF2FA; border:1px solid #D5E5FA; } .badge-promo .avatar { float:left; margin-right:10px; width:70px; height:70px; } .badge-promo .info { float:left; width:200px; } .badge-promo h3 { font:bold 24px Helvetica; padding-bottom:2px; color:#1A4688; } .badge-promo p { margin-bottom:5px; } a.soc-icon { height:24px; padding:3px 0 2px 24px; background-repeat:no-repeat; background-position:-4px 1px; font-size:13px; } a.facebook { background-image:url(../images/public/social/facebook.png?v=1283461177); } a.twitter { background-image:url(../images/public/social/twitter.png?v=1283461177); } a.soc-icon:hover { background-position:-4px -23px; } /* PROMO UNITS */ /* viral-alert */ .viral-alert { padding:6px 0; float:left; width:100%; margin-bottom:20px; font:12px "Lucida Grande",tahoma,verdana,arial,sans-serif; } .viral-alert span { padding-top:5px; padding-bottom:4px; background:url(../images/public/promos/permalink-alert.png) right top no-repeat; } .viral-alert .alert { color:#fff; font-weight:bold; text-transform:uppercase; font-style:italic; padding-left:8px; padding-right:16px; text-shadow:1px 1px 0 #696; } .viral-alert .name { color:#222; padding-left:7px; padding-right:15px; background-position:right -24px; } .viral-alert a:hover .name { color:#e32; } .hidden { display:none !important } .clear { clear: both; } .secret-note { float:left; width:240px; margin:5px 0; padding:8px 50px 8px 10px; font-size:11px; background:url(../images/public/secret-note-bkgd.png) top right no-repeat; } .horizontal-share-buttons{float:left;width:100%;margin:10px 0;} .tweet-btn,.stumble-btn{float:left;width:120px;padding:6px 0 2px;} .stumble-btn{width:90px;} .fb-like-btn{float:left;width:380px;min-height:24px;padding:5px 0;} .facebook-like-login-pane { background:#EEE; padding:15px; margin: 15px 0 0 0; overflow:auto; position:relative; } .facebook-like-login-pane h3 { font:bold 16px arial,helvetica,sans-serif; margin-bottom:7px; } .facebook-like-login-pane a.no-thanks { position:absolute; top:18px; right:15px; } .facebook-like-login-pane a.have-account { position:absolute; top:42px; right:15px; } /* Top Posters sidebar */ ul.top-posters { font-family: Arial, Helvetica; } ul.top-posters li { padding: 10px 0; clear: both; position: relative; border-bottom: 1px solid #EEE; } ul.top-posters h3 { width: 75%; font-size: 18px; } ul.top-posters h3 .rank { position: absolute; display: block; top: 0; left: 0; color: #FFF; font-weight: bold; height: 40px; width: 40px; line-height: 60px; text-align: center; font-size: 24px; text-shadow: 0 0 5px #000; } ul.top-posters h3 img { float: left; margin-right: 8px; height: 40px; width: 40px; } ul.top-posters .fb-like { float: right; padding-top: 3px; width: 52px; overflow: hidden; } ul.top-posters .score { display: block; font-weight: bold; font-size: 14px; color: #000; margin-top: 2px; } ul.top-posters .score small { color: #AAA; font-size: 12px; font-weight: normal; } /* Moderation */ .moderation-item { float:left;width:990px; border-top:3px solid #ddd; margin-bottom:30px; padding:0 0 0;} .moderation-box{background:#EEE;clear:both;float:right;margin-right:0px;width:332px;padding:12px 10px;} .moderation-box .button{display:inline-block;background:#999;color:#FFF;padding:3px 8px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .moderation-box .editButton { float: right; } .moderation-box .promoteButton { background: #40972D; } .moderation-box .sandboxButton { background: #EE752E; } .moderation-box .deleteButton { background: #D53C26; } .moderation-box .stat { margin-bottom: 10px; width:95px; margin-right:5px; padding:5px; float:left;} .moderation-box .stat .number { display: block; text-align: right; color: #777; font:bold 16px helvetica,arial,sans-serif;} .moderation-box .viewsStat { background:#ffe; } .moderation-box .viewsStat .number { font-weight: bold; color: #000; } .moderation-box .stat .label { display: block; color: #666; text-transform: lowercase; text-align: right; } .partner-label { background:#e32; color:#fff; text-transform:uppercase; font:bold 9px/13px "Gills Sans",arial,sans-serif; padding:1px 3px 1px; letter-spacing:1px; } .related-links li { margin:5px 0; font-size:15px; } /* powergig .BuzzPage .meta, .badges { margin-top:20px } .omg-guitar { position:absolute; left:283px; top:-50px; } */