Settings

https://img.icons8.com/material-outlined/384/000000/settings.png

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

code:style.css

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

clear: both;

}

外部リンクとScrapbox内部のリンクとを区別する

code:style.css

/* 外部リンクにiconをつける */

.line a.link:not(.icon)::after {

font-family:'FontAwesome';

content: ' \f08e';

display: inline-block;

}

code:style.css

/* 二重括弧による強調をマーカーっぽくする */

}

インライン引用

code:style.css

.deco-\" {

border-radius: .2em; padding: 0 .4em; background-color: rgba(128,128,128,0.1);

font-size:95%; font-style: italic }

.deco-\"::before {

font-size:85%;

font-family: 'FontAwesome';

content: '\f10d';

vertical-align: super;

}

code:style.css

/* 吹き出し本体 */

.deco-\{, .deco-\} {

font-size: 1em;

padding: 0.1em 0.2em 0.1em 0.2em;

border-radius: 0.4em;

margin: auto 0.3em;

display: inline-block;

max-width: calc(100% - 100px);

vertical-align: top;

}

/* 左吹き出しの角 */

.deco-\{:before {

position: absolute;

margin: 0;

padding: 0;

transform: translateX(-100%) translateY(calc(1em - 80%));

width: 0;

content: "";

border-width: 0 0 0.6em 0.6em;

border-style: solid;

}

/* 右吹き出しの角 */

.deco-\}:after {

position: absolute;

margin: 0;

padding: 0;

transform: translateY(calc(1em - 80%));

width: 0;

content: "";

border-width: 0 0.6em 0.6em 0;

border-style: solid;

}

/* 強調吹き出しの角 */

/* 吹き出し内のリンク色の調整 */

code:style.css

/* はりつくメニューバー */

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

.app:not(.presentation) { padding-top: 90px; padding-right: 0 !important }

.app: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 }

}