Settings
Scrapbox カスタマイズ用のページです。
などを参考にさせて頂いています。
フォント
code:style.css
html,
body {
font-family: 'Yu Gothic', 'YuGothic', 'Noto Sans JP', sans-serif;
-webkit-font-smoothing: antialiased;
}
.page-list-item .description code,
.line code,
.line span.code-block {
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
インデント
code: style.css
.app .line .indent-mark .dot {
height: 0.2em;
width: 0.4em;
border-radius: 25%;
background-color: rgba(50, 50, 50, 0.55);
}
.app:not(.presentation) .line .indent-mark .dot {
top: auto;
bottom: 0;
}
.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 #e0e0e0;
}
一覧カード
code:style.css
.two-two {
width: 150px !important;
height: 110px !important;
}
.two-two .icon {
padding-top: 30px !important;
}
.two-two .title {
height: 0px !important;
}
.page-list ul.grid li,
div.related-page-list li.page-list-item,
div.related-page-list li.relation-label {
width: 180px;
height: 108px;
}
ピン留め
code:style.css
.page-list-item.pin + .page-list-item:not(.pin) {
clear: both;
}
赤文字
code:style.css
.deco-\! {
color: #e33;
}
ネタバレ防止
code:style.css
.line:not(.cursor-line) .deco-\" {
background: #4d4d4d;
color: transparent;
}
.line:not(.cursor-line) .deco-\":hover {
color: white;
}