style
code:style.css
@import "/api/code/villagepump/箇条書きを狭くするUserCSS/style.css";
@import "/api/code/masui/ScrapCalc/style.css";
@import "/api/code/villagepump/曇りガラス記法をぼかしから透明化+枠線にするUserCSS/style.css";
/* @import "/api/code/villagepump/Modern_UI_for_Cosense/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: #f0f0ff;
}
.page,
.page-sidebar {
background-color: #10102f !important;
}
body {
background: #08080f !important;
--telomere-border:#000;
--card-bg: #10102f !important;
--card-title-color: #ccd !important;
--card-title-bg: #10102f !important;
}
.cursor svg rect {
fill: #fff;
}
.cursor-line.with-image {
animation-duration: 1ms;
}
.text-input{
background:#10102f !important;
}
}
/*
.line .image {
max-width: 50%;
max-height: 100px;
}
*/
.project-events > .page.page-short > .lines > .line:nth-child(3), .project-events > .page.page-short > .lines > .line:nth-child(4) {
display: none;
}
.status-bar > div.page-title {
margin-right: 0;
}
.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;
}
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: #444 ;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 } }
from /villagepump/Youtubeの埋め込みを小さくするUserCSS
code:style.css
.iframe-video-player:not(.floating) {
iframe {
width: 99%;
max-width: 426px;
height: auto;
max-height: 240px;
aspect-ratio: 16 / 9;
}
&:hover .control {
right: unset;
left: min(99% - 24px, 616px); /* calc(min(99%, 640px) - 24px) */
}
}
strong .iframe-video-player:not(.floating) {
iframe {
max-width: 99%;
max-height: none;
}
&:hover .control {
left: calc(99% - 24px);
}
}
/*
.editor {
font-size: 16px;
line-height:22px;
}
*/