style
code:style.css
@import "/api/code/villagepump/箇条書きを狭くするUserCSS/style.css";
@import "/api/code/masui/ScrapCalc/style.css";
.line {
--indent-width-usercss: 0.5em;
/* 各インデントの幅 */
}
.project-home .title {
font-family: sans-serif;
}
@media (prefers-color-scheme: dark) {
.editor,
.line.line-title {
color: #fff;
}
.page,
.page-sidebar {
background-color: #191b1c !important;
}
body {
background: #111 !important;
}
.cursor svg rect {
fill: #fff;
}
.cursor-line.with-image {
animation-duration: 1ms;
}
}
.line .image {
max-width: 50%;
max-height: 100px;
}
/* from https://scrapbox.io/villagepump/関連ページリストは画面幅一杯に広がってもよいのではないか */
.related-page-list:not(.has-literate-database){
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 95vw;}
/* end */
@media (min-width: 768px) {
.container:has(.page-list) {
max-width: unset;
}
}
.app {
padding-top: 128px;
}
.status-bar > div.page-title {
margin-right: 0;
border-top: 1px solid var(--tool-light-color, #a9aaaf);
border-left: 1px solid var(--tool-light-color, #a9aaaf);
}
.page-menu .infobox-menu {
left: -300px;
}
@media (prefers-reduced-motion: reduce) {
*,
::before,
::after {
animation-delay: -1ms !important;
animation-duration: 1ms !important;
animation-iteration-count: 1 !important;
transition-delay: 0s !important;
transition-duration: 1ms !important;
}
}
.footer * {
pointer-events: auto !important;
}
.scroll-bar-overlay{
display:none;
}
from /scrasobox/行番号を表示する
code:style.css
/* 行番号を表示 -- ウィンドウ幅768px以上で適用 */
@media screen and (min-width: 768px) {
.lines { counter-reset: line }
/* タイトルから数えるときは :not(.line-title) を消してね */
.line { counter-increment: line }
/* タイトルから数えるときは :not(.line-title) を消してね */
.app:not(.presentation) .line::before {
content: counter(line);
position: absolute; display: inline-block; left: -100px; z-index: 10;
min-width: 50px; text-align: right; vertical-align: middle;
/* 行番号のフォントとか色とかの指定はここ */
font-family: sans-serif; color: #4a4a4a ;font-size: 15px;}
.col-page {
margin-left: 32px;
width: calc(100% - 32px);
}
.page-column {
grid-template-columns: minmax(200px, 992px) min-content;
}
/* カーソル行の行番号を濃く表示する */
.line:not(.line-title)::before { opacity: .5 }
.line.cursor-line:not(.line-title)::before { opacity: 1; font-weight: bolder } }