Styles for Stylish

[ladyasul]

Posting some code for a new toy I found, the Firefox add-on Stylish.

Stylish lets you override a page's CSS with CSS of your own.

If used wrong, you could mess up how layouts display for you, but Stylish's various style tweaks are easily disabled, so oh well. :)

If used right, however... you know how on almost every layout, including the LJ-default white-and-sky-blue one, if you have a long comment thread, before too long,

it'll
start
doing
this
crud
with
single-
word
columns
on
the
right?

And you have to scroll down like five pages just to read one paragraph, or something? Ugh, I hate that.

So I fixed it.

I'd rather scroll sideways a tad sooner, and be able to read a bit of text horizontally, than just vertically.

Style name: LJ Default (min comment width)

Style code:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("livejournal.com") {

.logged-in #big-content-wrapper #content #content-inner #content-wrapper form[name=multiform] span table tbody tr .talk-comment-box,
.logged-in #big-content-wrapper #content #content-inner #content-wrapper form[name=multiform] span table tbody tr td[bgcolor="#bbddff"],
.logged-in #big-content-wrapper #content #content-inner #content-wrapper form[name=multiform] span table tbody tr td[bgcolor="#aaccee"] {
min-width: 200px;
}

}

It's a simple fix: it sets comments' minimum widths to 200 pixels, or twice as wide as the icons.

I realize that that's a lot of CSS selectors... but I did it like that so that, hopefully, this code will only target the LJ-default pages. Why? To leave non-default journal CSS alone, of course. :)

Sorry for spamming you with so many posts in such a short time, F-list!