World Anvil CSS add-on: Simple Scrolls

Add interactive elements to your world's articles!

This is a specific bit of art and coding (CSS and BBCode, with a readme) for use on the world-building platform of World Anvil. It comes with the CSS, Art, and BBCode for both the vertical and horizontal scrolls. Only those who are of Grandmaster or higher rank on World Anvil will be able to make use of this, due to requiring access to containers! Additionally, it requires the visibility toggle on your world to be turned off -- see below.

Do you want to buy ALL my add-ons at one time at a reduced price? Look no further than the "I want it all" bundle here!

Specifications

These scrolls work perfectly as enhanced spoilers that let you hide quotes, prose, details, whatever you like within something that feels physical and real -- adding some interactivity to your article! As you can see in the screenshots, the horizontal scroll takes up 2 of the "3" columns an article is made up of, while the vertical version fits within one. The vertical scroll fits easily on mobile view, but the horizontal doesn't work as cleanly.

If you would like to see the locking spoiler in action and try it yourself, visit this World Anvil page!

Theme Compatibility

Tested and confirmed to work on every single default theme! The only thing that might need changing here and there, depending on which theme is used, is the font and colouring of things within the scroll. However, this is very easily done, and something I can help with should you like it! As always, custom theme compatibility isn't guaranteed, but I'm sure we can make it work as well.

NOTES:

Complexity Medium

BS5 Support BS5 and BS3 compatible!

BBCode wordcount Roughly 50 words

CSS line count Roughly 200 lines each

Requirements Must be Grandmaster or higher rank, and must turn off the visibility toggle on World Anvil (see image below)