[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
That's not really my point. The point is the positioning of the gradient steps.
![changes](https://cloud.githubusercontent.com/assets/3015760/3496316/4e62ed30-05e1-11e4-98e0-1c54c6de0c95.png)