settings
/customize/インデントレベルをわかりやすくする
インデントレベルに応じて背景色変化
今は未使用
/customize/ピン留めされたページを独立した段に表示する
code:style.css
.page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1;
}
/villagepump/箇条書きのバレットをFontAwesomeにするUserCSS
code:style.css
.line .indent-mark .dot {
background-color: transparent;
}
.line .indent-mark .dot::before {
display: block;
/* position: inherit; */
/* top: -12px; */
position: absolute;
/* right: -5px; */
top: -10px;
font-family: 'Font Awesome 5 Free';
font-size: 6px;
content: '\f005'; /* スター:クリスマス用 */
font-weight: 900;
color: #c9c9c9;　
}
.indent-markstyle*="width: 1.5em" .dot::before,
.indent-mark .dot:nth-child(6n+2)::before {
color: #EDAD0B;
}
.indent-markstyle*="width: 3em" .dot::before,
.indent-mark .dot:nth-child(6n+3)::before {
color: #C7243A;
}
.indent-markstyle*="width: 4.5em" .dot::before,
.indent-mark .dot:nth-child(6n+4)::before {
color: #932674;
}
.indent-markstyle*="width: 6em" .dot::before,
.indent-mark .dot:nth-child(6n+5)::before {
color: #3261AB;
}
.indent-markstyle*="width: 7.5em" .dot::before,
.indent-mark .dot:nth-child(6n+6)::before {
color: #009F8C;
}
.indent-markstyle*="width: 9em" .dot::before,
.indent-mark .dot:nth-child(6n+7)::before {
color: #c9c9c9;
}
/villagepump/曇りガラス記法
code:style.css
.deco-\~:not(:hover) {
filter: blur(3px);
}
.cursor-line .deco-\~:not(:hover) {
filter: none;
}
こんにちは
/rashitamemo/Scrapboxのフッターに宣伝を表示させる
code:style.css
/* 本文の最後にテキスト挿入 */
.app:not(.presentation) .page::after {
content: 'デッキ構築型ローグライクゲーム Slot & Dungeons 無料体験版配信中！\A' URL(https://i.gyazo.com/df3dca19188bced491dbc6c0ca87f9ce.png);
white-space:pre-wrap;
display: block; margin-top: 5rem; padding: 1rem 0; text-align: center;
border: solid #0003; border-width: 1px 0; font: 500 normal 1.8rem/1 sans-serif }