Refactor CSS

Separate CSS into 4 areas: base styles, general block and ring stylings,
and stylings specific to card blocks and rings respectively.
Merge pull request #4 from nuprin-puddle/fix-css

Refactor CSS
Add dynamic wrapping

Dynamic wrapping allows images and add buttons to display within the width of its parent container. Dynamic wrapping overrides attributes related to a row (i.e. row-size, row-fill).

Untested for the stack variant of the card block.

This also fixes two bugs:

1. The block was rendering 10 pixels inset from the parent container.
2. When wrapping, images in the second row were indented differently from the row
above.
Merge pull request #5 from test-puddle/add-dynamic-wrapping

* Fixed formatting issues (always spaces, never tabs)
* Fixed merge conflict in CSS
Merge branch 'gh-pages'