settings
code:style.css
@import url('https://scrapbox.io/api/code/y-note/settings/define.css');
@import url('https://scrapbox.io/api/code/y-note/settings/font.css');
@import url('https://scrapbox.io/api/code/y-note/settings/imageBorder.css');
@import url('https://scrapbox.io/api/code/y-note/settings/pin.css');
@import url('https://scrapbox.io/api/code/y-note/settings/centered thumbnail.css');
@import url('https://scrapbox.io/api/code/y-note/settings/codeblock.css');
@import url('https://scrapbox.io/api/code/y-note/settings/disable padding-right:17px.css');
@import url('https://scrapbox.io/api/code/y-note/settings/fixed page-menu.css');
@import url('https://scrapbox.io/api/code/y-note/settings/dontHideDotsWhenTeX.css');
code:define.css
:root{
--font-color: #000;
--image-border-color: #d3d3d3;
--pin-color: #555;
}
フォント変更
code:font.css
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR&display=swap');
body,
.editor,
.grid li
{
font-family: 'IBM Plex Sans JP','IBM Plex Sans KR', sans-serif !important;
color: var(--font-color);
}
画像にボーダー
code:imageBorder.css
.line .image{
border: 1px solid var(--image-border-color);
}
ピン止め表示　ピンのみ別の行
code:pin.css
a .pin{
display: none;
}
.grid li.page-list-item a .header.pinned{
border-color: var(--pin-color);
}
.page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1;
}
サムネ画像をいい感じに納める /work4ai/settings#63654359e2dacc00008a824f
code:centered thumbnail.css
.grid li.page-list-item a .content .icon {
display: flex;
justify-content: center;
align-items: center;
img {
width: auto;
max-width: 100%;
max-height: 100%;
border-radius: 3px;
}
}
コードブロック記法に行番号を追加する /takker/Settings
code:codeblock.css
.section-title, .code-block-start{ counter-reset:codeline }
.code-block span.indent code.code-body
{
counter-increment: codeline;
margin-left: -1.5em;
padding-left: 2.3em
}
.code-block span.indent code.code-body:before
{
content:counter(codeline);
position: absolute;
display: inline-block;
z-index: 10;
margin-left: -2.4em;
width: 2em;
padding-right: .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: .5;
}
.cursor-line .code-block span.indent code.code-body:before
{
opacity: 1;
font-weight: bolder;
background-color: var(--accent-color);
}
画像を開いたときに画像の後ろの要素(ページなど)全体が17px左にずれるのをなくす
code:disable padding-right:17px.css
body{
padding-right: unset !important;
}
page-menu(ページ右上の3つのアイコン)を常に同じ位置に固定させる
code:fixed page-menu.css
.page-menu{
top: 72px;
}
code:dontHideDotsWhenTeX.css
.line.formula-line .dot {
display: inherit;
}