Style guide

Blocks

Draft component set - callouts, tables, keycaps, stats, timelines & more.

Blocks (draft)

Trial set

Everything below is a candidate. Keep the ones that earn their place; the rest get deleted from main.css and this page.

.mc-note (+ -info / -tip / -warn / -danger)

Left-accent callout for notes, tips and warnings. Slot in an mc-icon + .mc-note-title + .mc-note-body.

Note

Spawn is a protected area - build at least 200 blocks out.

Tip

Trade with villagers before raiding - prices drop after a cure.

Warning

This farm was patched in 1.21 - check the changelog before rebuilding.

Danger

Griefing or lava-casting near spawn is an instant ban.

.mc-details / .mc-details-body

Styled <details>. Pixel caret rotates on open. Good for drop tables, long recipes, hidden coords.

Full drop table

Rare drops roll on a 1/128 table; wither skeletons drop skulls at 2.5% (5.5% with Looting III).

.mc-table

Standalone table treatment (prose gets this automatically). Zebra rows, pixel headers, grass row-hover.

Item	Rate	Source
Emerald	Common	Villager trade
Diamond	Uncommon	Deepslate Y-58
Netherite	Rare	Ancient debris

.mc-key

Inline keyboard / keybind cap for guides.

Open the debug screen with F3, then F3 + G to show chunk borders. Sneak with Shift.

.mc-progress / .mc-progress-fill

Segmented (blocky) completion bar. Set the fill width inline or from data.

Season 4 build68% complete

.mc-stat / .mc-stat-num / .mc-stat-label

Headline number + caption. Rows of these for season/build stats.

42Farms

7Seasons

118Builds

3.2kMembers

.mc-timeline / .mc-timeline-when

Vertical rail with pixel nodes for season history or patch notes.

Season 4 · now
New spawn, 1.21 mob farms, the shopping district.
Season 3
The great mesa expansion and 117 shops.
Season 1-2
Where it all began.

.playerhead-roster + .playerhead-more

Shows the first few builders, then a +N chip. Hover the chip to reveal the rest - unless the crowd is too big, then it stays a plain count.

Small overflow - hover the +N to see who else built it

GamingTwist

Notch

Dinnerbone

Grumm +3

Big overflow - past the cap, so no roster popover

GamingTwist

Notch

Dinnerbone

Grumm +14

.mc-tip / .mc-tip-pop

Hover / focus popover styled like an item tooltip. For glossary terms and coords.

Hover the term ender pearlThrown to teleport; also fuels the End portal. Dropped by endermen. to see the tooltip.

Tag row (uses .chip)

A wrapping row of chip links - related builds, tags. No new CSS, just flex-wrap.

#redstone #villager-trading #spawn #megabuild #1.21

.mc-empty / .mc-empty-title

Placeholder for a category or search with no results.

Nothing here yet

No builds in this category. Be the first to add one.

.mc-skeleton

Blocky shimmer placeholder while content loads.

.mc-figure / figcaption

Framed screenshot with a wood nameplate caption - matches the in-prose figure on article pages. The wiki's most-used content block.

An example Season 4 build — The Airship - Season 4 · built by GamingTwist

.mc-steps / .mc-step-title

Numbered walkthrough with pixel badges and a joining rail. For farm guides, puzzle solutions, how-tos.

Head to the Nether
Link a portal near spawn and travel to the fortress at -88 -22.
Clear the spawn platforms
Light up everything within 128 blocks so mobs only spawn in the farm.
Collect the drops
Stand in the AFK spot and let the collection hoppers do the work.

.mc-crumbs

Server › Season › Page trail for the top of an article. Reads live from the page's ancestry.

.mc-prevnext

Paired previous / next article links for the foot of a page. Card lift on hover.