Reveals text hidden by in-line spoiler blocks on SpaceBattles and Sufficient Velocity.
Spoiler bar formatting:
[qs]hover to reveal spoiler text[/qs]
[ispoiler]click to reveal spoiler text[/ispoiler]
Without the userstyle, text between the spoiler tags is blocked out. The text is revealed when the mouse cursor hovers over or clicks on the spoiler block, respectively.
With the userstyle installed, the contents of the spoiler block are changed to red text on a black background so that the text is always visible. (Users may customize the colors.)
Notes
2021-10-25: fixed bug with lists inside spoiler
2021-10-24: fix for SB/SV CSS changes
2020-04-12: updated to work with XF2.
Source code
/* ==UserStyle==
@name SB/SV Reveal QS Spoilers
@namespace USO Archive
@author mistakenot
@description `Reveals text hidden by spoiler bars on SpaceBattles and Sufficient Velocity. Spoiler bar formatting: <code>[qs]text[/qs]</code>Without the userstyle, text inside the spoiler bar's [qs] tags is blacked out (black text on a black background). The text is revealed when the mouse moves over the spoiler bar and the text color changes to grey. With the userstyle installed, the color of the spoiler bar text is red so the text is always visible.`
@version 20200412.11.34
@license CC-BY-SA-4.0
@preprocessor uso
@advanced color qsText "Spoiler Text" #FF0000
@advanced color qsBackground "Spoiler Background" #000000
@advanced color qsTextHover "Spoiler Text (mouseover)" #CCCCCC
@advanced color qsBackgroundHover "Spoiler Background (mouseover)" #191F2D
==/UserStyle== */
@-moz-document domain("forums.spacebattles.com"), domain("forums.sufficientvelocity.com") {
span.bbc-spoiler:not(:hover):not(:active), .bbc-spoiler:not(:hover):not(:active) * {
background-color: /*[[qsBackground]]*/ !important;
color: /*[[qsText]]*/ !important;
}
span.bbc-spoiler:hover {
background-color: /*[[qsBackgroundHover]]*/ !important;
color: /*[[qsTextHover]]*/ !important;
}
}
