allow half-stars in aggregate ratings (bug 971205)

This involved rewriting the SVG and applying it as a clipping path to a span (and a span:after) on the page using CSS. One span is the grey background, the other span is the blue background, both are overlaid on each other with the same clip path and depending on the number of stars to be show, the length of the blue one is changed.

Tested in both regular and small sizes (small only shows on mobile) in various views. The number of stars gets cached locally, so half-stars may not show up until the app is rated again.
if you're going to use the `text-indent: 101%` trick instead of `hidetext`, shouldn't we update that mixin or at least create a new one?

while this solution is fine, I've seen a lot of cases of people using this as a blanket solution to hide text for non-screen readers. but as you may know, `text-indent: 101%` will not completely hide the text if the element has padding. [see these examples.](http://jsbin.com/qimav/1/)