settings

code:style.css

@import url('./hashtag.css');

@import url('./indent.css');

@import url('./pin.css');

@import url('./spoiler.css');

@import url('./hide.css');

@import url('./image-size.css');

code:hashtag.css

padding: 0.15em 0.5em;

border-radius: 4px;

}

font-size: 75%;

line-height: 1.5;

}

code:indent.css

.app:not(.presentation) .dot {

top: 12px ;

height: 3px ;

right: 7px;

border-radius: unset ;

}

.app:not(.presentation) .indent-mark {

height: 100%;

}

.app:not(.presentation) .indent-mark .char-index {

position: relative;

display: inline-block;

height: 100%;

}

.app:not(.presentation) .indent-mark .char-index::before {

content: '';

position: absolute;

left: 40%;

margin: -2px 0;

height: 100%;

}

scrapbox CSSインデントとかで検索して出た奴を改造したのを使う

code:pin.css

.page-list-item.pin + .page-list-item:not(.pin) {

grid-column-start: 1;

}

code:spoiler.css

.line:not(.cursor-line) :is(.deco-\|, .deco-\| a.page-link):not(:hover) {

color: transparent;

background-color: black;

}

code:indent-old.css

.dot {

display: none !important;

}

.indent {

position: relative;

}

.indent::before {

content: '';

position: absolute;

left: -16px; /* 距離を調整できます */

top: 0;

height: 100%;

width: 2px;

}

code:hide.css

display: none;

}

code:image-size.css

.level-1 img { width: 16.7%; max-height: none; }

.level-2 img { width: 33.3%; max-height: none; }

.level-3 img { width: 50%; max-height: none; }

.level-4 img { width: 66.7%; max-height: none; }

.level-5 img { width: 83.3%; max-height: none; }

.level-6 img { width: 100%; max-height: none; }