Complete move to Bootstrap tooltips

This PR replaces all the use of the old Mootools tooltips (hasTip) to the Bootstrap tooltips (hasTooltip).

This PR also includes:
* Addition of tooltips to stuff that only had titles
* Removal of tooltips from stuff
* Some syntax fixes
* CSS fixes regarding tooltips (including changing alignment of tooltip texts to left instead of center)
* Removal of redundant code (like the ```JHtml::_('behavior.tooltip')``` all over the place
* Rewrite of js/css and some php of the media file select field to be able to use the Bootstrap tooltip

### New tooltipText method
To facilitate this, I have added a method to the JHtml class called *tooltipText*.

This method concatenates a title and content to the  ```<strong>foo</strong><br />bar``` style, like:
```
JHtml::tooltipText('FOO', 'BAR');
```
It also prepares the texts to be used as tooltip, like escaping the quotes to html entities, passing the strings through JText, defining whether to return only the title or content, etc.
It also can handle the old ```foo::bar``` style string and convert it.

### Testing instructions
Pretty much check everything in all pages that can have a tooltip to see if the tooltip displays ok.