#Rosy and I once joked about an apocalyptic end of tumblr in which we could no longer make new posts

[noegrets]

I think I have the CSS to make the newer posts look like the old photosets!

I'm attempting to identify the posts with stimboards by finding a photo grid that is at the very beginning of a post, and also is the only photo grid inside the post. This is so that other text posts that contain images will not be impacted by these rules.

However, this does appear to also impact posts that start with just one image (example: the post of alternian emojis). I think it looks good that way though, so maybe you'd want to keep it? Or would you rather that I try to exclude that sort of thing too?

Also, in this theme, the photoset posts were arranged differently, with a box with the post content, then the notecount and date and such, and then another box for the OP's caption. But for a text post in the neue post format, the theme is putting everything into one box, and the order goes post content, OP's caption, and then the notecount and date comes after everything. To change the order and move the notecount and date around, I think it would require modifications to the theme itself.

But to achieve the two-box look without needing to modify the theme, I tried for a partial solution using CSS-only: we can cheat and put a bottom border under the photo grid that is the same color as the background, and then it will look like two boxes, hehe.

I only tested with the posts tagged "alternia", so please make sure the changes aren't doing anything unexpectedly funky anywhere else!

CSS below the cut!

/* The stimboard photo grid will use a negative margin to take back the space from the padding of the li.caption, so that the photo grid will no longer have the empty space around it. And it will use a bottom border to divide the visual appearance of the box. */ article.post.textpost.has-npf li.caption div.npf_inst:first-child:only-of-type { margin: -16px !important; border-bottom: 16px solid #dedede; } /* removing the border on the caption box in this situation so that it doesn't ruin the illusion */ article.post.textpost.has-npf li.caption { border: none; } /* Any text after the photo grid will have spacing above */ article.post.textpost.has-npf li.caption div.npf_inst:first-child:only-of-type + p { padding-top: 16px; }

What's the problem with your stimboards in your tumblr layout? I'll also try to solve it with CSS!

that's so kind of you to offer!

essentially photoposts in my theme are seperated by images + caption, wheras the NPF just puts them all together with an ugly frame

here's a comparison of the old legacy-made stimboards vs the npf ones:

lately, i've been cannibalizing old posts&drafts that were made using legacy photos, just so i can keep my stimboards looking nice-- in not just my theme, but everyone's!-- and while this workaround makes my stimboards look better, it obviously won't last forever

i mostly just wish tumblr would bring back the option to choose between legacy and npf when you're posting. i enjoy both formats for different reasons, and switching between them was convenient and useful