CSS Test
CSS Testing for Beckettville
A quick reference for all CSS and BBcode in Beckettville.
Headers
Header One (1)
[h1]Text[/h1]Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus. Donec cursus lobortis odio, nec consectetur turpis facilisis eget. Duis malesuada, dui id auctor luctus, risus purus molestie mauris, quis ullamcorper diam arcu at elit. The Hiram Beckett Company. Waste Management.
Header Two (2)
[h2]Text[/h2]Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus. Donec cursus lobortis odio, nec consectetur turpis facilisis eget. Duis malesuada, dui id auctor luctus, risus purus molestie mauris, quis ullamcorper diam arcu at elit. Praesent bibendum feugiat lacinia.
Header Three (3)
[h3]Text[/h3]Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus. Donec cursus lobortis odio, nec consectetur turpis facilisis eget. Duis malesuada, dui id auctor luctus, risus purus molestie mauris, quis ullamcorper diam arcu at elit. Praesent bibendum feugiat lacinia.
Header Four (4)
[h4]Text[/h4]Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus. Donec cursus lobortis odio, nec consectetur turpis facilisis eget. Duis malesuada, dui id auctor luctus, risus purus molestie mauris, quis ullamcorper diam arcu at elit. Praesent bibendum feugiat lacinia.
Headers in 2 Columns
[row][col][/col][col][/col][/row]
Header 1
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus.Header 2
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus.Header 3
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus.Header 4
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus.Headers in 3 Columns
[row][col3][/col3][col3][/col3][col3][/col3][/row]
Header 1
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus.Header 2
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus.Header 3
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus.Header 4
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus.Headers in Many Columns
[row][container:col-md-3][/container][container:col-md-3][/container][ container:col-md-3][/container][container:col-md-3][/container][/row]
Header 1
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus.Header 2
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus.Header 3
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus.Header 4
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus.Text Additions
[b][/b] | [i][/i] | [small][/small] | [sub][/sub] | [sup][/sup]Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus. Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus.
[ui][li][/li][li][/li][/ui]
- Dolōrem ipsum
- Dolōrem ipsum
- Dolōrem ipsum
[ol][li][/li][li][/li][/ol]
- Dolōrem ipsum
- Dolōrem ipsum
- Dolōrem ipsum
Horizontal Lines
[hr]
[concol][hr][/concol]
[row][col][hr][/col][col][hr][/col][/row]
[row][col][concol][hr][/concol][/col][col][concol][hr][/concol][/col][/row]
[row][col3][hr][/col3][col3][hr][/col3][col3][hr][/col3][/row]
[row][col3][concol][hr][/concol][/col3][col3][concol][hr][/concol][/col3][col3][concol][hr][/concol][/col3][/row]
Images
[img:#######] | [img:#######|center] | [img:#######|center|200]
[img:3063402|right|100]
[img:3063402|left|100]
[img:3063402|center|100]
Containers
Quotes
[quote][/quote]
Dolōrem ipsum dolor sit amet
Dolōrem ipsum dolor sit amet
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus. Donec cursus lobortis odio, nec consectetur turpis facilisis eget.
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus. Donec cursus lobortis odio, nec consectetur turpis facilisis eget. Duis malesuada, dui id auctor luctus, risus purus molestie mauris, quis ullamcorper diam arcu at elit. Praesent bibendum feugiat lacinia.
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus. Donec cursus lobortis odio, nec consectetur turpis facilisis eget. Duis malesuada, dui id auctor luctus, risus purus molestie mauris, quis ullamcorper diam arcu at elit. Praesent bibendum feugiat lacinia.
Aloud
[aloud][/aloud]
Dolōrem ipsum dolor sit amet
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus. Donec cursus lobortis odio, nec consectetur turpis facilisis eget. Duis malesuada, dui id auctor luctus, risus purus molestie mauris, quis ullamcorper diam arcu at elit. Praesent bibendum feugiat lacinia.
Other
[spoiler][/spoiler]Dolōrem
Dolōrem ipsum dolor sit amet
Header One
Header Two
Header Three
Header Four
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Link Test[code][/code]
Dolōrem ipsum dolor sit amet
[container: panel panel-default] [container: panel-heading]Panel Heading[/container] [container: panel-body]9 candy canes[/container] [container: panel-footer]Panel Footer[/container] [/container]
Panel Heading
9 candy canes
Custom
[container:box-special][section:corner-icon fa-solid fa-exclamation] [/section][/container]
Use this for important notes. In TTRPG articles it is used to denote read-aloud or paraphrase portions of adventures. The icon can be switched with any FontAwesome icon.
Header One
Header Two
Header Three
Header Four
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Link Test[container:box-contain box-orange][/ container]
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus. Donec cursus lobortis odio, nec consectetur turpis facilisis eget.
Header One
Header Two
Header Three
Header Four
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Link Test[container:box-contain box-decree][/ container]
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus. Donec cursus lobortis odio, nec consectetur turpis facilisis eget.
Header One
Header Two
Header Three
Header Four
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Link Test[container:box-contain box-beckett][/ container]
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus. Donec cursus lobortis odio, nec consectetur turpis facilisis eget.
Header One
Header Two
Header Three
Header Four
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Link Test[container:box-contain box-meta][/container]
Subscriber Boxes
[container:box-contain box-employee][/ container]
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis vitae orci vel vulputate. Maecenas vestibulum sem eget consequat dapibus. Donec cursus lobortis odio, nec consectetur turpis facilisis eget.
Header One
Header Two
Header Three
Header Four
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Link TestEmployee Eyes Only
Classified Information
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Link Test
Management Eyes Only
Classified Information
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Link Test
Executive Eyes Only
Classified Information
Dolōrem ipsum dolor sit amet, consectetur adipiscing elit. Link Test
Special Containers
Name
Position
LOCATION: FinTech Center
Accounting & Budgeting
On top of running the Bank of Beckettville, Accounting & Budgeting also oversees all financial reporting, payroll, prepare operating budgets, and other necessary accounting services for the city of Beckettville.Billing & Collection
In order to keep Beckettville running, Billing & Collection deals with taxes, taking payments, fee payments, and city services debt. As long as they are paid on time, you will never see a member of Billing & Collection.Do you wish to join in our public forums?
We meet with the citizens of Beckettville every Tuesday starting at 9:00am sharp. Forums are held on the first floor of the FinTech Center, conference room B.
Misc Assets
btn
btn-default
btn-primary
btn-success
btn-info
Peanut
Butter
Jelly
Time
First item
Second item
Third item
Comments