[JUX] Changed layout of top menu bar

![z4q7h](https://f.cloud.github.com/assets/744259/1249406/dc63eacc-2adf-11e3-86fc-2df49645faa9.png)

- Added Joomla logo with link to admin on left.
- Moved site name + link to frontend to left.
- Replaced user name with cog icon.
- Moved main logo in toolbar to right.
- Changed font sizes to be more coherent.

*PS: This is a refactor and improvement of https://github.com/joomla-projects/joomla-cms/pull/173 
PPS: In screenshots "Joomla 3 dev" is the website title.*

### Old
![y276p](https://f.cloud.github.com/assets/744259/1249541/4fc6165a-2ae2-11e3-968c-6cfa1ecb7701.png)
### New
![euvh8](https://f.cloud.github.com/assets/744259/1249574/c4d7517a-2ae2-11e3-8e73-4e812465dbb0.png)

### Old
![v6vhv](https://f.cloud.github.com/assets/744259/1249550/6e6852e4-2ae2-11e3-94da-a77afef0ee14.png)
### New
![d94lv](https://f.cloud.github.com/assets/744259/1249421/388e51de-2ae0-11e3-8d62-417c8fe70dc5.png)

Screen size up to 767px
### Old
![rcvy8](https://f.cloud.github.com/assets/744259/1249557/94c575ca-2ae2-11e3-8c34-369dcb73c72e.png)
### New
![ismu7](https://f.cloud.github.com/assets/744259/1249446/7808a5da-2ae0-11e3-9a73-23dc9b44b645.png)

Screen size up to 480px
### Old
![t38ut](https://f.cloud.github.com/assets/744259/1249558/9904fd22-2ae2-11e3-9f7d-5dcc5f4bb2d1.png)
### New
![ts084](https://f.cloud.github.com/assets/744259/1249447/7ac11c9e-2ae0-11e3-8cc9-6ed7fb1ce4d5.png)

#### Updated bootstrap.js ?
- To fix hover issue on admin menus

In current master, if you click on a menu item to open the sub-menu, that submenu stays open when moving to another (top-)menu item. And it shouldn't.
The code added for this can be found on these lines: https://github.com/joomla-projects/joomla-cms/pull/238/files#diff-38878f657eb0a1c6fe9d820f59dc9bf4R724

Also I have added brackets around all single line if statements to prevent issues with minifying.