USER STYLES CSS to fix/modify third-party sites (Flickr, Pinterest, etc.)

Collector Freaks Forum

Help Support Collector Freaks Forum:

This site may earn a commission from merchant affiliate links, including eBay, Amazon, and others.

Pixelpiper

Super Freak
Joined
Feb 20, 2013
Messages
14,038
Reaction score
206
Location
Canada
Ok, thought I'd share some of these style overrides that folks have asked me about.
If you want to turbo-charge the site theme and usability of the Sideshow forum, check out my Variable Width Grey+Green Site Theme

The following is CSS that can be used in Greasemonkey or similar browser plugins as well as your browser's own User Style CSS Override file (you can make your own file). In Mac OS X Safari you can't use Glimmerblocker and you must put these in a user style file because the pages being modified are encrypted (HTTPS).



Remove the Yahoo Bar from the top of Flickr - Cleans up all Flickr pages

Code:
div#eyebrow {
	display:none !important;
}

div#main.clearfix {
	position: relative !important;
	margin-top: -22px !important;
}

div#global-nav {
	top: 0px !important;
}


Remove Ads from Flickr Pages - Cleans up all Flickr pages

Code:
div.ad-holder {
width: 0px !important;
height: 0px !important;
display: none !important;
}

div.has-ad {
margin-top:0px !important;
}


Prevent Pinterest from blocking your view - allows viewing the site with a shared/fake account. Go to BugMeNot to get login details for Pinterest and other sites.

Code:
div.Module.Modal.show,div.modalvisibleer {
	display:none !important;
}

div.Nags.Module {
	display:none !important;
}

.noScroll {
	overflow:visible !important;
}
 
Last edited:
Back
Top