/suto3/UserCSS:ページリストを大きくする

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


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

ワイドモード
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:ページリスト