Kurogoma4D
https://gyazo.com/92b1b55591598e213231c9145466a409
This is Kurogoma4D’s page
Kurogoma4D.icon
https://gyazo.com/2c527d0d5aa369651f46d4d77e2ac4a9
code:script.js
import '/api/code/shokai/行頭に引用符を付けるUserScript/script.js'
import '/api/code/kn1cht/embed-tweet/script.js'
code:style.css
font-family: "Noto Serif JP", "Noto Sans JP", sans-serif ;
}
.line .image {
max-width: 100%;
max-height: none;
}
.grid li.page-list-item a .icon {
max-width: 256px;
max-height: 256px;
padding: 8px;
}
body {
margin-bottom: 0;
}
.page {
box-shadow: 0 16px 32px 8px rgb(33, 33, 33, 0.2);
}
code.code.highlight {
}
code.code-body.highlight {
font-family: "Source Code Pro", monospace;
}
.line-title {
font-weight: bold;
border-style: none none dashed none;
border-width: 4px;
margin-bottom: 2rem;
}
.line .indent-mark .dot {
background: white;
}
body *::before {
--code-number-color: var(--code-color, #342d9c); /* --accent-color: ; */
}
/* コード記法の行番号を表示 -- ウィンドウ幅768px以上で適用 */
/* ↑無効化した */
.section-title {
counter-reset: codeline;
}
.code-block span.indent code.code-body {
counter-increment: codeline;
margin-left: -1.5em;
padding-left: 3em;
}
.code-block span.indent code.code-body::before {
content: counter(codeline);
position: absolute;
display: inline-block;
z-index: 10;
margin-left: -3.0em;
width: 2.5em;
padding-right: 0.2em;
text-align: right;
vertical-align: bottom;
border-right: solid 1px #fff; /* ↓行番号の色の指定はここ */
color: var(--code-number-color);
}
/* カーソル行の行番号を濃く表示する */
.code-block span.indent code.code-body::before {
opacity: 0.5;
}
.cursor-line .code-block span.indent code.code-body::before {
opacity: 1;
font-weight: bolder;
/* ↓カーソル行の背景色の色はここ */
background-color: var(--accent-color);
}