settings
https://gyazo.com/b32ef153b9841c25fce96648f884c89d
code:style.css
htmldata-project-theme=blue {
--navbar-bg: #33455C;
--telomere-unread: #627691;
--telomere-updated: #33455C;
--relation-label-links-bg: #33455C;
}
.page-filter-menu {
display: none;
}
/* ナビゲーションメニュー固定 */
.navbar-default {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 9999;
margin: 0;
}
/* Presentation Mode */
.app.presentation {
padding-top: 0;
}
.app.presentation .line.section-title {
font-size: 4.15vw;
font-weight: 700;
}
.app.presentation .line.section-title .text {
text-align: left;
}
.app.presentation .page-column {
grid-template-columns: none;
grid-template-areas: none;
gap: 0;
}
.app.presentation .col-page {
min-width: 100vw;
}
.app.presentation .col-page-side {
display: none;
}
/* Pikachu Codeline */
#L5ab9ffa37272b10014cd24d2 ~ .line span.code-block {
line-height: 1;
background-color: yellow;
}
/* Dog CodeLine */
#L5bbc5726c2cd3f000085575e ~ .line span.code-block {
line-height: 1;
}
/* Pin Item Header Color */
.grid li.page-list-item a .pin + .content .header {
padding: 10px 14px;
}
.grid.grid-md li.page-list-item a .header {
padding: 10px 14px;
}
/* 画像は上揃えにしたい */
.line .image {
vertical-align: top;
}
/* 翻訳は非表示 */
.page-list-translation-menu {
display: none;
}
/* gridのサムネイル画像は中央寄せ */
.grid li.page-list-item a .icon {
position: relative;
}
.grid li.page-list-item a .icon img {
position: absolute;
inset: 0 auto;
margin: auto;
}
/* 中央寄せで正方形アイコンがずれるため高さ調整 */
.page-list-item.grid-style-item,
li.relation-label {
aspect-ratio: 1 / 1.24777777;
}