settings
背景色を変える
code:style.css
body {
background-color:#f4f4f4;
}
.grid li.page-list-item a .pin {
}
箇条書きを控えめにする
code:style.css
.line .indent-mark .dot {
height: .15em;
width: .40em;
top: auto;
bottom: 0;
background-color: rgba(173,173,173,.55) }
body.presentation .line .indent-mark .dot { top: 12px }
テーブルのセルをわかりやすく
code:style.css
.table-block table {
background-color: transparent;
border-collapse: separate;
border-spacing: 2px;
}
.table-block table tr td {
padding: .2em .6em;
background-color: rgba(0,0,0,0.04);
}
.table-block table tr:nth-child(even) td {
background-color: rgba(0,0,0,0.06);
}
/* 偶数行を濃くする */
.table-block table tr:first-child td {
font-weight: bolder;
text-align: center;
}
/* 1行目だけ太字&中央揃え */
.table-block table tr td:first-child {
padding: 0;
background-color: transparent;
border-width: 0;
}
#で始まるタグをラベル風にする(印刷しない)
code:style.css
/* #で始まるタグをラベル風にする */
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
font-size: 0.8em;
border-radius: 3px;
}
}
ピン留めしたページのスタイルの変更
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;
bottom: 0;
diplay: inline-block;
transform: rotate(35deg);
}
バッジ風のタグ
code:style.css
/* 撤去済み */
}
/* 確認済み */
}
/* 未確認 */
}
display: inline-block;
min-width: 3.2em;
border-radius: .2em;
padding-left: 1.8em;
padding-right: 1.8em;
text-align: center;
}