Getting the styling done right here, is not that easy, as you can imagine the oldschool HTML doesn't really help. I was trying not to do multiple scopes for different pages in Stylish, but seems like I have to do CSS scoping to get rid of that .rank
Oh, I know. I've had HN entirely restyled since day 1. :) A bunch of nasty selectors with direct child, nth-child selectors, and attribute-selectors.
It annoys me that Stylish doesn't seem to support the :not() selector. I can use it in the inspector in Chrome but not in Stylish.
My personal favorite change was making the search more easily accessible by fixing it to the bottom right.
form[action='//hn.algolia.com/'] {
position: fixed;
bottom: 0;
right: 10px;
opacity: 0.2;
transition: .6s;
}
form[action='//hn.algolia.com/']:hover {
opacity: 1;
}