スリムなテロメア
/customize/スリムなテロメアに移動した
/icons/hr.icon
テロメア(Scrapbox)を細く表示してスッキリさせるUserCSS
元ネタは/scrasobox/スリムなテロメア
Themeの色を使うよう改変している
似たUserCSSに/customize/Dark Theme CSS#5a85c075be9f39000004ea7fがある
pros
細くなってスッキリする
cons
/villagepump/スリムなテロメアを参照
2022-04-15
05:27:28 /villagepump/スリムなテロメアの変更を反映
code:style.css
/* スリムなテロメア */
.line .telomere .telomere-border,
.line .telomere .telomere-border.unread {
transition: none;
box-sizing: content-box;
border-color: var(--page-bg, #fefefe);
}
.line .telomere .telomere-border:hover,
.line .telomere .telomere-border.unread:hover {
box-sizing: border-box;
width: auto;
border-color: #8f9899;
background-color: transparent;
}
/* ↓新着以外のテロメアの色と太さ */
.line .telomere .telomere-border {
background-color: var(--telomere-border, #808b8c);
width: 2px !important;
}
/* ↓新着のテロメアの色と太さ */
.line .telomere .telomere-border.unread {
background-color: var(--telomere-unread, #52ba68);
width: 5px !important;
}
/* テロメアの詳細表示（更新日時等が表示されているアレ） */
/* ＆テロメアのメニュー */
.line .telomere .telomere-border .description,
.line .telomere .telomere-border .menu-item {
width: max-content;
}
#2022-04-15 05:27:17
#2021-01-14 16:54:39