UserCSS:ページリスト4段組

UserCSS:ページリスト4段組

code:style.css

:root {

--page-list-separate: 4;

--page-list-height: 12.5em;

}

.container {

max-width: 96vw;

}

.col-page {

max-width: 96vw;

}

.col-page-side {

width: 0;

}

.left-box {

margin-left: 0;

}

.two-two {

width: calc((96vw - 10vw) / var(--page-list-separate)); /* */

height: var(--page-list-height);

margin: 0 1px 1px 0 ;

}

.two-two .icon {

padding-top: 0px;

}

.two-two .title {

height: 0px;

}

.page-list .grid li {

width: calc( 96vw / var(--page-list-separate)); /* */

height: var(--page-list-height);

margin: 0 1px 1px 0 ;

}

.related-page-list .grid li.page-list-item,

.related-page-list .grid li.relation-label,

.related-page-list .grid li.ellipsis

{

width: calc((96vw - 10vw) / var(--page-list-separate)); /* */

height: var(--page-list-height);

margin: 0 1px 1px 0 ;

}

.related-page-list

.grid li.page-list-item a .header{

border: none ;

margin: 0 1px 1px 0 ;

}

横長

code:stylexx.css

/* 一覧カードを小さくする */

.two-two {

width: 280px;

height: 120px;

}

.two-two .icon {

padding-top: 30px;

}

.two-two .title {

height: 0px;

}

.page-list .grid li,

.related-page-list .grid li.page-list-item,

.related-page-list .grid li.relation-label {

width: 280px;

height: 120px;

}

code:stylexx.css

.grid li.page-list-item a .header {

border: 0;

}

UserCSS.icon

https://img.shields.io/badge/UserCSS-ページリスト4段組-1572B6.svg?logo=css3&style=for-the-badge