settings
ここにCSSとかかけばいろいろできるらしい
hr.icon
ブラーかけるやつ
code:style.css
li.page-list-itemdata-page-links~="'r18'" .icon img,
li.page-list-itemdata-page-links~="'nsfw'" .icon img,
li.page-list-itemdata-page-links~="'r18g'" .icon img {
filter: blur(16px) brightness(0.65) !important;
transform: scale(1.04) !important;
}
li.page-list-itemdata-page-links~="'r18g'" .icon img {
filter: grayscale(1) blur(20px) brightness(0.5) !important;
}
li.page-list-itemdata-page-links~="'r18'" .icon,
li.page-list-itemdata-page-links~="'nsfw'" .icon,
li.page-list-itemdata-page-links~="'r18g'" .icon,
li.page-list-itemdata-page-links~="'r18'" .content,
li.page-list-itemdata-page-links~="'nsfw'" .content,
li.page-list-itemdata-page-links~="'r18g'" .content {
overflow: hidden !important;
}
行頭を柔らかくするやつ
code:style.css
.line .indent-mark .dot{
width:8px;
height:4px;
top:12px; /* 縦位置の微調整 */
background:#c9c9c9; /* うすグレー */
}
左上のアイコン変える奴
code:style.css
:root
.brand-icon {
--logo-url: url("https://pbs.twimg.com/profile_images/1895063215140196352/y2MY2GSL_400x400.jpg");
background-image: var(--logo-url); /* 念のため明示 */
width: 35px; height: 35px; /* 好きなサイズに */
background-size: cover; /* トリミング */
border-radius: 25px;
svg { display: none; }
}
}
ピン留めを固定するやつ
code:style.css
@import '/api/code/Mijinko/ピン留めアイテムとそれ以外を分けるUserCSS/style.css';
/* hr.icon の誤クリックを防ぐ */
.line a.iconhref$="/hr" {
pointer-events: none;
}
/*ピン留め済みのページを独立させる*/
.page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1;
}