exercism/exercism.io — pull request #1453 by jessabean (2014-03-02 22:52:39+00:00)
Title: Fix layout styles

Previously, a couple of UI issues were brought up that I believe were symptomatic of some repetitive CSS and overwrites. This PR attempts to remove some redundancy and unnecessary classes.

**Before:**
* Negative margins being used in layout that shouldn't be necessary.
* Margins applied to multiple elements in the main content instead of on the wrapper. This adds complexity especially when you bring media queries in...You have to remember to change values in multiple places.
* Sidebar appeared to stretch, but didn't really. This is a minor quibble.
* Using some bootstrap classes like `col-md-3` but overwriting the styles in `main.css` anyway

![before](https://f.cloud.github.com/assets/522911/2305551/57043388-a25c-11e3-848a-9152a484c461.jpg)

**After:**
* Remove negative margins.
* Only apply layout rules to the 2 major layout elements: sidebar and main content.
* Sidebar stretches all the way to bottom of the page instead of *looking* like it does.
* Removed the need for 2 of the rules in the `hacks.css` file. :smile:
* Get rid of the bootstrap classes, apply rules to existing classes

![after](https://f.cloud.github.com/assets/522911/2305557/8420211a-a25c-11e3-9224-13cb27fcebad.jpg)

**Possible future improvements:**
* If we install a CSS preprocessor, we can make some of the numbers (e.g., 240px) into variables and make it more clear that the padding is equal to the sidebar width (right now it might not seem so obvious)