settings
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; }
/* 外部リンクにiconをつける */
.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon)::after {
font-family: 'Font Awesome 5 Free';
content: ' \f35d';
font-weight: 900;
display: inline-block;
}
/* ハッシュタグを緑色に、未使用のハッシュタグを紫にする */
:root {
--hashtag-color: forestgreen;
--hashtag-hover-color: darkgreen;
--empty-hashtag-color: purple;
--empty-hashtag-hover-color: darkmagenta;
}
.line atype="hashTag" {
&.page-link { color: var(--hashtag-color, forestgreen); }
data-hover-visible &.page-link:hover { color: var(--hashtag-hover-color, darkgreen); }
&.empty-page-link { color: var(--empty-hashtag-color, purple); }
data-hover-visible &.empty-page-link:hover { color: var(--empty-hashtag-hover-color, darkmagenta); }
}
/* タイトルの高さを一定にし、見た目を揃える */
.grid li.page-list-item a .header .title{
height: 50px;
}
/* ピン留めされたページを独立した段に表示する */
.page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1;
}
/* settingsのページを非表示にする */
.grid li.page-list-item > ahref^="/mutsushi-asai-lecture/settings" {
display: none;
}