Updates to On This Page CSS

[tomgreever]

#87 mentioned moving the caret triangle of the menu to the center, however I think it will look strange for the caret to be centered on the menu while the "On this page" also has a down arrow indicator. Also, this is inconsistent with the "version" menu which does not have a caret.

This issue is to standardize these menus and refactor the code to accommodate that. This may involve a slight redesign for the menus to look more like this (incomplete):

This will involve:

• Refactoring the menu so the <a> has the padding and <li> is just the wrapper
• Separating the / as an individual li
• Reversing out the background when selected
• Removing the caret triangle altogether
• Using standard borders, backgrounds, and drop shadows for the menu

[jamiemccue]

@chasenlehara @tomgreever Before I create a pull request for this one. Take a look at the hover state screenshot and let me know if that's what you had in mind according to the example above?

Rounded top corners

[jamiemccue]

issue complete