Redesign and UI improvements

In-progress redesign and various UI/UX improvements.
For what it's worth, this is also a SCSS translation of a Less version: https://gist.github.com/ChrisTM/8346916

It seems fairly clear to me from the discussion (where people are obviously using it) on the Less gist that this code is meant to be used by others.