settings

背景色

code:style.css

body{

background-color: rgb(0 72 80);

}

ピン留めの画像追加

code:style.css

.grid li.page-list-item a .pin {

background-color: transparent;

background-image: none

}

.grid li.page-list-item a .pin::after {

content: '\f08d';

font-family: 'Font Awesome 5 Free';

font-weight: 900;

font-size: 20px;

color: orange;

bottom: 0;

display: inline-block;

transform: rotate(35deg);

}

行番号を表示する

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: .7 }

.line.cursor-line:not(.line-title)::before { opacity: 1; font-weight: bolder } }

code:style.css

.page-list-item:is(

) {

display: none !important;

}

"WIP/"が含まれているページは一覧で透明度を下げる

code:style.css

.page-list-item:is(

) {

opacity: 0.75;

}

ピン止めページを独立した行に

code:style.css

.page-list-item.pin + .page-list-item:not(.pin) {

clear: both;

}

aaa

bbb

code:style.css

.deco-\! {

padding: 0.1em 0.2em 0.1em 0.2em;

}

.deco-\# {

background-color: mediumpurple;

padding: 0.1em 0.2em 0.1em 0.2em;

}

code:style.css

/* カード上部の帯の色を変える */

.grid li.page-list-item a .header {

border-top-color: rgb(64 130 120);

}

.grid li.page-list-item.pin a .header {

border-top-color: rgb(47 95 87);

}