.author-recommended-posts {
position: relative;
overflow: hidden;
padding: 0;
margin: 0;
}
.author-recommended-posts ol,
.author-recommended-posts ol li {
position: relative;
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
.author-recommended-posts ol li {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 10px;
}
.author-recommended-posts ol li.has-thumbnail {
min-height: 50px;
}
.author-recommended-posts ol li > div {
position: relative;
overflow: hidden;
display: block;
float: left;
width: 100%;
padding: 0;
margin: 0;
}
.author-recommended-posts .related-thumbnail {
position: relative;
display: block;
width: 70px;
height: 50px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 0 10px 10px 0;
text-decoration: none;
float: left;
}
.author-recommended-posts .related-title {
display: block;
float: left;
padding-top: 5px;
} .author-recommended-posts.horizontal ol {
overflow: hidden;
padding: 0;
margin: 0;
list-style-type: none;
line-height: 1;
}
.author-recommended-posts.horizontal ol li {
display: block;
width: 33%;
padding: 0 5px;
float: left;
}
.author-recommended-posts.horizontal .related-thumbnail {
display: block;
width: 40%;
height: 50px;
margin: 0;
float: left;
}
.author-recommended-posts.horizontal .related-title {
display: block;
}
.author-recommended-posts.horizontal li.has-thumbnail .related-title {
width: 55%;
float: right;
} .author-recommended-posts.vertical ol,
.author-recommended-posts.vertical ol li {
float: left;
clear: both;
width: 100%;
}