settings
/daiiz/settingsからパクリスペクト
https://gyazo.com/6febee5fe32febd42b0954317ef5fedd
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;
}
div.editor-wrapper {
opacity: 0.93;
}
li.page-list-item {
opacity: 0.93;
}
/* 縦長でもちゃんと表示 */
.grid li.page-list-item a .icon img {
max-width: 100%;
max-height: 100%;
width: auto; !important
}