settings
code:style.css
.grid li.page-list-item a .icon img {
/* default */
display: block;
width: 100%;
/* custom */
/* グレースケールにすると新聞みたいになる */
//-webkit-filter: grayscale(100%);
//filter: grayscale(100%);
/* 彩度を落とすと少し静かになる */
//-webkit-filter: saturate(80%);
//filter: saturate(80%);
}
.page-list .grid li {
/* リスト写真非表示 */
//height: 50px;
}
// 箇条書きのマーク形状をハイフン(-)状にする
.line .dot {
/* height: 2px !important; */
/* margin-top: 2px; */
}
/* 一覧カードを小さくする */
.two-two {
width: 110px !important;
height: 110px !important;
}
.page-list .grid li,
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label {
width: 110px !important; /* 110, 130px */
height: 110px !important;
}
.two-two .icon {
padding-top: 30px !important;
}
.two-two .title {
height: 0px !important;
}
.page-list .grid li:hover {
transition: 1.6s;
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.page-list .grid li.pin:hover {
-webkit-transform: none;
-moz-transform: none;
transform: none;
}