サムネデザインをいい感じにするUserCSS
code:style.css
body{ /* カードの下部影 */
--card-box-shadow:none;
--card-box-hover-shadow:none;
}
.page-list .grid li{
margin: 0 0 0 0;
box-shadow: none;
}
.related-page-list {
padding: 0 1px;
}
.grid li.page-list-item a{
border-radius: 10px ;
transition: all 100ms cubic-bezier(0.2, 0.91, 0.85, 0.96) 0s;
}
.grid li.page-list-item a:hover{
border-radius: 10px;
}
/* --- アウトライン --- */
.grid li.page-list-item:not(.pin) a{outline: 1px solid #141920;} .grid li.page-list-item:not(.pin) a:hover{outline: 1px solid #f4af7f;} .grid li.page-list-item a .icon {
position: relative;
padding: 0;
margin: auto;
}
.grid li.page-list-item a .icon img{
width: auto;
max-height: 100px;
max-width: 90%;
border-radius: 5px;
}
.grid li.page-list-item a .header{
padding: 8px 8px 8px;
border-top: none;
}
.grid li.page-list-item a .title{
font-size: 0.9em;
text-align: center;
}
.grid li.page-list-item a .hover{background: transparent;}
opacity: 0;}