Editing CrucibleCodexStyles (section)

== Nightcats Example ==

This is paragraph text in the Nightcats skin.

<div class="codex-panel">
<div class="codex-panel-title">Jungle Lore</div>
The canonical <code>codex-panel</code> is supported here, and maps to the older Nightcats panel styling.
</div>

<div class="nightcats-panel">
<div class="nightcats-panel-title">Legacy Nightcats Panel</div>
The legacy Nightcats class still works too.
</div>

<table class="nightcats-stats">
<tr><th>Strength</th><td>d8</td></tr>
<tr><th>Agility</th><td>d6</td></tr>
</table>

<div class="nightcats-tags"><strong>Tags:</strong> Beast, Jungle, Rare</div>

<blockquote>
The jungle remembers what men forget.
</blockquote>
</div>

=== Nightcats-Specific Classes ===

* <code>nightcats-header</code>
* <code>nightcats-panel</code>
* <code>nightcats-panel-title</code>
* <code>nightcats-panel-subtitle</code>
* <code>nightcats-panel--beast</code>
* <code>nightcats-panel--hazard</code>
* <code>nightcats-panel--sorcery</code>
* <code>nightcats-stats</code>
* <code>nightcats-tags</code>
* <code>nightcats-panel-grid</code>
* <code>nightcats-panel-grid--two</code>
* <code>nightcats-panel-image-top</code>
* <code>nightcats-frame right</code> for responsive image behavior in the CSS

=== Nightcats Example Markup ===

<pre>
<div class="codex-page codex-page--nightcats">
<div class="nightcats-panel nightcats-panel--beast">
<div class="nightcats-panel-image-top">
[[File:Tiger.jpg|380px]]
</div>
<div class="nightcats-panel-title">Tiger</div>
A silent killer of the green dark.
</div>
</div>
</pre>