yuiseki

https://scrapbox.io/files/64a159923dda14001c666daf.jpg

UserCSS

サイドメニューのランダムボタンを消す

code:style.css

.random-jump-button {

display:none !important;

}

CSSだけでindent-rainbow

code:style.css

.indent-mark {

height: 100% !important;

}

.indent-mark .pad {

height: 100% !important;

overflow: unset !important;

}

.indent-mark span:nth-child(4n+1) .pad {

background: lightblue !important;

opacity: 0.5;

}

.indent-mark span:nth-child(4n+2) .pad {

background: lightpink;

opacity: 0.5;

}

.indent-mark span:nth-child(4n+3) .pad {

background: lightyellow;

opacity: 0.5;

}

.indent-mark span:nth-child(4n+4) .pad {

background: lightgreen;

opacity: 0.5;

}

sectionを水平線で区切る

code:style.css

.app:not(.presentation) .line.section-title:not(.line-title) {

position: relative;

}

.app:not(.presentation) .line.section-title:not(.line-title) .text {

padding-top: 1em;

}

.app:not(.presentation) .line.section-title:not(.line-title):before {

content: "";

display: block;

width: 111%;

position: absolute;

left: -49px;

border: 1px lightgray solid;

}

sectionに番号を表示する

code:style.css

.app {

counter-reset: section;

}

.app:not(.presentation) .line.section-title:not(.line-title) {

position: relative;

}

.app:not(.presentation) .line.section-title:not(.line-title):after {

z-index: 1000;

counter-increment: section;

content: counter(section);

display: inline-block;

width: 1.6em;

height: 1.6em;

position: absolute;

top: -10px;

left: -55px;

border-radius: 50%;

font: 600 normal 90%/1.6 'Century Gothic', Arial, sans-serif;

text-align: center;

white-space: nowrap

}

UserScript

Scrapboxの自分のページにJavascriptを記述しておくとScrapboxの画面ロード時に実行されるというもの

code:script.js

import '/api/code/shokai/文字カウント/page.js';

import '/api/code/shokai/文字カウント/popup.js';

code:script.js

import '/api/code/yuiseki/Scrapbox_UserScript_MenuItem_Copy_readable_link/script.js';

code:script.js

import '/api/code/yuiseki/Scrapbox_UserScript_MenuItem_Dupulicate_this_page/script.js';

code:script.js

import '/api/code/yuiseki/ScrapboxのメニューにTweet_buttonを追加するUserScript/script.js';

code:script.js

import '/api/code/yuiseki/Scrapboxのメニューにはてブボタンを追加するUserScript/script.js';

code:script.js

import '/api/code/yuiseki/Scrapboxのメニューにページの見出しを作るUserScript/script.js';

code:script.js

import '/api/code/yuiseki/ScrapboxのPopupにTweetメニューを追加するUserScript/script.js';

code:style.css

span.code-tab {

background-color:rgba(169,169,169,0.4);

opacity: 0.5;

}

span.code-tab:after {

display: inline-block;

position: relative;

left: -0.7em;

content: "→";

width: 0px;

}

span.code-double-byte-whitespace {

background-color:rgba(169,169,169,0.4);

opacity: 0.5;

}

span.code-double-byte-whitespace:after {

display: inline-block;

position: relative;

left: -1em;

content: "＿";

width: 0px;

}

code:script.js

import '/api/code/yuiseki/Scrapboxのコードブロック記法で空白文字可視化/script.js';