CSS Theme Reference (see-ess-ess)
A visual reference of CSS styling on the theme of this world.
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.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
- One
- Two
- Three
- Four
- Five
- Six
Unordered list
- Fantastic
- Food
- Fun
- Fauna
- Feelings
- Fantasy
Checkboxes
Empty checkboxChecked 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,Spoiler button examplestrikethrough, a link.
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.
- ^ This jumps back to the first reference point using an achor link back to it.
Contents
Sidebar content panel top goes here
Sidebar content panel bottom goes here
Thanks for giving this a read!
If you enjoyed this article, please give it a like so I know what to make more of :D
If you enjoyed this article, please give it a like so I know what to make more of :D
Thanks so much for liking this article!
Your encouragement really motivates me to keep creating and spread more JOY!
Your encouragement really motivates me to keep creating and spread more JOY!
Test comment!
Follow me on Bluesky for more pixel art :D