settings
https://gyazo.com/4cd9a119986bc9fdb1b5c1e17141125e
code:style.css
display: none !important;
}
code:style.css
.page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1;
}
/* 追加で他のピン留めされた記事の後にも同様の処理を適用 */
.page-list-item.pin ~ .page-list-item:not(.pin) {
margin-top: 40px; /* 間隔を調整 */
}
code:style.css
/* Scrapboxの検索窓を非表示にするCSS */
.search-form {
display:none;
}
code:style.css
display: none !important;
}
[-.icon] あるいは [hr.icon] を <hr> に置換
code:style.css
.lines a.icon:is(
) {
display: block;
width: inherit;
pointer-events: none;
border-bottom: dashed 1px #777; margin-top: 1em;
margin-bottom: -1em;
}
.lines img.icon:is(
) { display: none; }
.stream a:is(
) { display: none; }
.grid li.page-list-item a .description img:is(
) { display: none; }
ピン留めしたページの上部の帯の色を変更する
code:style.css
.grid li.page-list-item.pin a .header {
border-top: rgba(68,68,68,1) solid 10px;
}
.grid li.page-list-item a .pin {
display: none;
}
テロメアの設定
code:style.css0
/* スリムなテロメア */
.line .telomere .telomere-border,
.line .telomere .telomere-border.unread {
transition: none;
box-sizing: content-box;
}
.line .telomere .telomere-border:hover,
.line .telomere .telomere-border.unread:hover {
box-sizing: border-box;
width: auto;
background-color: transparent;
}
/* ↓新着以外のテロメアの色と太さ */
.line .telomere .telomere-border {
background-color: var(--telomere-border, #808b8c); width: 2px;
}
/* ↓新着のテロメアの色と太さ */
.line .telomere .telomere-border.unread {
background-color: var(--telomere-unread, #52ba68); width: 5px;
}
箇条書きを控えめにする
code:style.css
.line .indent-mark .dot { height: 2px; top: 12px; right: 12px; background-color: #aaa } 一行目を特殊に
code:style.css
/* 一行目のテキストをセンタリングする, 色やフォントなども指定 */
.page-wrapper .lines div.line:nth-child(2) span.text {
text-align: center;
font-style: italic;
font-size: 0.9em;
}
code:style.css
/* 一行目に何も文字がないなら(つまり, 改行だけなら)詰める */
/* 不要ならこの style.css を削除する */
.lines .line:nth-child(2):not(.cursor-line) br.empty-char-index {
display: contents;
}
カードの画像の表示方法を美しくする
code:style.css
.grid li.page-list-item a .icon {
position: relative;
}
.grid li.page-list-item a .icon{
padding: 0;
margin: auto;
}
.grid li.page-list-item a .icon img {
display: table-cell;
width: auto;
max-height: 95px;
max-width: 95%;
vertical-align: middle;
}
ページタイトルのデザイン
タイトル文字をセンタリング＆イタリック
code:style.css
.page-wrapper .lines .line-title span.text {
text-align: center;
font-weight: 700;
padding-bottom: 0;
}