settings

code:style.css

/* @index があるページを最優先で 🗂️ にする */

content: "🗂️" !important;

}

content:"🔗"

}

}

content:"💡"

}

}

content:"🔍"

}

}

content:"📰"

}

}

content:"📎"

}

}

content:"🎥"

}

content:"📺"

}

content:"📗"

}

content:"🍳"

}

content:"📻"

}

content:"🎵"

}

content:"📺"

}

content:"🎮"

}

content:"🎭"

}

ネタバレ配慮

code:style.css

.deco-\#{ /* 記法のキーとして#を使ったけど何でもいいと思う */

}

.line.cursor-line .deco-\#, .deco-\#:hover { /* カーソルがある行とマウスホバー時だけ背景を戻す */

background-color: inherit;

}

吹き出し

code:style.css

.deco-\{, .deco-\} {

font-size: 1em;

padding: 0.1em 0.2em 0.1em 0.2em;

border-radius: 0.4em;

margin: auto 0.3em;

display: inline-block;

max-width: calc(100% - 100px);

vertical-align: top;

}

左吹き出しの角

code:style.css

.deco-\{:before {

position: absolute;

margin: 0;

padding: 0;

transform: translateX(-100%) translateY(calc(1em - 80%));

width: 0;

content: "";

border-width: 0 0 0.6em 0.6em;

border-style: solid;

}

右吹き出しの角

code:style.css

.deco-\}:after {

position: absolute;

margin: 0;

padding: 0;

transform: translateY(calc(1em - 80%));

width: 0;

content: "";

border-width: 0 0.6em 0.6em 0;

border-style: solid;

}

強調吹き出しの角

code:style.css

.deco-\!:before, .deco-\!:after {

}

吹き出し内のリンク色の調整

code:style.css

.deco-\{ a,

.deco-\} a {

}

ハイライト

code:style.css

/* 二重括弧による強調をマーカーっぽくする */

}