settings
code:style.css
@import "/api/code/scrasobox/見える文字数カウンター/style.css";
code:script.js
import "/api/code/scrapboxlab/いい感じにリンクするomakase-links/script.js";
code:script.js
import "/api/code/customize/リンクを外すUserScript/script.js";
code:style.css
@import "/api/code/scrasobox/しおり記法/style.css";
code:script.js
import "/api/code/scrasobox/しおり記法/script.js";
code:style.css
@import "/api/code/scrasobox/見える文字数カウンター/style.css";
code:script.js
import "/api/code/scrasobox/見える文字数カウンター/script.js";
code:style.css
@import "/api/code/scrasobox/箇条書きを控えめにする/style.css";
直接記入
code:style.css
.page-list .grid li:hover {
transition: 0.3s;
-webkit-transform: rotateZ(1800deg);
-moz-transform: rotateZ(1800deg);
transform: rotateZ(1800deg);
}
/* pinどめされたカードは回らない */
.page-list .grid li.pin:hover {
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
code:style.css
.cursor-line {
background-color: rgba(0, 0, 255, .1);
box-shadow: inset 0 -5px 5px -5px rgba(0, 0, 255, .3);
}
code:script.js
// 選択された文字列をScrapboxプロジェクト内で検索する
// Scapbox検索ボックスを使ったときと同じ結果ページを開く
scrapbox.PopupMenu.addButton({
title: '検索',
onClick: function (text) {
var projectName = 'arpla';
}
});
code:style.css
/* 挿入 */
.deco-\+ { color: blue }
/* 挿入取り消し */
.deco-\+.deco-\_ { color: #ff6347 } .deco-\+.deco-\_::after {
content: 'イイネ！'; display: inline-block;
color: blue; font-size: smaller; text-decoration: none !important; vertical-align: super }
イイノカナ？
マーカーポップ
code:script.js
// 選択した文字列にマーカー
scrapbox.PopupMenu.addButton({
title: '✅',
onClick: text => [[${text}]]
})
付箋ポップ
code:script.js
scrapbox.PopupMenu.addButton({
title: '📑',
onClick: text => text.split('\n').map(line => [~ ${line}]).join('\n')
})
解説ポップ
code:script.js
scrapbox.PopupMenu.addButton({
title: '🈖',
onClick: text => text.split('\n').map(line => [% ${line}]).join('\n')
})
引用ポップ
code:script.js
scrapbox.PopupMenu.addButton({
title: '❝❞',
onClick: text => text.split('\n').map(line => [" ${line}]).join('\n')
})
中央ポップ
code:script.js
scrapbox.PopupMenu.addButton({
title: '㊥',
onClick: text => text.split('\n').map(line => [| ${line}]).join('\n')
})
右寄せポップ
code:script.js
scrapbox.PopupMenu.addButton({
title: '㊨',
onClick: text => text.split('\n').map(line => [> ${line}]).join('\n')
})
吹き出し左ポップ
code:script.js
scrapbox.PopupMenu.addButton({
title: '💭',
onClick: text => text.split('\n').map(line => [{ ${line}]).join('\n')
})
吹き出し右ポップ
code:script.js
scrapbox.PopupMenu.addButton({
title: '💭㊨',
onClick: text => text.split('\n').map(line => [} ${line}]).join('\n')
})
code:script.js
scrapbox.PopupMenu.addButton({
title: '新規',
onClick: text => {
const lines = text.split(/\r\n/g) .trim()
.replace(/\^\+.icon\]/gm, '')
const projectRoot = (() => {
const tmp = location.href.split('/')
tmp.pop()
return tmp.join('/')
})()
const currentPageTitle = decodeURIComponent(location.href.split(/\//g).pop())
lines.unshift(from [${currentPageTitle}])
const body = encodeURIComponent(lines.join('\n'))
window.open(${projectRoot}/${title}?body=${body})
return [${title}]
}
})
code: script.js
scrapbox.PopupMenu.addButton({
title: 'K',
onClick: text => {
text = zenhan(text);
text = text.split(/\n/).map(line => line.normalize()
.join('\n')
return text;
}
})
function zenhan(text) {
return String.fromCharCode(s.charCodeAt(0) - 65248);
});
//16進数の場合
return String.fromCharCode(s.charCodeAt(0) - 0xFEE0);
});
text = text.replace(/ /g,' ');
return text;
}
code:style.css
/* ポップアップメニューの修飾ボタンをアイコン化 */
.popup-menu .button-container .button.strong-button > strong,
.popup-menu .button-container .button.italic-button > i,
.popup-menu .button-container .button.strike-button > strike {
display: inline-block; width: 0; text-indent: -9999px }
.popup-menu .button-container .button.link-button::after,
.popup-menu .button-container .button.strong-button::after,
.popup-menu .button-container .button.italic-button::after,
.popup-menu .button-container .button.strike-button::after {
font: normal 90%/normal FontAwesome;
display: inline-block; min-width: 8px; text-align: center }
.popup-menu .button-container .button.strong-button::after { content: '\f032' }
.popup-menu .button-container .button.italic-button::after { content: '\f033' }
.popup-menu .button-container .button.strike-button::after { content: '\f0cc' }
/* ポップアップメニューのボタン周りの線を消す */
.selections .popup-menu .button-container .button:not(:first-of-type) { border: 0 }
code:style.css
.navbar .navbar-menu>li.stream-btn,
.navbar .navbar-menu>li.stream-btn.hidden-xs
{ display: block !important; }
code:style.css
/* プロジェクトTOPへのリンクと周辺パーツを強引にnavbarに移動 */
/* ※次のnavbar固定と同時に使う必要がある */
@media screen and (min-width: 768px) {
.quick-launch .project-home {
position: fixed; top: 12px; left: calc((100% - 1080px)/2); z-index: 990 }
/*.page { padding-top: 0 }*/
.quick-launch .title { color: #FFF; font-size: 22px; }} @media screen and (min-width: 768px) and (max-width: 991px) {
.quick-launch .project-home { left: 65px }
.quick-launch .title { color: #FFF; font-size: 22px; }} @media screen and (min-width: 992px) and (max-width: 1260px) {
.quick-launch .project-home { left: 80px }
.quick-launch .title { color: #FFF; font-size: 22px; }} @media screen and (min-width: 1261px) {
.quick-launch .project-home { left: calc((100% - 1260px)/2 + 80px) }
.quick-launch .title { color: #FFF; font-size: 22px; }} code:style.css
/* はりつくメニューバー */
@media screen and (min-height: 600px) and (min-width: 768px) {
body:not(.presentation) { padding-top: 90px; padding-right: 0 !important }
body:not(.presentation) .page-menu { position: fixed; top: 90px }
.navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 990; overflow: unset }
.dropdown.open .dropdown-menu {
position: absolute; left: auto; top: auto;
max-height: calc(100vh - 100px); overflow-y: auto }
.dropdown.open .dropdown-menu.global-menu { left: 0; top: 54px }
.page-menu .dropdown.open .dropdown-menu { position: absolute; top: 0 } }
code:style.css
/* 1. Scrapboxアイコンをバーガーアイコンに置き換え */
.navbar-brand img, .navbar-brand span { display: none !important }
.navbar-brand::before {
content: '\f0c9'; font-family: FontAwesome; font-size: 16px; color: #ffffff; } 背景黒
code:style.css
body {
background-color: #333333 !important; }
code:style.css
.grid li.page-list-item a:hover {
border-radius: 0px ;
box-shadow: 0px 0px 0px 0px #000000 ; }
.container {
max-width: none;
}
ナビバーの色
code:style.css
.navbar {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 990;
overflow: unset;
border-bottom: solid #000000 0.0px; }
.dropdown.open .dropdown-menu {
position: absolute;
max-height: calc(100vh - 100px);
overflow-y: auto
}
.page-menu .dropdown.open .dropdown-menu {
position: absolute;
top: 0
}
/* } */
.search-form .form-group input {
}
.new-button {
}
テロメア
code:style.css
/* スリムなテロメア */
.line .telomere .telomere-border, .line .telomere .telomere-border.unread {
transition: none;
box-sizing: content-box; border-color: #000000 } .line .telomere .telomere-border:hover, .line .telomere .telomere-border.unread:hover {
box-sizing: border-box; width: auto;
border-color: #ffffff; background-color: transparent } /* ↓新着以外のテロメアの色と太さ */
.line .telomere .telomere-border { background-color: #dedede; width: 1px } /* ↓新着のテロメアの色と太さ */
.line .telomere .telomere-border.unread { background-color: #ED1A3D; width: 5px } pinのデザイン変更
code:style.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: 'FontAwesome'; font-size: 20px; color: #000000; bottom: 0 } code:style.css
.col-page {
max-width: 1280px;
}
.editor {
font-size: 18px;
line-height: 32px;
letter-spacing: 0.5px;
}