Postagens relacionadas para blog- 2º código

Views:
<!--Postagens relacionadas by Elaine Gaspareto-->
#related-posts {
float: left;
width: 100%;
display: block;
}
#related-posts a {
color: #474747;  /*--cor da fonte--*/
margin: 0 14px!important;
}
#related-posts a:first-child {
margin: 0px!important;
}
#related-posts a:hover {
color: #ff0066; /*--cor da fonte em estado hover--*/
}
#related-posts h2 {
margin: 0 0 7px;
font: 400 normal 13px Arial, sans-serif; /*--tamanho e tipo da fonte do título--*/
color: #ff0066; /*--cor da fonte do título--*/
text-transform: uppercase;
text-align: center!important;
}
#related-posts #related-title {
font: normal normal 11px Arial, sans-serif; /*--tamanho e tipo da fonte do texto--*/
color: #474747; /*--cor da fonte do texto--*/
text-align: center;
padding: 0 4px;
width: 100px; /*--tamanho da caixa do texto--*/
}
#related-posts #related-title a {
color: #474747; /*--cor da fonte do texto--*/
margin: 0 7px 10px;
}
#related-posts #related-title a:hover {
color: #ff0066; /*--cor da fonte do texto em estado hover--*/
}
#related-posts #related-title:hover {
color: #ff0066; /*--cor da fonte hover--*/
transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#related-posts .related_img {
margin: 0;
padding: 5px;
width: 100px; /*--largura da miniatura--*/
height: 100px; /*--altura da miniatura--*/
border: 1px solid #ff0066; /*--cor da borda da miniatura--*/
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
#related-posts .related_img:hover {
opacity: .8;
filter: alpha(opacity=80);
-moz-opacity: .8;
-khtml-opacity: .8;
}
Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage