12/Topxxx/featured

12/recent/featured

12/related/featured

/* Posts Relacionados -----------------------------------------------*/ #related-posts { float: center; text-transform: none; height: 100%; min-height: 100%; padding-left: 15px; margin-top: -10px; } #related-posts h2 { font-size: 20px; font-weight: bold; color: #c6c6c6; font-family: Sofia, cursive; margin-bottom: 20px; padding-left: 45px; } #related-posts a { color: #000; } #related-posts a:hover { color: #FFFFFF; background: #E0F2F7; } #related-posts img{ margin: auto; } #imagem { width: 125px; height: 125px; border-radius: 1000px; /*Retire essa linha se quiser as imagens quadradas*/ } #texto { width: 125px; text-align: center; color: #c6c6c6; padding-left: 3px; height: 65px; margin: 3px 0px 0px; padding: 0px; font-size: 14px; line-height: normal; } /*Posts relacionados CSS*/ #estiloimg{ width:120px; /*Largura da imagem*/ height:120px; /*Altura da imagem*/ border-radius:50%; /*Imagem redonda*/ } .estilotexto{ width:120px; /*Define a largura maxima da caixa do texto*/ text-align:center; /*Alinha ao centro*/ padding-left:3px; /*Define a distancia a esquerda*/ height:65px; /*Define a altura*/ margin: 3px 0pt 0pt; /*Margens*/ padding: 0pt; /*Distancia em textos*/ font-size: 12px; /*tamanho da fonte*/ line-height: normal; /*Altura da linha*/ } #related-posts { float:center; /*Alinhado ao centro*/ text-transform:none; /*Texto sem nenhuma transformação*/ height:100%; /*Altura total dos posts relacionados*/ min-height:100%; /*Altura minima*/ padding-top:5px; /*Distancia do topo*/ padding-left:5px; /*Distnacia da esquerda*/ } #related-posts h2{ font-size: 1.6em; /*Tamanho da fonte do titulo*/ font-weight: bold; /*Estilo em negrito*/ color: black; /*Cor do titulo*/ font-family: Georgia, “Times New Roman”, Times, serif; /*Fonte*/ margin-bottom: 0.75em; /*Margin de baixo*/ margin-top: 0em; /*Margem do topo*/ padding-top: 0em; /*Distancia do topo*/ } #related-posts a{ color:black; /*Cor dos links*/ } #related-posts a:hover{ color:black; /*Cor do link quando passa o mouse em cima*/ } #related-posts img{ margin: auto; /*Margin*/ } #related-posts img:hover{ opacity:0.7; /*Opacidade na imagem quando passa o mouse*/ -webkit-transition: background-color 2s linear; /*Efeito de transição na opacidade*/ -moz-transition: background-color 2s linear; /*Efeito de transição na opacidade*/ -o-transition: background-color 2s linear; /*Efeito de transição na opacidade*/ transition: background-color 2s linear; /*Efeito de transição na opacidade*/ } /*Final posts relacionados CSS*/ >