settings
特定のページを見えなくする
code:style.css
.grid-style-itemdata-page-title="settings",
.grid-style-itemdata-page-title="増井俊之",
.grid-style-itemdata-page-title^="_" /* タイトル先頭が「_」なら非表示 */
{display: none !important;}
--logo-url: url('https://gyazo.com/88f28c2e54c177ed96b538c04c0955e3.png');
左上のロゴを設定
code:style.css
.brand-icon {
--logo-url: url('https://gyazo.com/9ce733dc5a31bf4e36a01835c9fd7ee3.jpg');
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 {
background-color: #eee;
}
.line span.code-block .code-block-start a {
color: #555;
}
ルビ
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;
color: var(--page-text-color, #4a4a4a);
}