tardigradetreasurer: (Default)

Re: Meta thread

[personal profile] tardigradetreasurer 2018-08-30 12:21 am (UTC)(link)
Custom CSS is now enabled, so spoiler cuts should be working.

(Edit) The comment headers don't look great, but I figured it would be better than nothing. If anyone knows how to make them look like FFA's then please let us know.
Edited 2018-08-30 00:41 (UTC)

Re: Meta thread

(Anonymous) 2018-08-30 01:10 am (UTC)(link)
It’s currently hard to read on mobile flat view. The text is too big and wraps weirdly, and the posts are very spaced out.
tardigradetreasurer: (Default)

Re: Meta thread

[personal profile] tardigradetreasurer 2018-08-30 01:13 am (UTC)(link)
*checks*

I see your point about the spacing, but I don't see any weird wrapping. Could you share a screenshot?

Re: Meta thread

(Anonymous) 2018-08-30 04:30 am (UTC)(link)
Messed with some stuff in the browser, hopefully this helps.

Look for:

#primary > .inner:first-child {
padding: 0 3em;
}

Change it to:

#primary > .inner:first-child {
padding: 0;
}

If you can't find that bit, just paste the change-to into the stylesheet at the bottom, and it should override.

That should reduce the margins and make it a little better for mobile.

For headers, didn't bother fixing comments with icons, but...

Find this:

.comment .header {
background: #F17892;
color: #ffffff;
padding: 5px 2px 5px 2px;
}

and change it to this:

.comment .header {
background: #F17892;
color: #ffffff;
padding: 5px 2px 25px 2px;
}

then find this:

.entry .contents, .comment .contents {
margin: 1em 0;
}

and change it to this:

.entry .contents, .comment .contents {
margin: -25px 0 1em 0;
}

and that should move the From: (Anonymous) up into the header

Finally, optionally, find this:

.comment-poster, .poster-ip {
background: #F17892;
color: #ffffff;
padding: 5px 2px 5px 2px;
}

and change it to this

.comment-poster, .poster-ip {
padding: 5px 2px 5px 2px;
}

then find this:

.comment-poster .ljuser a {
color: #ffffff;
}

and just delete it. That'll get rid of the pink background on the inline From: (Anonymous) and make it so you can still see the names of logged-in users

Hopefully I caught everything, and hopefully that doesn't fuck everything up.

Re: Meta thread

(Anonymous) 2018-08-30 04:39 am (UTC)(link)
Oh yeah, condensing the vertical spacing

Find this:

.entry-wrapper, .comment-wrapper {
border-bottom: 1px solid #666666;
margin-bottom: 2em;
position: relative;
}

and change it to this:

.entry-wrapper, .comment-wrapper {
position: relative;
}

Re: Meta thread

(Anonymous) 2018-08-30 06:23 am (UTC)(link)
Nonny, you are a legend.
tardigradetreasurer: (Default)

Re: Meta thread

[personal profile] tardigradetreasurer 2018-08-30 03:13 pm (UTC)(link)
Anon, you are my hero. Thank you, this is great.