There are some changes related to this task in trunk. Parts of the original idea for the design are deprecated, since they are not working well on all websites.

Deprecating style attributes might not work because of rules marked as !important  (all). Such syntax is needed to overcome the website design for sure. For example it will not work for "display: none !important;" or "display: none;" properties when "display: block !important" is used in another class for the same element.

As discussed over Jabber with Anton, there are few more changes needed on my side, after which he will make some visual improvements and changes.

TODO (for me):

• The time slider/progress bar should be changed, so that its height is reduced after some time. On mouse over/move the height of the bar should be increased again. Just like in YouTube.

• The usage of the style attribute should be reduced as much as possible and everything that is not dynamically extracterd from websites should be implemented as CSS rules. Later, the required/desired visual changes will be accomplished by switching the CSS rules with JavaScript.

The interface should be changed to improve usability. YouTube's layout (all at the bottom bar) seems practical.

The upgrade notification should be rendered outside the video interface when there are no objects detected.

The debug log should be rendered outside the video interface. See also task #12177.

It is probably a good idea to render the about dialog outside the video interface as well.

The button with the logo that opens the about dialog should have the current version as a tooltip.

The HD links button must be outside the controls, so it could be rendered when the buttons of Linterna Mágica are stopped and the ones of the video plugin are used.

[1] http://linterna-magica.nongnu.org/images/internaface-mockup.png