{"id":5961,"date":"2012-03-27T19:03:57","date_gmt":"2012-03-27T17:03:57","guid":{"rendered":"http:\/\/blog.ginchen.de\/?p=5961"},"modified":"2012-04-27T19:12:44","modified_gmt":"2012-04-27T17:12:44","slug":"grafik-anzeigen-im-firefox-11","status":"publish","type":"post","link":"http:\/\/blog.ginchen.de\/en\/2012\/03\/27\/grafik-anzeigen-im-firefox-11\/","title":{"rendered":"”View image” in Firefox 11"},"content":{"rendered":"

On March 13, a new Firefox version came out once again, namely version 11. Apart from the fact that I find their insanely small update intervals completely over the top – to me it seems like version 3.6 was only a few weeks ago – Mozilla now started to build in new “Annoyances” with each release, in a somewhat Windows-like manner. :twisted:<\/p>\r\n\r\n

In version 11 there is again a totally unnecessary feature: If you look at a picture via right click \u2192 “View image”, it is no longer displayed on a white background at the upper left corner of the browser window, but on a dark background and centered in the middle of the window. At first I thought, “Damn, which of my stupid addons is screwing up here?” But then I realized that this was, in all seriousness, a native Firefox “feature”.<\/p>\r\n\r\n

Although I could not for the life of me imagine that the Firefox developers don’t have anything more important to do than to “improve” such details, I tried to stay calm. “It’s not that bad”, I thought. “Pure matter of habit. I might even like it soon.” But then I clicked on a transparent PNG!<\/p>\r\n\r\n

\"Dark<\/a>
Dark image with transparent background in Firefox 11<\/figcaption><\/figure>\r\n\r\n

Great, isn’t it? And so easy to read! ;) But well, I don’t want to be hard on the programmers. Users wanting to look at a dark image with transparent background is such an unlikely scenario, they really could not have foreseen it! [Irony off]<\/p>\r\n\r\n

Solution: Addon or userContent.css<\/h3>\r\n\r\n

Anyway, I quickly looked for a way to get rid of this totally awful behavior. First I stumbled across the addon “Old Default Image Style<\/a>“, which someone kindly wrote for the sole purpose of undoing this idiocy in a simple and quick way.
\r\nBut I personally didn’t even want to install an addon for such a rubbish. So I edited my userContent.css<\/code> instead, so that the image display behaves the way it did before. Here’s how:<\/p>\r\n\r\n

    \r\n
  1. click the Firefox button in the upper left, then click “Help” \u2192 “Troubleshooting Information”<\/li>\r\n
  2. the click the button “View folder”<\/li>\r\n
  3. open the folder “chrome”, then open the file userContent.css<\/code> or create it, if it doesn’t exist<\/li>\r\n
  4. add the following code to the file:<\/li>\r\n<\/ol>\r\n\r\n
    \r\n@namespace url(http:\/\/www.w3.org\/1999\/xhtml);\r\n@-moz-document regexp(\"((.*\\\\.(png|apng|jpg|jpeg|gif|tiff|bmp))|(^data:image\\\\\/.*))(\\\\?([^#]*))?(#(.*))?\") {\r\n\r\n\thtml > body {\r\n\t\tbackground-color: #ffffff !important;\r\n\t}\r\n\r\n\thtml > body > img:only-child {\r\n\t\tbox-shadow: none !important;\r\n\t\tmargin: 0 !important;\r\n\t}\r\n\r\n}\r\n<\/pre>\r\n\r\n
    After saving the file and restarting Firefox, the image display should work as usual again. The code can be customized as desired, of course – for example, I chose a very light gray (#fafafa) as the background color instead of pure white. And if only the color bothered you, but not the centering of the image, you can simply leave out the line “margin: 0 !important;”.
    \r\nAs a result, transparent images will finally be recognizable again! ;)<\/p>\r\n\r\n
    \"Image<\/a>
    Image display after editing userChrome.css<\/figcaption><\/figure>","protected":false},"excerpt":{"rendered":"On March 13, a new Firefox version came out once again, namely version 11. Apart from the fact that I find their insanely small update intervals completely over the top – to me it seems like version 3.6 was only a few weeks ago – Mozilla now started to build in new “Annoyances” with each release, […]","protected":false},"author":2,"featured_media":3402,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[139],"tags":[587,98,53,588,586,589,590],"_links":{"self":[{"href":"http:\/\/blog.ginchen.de\/en\/wp-json\/wp\/v2\/posts\/5961"}],"collection":[{"href":"http:\/\/blog.ginchen.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.ginchen.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.ginchen.de\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.ginchen.de\/en\/wp-json\/wp\/v2\/comments?post=5961"}],"version-history":[{"count":5,"href":"http:\/\/blog.ginchen.de\/en\/wp-json\/wp\/v2\/posts\/5961\/revisions"}],"predecessor-version":[{"id":5997,"href":"http:\/\/blog.ginchen.de\/en\/wp-json\/wp\/v2\/posts\/5961\/revisions\/5997"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/blog.ginchen.de\/en\/wp-json\/wp\/v2\/media\/3402"}],"wp:attachment":[{"href":"http:\/\/blog.ginchen.de\/en\/wp-json\/wp\/v2\/media?parent=5961"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.ginchen.de\/en\/wp-json\/wp\/v2\/categories?post=5961"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.ginchen.de\/en\/wp-json\/wp\/v2\/tags?post=5961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}