raltsm4k

joined 1 year ago
[–] [email protected] 2 points 1 year ago (4 children)

Huh, are you running version 0.2 of the script? I pushed the sorting update not too long ago and I don't currently have it configured to auto-update. If you are up to date, would you mind telling me your browser and which monkey extension you're using?

[–] [email protected] 10 points 1 year ago* (last edited 1 year ago) (8 children)

Made a script that does it, here's a link if anyone's interested: https://greasyfork.org/en/scripts/469121-floating-subs-list
Note that it'll only work on screens wider than 1136px.

https://i.imgur.com/4skgYVk.png

[–] [email protected] 2 points 1 year ago (1 children)

The script adds toggles for both features under the settings area so you can just toggle off comment collapsing if you already have a script that does that.

[–] [email protected] 1 points 1 year ago

Not sure about JS, but from some cursory experimentation there don't seem to be any limitations on what can be done with the custom CSS. It seems to just load whatever CSS code you put there into a style block at the top of the finalized page source, so anything goes really. I wouldn't be surprised to see limitations on this in the future since this could obviously lead to some annoyances from making the entire page invisible to overlaying a seizure gif onto everything.

As far as documentation I don't know of anything official, but /m/kbinStyles seems like your best bet for asking questions, alongside using inspect element to identify the elements you want to style while consulting a CSS reference like w3schools. Also iirc, browser extensions like Stylus let you create custom themes for sites while previewing them on the fly which would be pretty helpful here. As long as you're not trying to do anything crazy complex you could probably learn what you need to style a magazine in an afternoon!

[–] [email protected] 1 points 1 year ago

/m/kbinStyles seems like what you'd want, it's not super populated but I'm sure there's some knowledgeable people who could help you out. If you don't find help there you can also feel free to message me since I have some CSS knowledge.

[–] [email protected] 0 points 1 year ago (2 children)
[–] [email protected] 1 points 1 year ago (4 children)

My bad, you need to remove the quotes from around the URL, it doesn't like those for some reason. So it'll be url(https://imgur.com/9Ns6RVS.png)

[–] [email protected] 0 points 1 year ago (6 children)

No worries, you need to include the pound sign before middle. So
#middle { background-image: url('https://imgur.com/9Ns6RVS.png'); background-repeat: no-repeat; background-size: cover; }
should work.

[–] [email protected] 0 points 1 year ago (8 children)

Figured it out, you need to target #middle instead of body for the background to appear :)