UserCSS:ページリストの大きさ調整
from UserCSS:ページリストの大きさを変える
code:style.css
.container {
max-width: 95vw;
}
.col-page {
max-width: 95vw;
}
.page-list .grid li,
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label {
width: 39vw;
height: 15vw;
}
@media screen and (min-width: 768px) {
.container {
max-width: 95vw;
}
.col-page {
max-width: 90vw;
}
.page-list .grid li,
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label {
width: 19vw;
height: 14vw;
}
@media screen and (min-width: 1024px) {
.container {
max-width: 90vw;
}
.col-page {
max-width: 80vw;
}
.page-list .grid li,
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label {
width: 14vw;
height: 13vw;
}
@media screen and (min-width: 1440px) {
.container {
max-width: 85vw;
}
.col-page {
max-width: 70vw;
}
.page-list .grid li,
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label {
width: 9vw;
height: 12vw;
}
@media screen and (min-width: 1680px) {
.container {
max-width: 85vw;
}
.col-page {
max-width: 65vw;
}
.page-list .grid li,
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label {
width: 8vw;
height: 11vw;
}
}
code:style.css
.grid li.page-list-item a .header {
border: 0;
}
UserCSS:ページリスト
UserCSS.icon
https://img.shields.io/badge/UserCSS-ページリストの大きさ調整-1572B6.svg?logo=css3&style=for-the-badge