/* THIS CODE NOW OBSOLETE AS OF FEB. 2011 DUE TO GAWKER'S FORMAT CHANGE * * I have not looked at their source or tested if any of it still applies other than * noting that it make the larger left panel expand behind the right one, which now * contains the article list AKA blogroll. So it might still be useful for expanding * and centering headline or article text, but I'm not sure other than that. */ /* * Gawker Blogs- Minus Garbage Plus Width (Jan. 2011) * * Author : voltaek * Updated : January 3, 2011 * Description : Removes ads, left column & widens what's left * Usage : Use with Stylish Firefox extension (http://userstyles.org/) or copy to your * Firefox userContent.css file */ @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("gizmodo.com"), domain("deadspin.com"), domain("jezebel.com"), domain("kotaku.com"), domain("io9.com"), domain("jalopnik.com"), domain("gawker.com"), domain("lifehacker.com") { /* =================================== * BLOGROLL ARTICLE TITLE SIZE OPTIONS * =================================== * * Title sizes as they would be without this style: * - All 'No Image' Posts @ 12px * - Almost All 'Small Image' Posts @ 12px, Rarely @ 18px * - Most 'Large Image' & 'Video' Posts @ 12px, Occasionally @ 18px * * OPTIONS - 1) DEFAULT - Titles appear as they would without this style applied. * 2) ALL Large Image & Video Posts @ 18px, ALL No Image & Small Image Posts @ 12px * 3) ALL @ 12px * 4) ALL @ 18px * * DIRECTIONS - * * Option #1 - If you like the 'Stock' look, this style is already setup that way, you're done. * * Option #2, 3, or 4 - * * The next few snippets of code are labeled as to which option they enable. * * If none of them are enabled, there will be no effect on the title sizes (Option #1 AKA Default). * * To enable an option, move the ASTERISK SLASH at the end of the code snippet up next to * the option # and click the Preview button below with one of the Gawker sites open. The change * will take effect and you can see its impact. For example, if I wanted to enable OPTION 3, I * would move the ASTERISK SLASH which followed '.content H1 {font-size:12px!important;}' up to * sit next to 'OPTION 3', so that that line would read SLASH ASTERISK OPTION 2 ASTERISK SLASH. * * To disable an option, simply most the ASTERISK SLASH back to the end of the code snippet. */ /* OPTION 2 .content.postBigPic .bigExcerptHolder H1, .content.postBigPic .bigExcerptLeft H1, .content.postBigVid H1 {font-size:18px!important;} */ /* OPTION 3 .content H1 {font-size:12px!important;} */ /* OPTION 4 .content H1 {font-size:18px!important;} */ /* ========================================= * _END_ BLOGROLL ARTICLE TITLE SIZE OPTIONS * ========================================= */ /* --------- * HIDE CRAP * --------- */ #splashPosts, #ad-300x250, .ad_300x250, #skyscraper, #skySpacer, #ad_160x160, #sidebarposts, .ad_editorial-sponsorship, .permalink_ads, .ad_728x90, #sidebar, [id*="bannerDiv"], .postmeta_ad, .ad_hide_empty, .ad_chartbeat_end, #marquee-frame, #marquee, #chbwrap, #cheetos, .welcome_form, /* prevents ads like the little 'cheetos scoreboard' ad where the hashtags used to be */ #menubar #popTags > SCRIPT, #menubar #popTags > EMBED, /* ========================== * = FOOTER OPTION = * ========================== * to show footer (contains links to other Gawker sites at the bottom of pages), * move ASTERISK SLASH from the end of this line down after '#footer' on the next line */ #footer, /* ========================== * = _END_ FOOTER OPTION = * ========================== */ [class^="ad_themeweek"], /* no reliable way to show theme or hashtag page banners, so blocked */ IMG[width="1000"][src*="tagpage-header"], IMG[width="700"][src*="tagpage-header"], IMG[width="690"][src*="tagpage-header"], .related_posts { display: none !important } /* hide facebook & meta stuff */ [id^="fb"], [id^="FB"], [class^="fb"], [class^="FB"], [id^="digg"], [id^="DIGG"], [class^="digg"], [class^="DIGG"], .pm_tools, IFRAME[src^="http://digg.com/api/"], IFRAME[src^="http://www.facebook.com/plugins/"], /* <- for like button */ .content.permalink DIV[style="margin: 10px 25px; font-size: 0.875em; background-color: rgb(188, 206, 211); padding: 16px;"] /* <- for 'follow us on facebook' box at the end of articles */ { display: none !important } /* gets rid of 'sponsored' (AKA #advertisement) posts */ .sponsored, .sponsored + .content.withpic, .sponsored + .content.withpic + .postmeta.smalltype { display: none !important } /* ----------------------------- * BOTH BLOGROLL & ARTICLE STUFF * ----------------------------- */ /* widens top bar (search, login, etc) */ #topMenu { width: 999px !important } /* fixes gap left after removal of ads and feature articles above "share" bar */ #header {height: 50px !important;} /* gets rid of left side bar background */ #container { background-image: none !important; } /* widen main div and align to header */ #wrapper { width: 1018px !important; margin-left: -18px !important; } /* shorten meta box width (since longer parts were blocked) */ .postmeta.smalltype { width: 225px !important; } /* ------------------- * BLOGROLL ONLY STUFF * ------------------- */ /* widen articles on article list page */ .content.withpic, .content.external, .content.postBigPic, .content {width: 750px !important; } .content.postBigVid {width: 751px !important; } .noimage_title { width: 577px !important; } /* widen date strip on main article list page */ .dateHeadline.smalltype { width: 988px !important;} /* gets rid of white BG and border behind entire post box * allows me to put white and border around just the text and title whereever I put them */ .content { background-color: transparent !important; border: none !important } /* shorten author div on blogroll */ [class^="postid_"] .pm_l.pm_byline { width: 225px !important; } /* spreads out the gallery previews across blogroll for posts like #fromthetipsbox */ .gallery_preview {width: 752px !important; } .gallery_preview .gallery_image { margin-right: 93px !important; } .gallery_preview > .gallery_image:nth-child(4n) { margin-right: 0px !important; float: right !important; } /* mvoe over meta box a bit */ [class^="postid_"] .postmeta.smalltype { position: relative !important; right: /*-12*/ -8px !important; } /* mvoe over meta box a bit FOR VIDEO PAGES one more pixel right*/ [class^="postid_"] > .content.postBigVid + .postmeta.smalltype { position: relative !important; right: /*-28*/ -13px !important; } /* PICTURES */ /* 500 width pics, normally take entire column, now centered on page */ .content.postBigPic .bigpic[width="500"] { margin-top: -1px !important; margin-left: 250px !important; padding: 0 !important; border-left-style: solid !important; border-right-style: solid !important; border-top-style: solid !important; border-width: 1px !important; border-color: #CCC !important; } .content.postBigPic .bigExcerptHolder { width: 988px !important; margin-left: 0px !important; margin-top: -6px !important; padding: 5px !important; background-color: #FFF !important; border-style: solid !important; border-width: 1px !important; border-color: #CCC !important; } /* 340 width pics, normally right aligned */ .content.postBigPic .bigpic[width="340"] { margin-top: -1px !important; margin-right: -2px !important; padding: 0 !important; border-style: solid !important; border-width: 1px !important; border-color: #CCC !important; } .content.postBigPic .bigExcerptLeft { width: /*394*/ 400px !important; margin-left: -1px !important; margin-top: -1px !important; padding: 20px 5px 5px 5px !important; background-color: #FFF !important; border-style: solid !important; border-width: 1px !important; border-color: #CCC !important; } /* VIDEOS */ /* title of videos */ .content.postBigVid H1 { padding: 5px !important; margin: -4px 0 0 -1px !important; background-color: #FFF !important; border-style: solid !important; border-width: 1px !important; border-color: #CCC !important; } /* this is a fix for occasional vimeo vids that throw off the text */ .content.postBigVid > H1 + OBJECT[width="500"] + .bigExcerptHolder { margin: -1px 0 0 -1px !important; padding: 0px 5px 3px !important; float: left !important; width: /*234*/ 240px !important; background-color: #FFF !important; border-left-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-width: 1px !important; border-color: #CCC !important; } /* youtube vids */ .content.postBigVid [id^="obj_"] OBJECT[width="500"][codebase*="flash"], .content.postBigVid [id^="obj_"] IFRAME[width="500"] { margin: 0px 0 -1px -1px !important; padding: 0 0px 0 0 !important; float: right !important; } /* youtube vid text */ .content.postBigVid .bigExcerptHolder { margin: -19px 0 0 -1px !important; padding: 0px 5px 3px !important; float: left !important; width: /*234*/ 240px !important; background-color: #FFF !important; border-left-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-width: 1px !important; border-color: #CCC !important; } /* for brightcove vids (has symbol with cyan, yellow, and magenta diamonds) */ .content.postBigVid [id="flashObj"][width="486"][codebase*="flash"] { margin: 0px -3px 0 0 !important; padding: 0 !important; float: right !important; } /* brightcove vid text */ .content.postBigVid [id="flashObj"][width="486"][codebase*="flash"] + .bigExcerptHolder { float: left !important; width: /*251*/ 257px !important; /* <- haven't tested this adjustment */ margin: -1px 0 0 -1px !important; padding: 5px 5px 3px !important; background-color: #FFF !important; border-left-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-width: 1px !important; border-color: #CCC !important; } /* brightcove vid 500 width (never seen any, jsut in case though) */ .content.postBigVid [id="flashObj"][width="500"][codebase*="flash"] { margin: 0px -3px 0 0 !important; padding: 0 !important; float: right !important; } /* brightcove vid text 500 width (never seen any, jsut in case though) */ .content.postBigVid [id="flashObj"][width="500"][codebase*="flash"] + .bigExcerptHolder { float: left !important; width: /*234*/ 240px !important; margin: -1px 0 0 -1px !important; padding: 5px 5px 3px !important; background-color: #FFF !important; border-left-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-width: 1px !important; border-color: #CCC !important; } /* telegraph.co.uk vids */ .content.postBigVid [id^="TelegraphPlayer"][width="503"][codebase*="flash"] { margin: 0px 0 -1px -1px !important; padding: 0 0px 0 0 !important; float: right !important; } /* telegraph.co.uk vids text */ .content.postBigVid [id^="TelegraphPlayer"][width="503"][codebase*="flash"] + .bigExcerptHolder { margin: -1px 0 0 -1px !important; padding: 0px 5px 3px !important; float: left !important; width: /*234*/ 237px !important; background-color: #FFF !important; border-left-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-width: 1px !important; border-color: #CCC !important; } /* ------------------ * ARTICLE ONLY STUFF * ------------------ */ /* move author, date, views #, & comments # */ #wrapper > DIV:first-child + DIV > DIV:first-child > #mail2container + .pm_line { position: absolute !important; top: 20px !important; left: 1px !important; border: none !important; } #mail2container { position: absolute !important; top: 20px !important; left: 329px !important; } .pm_meta_border {display: none !important} #wrapper > DIV:first-child + DIV > DIV:first-child > #mail2container + .pm_line > IMG:first-child + SPAN + IMG[class="pm_meta_icon"] {padding-left:20px!important} #wrapper > DIV:first-child + DIV > DIV:first-child > DIV:first-child + DIV > IMG:first-child + SPAN + IMG + SPAN + SPAN + IMG[class="pm_meta_icon commentcontrol cn_commentcount_icon_low"] {padding-left:20px!important} /* widen article title */ #wrapper > DIV:first-child > H1 { width: 1018px !important; padding-bottom: 30px !important; padding-top: 0px !important;} /* widen article text */ .content.permalink { width: 1000px !important;} /* center ALL 500px wide article images, * including TOP of article images since theyre not meant to have text next to them */ .content.permalink IMG[width="500"] {margin: 10px 250px 20px 250px !important;} /* keep from being centered 340px wide TOP of article images MEANT to have text next to them */ #wrapper > .content.permalink > DIV:first-child + DIV + DIV + H1 + P > IMG[width="340"], #wrapper > .content.permalink > DIV:first-child + DIV + H1 + P > IMG[width="340"] {margin: 5px 10px 10px 0px !important;} /* keep from being centered 158px wide TOP of article images MEANT to have text next to them */ #wrapper > .content.permalink > DIV:first-child + DIV + DIV + H1 + P > IMG[width="158"], #wrapper > .content.permalink > DIV:first-child + DIV + H1 + P > IMG[width="158"] {margin: 5px 10px 10px 0px !important;} /* center rest of article images */ .content.permalink IMG[width="340"] {margin: 10px 330px 10px 330px !important;} .content.permalink IMG[width="158"] {margin: 10px 421px 10px 421px !important;} /* center flash videos in posts (some might be redundant, oh well, just trying to cover all bases)*/ /* 500px wide */ .content.permalink [id^="obj_"] OBJECT[width="500"][codebase*="flash"], .content.permalink OBJECT[width="500"], /* <- such as NBC's player */ .content.permalink [id="flashObj"][width="500"][codebase*="flash"] {margin: 10px 250px 20px 250px !important;} /* Misc./other px wide */ .content.permalink [id="flashObj"][width="486"][codebase*="flash"], .content.permalink DIV OBJECT EMBED[type*="flash"], .content.permalink > DIV:first-child + DIV + H1 + P > EMBED[type*="flash"], .content.permalink IFRAME { margin-left :auto !important; margin-right :auto !important; display: block !important; } /* widen text on some video pages because of incorrect div structuring */ .content.permalink DIV[style="width: 480px;"] { width: 1000px !important;} /* hide hidden pictures in posts (normally in video posts and only used to take thumbnail for blogroll 'small image' posts) */ IMG[style="display: none;"] {display: none !important} /* widen blockquotes */ .content.permalink BLOCKQUOTE { width: 980px !important } /* center VIA_BUBBLEs on lifehacker */ /* for 220px wide ones */ DIV[style*="width: 220px;"][class="via_bubble"] { clear: both !important; margin-left: 380px !important; margin-right: 380px !important; display: block !important; } /* for rest of widths (not specified, that I've seen) */ .via_bubble { clear: both !important; margin-left: auto !important; margin-right: auto !important; display: block !important; } /* comments */ #comments { width: 1000px !important } #comments .commentbox_widget, #comments .commentbox, #comments .cb_collapsed, #comments .widgettype_comment { width: 818px !important } #comments TEXTAREA[class*="cb_textarea"] { width: 750px !important } .comment { width: 999px !important } .ctext { width: 827px !important } /* footer of comments and hashtag comments pages */ .comment_footer, .tagpage_comment_footer { width: 999px !important; margin-left: 18px !important } /* center youtube vids in the comments */ .ctext .ctedit OBJECT[width="330"] { margin-left: 243px !important; margin-right: 254px !important} /* center pictures in the comments */ .ctedit .commentImage IMG[src^="http://cache.gawker.com/assets/images/comment/"][src$="340x.jpg"], .ctedit .commentImage IMG[src^="http://cache.gawker.com/assets/images/comment/"][src$="340x.jpeg"], .ctedit .commentImage IMG[src^="http://cache.gawker.com/assets/images/comment/"][src$="340x.png"], .ctedit .commentImage IMG[src^="http://cache.gawker.com/assets/images/comment/"][src$="340x.gif"] { margin-left: 243px !important; margin-right: 244px !important} /* widen gallery thumb preview boxes in articles so thumbs fill entire width */ .GalleryPreview, .gallery-thumb-wrapper { width: 1030px !important; } /* gallery articles * ---------------- */ #postgallery_container .content.permalink.bigImage { width: 460px !important; padding: 50px 178px 10px 0px !important; } #postgallery_container .postmeta .galleryThumbnails { width: 470px !important; } /* UN-center gallery videos */ #postgallery_container .selectedImage .gpager_control.cn_currentvideo OBJECT, #postgallery_container .selectedImage .gpager_control.cn_currentvideo [id="flashObj"] { margin: 0 !important;} #postgallery_container .postmeta { width: 340px !important; padding-top: 33px !important; } #postgallery_container .pm_line { position: absolute !important; top: 0px !important; left: 20px !important; border: none !important; } #postgallery_container #mail2container { position: absolute !important; top: 0px !important; left: 348px !important; } .pm_meta_border {display: none !important} #postgallery_container > DIV:first-child + DIV > DIV:first-child > DIV:first-child + DIV > IMG:first-child + SPAN + IMG[class="pm_meta_icon"] {padding-left:20px!important} #postgallery_container > DIV:first-child + DIV > DIV:first-child > DIV:first-child + DIV > IMG:first-child + SPAN + IMG + SPAN + SPAN + IMG[class="pm_meta_icon commentcontrol cn_commentcount_icon_low"] {padding-left:20px!important} /* from here until end of gallery code is to fix comments on gallery articles to be to * the left so writing doesnt flow over top of them, since writing is in the right column * for gallery articles. some of these lines are just here to override lines elsewhere that apply * to all comments */ #postgallery_container #comments { width: 500px !important } #postgallery_container #comments .commentbox_widget, #postgallery_container #comments .commentbox, #postgallery_container #comments .cb_collapsed, #postgallery_container #comments .widgettype_comment { width: 322px !important } #postgallery_container #comments TEXTAREA[class*="cb_textarea"] { width: 250px !important } #postgallery_container .comment { width: 499px !important } #postgallery_container .ctext { width: 327px !important } /* footer of comments and hashtag comments pages */ #postgallery_container .comment_footer, #postgallery_container .tagpage_comment_footer { width: 499px !important; margin-left: 0px !important } /* center youtube vids in the comments */ #postgallery_container .ctext .ctedit OBJECT[width="330"] { margin-left: 0px !important; margin-right: 0px !important} /* center pictures in the comments */ #postgallery_container .ctedit .commentImage IMG[src^="http://cache.gawker.com/assets/images/comment/"][src$="340x.jpg"], #postgallery_container .ctedit .commentImage IMG[src^="http://cache.gawker.com/assets/images/comment/"][src$="340x.jpeg"], #postgallery_container .ctedit .commentImage IMG[src^="http://cache.gawker.com/assets/images/comment/"][src$="340x.png"], #postgallery_container .ctedit .commentImage IMG[src^="http://cache.gawker.com/assets/images/comment/"][src$="340x.gif"] { margin-left: 0px !important; margin-right: 0px !important} /* _END_ gallery articles */ /* fixes for one's profile page */ #commenter_wrapper #mini_feed {width: 698px !important;} #commenter_wrapper #commenter_sidebar {padding-left: 10px !important;} } /* display 'in reply to' box on comment-only pages */ @-moz-document url-prefix("http://gizmodo.com/comment/"), url-prefix("http://lifehacker.com/comment/"), url-prefix("http://deadspin.com/comment/"), url-prefix("http://kotaku.com/comment/"), url-prefix("http://io9.com/comment/"), url-prefix("http://jezebel.com/comment/"), url-prefix("http://jalopnik.com/comment/"), url-prefix("http://gawker.com/comment/"), url-prefix("http://tv.gawker.com/comment/") { .related_posts {display: block !important} .related_posts, .rp_item {background-color: transparent !important} .postmeta_permalink_wrapper { position: relative !important; right: 630px !important; top: -5px !important; } .rp_post {width: 990px !important} .rp_link {float: left !important; width: 855px !important;} .content {width: 600px !important; margin-top: 160px !important} #comments { padding-top: 20px !important; border-top: 1px dotted #BBBBBB !important; } } /* FIXES FOR HASHTAG PAGES */ @-moz-document url-prefix("http://gizmodo.com/tag/"), url-prefix("http://lifehacker.com/tag/"), url-prefix("http://deadspin.com/tag/"), url-prefix("http://kotaku.com/tag/"), url-prefix("http://io9.com/tag/"), url-prefix("http://jezebel.com/tag/"), url-prefix("http://jalopnik.com/tag/"), url-prefix("http://gawker.com/tag/"), url-prefix("http://tv.gawker.com/tag/") { .content.withpic, .content.external, .content.postBigVid, .content.postBigPic, .content, .noimage_title {width: 710px !important; } #tagpageheader { width: 998px !important; position: relative !important; top: 75px !important; padding-bottom: 10px !important; } /* move comments and or stories down */ #container { margin-top: 65px !important; padding-top: 20px !important; border-top: 1px dotted #BBBBBB !important; } /* move hashtag description next to hashtag */ #tagpageheader .tp_head_text { position: relative !important; top: -70px !important; left: 350px !important; } #tagpageheader .tp_head_title {border: none !important;} /* extend dotted line across page */ .threadWrapper, .post .dotted { width: 998px !important; } /* mvoe over meta box a bit */ .post .postmeta.smalltype { position: relative !important; right: -46px !important; } } /* SAME as hashtag pages, MINUS the space for the hashtag above the menubar */ @-moz-document url("http://cityfile.gawker.com/") { .content.withpic, .content.external, .content.postBigVid, .content.postBigPic, .content, .noimage_title {width: 710px !important; } #tagpageheader { width: 998px !important; padding-top: 0px !important; } .threadWrapper { width: 998px !important; } .tp_head_text { width: 998px !important; } } /* A little more space away from the logo for Jezebel's tag pages */ @-moz-document url-prefix("http://jezebel.com/tag/") { #comments { padding-top: 20px !important; } } /* this is specifically for Gizmodo's app directories * this adjusts for the banner image as well as fixes up the spacing between apps */ @-moz-document url-prefix("http://gizmodo.com/tag/iphone-apps-directory"), url-prefix("http://gizmodo.com/tag/androidappsdirectory") { #menubar-bg { margin-top: 210px !important; } [class^="ad_themeweek-"] { display: block !important } .tagpage.listmode_post [class^="postid"] .content { width: 1000px !important; } [class*="postid"] { margin-bottom: -40px !important; } .pager.smalltype { padding-top: 30px !important; } .pager.smalltype A { font-size: 14px !important; } } @-moz-document domain("kotaku.com") { /* Kotaku has these GIANT pink ARTICLE PAGE titles that are throwing off my style, yo */ #wrapper > .content.permalink > H1 > A {font-size: 22px !important;} #wrapper > .content.permalink > H1 { padding-bottom: 25px !important; margin-top: -8px !important;} /* ====================================== * KOTAKU NON-BOLD BLACK HEADLINES OPTION * ====================================== * If you chose to make 'No Image' post titles 18px instead of their normal 12px with the * 'Blogroll Article Title Size' you chose at the beginning of the code, you may not like its * effect on some of the posts on Kotaku which appear in non-bold and black (rather than bold and * pink). They are usually used for #weekendnote and #announcements. * * If so, this option will set them back to their normal small size. * Simply move the ASTERISK SLASH from below the code line, up to right here, to enable -> .content .noimage_title H1[class="dcolor normal"] { font-size:12px!important; } */ /* ============================================ * _END_ KOTAKU NON-BOLD BLACK HEADLINES OPTION * ============================================ */ } /* ======================================== * JALOPNIK NON-BOLD BLACK HEADLINES OPTION * ======================================== * Read "KOTAKU non-bold black headline option", which is directly above. * This is the same as that, but for the Jalopnik site. * Simply move the ASTERISK SLASH from below the code lines, up to right here, to enable -> @-moz-document domain("jalopnik.com") { .content .noimage_title H1[class="dcolor normal"] { font-size:12px!important; } } */ /* ============================================== * _END_ JALOPNIK NON-BOLD BLACK HEADLINES OPTION * ============================================== */ /* fix blogroll video text box on these 2 sites */ @-moz-document domain("gawker.com"), domain("jezebel.com") { .content.postBigVid .bigExcerptHolder { margin-top: -21px !important; } } /* ------------------------------------------------------------------ * DEFAULT MENUBAR BACKGROUNDS & LOGOS SO 'SPONSORED' ONES NEVER SHOW * ------------------------------------------------------------------ */ @-moz-document domain("gawker.com") { #menubar { background-image: url(http://cache.gawker.com/assets/gawker.com/img/gawker_logo.jpg) !important } #menubar #logo IMG { visibility: hidden !important; } #popTags, #popTags #popFaq, #popTags A[class="dcolor"], #popFaq A[class="dcolor"] {color: #000000 !important} #popTags SPAN[class="hash"] { color: #000000 !important; opacity:0.35 !important;} .cb_button { background-color: #D75148!important;} .cb_cancel { background-color: #fff!important;} } @-moz-document domain("tv.gawker.com") { #menubar { background-image: url(http://cache.gawker.com/assets/gawker.tv/img/header.jpg) !important } #menubar #logo IMG { visibility: hidden !important; } #popTags, #popTags #popFaq, #popTags A[class="dcolor"], #popFaq A[class="dcolor"] {color: #FFFFFF !important} #popTags SPAN[class="hash"] { color: #FFFFFF !important; opacity:0.35 !important;} .cb_button {background-color: #999999 !important; color: #ffffff !important} } @-moz-document domain("valleywag.gawker.com") { #menubar { background-image: url(http://cache.gawker.com/assets/valleywag.gawker.com/img/valleywag_logo.jpg) !important } #menubar #logo IMG { visibility: hidden !important; } #popTags, #popTags #popFaq, #popTags A[class="dcolor"], #popFaq A[class="dcolor"] {color: #000000 !important} #popTags SPAN[class="hash"] { color: #000000 !important; opacity:0.35 !important;} .cb_submit { background-color: #7ad936 !important;} .cb_submit:hover {background-color: #52B22C !important;} .cb_cancel { background-color: #fff !important; } } @-moz-document domain("cityfile.gawker.com") { #menubar { background-image: none !important; background: none !important; background-color: transparent !important; } #menubar #logo IMG { height: 0 !important; width: 0 !important; padding-left: 160px !important; padding-top: 60px !important; background: url(http://tags.gawker.com/assets/cityfile.gawker.com/img/logo.png) no-repeat !important; display: block !important; visibility: visible !important} #popTags, #popTags #popFaq, #popTags A[class="dcolor"], #popFaq A[class="dcolor"] {color: #000000 !important} #popTags SPAN[class="hash"] { color: #000000 !important; opacity:0.35 !important;} .cb_button { background-color: #D75148!important;} .cb_cancel { background-color: #fff!important;} } @-moz-document domain("defamer.gawker.com") { #menubar { background-image: url(http://tags.gawker.com/assets/defamer.gawker.com/img/defamer_logo.jpg) !important } #menubar #logo IMG { visibility: hidden !important; } #popTags, #popTags #popFaq, #popTags A[class="dcolor"], #popFaq A[class="dcolor"] {color: #FFFFFF !important} #popTags SPAN[class="hash"] { color: #FFFFFF !important; opacity:0.35 !important;} .cb_submit { background-color: #FFAD00 !important;} .cb_submit:hover {background-color: #EFAC54 !important;} .cb_cancel { background-color: #fff !important;} } @-moz-document domain("gizmodo.com") { #menubar { background-image: url(http://tags.gizmodo.com/assets/gizmodo.com/img/gizmodo-expanded.jpg) !important } #menubar #logo IMG { visibility: hidden !important; } #popTags, #popTags #popFaq, #popTags A[class="dcolor"], #popFaq A[class="dcolor"] {color: #FFFFFF !important} #popTags SPAN[class="hash"] { color: #FFFFFF !important; opacity:0.35 !important;} #menubar .cb_button { background-color: #32b9d3 !important; color: #ffffff !important;} #menubar .cb_button:hover {background-color: #51646B !important; } } @-moz-document domain("jalopnik.com") { #menubar { background-image: url(http://tags.jalopnik.com/assets/jalopnik.com/img/jalopnik_logo.jpg) !important } #menubar #logo IMG { visibility: hidden !important; } #popTags, #popTags #popFaq, #popTags A[class="dcolor"], #popFaq A[class="dcolor"] {color: #FFFFFF !important} #popTags SPAN[class="hash"] { color: #FFFFFF !important; opacity:0.35 !important;} .cb_submit { background-color: #BFBFBF !important;} .cb_submit:hover {background-color: #51646B !important;} .cb_cancel { background-color: #fff!important;} } @-moz-document domain("deadspin.com") { #menubar { background-image: url(http://tags.deadspin.com/assets/deadspin.com/img/deadspin_logo.jpg) !important } #menubar #logo IMG { visibility: hidden !important; } #popTags, #popTags #popFaq, #popTags A[class="dcolor"], #popFaq A[class="dcolor"] {color: #FFFFFF !important} #popTags SPAN[class="hash"] { color: #FFFFFF !important; opacity:0.35 !important;} .cb_button {background-color: #8092B4 !important; color: #FFFFFF !important;} .cb_button:hover {background-color: #788495 !important;} } @-moz-document domain("lifehacker.com") { #menubar { background-image: url(http://tags.lifehacker.com/assets/lifehacker.com/img/lifehacker-expanded.jpg) !important } #menubar #logo IMG { height: 0 !important; width: 0 !important; padding-left: 284px !important; padding-top: 84px !important; background: url(http://tags.lifehacker.com/assets/lifehacker.com/img/logo.png) no-repeat !important; display: block !important;} #popTags, #popTags #popFaq, #popTags A[class="dcolor"], #popFaq A[class="dcolor"] {color: #000 !important} #popTags SPAN[class="hash"] { color: #000 !important; opacity:0.35 !important;} .cb_submit { background-color: #C58144 !important;} .cb_cancel { background-color: #fff !important; } } @-moz-document domain("io9.com") { #menubar { background-image: url(http://tags.io9.com/assets/io9.com/img/io9-expanded.jpg) !important } #menubar #logo IMG { height: 0 !important; width: 0 !important; padding-left: 232px !important; padding-top: 149px !important; background: url(http://tags.io9.com/assets/io9.com/img/logo.png) no-repeat !important; display: block !important;} #popTags, #popTags #popFaq, #popTags A[class="dcolor"], #popFaq A[class="dcolor"] {color: #000 !important} #popTags SPAN[class="hash"] { color: #000 !important; opacity:0.35 !important;} .cb_button.cb_submit { background-color: #9621A6 !important;} .cb_button.cb_submit:hover {background-color: #70165E !important;} .cb_button.cb_cancel { background-color: #fff !important;} } @-moz-document domain("kotaku.com") { #menubar { background-image: url(http://tags.kotaku.com/assets/kotaku.com/img/kotaku-expanded.jpg) !important; border-left: 1px solid black !important; border-right: 1px solid black !important; border-bottom: 1px solid black !important; border-top: none !important;} #menubar #logo IMG { height: 0 !important; width: 0 !important; padding-left: 335px !important; padding-top: 96px !important; background: url(http://tags.kotaku.com/assets/kotaku.com/img/logo.png) no-repeat !important; display: block !important;} #popTags, #popTags #popFaq, #popTags A[class="dcolor"], #popFaq A[class="dcolor"] {color: #000 !important} #popTags SPAN[class="hash"] { color: #000 !important; opacity:0.35 !important;} #menubar .cb_button { background-color: #E21B5A !important;} #menubar .cb_button:hover {background-color: #f83377 !important;} } @-moz-document domain("jezebel.com") { #menubar { background-image: url(http://tags.jezebel.com/assets/jezebel.com/img/jezebel-expanded.jpg) !important; border: 1px solid #999 !important} #menubar #logo IMG { height: 0 !important; width: 0 !important; padding-left: 333px !important; padding-top: 279px !important; background: url(http://tags.jezebel.com/assets/jezebel.com/img/logo.png) no-repeat !important; display: block !important; } #popTags, #popTags #popFaq, #popTags A[class="dcolor"], #popFaq A[class="dcolor"] {color: #000 !important} #popTags SPAN[class="hash"] { color: #000 !important; opacity:0.35 !important;} #menubar .cb_button { background-color: #C90F36 !important;} #menubar .cb_button:hover {background-color: #f01f46 !important;} /* ------------------------------------------------------------------------ * _END_ DEFAULT MENUBAR BACKGROUNDS & LOGOS SO 'SPONSORED' ONES NEVER SHOW * ------------------------------------------------------------------------ */ /* BELOW IS STILL FOR JEZEBEL DOMAIN! */ /* hide logo with background since there is no left column bar to do it*/ #container { background-color: #f6fffe !important; } } /* __NOW__ JEZEBEL DOMAIN ENDS */