CSS Theme Reference (see-ess-ess)

A visual reference of CSS styling on the theme of this world.

Optional use: header credits section

Overview

You've found my CSS testing article! An example of an article link and also of a bold reference to something. This paragraph is purposely going to be quite long so I can see the effect of the dropcap, but also try other bits of BBCode. Sometimes I might want to use references^[1] combined with an anchor url so it jumps to the footnotes section. I like to style my strikethroughs like Discord-style text spoilers.
Here's an example of italicised text and also some highlighted text.
This text is smol but still just as appreciated as the other text!

Colours

	Dark	Normal	Light	Highlight
Light	--JOY-ld	--JOY-l	--JOY-ll	--JOY-lh
Secondary	--JOY-sd	--JOY-s	--JOY-sl	--JOY-sh
Primary	--JOY-pd	--JOY-p	--JOY-pl	--JOY-ph
Interactive	--JOY-id	--JOY-i	--JOY-il	--JOY-ih
Dark	--JOY-dd	--JOY-d	--JOY-dl	--JOY-dh

Text and headings

Test A

Test B - Lists

Ordered list

1. One
2. Two
3. Three
4. Four
5. Five
6. Six

Unordered list

• Fantastic
• Food
• Fun
• Fauna
• Feelings
• Fantasy

Checkboxes

Empty checkbox
Checked box
Left chevron box
Right chevron box
Crossed box
Plus box
Minus box

Test C

---

Footnotes BBCode

In text:

Text goes here.[sup][anchor|cite-ref-1][url:#cite-note-1][1][/url][/sup]

In footnotes:

[ol]
[li][anchor|footnote1][sup][url:#cite-ref-1]^[/url][/sup] This jumps back to the first reference point using an achor link back to it.[/li]
[/ol]

This is an aloud with bold, italic, strikethrough, a link.

This is a quote with bold, italic, strikethrough, a link.

— Quoted person.

Spoiler button example

This is a spoiler with bold, italic, strikethrough, a link

Secret example

Another header

This should be A

heading 4

heading 4

This is the footnotes section.

1. ^{^} This jumps back to the first reference point using an achor link back to it.

Sidebar top goes here

Sidebar content panel top goes here Sidebar content panel bottom goes here

Sidebar bottom goes here

Exalted Councilor of the Inner Sanctum tjtrewin

TJ Trewin

---

Please consider voting for me in the 2024 Worldbuilding Awards!

This is the full width footer section.