• entries
    18
  • comments
    34
  • views
    28843

Maximized IPBoard Chat

Sign in to follow this  

2832 views

Hi there. It's been a while. Spent some time today fixing up the stupid IPBoard chat. I somehow managed to monkey-patch IPBoard's styles to maximize use of screen space:

Before:
xzmlbsw.png

After:
F4UgxdS.png
70KqX4X.png
RxzwX7Y.png

The style can be found below and can be used installed using the Stylish addon (Firefox/Chrome). Chrome users must remove the @-moz-document directive and surrounding braces.

@namespace url(http://www.w3.org/1999/xhtml);@-moz-document url("http://www.gamedev.net/chat/") {* { box-sizing: border-box !important; }body { padding: 0 !important;}html, body { height: 100%; width: 100%; overflow: hidden;}#ipbwrapper { max-width: initial; max-height: initial; height: 100%; height: 100%;}#chatters-online-wrap,#scrollbar_container,.ipsLayout_content,#ipbwrapper > .ipsLayout { height: 100%;}.ipsLayout_content,#ipbwrapper > .ipsLayout > .ipsLayout_right { height: 100%; float: right; display: table;}.ipsLayout_content > *,#ipbwrapper > .ipsLayout > .ipsLayout_right > * { display: table-row;}#chatters-online,#messages-display { position: absolute; left: 0px; top: 0x; width: 100%; height: 100%;} @media (max-width: 960px) { .ipsBox_container.ipsLayout_right { width: 250px !important; float: right !important; } .ipsBox_container.ipsLayout_content { overflow: hidden !important; height: 100% !important; width: initial !important; }}#chatters-online { position: absolute; width: 100%; height: 100%; overflow: scroll; left: 0px; top: 0px;}#chatters-online-wrap { overflow: hidden; position: relative; left: 0px; top: 0px;}#chatters-online-wrap + .ipsPad.right { float: initial; text-align: right;}}Anywho, that's all for now. See you around.


EDIT:
Quick fixed chatrooms, small screen sizes.

Sign in to follow this  


6 Comments


Recommended Comments

Thanks, Gooey.

Navyman: Nah, this has only been tested on firefox version whatever on my machine. It’d probably not be a good idea until I do more testing.

Share this comment


Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now