import-css
Scrapboxでtakker.iconが使っているUserCSS
2023-02-25 import-oldから切り出した
全機能をimportする
code:style.css
@import './default.css';
@import './codeBlock-font.css';
スクボサーフィン防止対策
使うのやめた
ほぼ意味がないどころか、本当にprojectを変えたいときいちいち参加していないprojectを踏み台にしてprojectを変えないといけなくて面倒
popup
code:default.css
@import '../popup/style.css';
code:default.css
@import "../.page-columnのgrid_layoutを調整できるようにするUserCSS/style.css";
@import '../common/personal.css';
/scrapboxlab/UserScript版アイコンボタン
2020-10-15 18:53:10 使っていないので外した
scrapbox-icon-buttonを入れた
2020-10-15 18:31:36 関連ページリストを吹き出し表示するUserScriptは一旦OFFにする
performance計測をしてみたところ、こいつのregisterAddEventListenerが速度低下の主因になっていた
search-form (scrapbox)の背景色をfocusありなしで変えない
code:default.css
.search-form .form-group input:focus {
color: var(--page-text-color);
background-color: var(--search-form-bg, rgba(255,255,255,0.15));
}
kakeruの背景を白にするUserCSS
code:default.css
img[src^="https://i.kakeru.app"] {
background-color: white;
}
コードブロック記法系
コードブロック記法に行番号を表示するUserCSS
code:style.css
@import '../コードブロック記法に行番号を表示するUserCSS/style.css';
コードブロック記法にCicaを使用
#2020-09-22 10:01:35 うまくdownload&適用してくれない?
code:style.css_disabled
@font-face {
font-family: Cica;
src: local(Cica),
url("/files/5f694a9a386abd001ebda75c.ttf");
}
コードブロック行頭に、言語に応じた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;
}
コードブロック記法中のfontを変更
code:codeBlock-font.css
.line code, .line span.code-block {
font-family: Cica,Menlo,Monaco,Consolas,"Courier New",monospace;
font-size: 105%;
line-height: 1.5em;
}
#2023-02-25 11:04:55
#2022-11-26 22:49:30
#2022-07-18 07:23:00
#2022-04-27 12:54:04
#2022-01-17 22:31:22
#2021-07-06 07:35:43
#2021-05-26 14:55:54
#2021-04-24 10:33:28
#2021-04-12 02:51:41
#2021-03-22 04:04:02
#2021-03-21 06:39:10
#2021-03-16 04:23:49
#2021-03-15 01:28:00
#2021-01-14 17:09:44
#2021-01-05 21:41:49
#2020-12-30 14:00:06
#2020-11-03 08:53:48
#2020-10-15 18:31:30
#2020-09-30 02:23:11
#2020-09-22 21:17:11
#2020-09-16 20:05:07