Steam Broadcasting Video Showcase

Added by stevemario@userstyles, Created: Dec 07, 2014, Updated: Oct 08, 2015
  • With the style applied
  • BEFORE style
  • AFTER, showing messages
  • AFTER, showing log out button
Chat Area Background Color
Chat Area Background Transparancy
Chat Width

Description:

This style showcases broadcasts' videos and chats.

First, most of the global Steam header elements have been hidden. The useful stuff I kept on the top of the chat area.

Second, all the empty spaces on the sides of the broadcast video and chat are removed.

I also made use of an element to recolor chat. I liked the vignette the original image had so I keep it but color it (with low transparency.) If you would prefer a solid color, choose full transparency, ie 1.

Thank you for installing and please send me feedback, suggestions and requests for things you want in Steam Broadcasting UI down in the Discussions section below and remember to review.

More info
When chat is minimized the layout will start to show unideal UI drawing. The global header stuff I've placed on top of chat will remain. That's because the flag that gets affected by chat toggle is not a parent of those elements, so I can't hide that stuff once chat gets toggled off, at least as far as I know in css.
Install Style

First install FreeStyler to use this style.

If you already installed it, please, make sure this site is allowed to run JavaScript.
MS Edge doesn’t support add-ons at the moment, so FreeStyler is unavailable for it.

But you can download Freestyler for other browsers and apply styles there!

Installs:
Applies to:
http://steamcommunity.com/broadcast/watch/
License:
CC0 1.0 Universal.

Related styles: