CSS Test

by BrokenJac

Arrow Circle Down Solid

This article is not part of the world and is intentionally unlisted This article is meant to be a simple sample of the world's CSS.

Headers

Noparse code looks like this

Quotes/Alouds

This is a regular aloud system, made through the following code

[aloud]...[/aloud]
I made an alert/warning to keep from adding spoilers [container:warning]..[/container]

This is just a regular quote block

— author block

[quote]...|author[/quote]
When taking quotes from novels or writing short narrative descriptions, this section is used. [container:text-excerpt]...[/container]
This is a makeshift panel [container:panel panel-default panel-body]...[/container]
This information is meant to be hidden. ▼Display Information▼ [container:hidden-info information-box][container:display-text]..[/container][container:display-hidden]▼Display Text▼[/container][/container] The '▼' is used through the commands: CTRL + SHIFT + U += 25bc
Other types can be made by replacing the "information-box" with other tags: This information is meant to be hidden. ▼Display Information▼ This information is meant to be hidden. ▼Display Information▼
It can also be displayed in regular text, though to prevent a center alignment, make sure to add the [left][/left] bracket around the text.

This information is meant to be hidden.

(Display Information)

This is a generic information display [container:information-box]...[/container]

Buttons

View Button

Welcome to spoilers

Special containers

There are lots of special containers that are automatically made such as .navigation and .world-navigation.

Syle Layers

• Layered List for Highlight Points
1. This is the ordered list
2. The Ordered List is fine

Bold Italics Underline Small Fonts

---

Sample Table

Headers	Sample	Sample
Bla	Bla	Bla
and	Ble	Ble Ble

1. This will be used as a list
2. Use anchors and header jump points

It is done through a container[container:navigation]...[/container]

by Jacob Billings

Arrow Circle Down Solid

The sidebar has all sorts of fun information
There are two types of links, appearing the same:

• Welcome to Opideon
• Return to home

The following section is meant to just test the panel use for containers

Hi

Just testing

— this system

Join the journey across the world, follow the wind and the path to find your way through the in-depth world of politics and people that control the magic of the world of Opideon. It all seems to work