settings
code: style.css
/*画像サイズをある程度指定できるようにする*/
/*https://scrapbox.io/customize/%E7%94%BB%E5%83%8F%E3%81%AE%E8%A1%A8%E7%A4%BA%E3%82%B5%E3%82%A4%E3%82%BA%E3%82%92%EF%BC%BB**_%EF%BC%BD%E3%81%A7%E8%A8%AD%E5%AE%9A%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%88%E3%81%86%E3%81%AB%E3%81%99%E3%82%8B*/
.level-1 img { width: 16.7%; max-height: none !important; }
.level-2 img { width: 33.3%; max-height: none !important; }
.level-3 img { width: 50%; max-height: none !important; }
.level-4 img { width: 66.7%; max-height: none !important; }
.level-5 img { width: 83.3%; max-height: none !important; }
.level-6 img { width: 100%; max-height: none !important; }
/* 画像URL のときlevel-2です．*と[の間はスペースをあける*/
code: style.css
/*行はじめのドットを消す*/
/*https://scrapbox.io/scrapboxlab/%E8%A1%8C%E9%A0%AD%E3%81%AE%E3%83%89%E3%83%83%E3%83%88%E3%82%92%E6%B6%88%E3%81%99UserCSS*/
.line .dot {
display: none !important;
}
code: style.css
/*ピン留めされているページとされていないページの間に区切り線を表示できるようにしてほしい*/
/*https://scrapbox.io/forum-jp/%E3%83%94%E3%83%B3%E7%95%99%E3%82%81%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%82%8B%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%A8%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%81%AA%E3%81%84%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E9%96%93%E3%81%AB%E5%8C%BA%E5%88%87%E3%82%8A%E7%B7%9A%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%88%E3%81%86%E3%81%AB%E3%81%97%E3%81%A6%E3%81%BB%E3%81%97%E3%81%84*/
.page-list-item.pin + .page-list-item:not(.pin) {
clear: both;
}
code: style.css
/*画像を並べて表示する*/
/*https://scrapbox.io/scrasobox/%E7%94%BB%E5%83%8F%E3%82%92%E4%B8%A6%E3%81%B9%E3%81%A6%E8%A1%A8%E7%A4%BA*/
/* マトリクス記法 */
.line:not(.cursor-line) .deco-\| { display: inline-flex }
.line .deco-\| img.image { object-fit: contain; margin: 0 }
/* 太字記法と組み合わせて列数を変える */
.line class^="level" .deco-\| { flex-wrap: wrap }
.line .level-1 .deco-\| > span { width: calc(100%/1) }
.line .level-2 .deco-\| > span { width: calc(100%/2) }
.line .level-3 .deco-\| > span { width: calc(100%/3) }
.line .level-4 .deco-\| > span { width: calc(100%/4) }
.line .level-5 .deco-\| > span { width: calc(100%/5) }
.line class^="level" .deco-\| img.image { object-fit: cover; width: 100%; height: 100% }
/* 並べた画像の間にスキマが欲しい場合はこの2行を追加・ぴっちり敷き詰めたい場合はこの2行は不要 */
.line .deco-\| > span, .line class^="level" .deco-\| > span { overflow: hidden }
.line .deco-\| img.image, .line class^="level" .deco-\| img.image { margin: .2em }
code: style.css
/*画像をセンタリングするUserCSS*/
/*https://scrapbox.io/gosyujin/%E7%94%BB%E5%83%8F%E3%82%92%E3%82%BB%E3%83%B3%E3%82%BF%E3%83%AA%E3%83%B3%E3%82%B0%E3%81%99%E3%82%8BUserCSS*/
.line img.image {
display: block;
margin: 0 auto;
}
code: style.css
/*リストからsettingsを消すUserCSS*/
/*https://scrapbox.io/scrapboxlab/%E3%83%AA%E3%82%B9%E3%83%88%E3%81%8B%E3%82%89settings%E3%82%92%E6%B6%88%E3%81%99UserCSS*/
.grid li.page-list-item > ahref^="/hseki-portfolio-jp/settings" {
display: none;
}
ページ幅変更
/foldrr/scrapbox-page-width
上付き文字
/nwtgck/上付き文字で指数部を見やすく表す - (例： 2³²)
# 罫線
/icons/hr.icon