settings
code:style.css
@import "https://scrapbox.io/api/code/rinsuki/nicothumb2img/force-dpi-style.css";
/MISONLN41/settings#5e9c0b6dec4fce0000fb4018
code:style.css
.page-list-item.pin + .page-list-item:not(.pin) {
clear: both;
}
ダークテーマだったら背景を暗く
code:style_disabled.css
@media (prefers-color-scheme: dark) {
body {
--body-bg: #222;
--tool-color: #eee;
}
}
ページ一覧でタイトルを省略しない
code:style.css
body .grid li.page-list-item a .title {
max-height: inherit !important;
-webkit-line-clamp: 1000 !important;
}
tweet-cardは小さく
code:style.css
img[src^="https://tweet-card.now.sh/"] {
max-width: 550px !important;
max-height: none !important;
display: block !important;
}
行数表示 from /scrasobox/行番号を表示する
code:style.css
/* 行番号を表示 -- ウィンドウ幅768px以上で適用 */
@media screen and (min-width: 768px) {
.lines { counter-reset: line }
/* タイトルから数えるときは :not(.line-title) を消してね */
.line:not(.line-title) { counter-increment: line }
/* タイトルから数えるときは :not(.line-title) を消してね */
.app:not(.presentation) .line:not(.line-title)::before {
content: counter(line);
position: absolute; display: inline-block; left: -110px; z-index: 10;
min-width: 50px; text-align: right; vertical-align: middle;
/* 行番号のフォントとか色とかの指定はここ */
font-family: monospace; color: grey }
/* カーソル行の行番号を濃く表示する */
.line:not(.line-title)::before { opacity: .5 }
.line.cursor-line:not(.line-title)::before { opacity: 1; font-weight: bolder } }
白背景のスクショ貼ると文章の白背景と被って見づらいので線引いとく
code:style.css
#editor .modal-image .image {
border: 1px solid #aaa;
}
inline code の色付けを殺す
code:style.css
.line code.code class*="hljs-" {
color: inherit !important;
}
ネタバレ防止用に 隠すやつを書いた
code:style.css
.line:not(.cursor-line) span.deco-\! {
background-color: #000;
}
.line:not(.cursor-line) span.deco-\! * {
color: #000;
}