settings
テロメア非表示
code:style.css
/* テロメア非表示 */
.line .telomere .telomere-border, .line .telomere .telomere-border.unread {
display: none;
}
pinされたページ意外を非表示にする
code:style.css
.page-list li.grid-style-item:not(.pin) {
/*display: none;*/
}
pin止めされたページを分けて表示
code:style.css
.page-list-item.pin + .page-list-item:not(.pin) {
clear: both;
}
インデントを"・"→"-"にする
code:style.css
.line .indent-mark .dot {
display: block;
position: absolute;
right: 6px;
top: 13px;
width: 8px;
height: 2px;
border-radius: 3px;
}
リンクの色を緑にする
code:style.css
.page-link , .line a.link , .link{
}
.grid li.relation-label.project-links a,.links a{
background-color: #26a63f !important; }
.grid li.relation-label.project-links .arrow, .grid li.relation-label.links .arrow {
}
例：
code:style.css
.line a.link:is(
)::before {
content: ''; /* 空のコンテンツ */
display: inline-block; /* 行内に配置、高さや幅を持つ */
width: 16px; /* 横幅 */
height: 16px; /* 縦幅 */
vertical-align: -3px; /* 要素を下方向に3ピクセルオフセット *
background-size: contain; /* 背景画像のサイズを要素のサイズに合わせて調整 */
margin-right: 2px; /* 右要素との距離 */
}
}
}
}
}
}
}
}
}
}
code:style.css
/* 行番号を表示 -- ウィンドウ幅768px以上で適用 */
@media screen and (min-width: 768px) {
.lines { counter-reset: line }
/* タイトルから数えるときは :not(.line-title) を消してね */
.line:not(.line-title) { counter-increment: line }
/* タイトルから数えるときは :not(.line-title) を消してね */
.app:not(.presentation) .line:not(.line-title)::before {
content: counter(line);
position: absolute; display: inline-block; left: -110px; z-index: 10;
min-width: 50px; text-align: right; vertical-align: middle;
/* 行番号のフォントとか色とかの指定はここ */
font-family: monospace; color: grey }
/* カーソル行の行番号を濃く表示する */
.line:not(.line-title)::before { opacity: .5 }
.line.cursor-line:not(.line-title)::before { opacity: 1; font-weight: bolder } }