新着記事、人気記事でサムネイル無を表示するCSS

目的

muragonのカスタマイズ。
サイドバーの新着記事、人気記事で「サムネイル無し画像」を表示する。
タイトルを3行表示し、Chrome、Safariのみ三点リーダ表示する。

CSS

/* サムネイル無し画像を背景画像として表示 */
.aside-module[data-part-type="recent"] .thumbnail-group,
.aside-module[data-part-type="popular"] .thumbnail-group {
position : relative;
height : 64px; /* 最大270×270px */
background : url(https://public.muragon.com/krtnrpoj/wcpivdk7.gif) no-repeat;
background-size : contain;
}

/* タイトルを3桁表示 */
.aside-module[data-part-type="recent"] .thumbnail-group-title,
.aside-module[data-part-type="popular"] .thumbnail-group-title {
display : block;
display : -webkit-box;
-webkit-line-clamp : 3;
-webkit-box-orient : vertical;
position : absolute;
top : 0;
left : 74px;
width : 206px;
height : 4.2em;
overflow : hidden;
}