settings
code:style.css
body{
background: #F0EDD8 url('https://i.gyazo.com/c62cc8d86442f5a368d556e664ded03e.webp') fixed top 20% center no-repeat;
background-size: cover;
}
/* イラストのセンタリング */
.line img.image{
display: block;
margin: 0 auto;
width: 70%;
height: auto;
max-height: 100%;
}
/* 外部リンクに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;
}
sectionを水平線で区切る
code:style.css
.app:not(.presentation) .line.section-title:not(.line-title) {
position: relative;
}
.app:not(.presentation) .line.section-title:not(.line-title) .text {
padding-top: 1em;
}
.app:not(.presentation) .line.section-title:not(.line-title):before {
content: "";
display: block;
width: 111%;
position: absolute;
left: -49px;
border-top: 1px lightgray solid;
}
サムネ全部見える
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: 100px;
max-width: 90%;
vertical-align: middle;
border-radius: 3px;
} */
ピン留めだけ独立
code:style.css
.page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1;
}
ピン留めを変える
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: '\f0c6'; font-family: 'Font Awesome 5 Free'; font-weight: 900;
font-size: 20px; color: #9CBEA2; bottom: 0; display: inline-block; transform: rotate(-25deg);;}
タグの見た目を変える
code:style.css
/* ＃で始まるタグをラベル風にする */
atype="hashTag" {
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
background: #fff;
color: #6E9AC2;
font-size: 0.8em;
border: 1px solid #6E9AC2;
border-radius: 3px;
}
atype="hashTag":hover {
border: 1px solid rgba(110, 154, 194, 0.6);
}
atype="hashTag":active {
border: 1px solid rgba(110, 154, 194, 0.8);
}
https://i.gyazo.com/c8836c900ac4a1dd7a03148837bf6f3d.png