UserCSS:ページリスト6段組
code:style.css
:root {
--page-list-separate: 6;
--page-list-height: 12.5em;
--page-list-width: 80vw;
}
/*
.container {
max-width: none;
}
*/
.container {
max-width: var(--page-list-width);
}
.col-page {
max-width: var(--page-list-width);
}
.col-page-side {
width: 0;
}
.left-box {
margin-left: 0;
}
.two-two {
width: calc((var(--page-list-width) - 10vw) / var(--page-list-separate)); /* */
height: var(--page-list-height);
margin: 0 0 0 0 ;
}
.two-two .icon {
padding-top: 0px;
}
.two-two .title {
height: 0px;
}
.page-list .grid li {
width: calc( var(--page-list-width) / var(--page-list-separate)); /* */
height: var(--page-list-height);
margin: 0 0 0 0 ;
}
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label,
.related-page-list .grid li.ellipsis
{
width: calc((var(--page-list-width) - 10vw) / var(--page-list-separate)); /* */
height: var(--page-list-height);
margin: 0 0 0 0 ;
}
.related-page-list
.grid li.page-list-item a .header{
border: ;
border-radius: 0px ;
box-shadow: 0px 0px 0px 0px #000000 ; margin: 0 0 0 0 ;
}
.grid li.page-list-item a:hover {
border-radius: 0px ;
box-shadow: 0px 0px 0px 0px #000000 ; }
UserCSS.icon
https://img.shields.io/badge/UserCSS-ページリスト6段組-1572B6.svg?logo=css3&style=for-the-badge