Merging transparent widgets

Hey @simurai, I'd love to get these transparent widgets into master. But there was a pretty big merge conflict between this and the relative font sizing, which I have tried to resolve.

- Can you check the changes in one of the css files to see that I resolved the conflicts in the right way?
- Can you look at the samples and visually check they look right to you?

Then I will get this all merged in, yay.