settings

UserCSS

code:style.css

/* 画像のサイズを変更 */

.level-1 img { width: 16.7% }

.level-2 img { width: 33.3% }

.level-3 img { width: 50% }

.level-4 img { width: 66.7% }

.level-5 img { width: 83.3% }

.level-6 img { width: 100% }

セクションに水平線を表示する

code:style.css

.app:not(.presentation) .line.section-title:not(.line-title) {

position: relative;

}

.app:not(.presentation) .line.section-title:not(.line-title) .text {

padding-top: 1em;

}

.app:not(.presentation) .line.section-title:not(.line-title):before {

content: "";

display: block;

width: 111%;

position: absolute;

left: -49px;

border: 1px lightgray solid;

}

セクションに番号を表示する

code:style.css

.app {

counter-reset: section;

}

.app:not(.presentation) .line.section-title:not(.line-title) {

position: relative;

}

.app:not(.presentation) .line.section-title:not(.line-title):after {

z-index: 1000;

counter-increment: section;

content: counter(section);

display: inline-block;

width: 1.6em;

height: 1.6em;

position: absolute;

top: -10px;

left: -55px;

border-radius: 50%;

font: 600 normal 90%/1.6 'Century Gothic', Arial, sans-serif;

text-align: center;

white-space: nowrap

}

indent-rainbow

code:style.css

.indent-mark {

height: 100% !important;

}

.indent-mark .pad {

height: 100% !important;

overflow: unset !important;

}

.indent-mark span:nth-child(4n+1) .pad {

background: lightblue !important;

opacity: 0.5;

}

.indent-mark span:nth-child(4n+2) .pad {

background: lightpink;

opacity: 0.5;

}

.indent-mark span:nth-child(4n+3) .pad {

background: lightyellow;

opacity: 0.5;

}

.indent-mark span:nth-child(4n+4) .pad {

background: lightgreen;

opacity: 0.5;

}