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.
raltsm4k
joined 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!
/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.
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)
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.
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?