[ticket/12821] Fix All gradients

This is two changes
1. Fix all the current gradients to be consistent and handled correctly
2. Replace the remaining gradient gifs with css gradients IE: .headerbar, .forabg, .forumbg, .button1-3 , .forums, .dropdown-extended .header

TODO:
- [x] Chrome (Mac)
- [x] Firefox (Mac)
- [x] Safari (Mac)
- [ ] Opera (Mac)
- [x] Chrome (Win)
- [x] Firefox (Win)
- [ ] Opera (Win)
- [x] IE 8
- [x] IE 9
- [x] IE 10
- [x] Safari (IOS)
- [x] Chrome (IOS)
- [ ] Android

Ticket: https://tracker.phpbb.com/browse/PHPBB3-12821

PHPBB3-12821
I disagree with "biting the bullet" on this. You're assuming there is some pressing need to use CSS gradient instead of the four little images (server requests are not a pressing need, as the images get cached). The bottom line here should be, if we can't accomplish this in all the browsers we support, we should not do it.