Categories
Work

More Bloglines beta style hacking – Making big images fit

One problem I have with some feeds, especially photoblogs and comics, is images that are too wide for the new beta interface. I’m a bit odd (I think) in that I like to run with my browser window less than full screen (I have a 1440 x 900 and a 1920 x 1200 screen). I’m generally running with Firefox or Camino at about 800 or 900px wide, which has a number of benefits. It reduces the line size for sites with fluid layouts, making things easier to read, and it allows me to have a couple browsers open side by side by side across the two screens. With this setup, I have about 620px left for article content.

The problem is some feeds have images in them that are quite a bit wider than 620px. To solve this, I use the following bit of CSS with Stylish to fix things up:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http://beta.bloglines.com/b/view") {
.templateText img {
  max-width: 100% !important;
}
}
Advertisements