/suto3/UserCSS:ページリストの大きさ調整

generated at 2/17/2025, 1:02:39 PM
UserCSS:ページリストの大きさ調整
from UserCSS:ページリストの大きさを変える

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;
  }
   
} 

style.css.grid li.page-list-item a .header {
  border: 0;
}

UserCSS:ページリスト