settings

以下は色んなサイトからお借りしてきたCSS（ちゃんと引用元を書いたほうがよかったかな…）

空リンクの色

code:style.css

body {

}

code:style.css

body {

}

バッヂ風

code:style.css

/* バッヂ風 */

display: inline-block; min-width: 3.2em; border-radius: .2em;

code:import.css

付箋

code:style.css

/* 付箋記法のスタイル例 */

.line:not(.cursor-line) .deco-\~ {

display: inline-block; position: absolute; top: -0.6em; right: -6vw;

max-width: 40%; padding: .3rem 1rem;

transform: rotate(-0.8deg); box-shadow: 4px 1px 3px rgba(0,0,0,.2) }

.presentation .line .deco-\~ { position: static; max-width: 100% }

@media screen and (max-width: 768px) { .line:not(.cursor-line) .deco-\~ { position: static; max-width: 100% } }

@media print { .line:not(.cursor-line) .deco-\~ {

/* 太字記法との組み合わせでスタイルを変える場合 */

/* 付箋記法内で打消し線記法と下線記法を併用する場合 */

.line .deco-\~.deco-- { text-decoration: line-through }

.line .deco-\~.deco-_ { text-decoration: underline }

しおり

code:style.css

/* しおり記法 -- 栞箇所のマークやハイライトが不要な場合はこのブロックは消してね */

@media screen {

.app:not(.presentation) .line .deco-\.::after {

position: absolute; top: 3px; left: -1.4em;

@media screen and (max-width: 990px) {

.app:not(.presentation) .line .deco-\.::after { position: static; padding-left: .3em } }

/* 栞一覧を出すページメニューボタンのスタイル -- ここは必要 */

button#Bookmarks.tool-btn:hover { text-decoration: none }

button#Bookmarks.tool-btn::before {

position: absolute; content: '\f02e'; font: 400 20px/46px 'Font Awesome 5 Free' }

button#Bookmarks.tool-btn img { opacity: 0 }

code:script.js

const __bkmClass = '.deco-\\.' /* ここで記法のセレクタを設定してね。デフォルトはドットです */

const __bkmMenuTitle = 'Bookmarks'

scrapbox.PageMenu.addMenu({ title: __bkmMenuTitle, image: '/assets/img/logo.png',

onClick: function() {

const __fixedHeaderHeight = ($('.navbar').css('position') == 'fixed' ? $('.navbar').height() : 0) +

($('.navbar-pagemenu').height() || 0)

scrapbox.PageMenu(__bkmMenuTitle).removeAllItems()

$(__bkmClass).closest('.line').each(function(i, e){

scrapbox.PageMenu(__bkmMenuTitle).addItem({

title: $(e).find(__bkmClass).text(),

onClick: function() {

$('html,body').animate({

scrollTop: $(e).offset().top - $('body').offset().top - __fixedHeaderHeight

}, 150)

}

})

})

}

})

ピン留めされたページを独立した段に表示する

code:style.css

/* ピン留めされてるカードの段を分ける */

.page-list-item.pin + .page-list-item:not(.pin) {

grid-column-start: 1;

}

取り消しのとき文字を少し透明に

code:style.css

.deco-\- {

opacity: 0.5;

}

＃で始まるタグをラベル風にする

code:style.css

/* ＃で始まるタグをラベル風にする */

display: inline-block;

padding: 2px 8px;

margin: 0 8px 10px 0;

font-size: 0.8em;

border-radius: 15px / 50%;

-webkit-transform: scale(1);

transform: scale(1);

}

}

箇条書きを控えめにする

code:style.css

/* 箇条書きを控えめにする */

.app .line .indent-mark .dot {

height: .2em; width: .4em; border-radius: 25%;

background-color: rgba(173,173,173,.55) }

.app:not(.presentation) .line .indent-mark .dot { top: auto; bottom: 0 }

code:style.css

/* Scrapboxアイコンをバーガーアイコンに置き換え */

.brand-icon, .kamon { display: none !important }

.navbar-brand::before {

content: '\f0c9';

font-family: 'Font Awesome 5 Free';

font-weight: 900;

font-size: 28px;

color:#dddddd;

}