[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
also of note of the 4 gradient images IE9 only has problems with two as they are the only ones that require radiuses without wraps. the  ul.forums and .button1-3 can be converted with no problems with IE9