Forum Style Classes

Post by **VeniaSilente** » 2022-Mar-29 15:18

As a support for styling community content, here's a quick display of CSS style classes available in the WAAPT Forum. These allow for styling text using the tags [sclass=classname...] [/sclass]. Note that this is a work in progress and more class names may be added in the future.

First, some styles have their own tags which you may find also in the post box.

Evil text: this is a staple of WAAPT's TvTropes-based history and is basically danger text in a black background.

Code: Select all

The true nemesis of WAAPT is [EVIL]timezones[/EVIL].

The true nemesis of WAAPT is timezones.

Text indentation: class "indent" allows for giving a paragraph a small indentation. Ideally, when writing multiple indented paragraphs, each paragraph should carry an indent tag on its own, but it may, perhaps, work well with an encompassing tag. This can be accessed more easily also with the [INDENT] tag.

Code: Select all

Some normal lines of text, ideally long enough that they show up a little. This is basically normal narration about our protagonists doing stuff.
[INDENT]Some indented text. Ideally this should be long enough that gets to multiple lines. For example, it could be a narrative indication of an alternate scene description, a flashback, etc.
[/INDENT]
Back to our normal, non-indented text programme.

Some normal lines of text, ideally long enough that they show up a little. This is basically normal narration about our protagonists doing stuff.

Some indented text. Ideally this should be long enough that gets to multiple lines. For example, it could be a narrative indication of an alternate scene description, a flashback, etc.

Back to our normal, non-indented text programme.

Letter / word decoration:

Some specific classes are added to the forum to provide access to common typographical and decoration effects. Here is a(n always incomplete) sample of a few of them.

Code: Select all

Some normal affairs here, and some [sclass=small-caps]Serious Business[/sclass] affairs over there.
Some normal affairs here, and some [sclass=titling-caps]Serious Business[/sclass] affairs over there.

Some normal affairs here, and some Serious Business affairs over there.
Some normal affairs here, and some Serious Business affairs over there.

Code: Select all

Back in the 90's, [sclass=blink]annoying blinking text[/sclass] was a staple 
of old personal Geocities, MySpace blogs.

Back in the 90's, annoying blinking text was a staple of old personal Geocities, MySpace blogs.

Code: Select all

Sometimes you need to [sclass=txt-stretch]elongate[/sclass] your text to exercise it.

Sometimes you need to elongate your text to exercise it.

Code: Select all

If you don't want to reveal who the killer is, you can [sclass="spoilered"]put it in a spoiler[/sclass]. Viewers will need to activate it to view it, and it will be lost on print or on save-as.

If you don't want to reveal who the killer is, you can put it in a spoiler. Viewers will need to activate it to view it, and it will be lost on print or on save-as.

Code: Select all

You can also [sclass="REDACTED"]redact text[/sclass]. Normal viewers will need to select it to view it, but print mode or save-as might expose it.

You can also redact text. Normal viewers will need to select it to view it, but print mode or save-as might expose it.

----