Tutorial: bordas na sidebar e nos posts em hover

Hi cats!

Boa noite! Tudo bem com vocês? Como esta sendo a Quinta-feira de vocês? A minha esta indo bem, só estou um pouco cansada. Tanto é que hoje eu nem iria vir postar pois eu estava cansada e sem inspiração, mas dai eu lembrei de um pedido a qual eu recebi ontem (obrigado por quem fez o pedido!), e decidi traze-lo mesmo de noite. Inicialmente, créditos pelo tutorial: ♥♥♥. Vamos ver?

Inicialmente, colocando no post. Vá no HTML do seu blog e pesquise por: /* Posts e baixo dessa tag, cole:

.post-outer {
background:#fff;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
padding: 2px;
margin-top: 2px;
margin-bottom:20px;
box-shadow: 0 0 2px #000;
-webkit-transition-duration: .60s;
}
.post-outer:hover {
border-top: 2px solid #000;
border-bottom: 2px solid #000;
box-shadow: 0 0 1px #000;
-webkit-transition-duration: .60s;
}

Modifique apenas o que esta destacado com Negrito. E para a sidebar, pesquise por /* Widgets e abaixo dessa tag, cole:

.sidebar .widget {
background:#fff;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
padding: 5px;
margin-left: -30px;
margin-top: 0px;
margin-bottom:20px;
border-radius:0px;
box-shadow: 0 0 4px #000;
-webkit-transition-duration: .60s;
}
.sidebar .widget:hover {
border-top: 2px solid #000;
border-bottom: 2px solid #000;
box-shadow: 0 0 2px #000;
-webkit-transition-duration: .60s;
}

Modifique apenas o que esta em Negrito. Dúvidas? Comente! Kisses candy!