settings

https://gyazo.com/69f10703701ec7c87d3ddfbb08d6b105

背景色設定

code:style.css

body{

background-color:#22252D;

}

ピン留めされたページを独立する

code:style.css

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

clear: both;

}

サムネをカードに収めるやつ

code:style.css

.grid li.page-list-item a .icon {

position: relative;

padding: 0;

margin: auto;

}

.grid li.page-list-item a .icon img {

display: table-cell;

width: auto;

max-height: 110px;

max-width: 130px;

vertical-align: middle;

border-radius: 3px;

}

見出しとタイトルをちょっとだけかっこよくする

code:style.css

.line strong {

display: inline-block;

}

.line.line-title .text {

padding: 0.25em 0.5em;/*上下 左右の余白*/

background: transparent;/*背景透明に*/

}

箇条書きを控えめにする

code:style.css

.app .line .indent-mark .dot {

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

background-color: rgba(113,113,113,.70) }

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

code:style.css

.level-1 img { width: 16.7%; max-height: none; }

.level-2 img { width: 33.3%; max-height: none; }

.level-3 img { width: 50%; max-height: none; }

.level-4 img { width: 66.7%; max-height: none; }

.level-5 img { width: 83.3%; max-height: none; }

.level-6 img { width: 100%; max-height: none; }

強調

code:style.css

.deco-\! {

padding: 0.1em 0.2em 0.1em 0.2em;

}

マーカー

code:style.css

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

}

フッタ―

code:style.css

.app:not(.presentation) .page::after {

content:'©kudan_b,2023' ;

white-space:pre-wrap;

display: block; margin-top: 5rem; padding: 1rem 0; text-align: right;

font: 500 italic 16px/2 system-ui }