yuiseki

https://lh3.googleusercontent.com/a/ALm5wu1da7EMGnmVAdWFG619CNUgQksj8RYO_Gmf2xz2=s96-c#.png

this is yuiseki’s page

UserCSS

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;

}

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

}

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;

}

ランダムボタンは使わないので消す

code:style.css

@media screen {

.random-jump-button.tool-btn.link-btn {

display: none;

}

}

閲覧したページのカードの色を変える

code:style.css

.grid li.page-list-item a:visited {

background-color: lightgray;

}

code:style.css

/* 行番号を表示 -- ウィンドウ幅768px以上で適用 */

@media screen and (min-width: 768px) {

.lines { counter-reset: line }

/* タイトルから数えるときは :not(.line-title) を消してね */

.line:not(.line-title) { counter-increment: line }

/* タイトルから数えるときは :not(.line-title) を消してね */

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

content: counter(line);

position: absolute;

display: inline-block;

left: -110px;

z-index: 10;

min-width: 50px;

text-align: right;

vertical-align: middle;

/* 行番号のフォントとか色とかの指定はここ */

font-family: monospace;

color: grey;

}

/* カーソル行の行番号を濃く表示する */

.line:not(.line-title)::before { opacity: .3 }

.line.cursor-line:not(.line-title)::before { opacity: 1; font-weight: bolder }

}

消すと困るので薄くしてみる

code:style.css

.line .dot {

opacity: 0.7;

}

UserScript

時刻カスタマイズ

code:script.js

scrapbox.TimeStamp.removeAllFormats()

scrapbox.TimeStamp.addFormat("YYYY-MM-DD")

scrapbox.TimeStamp.addFormat("YYYY-MM-DD HH:mm")

ポップアップの拡張

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/shokai/ページの見出しを作るUserScript/script.js'

その他

code:script.js

(function (history) {

// 表示する履歴の数

const maxHistory = 5;

if ($('#history-box').length) { return; }

const $header = $(".quick-launch");

$header.append($(`<div class='flex-box'>

<div class='flex-item'>

<div class='left-box' id='history-box' />

</div></div>`));

const $historyHolder = $("#history-box");

function pathToPageTitle(path) {

}

let pushState = history.pushState;

history.pushState = function (state) {

try {

// on history change

var pageTitle = pathToPageTitle(state.path);

if (pageTitle) {

$newHistory.on("click", () => { $newHistory.remove(); });

$historyHolder.append($newHistory);

if ($historyHolder.children().length > maxHistory) {

$historyHolder.children().first().remove();

}

}

} catch (x) {

console.error(x);

}

return pushState.apply(history, arguments);

};

})(window.history);

code:style.css

margin: 0 3px;

}

font-weight: bold;

pointer-events: none;

cursor: default;

}

? Gyazoの開発責任者