Fullwidth Readability Userstyle

[Lambda]

I use the following custom CSS with Stylish:

Code: Select all

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("dreamwidth.org") {
    div.dwexpcomment {
        margin-left: inherit !important;
    }
}

This makes the comments occupy the full width of the screen, rather than shrinking rightward as the thread progresses. This has the drawback of making threadiness less obvious in the cases where there are multiple comment threads under the same top-level post, but most of the time it makes Effulgence-and-co. much more easy and pleasant to read.

[Kappa]

Ooh, snazzy!

[Tamien]

I have been wishing and hoping for just this thing. Thank you much for providing it!

[tau]

Oh hey there's a greasemonkey for css! And also, hey, sweet, someone made reading effulgence and related works even easier! Thanks!

[Tulip]

Thanks! I think I'm going to go reread the invasion of Downside now, to break it in. :p

[PlainDealingVillain]

Hmm. This doesn't seem to be working in Chrome. Are stylish scripts usually platform-dependent?

[Kappa]

They seem to work differently - try this:

Code: Select all

div.dwexpcomment {
    margin-left: inherit !important;
}

And then do "Applies to" - "URLs on the domain" "dreamwidth.org"

[PlainDealingVillain]

Ah, so the moz-document *was* Firefox-specific. Working now, thanks.
I know a bit of CSS, but I have enough weirdly-interacting addons (I'm slightly less paranoid than appropriate, which is significantly moreso than is *convenient*) that they're usually the source of any problems getting things to work.

[jalapeno_dude]

Thanks for this!

[Bluelantern]

thanks for this, it makes the multiple-stories thread so more readable