Clean up and conventions in shared.css

Clean up and conventions in shared.css
* Put rules and selectors on their own line consistently. Space is not an issue and is stripped automatically. Readability is what we need. Selectors line up nicely underneath achother.
* Expanded shorthand . notation to 0. where applicable
* Remove trailing spaces
* Fix double spaces to single spaces, and expand comment sections if needed (ie. one * per  line)
* Put @noflip's consistently on the line before the rule itself (just like we do for @embed). If it should apply to all rules in a selector, then @noflip must be before the { somewhere. There is no difference between @noflip before the rule on the same line or the line above (eg. /* noflip */ foo: bar; or /* noflip */ \n foo: bar;)