Split contents of content/index into partials

* content/index now only contains the inbox content (the table)
* layouts/topbar contains the topbar (with the searchbar)
* layouts/sidebar contains the sidebar (with the folders)
* layouts/inbox_topbar contains the buttons above the inbox (selection,
  refresh, 'more')
More styling

Man I don't know what I'm doing in each commit I'm just throwing in
classes and padding in the hopes that things work out
renamed .test to .email
Move colgroup widths into stylesheet
Add javascript to site

* Add coffeescript filter in Rules
* Fix links to javascript files in layouts/default.haml
Fix vertical centering of inbox button bar

* Broke after adding js in
* Fixed by removing width: 100% from .vertical
* Had to remove text-align: center from .vertical-container too

* I don't know why any of the above happened or how any of it fixed
  things or why they weren't broken before js