common
複数のscrapbox projectで使っているUserCSS
コードブロック記法に行番号を表示するUserCSS (Mijinko)
code:common.css
@import "../コードブロック記法に行番号を表示するUserCSS_(Mijinko)/style.css";
のびのびドロップダウン
code:common.css
@import '../のびのびドロップダウン/style.css';
/customize/ピン留めされたページを独立した段に表示する
code:common.css
@import '../../customize/ピン留めされたページを独立した段に表示する/style.css';
外部リンクを区別するUserCSS
code:common.css
@import '../外部リンクを区別するUserCSS/style.css';
リンクを出典アイコンにするUserCSS
code:common.css
@import "../リンクを出典アイコンにするUserCSS/style.css";
特定のリンクにアイコンをつけるUserCSS
code:common.css
@import "../特定のリンクにアイコンをつけるUserCSS/style.css";
インライン引用
code:common.css
@import '../インライン引用/style.css';
インデントに応じて箇条書きのbulletの色を薄くする
code:common.css
@import '../インデントに応じて箇条書きのbulletの色を薄くする/style.css';
マーカー記法
code:common.css
@import '../マーカー記法/style.css';
/customize/ScrapboxのStreamページでの文字選択を可能にするUserCSS
code:common.css
@import "../../customize/ScrapboxのStreamページでの文字選択を可能にするUserCSS/style.css";
画像を並べるUserCSS
code:common.css
@import '../画像を並べるUserCSS/style.css';
popup
code:common.css
@import '../popup/style.css';
区切り線の誤クリックを防ぐUserCSS
code:common.css
@import "../区切り線の誤クリックを防ぐUserCSS/style.css";
code:common.css
画面幅が広いとき無効化されたinfoboxを消すUserCSS
code:common.css
@import "../画面幅が広いとき無効化されたinfoboxを消すUserCSS/style.css";
個人用
画面幅が広いときCSSを書き換えて.expandable-menuを表示させる設定にすると、UserScriptで追加したPageMenuが表示されない対策
2023-02-25 11:46:32 やめた
一部のprojectでしか頻繁にpage menuを使わない
他のprojectでは、むしろmobile版scrapboxで画面の右側のページ内容を一切タップできなくなるバグが発生してうざったいので外す
page menuを操作したくなったら縦画面にする
mobile PopupMenuのボタンサイズを小さくするUserCSS
code:personal.css
@import "../mobile_PopupMenuのボタンサイズを小さくするUserCSS/style.css";
当日の予定をタイムラインに常時表示するUserScriptの調整用UserCSS
code:personal.css
@import "../当日の予定をタイムラインに常時表示するUserScriptの調整用UserCSS/style.css";
@import "../当日の予定をタイムラインに常時表示するUserScriptの調整用UserCSS/disable.css";
その他
等幅fontを使う
code:monospace.css
.deco-\# {
font-family: Cica,Menlo,Monaco,Consolas,"Courier New",monospace;
}
/scrasobox/ピンしたページのスタイル
code:pin.css
.grid li.page-list-item a .pin {
background-color: transparent;
background-image: none;
}
.grid li.page-list-item a .pin::after {
content: '\f08d';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 20px;
color: #1f915e; bottom: 0;
}
文字の位置揃え
from /customize/Dark Theme CSS#5a85c075be9f39000004e9da
中央揃え記法は記法が衝突するのでなくした
defaultで左寄せされるので左寄せ記法はいらない
俺が右寄せだ!
code:text-align.css
/* 中央寄せ */
/*.deco-\| { position: absolute; width: 100%; text-align: center } */
/* 右寄せ */
.deco-\> { position: absolute; width: 100%; text-align: right }
/* 左寄せ */
/*.deco-\< { position: absolute; width: 100%; text-align: left }*/
search-form (scrapbox)の背景色をfocusありなしで変えない
code:search-form.css
.search-form .form-group input:focus {
color: var(--page-text-color);
background-color: var(--search-form-bg, rgba(255,255,255,0.15));
}
コードブロック行頭に、言語に応じたNerd Fontを表示する
/customize/コードブロックのファイル名に言語のアイコンを表示する
code:codeBlock-font.css
.line span.code-block .code-block-start title="css" a::before {
content: '\e749';
display: inline-block;
}
.line span.code-block .code-block-start title="html" a::before {
content: '\f13b';
display: inline-block;
}
.line span.code-block .code-block-start title="javascript" a::before {
content: '\e74f';
display: inline-block;
}
.line span.code-block .code-block-start title="typescript" a::before {
content: '\e628';
display: inline-block;
}
.line span.code-block .code-block-start title="cpp" a::before {
content: '\e61d';
display: inline-block;
}
.line span.code-block .code-block-start title="c" a::before {
content: '\e61e';
display: inline-block;
}
.line span.code-block .code-block-start title="cs" a::before {
content: '\e7bc';
display: inline-block;
}
.line span.code-block .code-block-start title="python" a::before {
content: '\e606';
display: inline-block;
}
.line span.code-block .code-block-start title="toml" a::before,
.line span.code-block .code-block-start title="json" a::before,
.line span.code-block .code-block-start title="yaml" a::before {
content: '\e60b';
display: inline-block;
}
.line span.code-block .code-block-start title="xml" a::before {
content: '\fabf';
display: inline-block;
}
.line span.code-block .code-block-start title="gitignore" a::before {
content: '\f013';
display: inline-block;
}
.line span.code-block .code-block-start title="markdown" a::before {
content: '\e73e';
display: inline-block;
}
.line span.code-block .code-block-start title="txt" a::before {
content: '\e612';
display: inline-block;
}
.line span.code-block .code-block-start title="csv" a::before {
content: '\f0ce';
display: inline-block;
}
.line span.code-block .code-block-start title="fish" a::before,
.line span.code-block .code-block-start title="bash" a::before,
.line span.code-block .code-block-start title="zsh" a::before {
content: '\f489';
display: inline-block;
}
.line span.code-block .code-block-start title="dos" a::before {
content: '\e629';
display: inline-block;
}
.line code, .line span.code-block {
font-family: Cica,Menlo,Monaco,Consolas,"Courier New",monospace;
font-size: 105%;
}
#2024-04-30 11:10:08
#2023-06-12 18:38:01
#2023-02-25 11:48:07
#2022-09-29 07:44:25
#2022-09-26 05:39:20
#2022-07-17 20:45:36
#2022-06-14 14:37:37