You can also create a custom theme and use this one to extend it. It makes the upvote and downvote larger buttons, and also adds padding to the comment / edit / delete
Comments
flabberghaster wrote
Oh I like this, thanks!
twovests OP wrote
here is what i added:
.vote {
padding: .5rem 1.5rem;
text-align: center
}
.vote * {
display: block
}
.vote-score {
font-weight: 700
}
.vote-button {
border: none;
background: #789;
padding: 16px;
color: white;
line-height: 1.15;
white-space: nowrap;
border-radius: 12px;
}
/* remove this if u want to be symmetrical */
.vote-down {
padding: 6px 16px 6px 16px;
white-space: nowrap;
border-radius: 8px;
line-height: 0.5;
display: flex;
justify-content: center
}
.vote-user-upvoted .vote-up {
color: white;
background: orange;
}
.vote-user-downvoted .vote-down {
background: #0080ff;
color: white;
}
.submission-nav a {
display: inline-block;
padding: 8px;
margin: 4px;
}
twovests OP wrote
twovests OP wrote (edited )
ty!! anything to make upvoting posts easier. if there's anything better than posting, it's telling others that their post was good.
kudos to postmill for being so clean and easy to style. no div soup, no js-managed dom. and everything's an html form (blessed). thank u emma
twovests OP wrote
thank u for posting this, because css themes were broken
nitori wrote
i miss the old postmill lol
twovests OP wrote
When Heroku killed Jstpst mid 2024, we had a backup which I was able to restore to a VPS, but the themes were stored elsewhere and lost. Further, Postmill's ~ 8 years of updates mean this css doesn't work anymore hehe
twovests OP wrote
please ignore the "hackernews" theme, i thought it'd be funny to make a jstpst theme that makes it look just like hackernews. then i realized i love and respect myself and this site