terfno - miurahantorb

terfno

https://secure.gravatar.com/avatar/2fda10ff8dccf267309cb551841e96c0.jpg?s=1000

code:script.js

scrapbox.TimeStamp.addFormat(() => [${new Date().toISOString().split("T")[0]}]);

scrapbox.TimeStamp.addFormat(() => ${new Date().toISOString().split("T")[0]});

code:style.css

.app:not(.presentation) .indent-mark .char-index:not(:nth-last-child(1)):not(:nth-last-child(2)) {

position: relative;

}

.app:not(.presentation) .indent-mark .char-index:not(:nth-last-child(1)):not(:nth-last-child(2))::before {

content: " ";

position: absolute;

left: 43%;

margin: -4px 0;

border-left: 2px solid #dcdcdc; /* 色の指定 */

}

code:style.css

/* コード記法の行番号を表示 -- ウィンドウ幅768px以上で適用 */

@media screen and (min-width: 768px) {

.section-title, .code-block-start { counter-reset: codeline }

.code-block code > span:not(class) { counter-increment: codeline }

.code-block code > span:not(class)::before {

content: counter(codeline);

position: absolute; display: inline-block; left: -4em; z-index: 10;

min-width: 50px; text-align: right; vertical-align: bottom;

/* ↓行番号のフォントとか色とかの指定はここ */

font-family: monospace; color: grey }

/* カーソル行の行番号を濃く表示する */

.code-block code > span:not(class)::before { opacity: .5 }

.cursor-line .code-block code > span:not(class)::before { opacity: 1; font-weight: bolder } }