User:Tempest Dawn/Table Examples
(Redirected from UserWiki:Tempest Dawn/Table Examples)
This page is for testing updates to the STDT Template table styles. As these CSS rules are going to end up in the global themes once finished, currently you need to apply userstyles in order to see the new styles (things will look broken if not). See User:Tempest Dawn/vector.css
Basic Tables
Generic (no class)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
DPS role (Maroon)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Healer role (Dark-green)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Tank role (Steel-blue)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Crafting role (Gray)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Gathering role (Olive)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Pet role (Teal)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
NPC (Lime)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
PVE (Gold)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Equip (Orange)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Item (Orange)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Note that the new version of this is the same colors as the new version of the "Equip" style above, these seem similar enough that I think they should be combined
Skin (Pink)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Mech 1 (Blue)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Mech 2 (Turquoise)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Lore (Violet)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Location (Purple)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Promo (Yellow-Green)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Buff (Aquamarine)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Debuff (Green)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Crafting (Brown)
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Complex Examples
Multi-row headers
| Column 1 | Column 2 | Column 3 | Wiiiiiide column 4 | Column 5 | Column 6 | Column 7 | ||
|---|---|---|---|---|---|---|---|---|
| 4.1 | 4.2 | 4.3 | ||||||
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1 | bleh 4.2 | bleh 4.3 | bleh 5 | bleh 6 | bleh 7 |
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1 | bleh 4.2 | bleh 4.3 | bleh 5 | bleh 6 | bleh 7 |
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1 | bleh 4.2 | bleh 4.3 | bleh 5 | bleh 6 | bleh 7 |
Not sortable:
| Column 1 | Column 2 | Column 3 | Wiiiiiide column 4 | Column 5 | Column 6 | Column 7 | ||
|---|---|---|---|---|---|---|---|---|
| 4.1 | 4.2 | 4.3 | ||||||
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1 | bleh 4.2 | bleh 4.3 | bleh 5 | bleh 6 | bleh 7 |
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1 | bleh 4.2 | bleh 4.3 | bleh 5 | bleh 6 | bleh 7 |
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1 | bleh 4.2 | bleh 4.3 | bleh 5 | bleh 6 | bleh 7 |
Table with caption
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Subheading 1 | 1.1 | 1.2 |
| Subheading 2 | 2.1 | 2.2 |
Table with no heading
| 1.1 | 1.2 |
| 2.1 | 2.2 |
Triple-row headers
because @Erin Umbreon is insane
Sortable:
| Column 1 | Column 2 | Column 3 | Wiiiiiide column 4 | Column 5 | |||
|---|---|---|---|---|---|---|---|
| 4.1 | 4.2 | 4.3 | |||||
| 4.1.1 | 4.2.2 | ||||||
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1.1 | bleh 4.1.2 | bleh 4.2 | bleh 4.3 | bleh 5 |
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1.1 | bleh 4.1.2 | bleh 4.2 | bleh 4.3 | bleh 5 |
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1.1 | bleh 4.1.2 | bleh 4.2 | bleh 4.3 | bleh 5 |
Not sortable:
| Column 1 | Column 2 | Column 3 | Wiiiiiide column 4 | Column 5 | |||
|---|---|---|---|---|---|---|---|
| 4.1 | 4.2 | 4.3 | |||||
| 4.1.1 | 4.2.2 | ||||||
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1.1 | bleh 4.1.2 | bleh 4.2 | bleh 4.3 | bleh 5 |
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1.1 | bleh 4.1.2 | bleh 4.2 | bleh 4.3 | bleh 5 |
| bleh 1 | bleh 2 | bleh 3 | bleh 4.1.1 | bleh 4.1.2 | bleh 4.2 | bleh 4.3 | bleh 5 |