mbzlists-embed

Style examples rendering the same XSPF playlist, exported under the 1.1 spec (<mbzlists:track> with multi-source refs, including one track resolved purely via a YouTube ref). Source: shoegaze-v1.1.xspf

minimal

Inherits page styles. Title + plain track list.

fancy

Card with numbered recording rows and cover art. All spec blocks rendered.

full

Document-like with cover art. Every block rendered as authored in mbzlists.

custom: song list only

fancy style with card chrome and prose blocks hidden — just the numbered track rows. Scope overrides to a container id so they don't affect other embeds on the page.

#embed-tracklist-only .mbzlists--fancy {
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
#embed-tracklist-only .mbzlists__paragraph,
#embed-tracklist-only .mbzlists__header,
#embed-tracklist-only .mbzlists__image,
#embed-tracklist-only .mbzlists__quote {
  display: none;
}

custom: dark card

Re-skins the fancy card with a dark palette.

#embed-dark .mbzlists--fancy {
  background: #1a1a2e;
  border-color: #2a2a4a;
  box-shadow: 0 2px 12px rgba(0,0,0,0.4);
  color: #ddd;
}
#embed-dark .mbzlists__title { color: #e0aaff; }
#embed-dark .mbzlists__recording { border-bottom-color: #2a2a4a; }
#embed-dark .mbzlists__recording::before { color: #444; }
#embed-dark .mbzlists__recording-title { color: #eee; }
#embed-dark .mbzlists__recording-title a { color: #b8c0ff; }
#embed-dark .mbzlists__recording-meta { color: #888; }

custom: compact inline list

Renders minimal as a tight comma-separated inline track list — good for sidebars or footnotes.

#embed-inline .mbzlists--minimal { font-size: 0.85em; color: #666; }
#embed-inline .mbzlists__title { font-size: 0.95em; font-weight: 600; color: #444; }
#embed-inline .mbzlists__tracklist { display: inline; }
#embed-inline .mbzlists__track { display: inline; padding: 0; }
#embed-inline .mbzlists__track::after { content: ", "; }
#embed-inline .mbzlists__track:last-child::after { content: ""; }
#embed-inline .mbzlists__track-title { font-weight: normal; }
#embed-inline .mbzlists__sep,
#embed-inline .mbzlists__track-artist,
#embed-inline .mbzlists__track-album { display: none; }