settings
箇条書きのBulletを控えめにする
code: style.css
/* Font Awesomeのアイコンを削除するCSS */
.line .indent-mark .dot:before {
content: "" !important; /* アイコンを削除 */
color: transparent !important; /* 色を透明に */
}
/* 箇条書きのbulletを控えめにするUser CSS */
.line .indent-mark .dot {
top: 11px !important;
width: 6px !important;
height: 3px !important;
background-color: #c9c9c9 !important; }
インデントに縦線を表示する
code:style.css
/*インデントに縦線を表示する */
.app:not(.presentation) .indent-mark .char-index:not(:nth-last-child(1)):not(:nth-last-child(2)) {
position: relative;
}
.app:not(.presentation) .indent-mark .char-index:not(:nth-last-child(1)):not(:nth-last-child(2))::before {
content: " ";
position: absolute;
left: 43%;
margin: -4px 0;
border-left: 2px solid rgba(82, 88, 98, 0.25); /* 色の指定 */
}
ピン留めしたページを独立表示する
code:style.css
.page-list > .grid > .page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1!important;
}
インデントに応じて箇条書きのbulletの色を薄くする
code:style.css
/*インデントに応じてBulletの色を薄くする */
.line .indent-mark .dot {
opacity: 0.1 !important;
}
.line .indent-mark .c-0 + .dot {
opacity: 1.0 !important;
}
.line .indent-mark .c-1 + .dot {
opacity: 0.8 !important;
}
.line .indent-mark .c-2 + .dot {
opacity: 0.6 !important;
}
.line .indent-mark .c-3 + .dot {
opacity: 0.4 !important;
}
.line .indent-mark .c-4 + .dot {
opacity: 0.2 !important;
}