Getting rid of twitter in-line media

Chances are that you are a twitter user and while not using your mobile phone you are using the official twitter.com website. If not, you’re in luck, because recently they added quite a nasty feature that you can’t toggle on or off — the in-line media display.

Here’s a quick and clean hack to get rid of this nonsense.

1. Install Stylish for Firefox or for Chromium.
2. Restart your browser
3. Click on the icon → Write new style → for twitter.com…
4. Add

   div.tweet > div.content > div.js-media-container { display: none !important; }

   before the last bracket so that it looks similar to this:

   @namespace url(http://www.w3.org/1999/xhtml);
   
   @-moz-document domain("twitter.com") {
    div.tweet > div.content > div.js-media-container { display: none !important; }
   }

5. Click Save. The icon should turn and you should immediately be able to see the metamorphosis

Much better now, isn’t it? Enjoy your new and improved twitter on a sunny day over a beach! :)