Another big one. Rewrote all pictogram related css.

Deleted the three pictogram fonts and replaced it with a custom one. Renamed '_logo.scss' to '_pictograms.scss' and rewrote the whole damn file. Pictograms are now shown by using the HTML element 'i'.

By using a custom pictogram font, several old bugs were squashed. The pictograms are now properly positioned, and the weird 'overflowing-fonts-wrecks-box-shadows-in-Opera' bug has magically fixed itself.