UserCSS:箇条書きの表示を変更する
1
2
3
4
5
6
7
共通
code:style.css
.line .indent-mark .dot::before {
display: block;
position: absolute;
right: -5px;
top: -10px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 8px;
/*content: '\f004'; /* ハート */
/*content: '\f08a'; /* ハート */
/*content: '\f005'; /* スター */
/*content: '\f006'; /* スター */
/*content: '\f10c'; /* まる */
/*content: '\f111'; /* まる */
/*content: '\f096'; /* 四角 */
/*content: '\f0c8'; /* 四角 */
/*content: '\f1bb'; /* 木 */
/*content: '\f186'; /* 月 */
/*content: '\f001'; /* 音符 */
/*content: '\f1b0'; /* 足跡 */
/*content: '\f219'; /* ダイアモンド */
/*content: '\f069'; /* アスタリスク */
/*content: '\f2dc'; /* 雪の結晶 */
/*content: '\f0e9'; /* 雨傘 */
/*content: '\f0c6'; /* クリップ */
/*content: '\f1d8'; /* 紙ヒコーキ */
/*content: '\f0eb'; /* 電球 */
/*content: '\f094'; /* レモン */
/*content: '\f000'; /* グラス */
/*content: '\f0f4'; /* コーヒーカップ */
/*content: '\f058'; /* チェックマーク */
/* content: '\f00c'; /* チェックマーク */
content: '\f5d1'; /* りんご */
color: #EEE;
}
.line .indent-mark .dot {
background-color: transparent;
}
フォントサイズ
code:style.css
.line .indent-mark .c-0 + .dot::before {
font-size: 12px;
}
.line .indent-mark .c-1 + .dot::before {
font-size: 12px;
}
.line .indent-mark .c-2 + .dot::before {
font-size: 10px;
}
.line .indent-mark .c-3 + .dot::before {
font-size: 8px;
}
.line .indent-mark .c-4 + .dot::before {
font-size: 8px;
}
色の指定
code:style.css
.line .indent-mark .c-0 + .dot::before {
color: #fe0;
}
.line .indent-mark .c-1 + .dot::before {
color: #F0F;
}
.line .indent-mark .c-2 + .dot::before {
color: #0FF;
}
.line .indent-mark .c-3 + .dot::before {
color: #F00;
}
.line .indent-mark .c-4 + .dot::before {
color: #0F0;
}
#UserCSS