CSS
body { width: auto; }
.list {
display: block;
max-width: 600px;
margin: auto;
padding: 1rem;
color: #333;
box-shadow: 0 1px #f0f1f2;
overflow: hidden;
position: relative;
-webkit-tap-highlight-color: rgba(0,0,0,.1);
}
.cover {
width: 60px;
height: 80px;
background-color: #eee;
float: left;
margin-right: .75rem;
}
.cell { overflow: hidden; }
.title {
margin: 0 0 .25rem;
font-size: 1rem;
}
.desc {
margin: 0;
color: gray;
}
.tag {
font-size: 12px;
font-weight: 300;
line-height: 16px;
position: absolute;
right: 0;
top: 0;
height: 16px;
padding: 0 .5rem 0 3px;
background-color: #e00;
}
.tag::first-line { color: #fff; }
.tag::before {
top: 0;
content: "";
position: absolute;
left: -12px;
border-width: 8px 6px;
border-style: solid;
border-color: #e00 #e00 transparent transparent;
}
.btn-test {
display: block;
margin: 2em auto;
width: 280px;
height: 2rem;
font-size: 100%;
}
a img { border: none; }
a { text-decoration:none;}