settings

code:style.css

.line strong {

}

.line .indent-mark .dot {

top: 12px;

width: 6px;

height: 4px;

}

吹き出し

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

.deco-\! {

padding: 0.1em 0.2em 0.1em 0.2em;

}

画像を並べて表示

code:style.css

/* マトリクス記法 */

.line:not(.cursor-line) .deco-\| { display: inline-flex }

.line .deco-\| img.image { object-fit: contain }

/* 太字記法と組み合わせて列数を変える */

.line .level-1 .deco-\| > span { width: calc(100%/1) }

.line .level-2 .deco-\| > span { width: calc(100%/2) }

.line .level-3 .deco-\| > span { width: calc(100%/3) }

.line .level-4 .deco-\| > span { width: calc(100%/4) }

.line .level-5 .deco-\| > span { width: calc(100%/5) }

width: 100%; height: 100%; margin: 0; object-fit: cover }

/* 並べた画像の間にスキマが欲しい場合はこの2行を追加・ぴっちり敷き詰めたい場合はこの2行は不要 */

テーブルのセルをわかりやすくする

code:style.css

/* テーブルのセルをわかりやすくする */

.table-block table { background-color: transparent; border-collapse: separate; border-spacing: 2px }

.table-block table tr td { padding: .1em; background-color: rgba(0,0,0,0.04) }

.table-block table tr:nth-child(even) td { background-color: rgba(0,0,0,0.06) } /* 偶数行を濃くする */

.table-block table tr:first-child td { font-weight: bolder; text-align: center } /* 1行目だけ太字&中央揃え */

.table-block table tr td:first-child { padding: 0; background-color: transparent; border-width: 0 }