UserCSS:ページリストを大きくする
from UserCSS:ページリストの大きさを変える
UserCSS:ページリストを大きくする
code:style.css
.two-two {
width: 256px !important;
height: 256px !important;
}
.two-two .icon {
padding-top: 30px !important;
}
.two-two .title {
height: 0px !important;
}
.page-list .grid li,
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label {
width: 256px !important;
height: 256px !important;
}
ワイドモード
code:stylexx.css
.container {
max-width: 98vw;
}
.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: 39vw;
height: 15vw;
}
@media screen and (min-width: 768px) {
.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) {
.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: 1200px) {
.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: 1500px) {
.page-list .grid li,
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label {
width: 6vw;
height: 11vw;
}
}
UserCSS:ページリスト
UserCSS.icon
https://img.shields.io/badge/UserCSS-ページリストを大きくする-1572B6.svg?logo=css3&style=for-the-badge