箇条書きのバレットをマイナス記号にするUserCSS
参考:/villagepump/箇条書きのバレットをFontAwesomeにするUserCSS
上記をカスタムしたもの
code:style.css
.line .indent-mark .dot { background-color: transparent; }
.line .indent-mark .dot::before {
display: block;
position: absolute;
top: -10px;
font-size: 9px;
content: 'ー'; /* マイナス記号:通常 */
font-weight: 900;
color: #c9c9c9;
}
.indent-markstyle*="width: 1.5em" .dot::before,
.indent-mark .dot:nth-child(6n+2)::before {
color: #EDAD0B;
}
.indent-markstyle*="width: 3em" .dot::before,
.indent-mark .dot:nth-child(6n+3)::before {
color: #C7243A;
}
.indent-markstyle*="width: 4.5em" .dot::before,
.indent-mark .dot:nth-child(6n+4)::before {
color: #932674;
}
.indent-markstyle*="width: 6em" .dot::before,
.indent-mark .dot:nth-child(6n+5)::before {
color: #3261AB;
}
.indent-markstyle*="width: 7.5em" .dot::before,
.indent-mark .dot:nth-child(6n+6)::before {
color: #009F8C;
}
.indent-markstyle*="width: 9em" .dot::before,
.indent-mark .dot:nth-child(6n+7)::before {
color: #c9c9c9;
}
#UserCSS
/cak/箇条書きのバレットをマイナス記号にするUserCSS
sync.icon #2024-05-04 15:17