Settings
https://gyazo.com/ae1c16627f9b234f345828b03bc1ea66
番号なしリスト
アイコン指定
code:style.css
.line .indent-mark .dot::before {
display: block;
/* position: inherit; */
/* top: -12px; */
position: absolute;
/* right: -5px; */
top: -10px;
/* font-family: FontAwesome; /* old */
font-family: 'Font Awesome 5 Free';
font-size: 6px;
content: '\f004'; /* ハート */
font-weight: 900;
color: #c9c9c9;
}
既定のbulletを消す
code:style.css
.line .indent-mark .dot {
background-color: transparent;
}
色
code:style.css
フォントサイズ
code:style.css
.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;
}
外部リンクにiconを付ける
code:style.css
.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon)::after {
/* font-family:'FontAwesome'; */
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: ' \f35d';
display: inline-block;
}
番号付きリスト
code:style.css
.line.number-list .dot {
display: list-item; /* 表示する */
}
アイコン指定
code:style.css
.line.number-list .dot::before {
position: inherit;
top: -11px;
content: '\f005'; /* スター */
/* content: '\f2dc'; /* 雪:クリスマス用 */
font-size: 4px;
}
愚痴記法
code:style.css
.deco-\& {color:transparent;background-color:grey}
.deco-\&:not(:hover) a.page-link {color:transparent;}
.deco-\&:not(:hover) a.icon {visibility:hidden;}
.deco-\&:hover {color:white;opacity:1}
マーカー
code:style.css
.line strong:not(class) {
background: linear-gradient(transparent 50%, #fff494 50%);
}
背景色を変更する
code:style.css
body {
background-color: #e5b2b2;
}
斜体の色を薄くする
code:style.css
/* 斜体の色を薄くする */
i {
color: #999;
}