[Stylish] 2-Column Initiative

I threw together this  Stylish script for for a dual column Turn Order: @-moz-document domain("app.roll20.net") { #initiativewindow .characterlist     {     -moz-column-count: 2;     -moz-column-gap: 20px;     -webkit-column-count: 2;     -webkit-column-gap: 20px;     column-count: 2;     column-gap: 20px; } } Looks like this: Cheers!

What kind of combats are you running? Dear god!

This is a battle in Grudd Haug, but we have a pretty big party, so the other side has grown as well.. =D

Last week we had a combat with 70 drow on the opposition side. Even this wouldn't have helped much. It took a while to cycle through each round...

Wow!  You can change the 2 to 3 or 4 to get as many columns... :)

Any way you know of to pop the initiative tracker out into its own window?

Not possible at the moment I think.

Yeah, I'm afraid not... at least not easily... certainly, not with a stylish theme.  

Thanks folks.

How does one use this?  Trying to plug it into the API throws an error.

This is for use with Stylish, a browser extension that allows client side site customisation.

Yes, the important thing to remember with Stylish, is that unlike API, macros, etc., the changes are only for you. Everything will looks the same for everyone else in the game.

Oh! I'm an idiot and thought that stylish was being used as an adjective.

No worries.  I made it more obvious in the original post. =D

Scott C. said: What kind of combats are you running? Dear god! That was just a minor guard post. I don't pull any punches.  It's up to the players to figure out how to survive in a hostile world. :)

Odd. Not getting it to work in mine but shows it as enabled and active.

You may need to add "!important" at the end of each css command to force the style. ie @-moz-document domain("app.roll20.net") { #initiativewindow .characterlist     {     -moz-column-count: 2 !important;     -moz-column-gap: 20px !important;     -webkit-column-count: 2 !important;     -webkit-column-gap: 20px !important;     column-count: 2 !important;     column-gap: 20px !important; } } also, if your on the dev server try @-moz-document domain("app.roll20dev.net") { #initiativewindow .characterlist     {     -moz-column-count: 2 !important;     -moz-column-gap: 20px !important;     -webkit-column-count: 2 !important;     -webkit-column-gap: 20px !important;     column-count: 2 !important;     column-gap: 20px !important; } } Just adding both servers seperated by a comma may work as well (not sure) ie " @-moz-document domain("app.roll20.net, app.roll20dev.net") "

I deleted the first and last lines and now it works.

OldSchoolChris said: I deleted the first and last lines and now it works. I think those are used to import into Stylish.  I use  Stylist  after there were some hiccups with Stylish a while back.  I did the same as you and entered the css class info directly.  Glad it works

Vince said: OldSchoolChris said: I deleted the first and last lines and now it works. I think those are used to import into Stylish. That the @document CSS at-rule , which is used specify the exact websites the contained rule-sets should be applied to (Firefox only). For rule-sets intended to be used solely in-app, I use this @document rule: @-moz-document url-prefix("<a href="https://app.roll20.net/editor/" rel="nofollow">https://app.roll20.net/editor/</a>"), url-prefix("<a href="https://app.roll20dev.net/editor/" rel="nofollow">https://app.roll20dev.net/editor/</a>") { [...] }