Source: callout-clue.css

The callout comes in several variations, 4 different tape images (a, b, c, d), and 4 different paper images (a, b, c, d). You can mix variants together, like tape-b and paper-d.

Versions A are used by default for both tape and paper.

When folded, only the tape is visible.

This snippet doesn’t change between light and dark theme.

Texture variants

Tape A, Paper A (default)

> [!clue|tape-a paper-a]+ Clue
> The red-bearded man was seen at 2am at the docks.

or

> [!clue]+ Clue
> Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Tape B, Paper B

> [!clue|tape-b paper-b]+ Clue
> Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Tape C, Paper C

> [!clue|tape-c paper-c]+ Clue
> Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Tape D, Paper D

> [!clue|tape-d paper-d]+ Clue
> Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Ripped effect

Ripped effect A (default)

> [!clue|ripped-a]+ Clue
> Lorem ipsum dolor sit amet, consectetur adipiscing elit.

> [!clue|ripped]+ Clue
> Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Ripped effect B

> [!clue|ripped-b]+ Clue
> Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Ripped effect C

> [!clue|ripped-c]+ Clue
> Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Ripped effect D

> [!clue|ripped-d]+ Clue
> Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Torn effect

> [!clue|torn]+
> Lorem ipsum dolor sit amet, consectetur adipiscing elit.