Skip to content

Instantly share code, notes, and snippets.

.videoWrap { margin:0; margin-bottom:48px; }
.videoWrap .videoInfo { position:relative; padding:24px; background:transparent; }
.videoWrap .videoInfo .inner { position:relative; padding:10px; background:#000; background-color:rgba(0,0,0,0.4);color:#FFF; height:100px; overflow:hidden; border-radius:10px; }
.videoWrap .videoInfo .inner span { padding:4px 8px; cursor:default; }
.videoWrap .videoInfo .inner span.logo { position:absolute; padding:0; display:block; width:48px; height:48px; right:0; margin:0; margin-top:42px; background-position:-735px -155px; background-size:1678%; opacity:0.5; }
.videoWrap .videoInfo .inner span.logo a.videolink { position:relative; display:block; width:100%; height:100%; }
.videoWrap .videoInfo .inner span.title { display:block; font-size:24px; line-height:28px; white-space:nowrap; overflow:hidden; }
.videoWrap .videoInfo .inner span.author { display:block; padding-bottom:8px; }
.videoWrap .videoInfo .inner span.duration,
.videoWrap .videoInfo .inner span.date { border-left:2px