settings

code:style.css

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

clear: both;

}

Settingsに消えてもらう

code:style.css

li.page-list-item:is(

data-page-title="settings",

) { display: none; }

カードのデザイン

code:style.css

/* カードタイトルぶぶん */

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

padding; 8px 10px;

}

/* タイトルの上のBorderを消して背景色を設定 */

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

background: #FFF;

border-top: 3px;

}

/* カード自体の borde-radius を 1 に */

/* アウトラインつける(これは必要なかったので 0 にしている,好きな時に戻せるように) */

/* カードの下にあるシャドウを消す */

.grid li.page-list-item:not(.pin) a {

border: 1px solid #dfdfdf;

border-radius: 0;

box-shadow: none;

}

ピンどめを段落わけする

code:style.css

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

grid-column-start: 1;

}

ピンどめをタイトルだけにする

code:style.css

.grid li.pin {

height: 3rem;

width: 100%;

}

.grid li.pin a {

background-color: #0000;

box-shadow: none !important;

}

.grid li.pin .header {

border-top:none !important;

padding: 6px 5px !important;

}

.grid li.pin .title {

text-align: center !important;

text-decoration: underline;

}

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

border: none;

}

.grid li.pin .content :is(.description,.icon) {

display: none !important;

}

.page-list-item a .pin {

background: none !important;

}

[-.icon] あるいは [hr.icon] を <hr> に置換

code:style.css

.lines a.icon:is(

href$="/-",

href$="/hr",

) {

display: block;

width: inherit;

pointer-events: none;

border-bottom: dashed 1px #777;

margin-top: 1em;

margin-bottom: -1em;

}

.lines img.icon:is(

title="hr",

title="-",

) { display: none; }

.stream a:is(

href$="/-",

href$="/hr",

) { display: none; }

.grid li.page-list-item a .description img:is(

src$="/-/icon",

src$="/hr/icon",

) { display: none; }

ハッシュタグをボタンの見た目に

code:style.css

atype="hashTag" {

color: var(--page-bg, #fff) !important;

background-color: var(--page-link-color, #41b059);

font-weight: bold;

padding: .2em;

border-radius: 2px;

}

atype="hashTag":hover {

background-color: var(--page-link-hover-color, #3a9d50);

}

#hashtag

アイコンの左右に少し隙間を入れる

code:style.css

.line img.icon:not(.strong-icon):first-child { margin-left: 0.25em; }

.line img.icon:not(.strong-icon):last-child { margin-right: 0.25em; }

あああkokamumo.iconあああ

Scrapbox デフォルトのカードの上の謎のボーダーの目的がわからない

code:style.css

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

padding; 8px 10px;

}

/* タイトルの上のBorderを消して背景色を設定 */

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

background: var(--card-title-bg, #f2f2f3);

border-top: 0px;

}

[| ] 画像・テキストをセンタリングする文字装飾記法

code:style.css

.line:not(.cursor-line) .deco-\| {

display: flex;

justify-content: center;

align-items: center;

margin-top: -2em;

margin-bottom: -2em;

flex-wrap: nowrap;

}

/* Youtube 動画に対応 */

.line:not(.cursor-line) .deco-\| iframe.youtube {

width: 100%;

height: inherit;

}

あああ

[" ] 画像キャプション記法

code:style.css

/* 中央寄せにする部分, テキスト編集中は無効化 */

.line:not(.cursor-line) .deco-\" {

display: flex;

justify-content: center;

align-items: center;

flex-wrap: wrap;

margin-top: -2em;

margin-bottom: -2em;

}

/* 文字の見た目の部分 */

.line .deco-\" {

font-style: italic;

color: #999;

font-size: .8em;

}

インデントのドットサイズと色

code:style.css

.line .indent-mark .dot {

height: 5px;

width: 5px;

background-color: var(--tool-color, #848484);

}