箇条書きのバレットをFontAwesomeにするUserCSS
code:style.css
/*Indent Color*/
.line .indent-mark .dot::before {
content: '\f068';
display: block;
position: absolute;
top: -10px;
right: -5px;
font-family: 'Font Awesome 5 Free';
font-size: 6px;
font-weight: 900;
color: #c9c9c9;
}
.line .indent-mark .dot {
background: transparent;
}
.indent-markstyle*="width: 1.5em" .dot::before,
.line .indent-mark .c-0+.dot::before {
font-size: 10px;
}
.indent-markstyle*="width: 3em" .dot::before,
.line .indent-mark .c-1+.dot::before {
font-size: 9px;
}
.indent-markstyle*="width: 4.5em" .dot::before,
.line .indent-mark .c-2+.dot::before {
font-size: 8px;
}
.indent-markstyle*="width: 6em" .dot::before,
.line .indent-mark .c-3+.dot::before {
font-size: 7px;
}
.indent-markstyle*="width: 1.5em" .dot::before,
.indent-mark .dot:nth-child(10n+1)::before {
color: rgba(26, 188, 156, 1);
}
.indent-markstyle*="width: 3em" .dot::before,
.indent-mark .dot:nth-child(10n+2)::before {
color: rgba(46, 204, 113, 1);
}
.indent-markstyle*="width: 4.5em" .dot::before,
.indent-mark .dot:nth-child(10n+3)::before {
color: rgba(52, 152, 219, 1);
}
.indent-markstyle*="width: 6em" .dot::before,
.indent-mark .dot:nth-child(10n+4)::before {
color: rgba(155, 89, 182, 1);
}
.indent-markstyle*="width: 7.5em" .dot::before,
.indent-mark .dot:nth-child(10n+5)::before {
color: rgba(233, 30, 99, 1);
}
.indent-markstyle*="width: 9em" .dot::before,
.indent-mark .dot:nth-child(10n+6)::before {
color: rgba(241, 196, 15, 1);
}
.indent-mark .dot:nth-child(10n+7)::before {
color: rgba(230, 126, 34, 1);
}
.indent-mark .dot:nth-child(10n+8)::before {
color: rgba(231, 76, 60, 1);
}
.indent-mark .dot:nth-child(10n+9)::before {
color: rgba(149, 165, 166, 1);
}
.indent-mark .dot:nth-child(10n+10)::before {
color: rgba(96, 125, 139, 1);
}
.line.number-list .dot {
display: list-item;
}
.line.number-list .dot::before {
position: inherit;
top: -11px;
content: '\f292';
font-size: 4px;
}
.line.number-list .c-0+.dot::before {
font-size: 8px;
}
.line.number-list .c-1+.dot::before {
font-size: 7px;
}
.line.number-list .c-2+.dot::before {
font-size: 6px;
}
.line.number-list .c-3+.dot::before {
font-size: 5px;
}
.line.number-list .c-4+.dot::before {
font-size: 4px;
}
数式行にも常にバレットを表示するUserCSS
/villagepump/数式行にも常にバレットを表示するUserCSS
code:style.css
.line.formula-line .dot { display: block }