Code
/* News Blocks */
.news-block {
width: 300px;
padding-bottom: 10px;
margin:2px; /* расстояние между блоками */
float: left;
}
.news-block.widget-odd {
margin-right: 16px;
}
.news-block article h3 {
padding: 10px 0;
margin: 50 20px;
border-bottom: 1px #e5e5e5 dotted;
font: normal 12px/16px 'Helvetica', sans-serif;
}
.news-block h3 a {
color: #808080;
}
.news-block .first-post {
margin: 0;
padding: 0;
border: 0;
}
.news-block figure {
position: relative;
}
.news-block img {
margin: 0;
}
.news-block .featured-sign {
position: absolute;
background: #e5ed68;
color: #242424;
bottom: 0;
left: 20px;
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
padding: 0 10px;
}
.news-block .first-post h3 {
padding: 10px 0;
margin: 0 20px;
border-bottom: 3px #ebebeb double;
font: normal 15px/20px 'News Cycle', 'Helvetica', sans-serif;
}
.news-block .first-post h3 a {
color: #666;
}
.news-block-1 p {
color: #808080;
margin: 0 20px;
}
.news-block-1 .meta {
margin: 0 20px 5px;
}
.news-block-2 article:last-child h3,
.news-block-3 article:last-child h3 {
border: 0;
}
.news-block-3 header {
margin-bottom: 5px;
}