settings
アイコンを大きく
code:style.css
.page-list-item .description img.inline-icon {
height: 100%;
width: 100%
}
[!～]で赤背景反転表示
重要
code:style.css
.deco-\! {
padding: 0.1em 0.2em 0.1em 0.2em;
}
[< ～]で下付き文字、[> ～]で上付き文字
X[< 2]で X2
A[> 1,2]で A1,2
R[> 1,2][< 2,4]で R1,22,4
例:このようにV[< CONN]信号は このようにVCONN信号は
数式による表示と比較
以下の値X[$ ^2]については 以下の値X$ ^2については //上付き数字の間が空きすぎる
以下の値[$ X^2]については 以下の値$ X^2については //イタリック表示したくない場合もある
以下の値X[> 2]については 以下の値X2については
code:style.css
/* 下付き文字（Sub）の設定 */
.deco-\< {
font-size: 75%;
vertical-align: bottom;
position: relative;
top: 0em; /* 下のラインに合わせている。下に飛びださせたいなら0.1emなどを指定 */
}
code:style.css
/* 上付き文字（Super）の設定 */
.deco-\> {
font-size: 75%;
vertical-align: top;
position: relative;
top: -0.6em; /* 小さな負数値（絶対値は大きくなる）を指定すると上に上がる */
}
インデント先頭のマークをレベルに応じて変更
リスト
code:style.css
:root {
--mark-l00: "・";
--mark-l01: "✧";
--mark-l02: "✜";
--mark-l03: "◇";
--mark-l04: "▽";
--mark-l05: "▷";
--mark-l06: "▫";
--mark-l07: "◆";
--mark-l08: "▼";
--mark-l09: "▶";
--mark-l10: "▪";
}
.line .indent-mark .dot:before {
display: block;
position: absolute;
right: -5px;
top: -10px;
}
.line .indent-mark .c-0 + .dot {
background-color: transparent;
}
.line .indent-mark .c-0 + .dot:before {
content: var(--mark-l00);
}
.line .indent-mark .c-1 + .dot {
background-color: transparent;
}
.line .indent-mark .c-1 + .dot:before {
content: var(--mark-l01);
}
.line .indent-mark .c-2 + .dot {
background-color: transparent;
}
.line .indent-mark .c-2 + .dot:before {
content: var(--mark-l02);
}
.line .indent-mark .c-3 + .dot {
background-color: transparent;
}
.line .indent-mark .c-3 + .dot:before {
content: var(--mark-l03);
}
.line .indent-mark .c-4 + .dot {
background-color: transparent;
}
.line .indent-mark .c-4 + .dot:before {
content: var(--mark-l04);
}
.line .indent-mark .c-5 + .dot {
background-color: transparent;
}
.line .indent-mark .c-5 + .dot:before {
content: var(--mark-l05);
}
.line .indent-mark .c-6 + .dot {
background-color: transparent;
}
.line .indent-mark .c-6 + .dot:before {
content: var(--mark-l06);
}
.line .indent-mark .c-7 + .dot {
background-color: transparent;
}
.line .indent-mark .c-7 + .dot:before {
content: var(--mark-l07);
}
.line .indent-mark .c-8 + .dot {
background-color: transparent;
}
.line .indent-mark .c-8 + .dot:before {
content: var(--mark-l08);
}
.line .indent-mark .c-9 + .dot {
background-color: transparent;
}
.line .indent-mark .c-9 + .dot:before {
content: var(--mark-l09);
}
.line .indent-mark .c-10 + .dot {
background-color: transparent;
}
.line .indent-mark .c-10 + .dot:before {
content: var(--mark-l10);
}