吹き出し
https://gyazo.com/bd9b8fac01f340c5dd9a4c6e75a38a0f
code:style.css
.line:not(.cursor-line) .deco-\{ {
display: inline-block;
position: relative;
max-width: calc(100% - 4em);
line-height: 1;
background-color: rgba(141, 110, 99, 0.85);
padding: 3px 4px 2px 5px;
margin-left: 0.6em;
border-radius: 0.4em;
border-bottom-left-radius: 0;
}
.line:not(.cursor-line) .deco-\{ .page-link {
text-decoration: underline;
}
.line:not(.cursor-line) .deco-\{ .empty-page-link {
}
.line:not(.cursor-line) .deco-\{::after {
display: block; /* reduce the damage in FF3.0 */
position: absolute;
bottom: 0;
left: -0.45em;
width: 0;
content: "";
border-width: 0 0 0.5em 0.5em;
border-style: solid;
border-color: rgba(141, 110, 99, 0.85) transparent;
}