CrucibleCodexStyles

Crucible Codex Styles Guide

This page is a visual reference for reusable Codex formatting styles.

Use it as a copy-and-paste library when building new pages.

Shared Codex Wrapper

This is the standard shared wrapper used across subsites.

This is a plain codex-page wrapper. It gives the page its centered panel, padding, rounded corners, and shadow.

<div class="codex-page">
Your page content here.
</div>

Shared Navigation

This is the generic Codex nav style.

Codex Navigation Home • Help • All Pages

<div class="codex-navbox">
<strong>Codex Navigation</strong>
[[Main Page|Home]] • [[Help:Contents|Help]] • [[Special:AllPages|All Pages]]
</div>

Nightcats Skin

Nightcats Example

This is a paragraph inside codex-page codex-page--nightcats.

A link looks like this.

Header	Header
Cell	Cell
Cell	Cell

The jungle remembers what men forget.

<div class="codex-page codex-page--nightcats">
== Nightcats Example ==

Paragraph text.

{| class="wikitable"
! Header !! Header
|-
| Cell || Cell
|}

<blockquote>
Quoted text.
</blockquote>
</div>

Five Fists / Burning Temple Skin

Burning Temple Example

This is the base FFBT wrapper.

Master’s Saying Patience is also a weapon.

Disciplined Style

Style Box

Use this for schools, techniques, or doctrine summaries.

Master Iron Crane
Agility d8, Smarts d6, Spirit d8, Strength d6, Vigor d8

Tiger Style

Relentless, fierce, direct.

Crane Style

Precise, elegant, evasive.

Monkey Style

Unpredictable, agile, deceptive.

Maneuver	Effect
Throw	Put the foe on the ground
Lock	Limit movement

Martial Discipline Honor

<div class="codex-page codex-page--ffbt">

<div class="ffbt-callout">
<strong>Master’s Saying</strong>
Patience is also a weapon.
</div>

<div class="ffbt-seal">Disciplined Style</div>

<div class="ffbt-stylebox">
=== Style Box ===
Use this for schools, techniques, or doctrine summaries.
</div>

<div class="ffbt-statblock">
'''Master Iron Crane'''<br>
Agility d8, Smarts d6, Spirit d8, Strength d6, Vigor d8
</div>

<div class="ffbt-grid">
<div class="ffbt-card">
=== Tiger Style ===
Relentless, fierce, direct.
</div>
<div class="ffbt-card">
=== Crane Style ===
Precise, elegant, evasive.
</div>
</div>

<div class="ffbt-table">
{| class="wikitable"
! Maneuver !! Effect
|-
| Throw || Put the foe on the ground
|}
</div>

<span class="ffbt-tag">Martial</span>
</div>

Sigil Lands Skin

Sigil Lands Example

This is the Sigil wrapper.

It is suited to chronicles, lore essays, and older world material.

Realm	Condition
Angharais	Enduring
Vorghol	Shrouded

<div class="codex-page codex-page--sigil">
== Sigil Lands Example ==

Lore text here.

{| class="wikitable"
! Realm !! Condition
|-
| Angharais || Enduring
|}
</div>

Stormbringer Skin

Stormbringer Example

A world of dying empires and bargains best left unmade.

This is the Stormbringer wrapper.

Storm Panel
Use this for sidebars, lore capsules, or boxed rules.

Chaos Callout
Use this for uncanny, mutating, or destabilizing material.

Doom Callout
Use this for prophecy, corruption, price, or fatal consequence.

Power	Cost
Sorcery	Corruption
Empire	Decay

All victories are temporary. Some are merely more splendid in their ruin.

<div class="codex-page codex-page--stormbringer">
= Stormbringer Example =

<div class="storm-subtitle">A world of dying empires and bargains best left unmade.</div>

Paragraph text here.

<div class="storm-panel">
'''Storm Panel'''<br>
Use this for sidebars, lore capsules, or boxed rules.
</div>

<div class="storm-callout-chaos">
'''Chaos Callout'''<br>
Use this for uncanny, mutating, or destabilizing material.
</div>

<div class="storm-callout-doom">
'''Doom Callout'''<br>
Use this for prophecy, corruption, price, or fatal consequence.
</div>

{| class="wikitable"
! Power !! Cost
|-
| Sorcery || Corruption
|}
</div>

Stormbringer Navigation

Stormbringer Codex Home • Players Guide • Character Creation • Careers • Boons • Flaws • Sorcery • Peoples • Young Kingdoms • Law and Chaos

<div class="codex-nav--stormbringer">
<span class="storm-nav-title">Stormbringer Codex</span>
[[Stormbringer:Home|Home]] •
[[Stormbringer:Players Guide|Players Guide]] •
[[Stormbringer:Character Creation|Character Creation]] •
[[Stormbringer:Careers|Careers]] •
[[Stormbringer:Boons|Boons]] •
[[Stormbringer:Flaws|Flaws]] •
[[Stormbringer:Sorcery|Sorcery]] •
[[Stormbringer:Peoples|Peoples]] •
[[Stormbringer:Young Kingdoms|Young Kingdoms]] •
[[Stormbringer:Law and Chaos|Law and Chaos]]
</div>

Quick Reference

Shared

• codex-page
• codex-navbox
• codex-banner

Nightcats

• codex-page codex-page--nightcats
• codex-navbox codex-navbox--nightcats

Burning Temple

• codex-page codex-page--ffbt
• ffbt-callout
• ffbt-seal
• ffbt-stylebox
• ffbt-statblock
• ffbt-grid
• ffbt-card
• ffbt-table
• ffbt-tag

Sigil Lands

• codex-page codex-page--sigil
• codex-navbox codex-navbox--sigil

Stormbringer

• codex-page codex-page--stormbringer
• storm-subtitle
• storm-panel
• storm-callout-chaos
• storm-callout-doom
• codex-nav--stormbringer
• storm-nav-title