Comments

You must log in or register to comment.

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

4

Moonside wrote

Commenting to remind myself to update my own theme to make it mobile friendly.

4

cat wrote (edited )

(in the style of american psycho)

look at that 16px padding,

tasteful #789,

it even has a 12px border radius

3

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;
}
1

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

2