Userstyle, “align”

This is a userstyle for Dreamwidth that tweaks the reply form on the new DW codepush. It's a pretty simple CSS grid. As a userstyle it requires an extension like Stylus, but any extension that lets you add custom CSS to websites should work.
( Code + FAQ under the cut )icons: giant size x-men #1, “psychic rescue”
From Giant Size X-Men #1.
Words by Jonathan Hickman, lines by Russell Dauterman, colors by Matthew Wilson.
Tutorial/Snippet: Responsive comments for Dreamwidth.
One of my long-term frustrations with the Dreamwidth commenting system is that it nests forever, which works nicely for shorter comment threads but terribly for long roleplay exchanges that extend forever and break the page. Happily Dreamwidth introduced a fix for this a while ago, and this is a brief tutorial to show you how to enable the responsive comment feature.
( instructions and a snippet under the cut )icons: blackbird #1-6
From Blackbird #1-6.
Art by Jen Bartel, words by Sam Humphries, colors by Triona Farrell.
icons: captain marvel #6-7, “strange trip”
From Captain Marvel #6-7.
Words by Kelly Thompson, lines by Annapaola Martello, colors by Tamra Bonvillain.
Plurk Layout: “Celestia”
Celestia is an extremely rainbow layout for plurk. Essentially a reskin of Galaxias, it features more gradients and sans serif fonts. Plus, a dark mode!
( code and variations below the cut )icons: black widow #1-12, “shield's most wanted”
From Black Widow #1-12, by Chris Samnee and Mark Waid, with colors by Matt Wilson.
Profile Layout: “Star of Destiny”


Blazing Wall 400 Fire Damage / line of effect.
Explosion 700 DMG / area of effect.
Final Flame 1200 DMG / one enemy.
Hellfire 1500 DMG / 1 enemy + allies and enemies in area.

Wind of Sleep Inflicts Sleep (60%) / area of enemies.
Healing Wind Heals 300 HP + Cures all negative status / 1 ally.
The Shredding 250 Wind Damage / all enemies.
Funeral Wind 300 DMG + Inflicts Instant Death / 1 enemy.










This is a super-extra profile code meant to resemble statistics layouts in Suikoden III. You can see other examples here and here. Stats obtained from suikosource and my own playthrough.
( Code under the cut )icons: velvet #1-15
From Velvet #1-15.
Words by Ed Brubaker, lines by Steve Epting, colors by Elizabeth Breitweiser.
icons: captain america & bucky #624, “the winter soldier years”
From Captain America and Bucky #624.
Words by Ed Brubaker & Marc Andreyko, lines by Chris Samnee, colors by Bettie Breitweiser.
snippet: two controlstrip layouts
I've noticed quite a few people using dreamwidth layouts either imported from old livejournal code or newer insanejournal code. And one of the results of this is that the CSS that customizes the controlstrip navigation at the top of the page is either broken or non-existent. You can always disable the controlstrip to some degree using your account settings, and completely get rid of it with CSS, but I don't like to make that decision for the user. I personally use the controlstrip a lot when browsing dreamwidth!
So, I decided to whip up some basic controlstrip only CSS. It's at least slightly responsive (you can see the layout at kleptocratic for an example of how the code scales) and designed to be simple to customize to match a variety of layouts and aesthetics.
tutorial: custom dw navigation links
The default Dreamwidth navigation module has a lot of stuff in it that might not be relevant to how you use the site and your journal. While it is pretty easy to remove individual items using CSS, you can also customize your navigation menu using the S2 system, which allows you to add new links or change the order of the existing ones.
( code and breakdown behind the cut )