settings

特定のページを見えなくする

code:style.css

{display: none !important;}

左上のロゴを設定

code:style.css

.brand-icon {

width: 30px;

height: 30px;

background-image:var(--logo-url);

background-size:cover;

background-repeat:no-repeat;

/* border-radius: 50%; */

svg {display: none;}

}

codeblockのフォントを小さくする

code:style.css

.line span.code-block {

line-height: 1.2em;

font-size: 88%;

}

codeblockの先頭行の色をおとなしくする

code:style.css

.line span.code-block .code-block-start {

}

.line span.code-block .code-block-start a {

}

ルビ

code:style.css

/* <ruby>相当 */

.line:not(.cursor-line) .deco-\# {

display: inline-flex;

flex-direction: column-reverse;

vertical-align: bottom; /* Chrome 108で表示が乱れる場合の対応 */

}

/* <rb>相当 */

.line:not(.cursor-line) .deco-\# > span:nth-child(1) {

display: inline-flex;

justify-content: space-around;

width: 100%;

}

/* <rt>相当 */

.line:not(.cursor-line) .deco-\# > span:nth-child(2) {

line-height: 0;

font-size: 50%;

}

/* <rt>相当 */

.line:not(.cursor-line) .deco-\# > span:nth-child(2) > a {

display: inline-flex;

justify-content: space-around;

width: 100%;

pointer-events: none;

}