settings
*見出しに下線を加える
code:style.css
.line strong.level-1 {
padding: 1em 0;/*上下の余白*/
border-bottom: 1px solid#666;
padding-bottom: .2rem;
}
見本
てすと
** 見出しに破線の下線を加える
code:style.css
.line strong.level-2 {
padding: 1em 0;/*上下の余白*/
border-bottom: dashed 2px #666; line-height: 2;
padding-bottom: .2rem;
}
見本
てすと
参考
CSSのコピペだけ！おしゃれな見出しのデザイン例まとめ68選
cssの特定
Scrapboxアイコンをバーガーアイコンに置き換え
code:style.css
/* 1. Scrapboxアイコンをバーガーアイコンに置き換え */
.navbar-brand img, .navbar-brand span { display: none !important }
.navbar-brand::before {
content: '\f0c9'; font-family: FontAwesome; font-size: 28px }
code:style.css
/* { で始まるタグを吹き出しにする ※アイコン記法は除く */
display: inline-block; position: relative; vertical-align: text-top;
line-height: 1; font-size: 91%; color: #FFF !important; background-color: #b2bcba; padding: 3px 4px 1px 5px; margin-left: 10px;
border-radius: 4px; border-bottom-left-radius: 0 }
display: block; /* reduce the damage in FF3.0 */
position: absolute; bottom: 0; left: -7px;
width: 0; content: "";
border-width: 0 0 7px 7px; border-style: solid; border-color: #b2bcba transparent } .line ahref^="./%7B":not(.icon) span:first-child { display: none } .line.cursor-line ahref^="./%7B":not(.icon) span:first-child { display: inline } code:import.css
参考