UI machine console redesign

This PR is for review.

I've mocked my idea for console scaling. The menu is minimized to the left showing only icons, but all options are left visible. Currently it works only in desktop fullscreen (> 1200px) as it breaks other CSSes for smaller resolutions - I will fix it in later commits, if the overall idea will be accepted.

I attach screenshot, but @Nowaker please review it live locally, as the transitions matter as well:

![image](https://cloud.githubusercontent.com/assets/3458255/4490440/806238ca-4a2b-11e4-9727-bbdfeaffece1.png)

The problem with this approach is the console width is static. It has to react to the width noVNC has set. Just see this:

![console](https://cloud.githubusercontent.com/assets/611746/4495029/7c57c0c0-4a57-11e4-9725-1301fb979a3a.png)

Please also think of a case in which the desktop is even larger, that the collapsed version of the menu is still a problem. Go to https://alpha.virtkick.io and start openSUSE Installation. You'll see how big it is. 

I think that we need to collapse this menu like I showed you before (mobile-like).

Also, if noVNC set the width any higher than `$('#page-machine').width()`, then the console has to be centered "globally" (as if it weren't a child of `#page-machine`, or even `.main`), probably with some absolute positioning.
 
![console2]
(https://cloud.githubusercontent.com/assets/611746/4495265/c938cd42-4a59-11e4-9113-bc52373e097d.png)