Tag Archives: css

Hide thumbnails of certain users content on Flickr

Using CSS you can identify and hide thumbnails from users. Makes it a bit easier to skip past or ignore people who can’t help but taint your favorite groups with inappropriate or offensive material or idiotic political themed collages. Nothing kills my buzz like having the local flora, fauna, and other interesting things interrupted with fear mongering hate rhetoric.

/**** A-holes on Flickr ****/
a[href*="/USER_ID/"]:before {
content: "NUTJOB ";
}
a[href*="/USER_ID/"] img {
display:none !important;
}

This does not hide the actual content on its own page or disable any links. It just lets you easily identify items to avoid while hiding the thumbnail.

The USER_ID can be culled from the URL the item resides at. For instance my ID in context: http://www.flickr.com/photos/strawhousepig/ Keep in mind that not all IDs are human readable. The default value is a seemingly random string.

Mac ready “lightbox” close widget

I use a Mac, you use a Mac. Our close window button is in the top left corner of the window so it’s convenient when a JavaScript pop-over puts the “button” there, though most don’t. A few I run into I’ve decided to throw some CSS at to fix them.

/**** Mac ready "close" widget ****/
/* WordPress admin "More info..." */
div#TB_ajaxWindowTitle {
position:absolute;
top:0px;
left:25px;
float:none !important;
display:inline !important;
}
div#TB_closeAjaxWindow {
display:inline !important;
float:left !important;
clear:left !important;
}
/* Amazon */
div.ap_close {
left: 24px !important;
}
span.ap_closebutton {
float:left;
clear:left;
}
/* "Fancybox" */
a#fancybox-close {
left:-15px !important;
}
/* "MultiBox" */
div.MultiBoxClose {
left:-26px !important;
}
/* Disqus profile */
a.dsq-modal-close-btn {
position:absolute !important;
top:10px !important;
left:10px !important;
}

This would of course go into your user defined CSS file. Which in Safari can be added at Safari > Preferences | Advanced – Style sheet: