settings
https://gyazo.com/318002355b97e2d39611053b3a6832ab
拡張系
code:style.css
/* 箇条書きを控えめにする */
.app .line .indent-mark .dot {
height: .2em; width: .4em; border-radius: 25%;
background-color: rgba(173,173,173,.55) }
.app:not(.presentation) .line .indent-mark .dot { top: auto; bottom: 0 }
code:style.css
/* ポップアップメニューの修飾ボタンをアイコン化 */
.popup-menu .button-container .button.strong-button > strong,
.popup-menu .button-container .button.italic-button > i,
.popup-menu .button-container .button.strike-button > strike {
display: inline-block; width: 0; text-indent: -9999px }
.popup-menu .button-container .button.link-button::after,
.popup-menu .button-container .button.strong-button::after,
.popup-menu .button-container .button.italic-button::after,
.popup-menu .button-container .button.strike-button::after {
font: normal 100%/normal FontAwesome;
display: inline-block; min-width: 16px; text-align: center }
.popup-menu .button-container .button.strong-button::after { content: '\f032' }
.popup-menu .button-container .button.italic-button::after { content: '\f033' }
.popup-menu .button-container .button.strike-button::after { content: '\f0cc' }
/* ポップアップメニューのボタン周りの線を消す */
.selections .popup-menu .button-container .button:not(:first-of-type) { border: 0 }
code:style.css
/* 二重括弧による強調をマーカーっぽくする */
.line strong:not(class) { background: linear-gradient(transparent 10%, #ABFF4F 25%, #ABFF4F 70%, transparent 90%) }
code:style.css
/* 画像周りに枠線 */
.deco-\| img{
box-shadow: 0px 0px 10px 0px #000; }
code:style.css
visibility: hidden; display: inline-block; position: relative; min-width: 1.15em; line-height: 1 }
visibility: visible; position: absolute; left: 0;
content: '\0025A2'; font-weight: bold; color: #08BDBD !important } .line ahref="./x" + span { position: relative; vertical-align: text-top; line-height: 1 } content: ''; visibility: visible; display: inline-block; width: .6em; height: .9em;
position: absolute; left: -0.8em; top: -0.2em;
border-right: .18em solid #2489C5; border-bottom: .18em solid #2489C5; transform: rotate(45deg) } .line.cursor-line ahref="./x" { visibility: visible } .line.cursor-line ahref="./x"::after { visibility: hidden } .line.cursor-line ahref="./x" + span { position: inherit } content: ''; visibility: inherit; display: inherit; position: inherit;
border: inherit; transform: inherit }
code:style.css
/* 番号付き箇条書き */
.line.number-list .dot {
display: block !important;
}