Hello sorry to bother you but I was wondering what the CSS rules are for reblogged captions from tumblrs default theme/dashboard? For context I'm trying to make my own theme and blockquote styled reblogs are terrible for long reblog chains. I was just wondering if theres a way to replicate how tumblr styles reblogged posts on the dashboard. I'm just asking since I've been trying to make it but I'm having no luck. If you answer this then. Thank you and have a good day! :)
Hi! Yes there is! Basically instead of this: {block:Caption}
{Caption}
{/block:Caption}
You're going to separate it by original posts and reblogs. For original posts you'll need to wrap your caption in {block:NotReblog} like this:
{block:NotReblog}
{Caption}
{/block:NotReblog}
And then for reblogs, wrap it with {block:Rebloggedfrom}. This is like NotReblog which determines whether or not a post is an original post or a reblog.
From there we need to have the blocks for the *actual* reblogs, which is {block:Reblogs}.
If you want it to look like the dashboard, you will need to make a section for the usernames and/or icons, which you can do by using {Username}, {Permalink}, and {PortraitURL-64}.
For example, a basic way of doing this would be <a href="{Permalink}"> <img src="{PortraitURL-64}"> {Username} {block:isdeactivated}deactivated{/block:isdeactivated}</a>
And then lastly, you'll need {Body} for the content.
All together, you'll have something like this:
{block:Caption}
{block:NotReblog}
<div class="caption">
{Caption}
</div>
{/block:NotReblog}
{block:Rebloggedfrom}
{block:Reblogs}
<div class="reblog-header">
<a href="{Permalink}"> <img src="{PortraitURL-64}"> {Username} {block:isdeactivated}deactivated{/block:isdeactivated}</a>
</div>
<div class="caption">
{Body}
</div>
{/block:Reblogs}
{block:Rebloggedfrom}
{/block:Caption}
Keep in mind you will need to do this for text posts too, just without {block:Caption}