Bordas coloridas no post e sidebar

Oiie galera, tudo bem? Hoje eu trouxe um tutorial legal ..  Estou realmente sem nada pra falar hoje .. Então vou ser logo direta no  Tutorial :3

Sidebar

Vamos em Modelo > Editar Html > Ctrl + F (ou F3) e procure por:

]]></b:skin>

Acima da tag procurada cole:

.sidebar .widget {
background:#fff; /*--------Cor do fundo------*/
border-top: 5px solid #d4bfb1; /*------------Cor da barra de baixo------*/
padding: 5px; /*------------Espaço interno------*/
margin-left: -13px; /*------------Espaço externo da esquerda------*/
margin-top: 0px; /*------------Espaço externo de cima------*/
margin-bottom:25px; /*------------Espaço externo de baixo------*/
border-radius:2px; /*-------------Arredondamento do gadget--------*/
border-bottom: 5px solid #b1d4b3;
box-shadow: inset 0 0 6px #e2e1e1, 0 0 1px #ccc;
}

O ultimo gadget não fica com a faixinha embaixo ..Para colocar procure por:

.sidebar .widget:last-child {

Você vai encontrar algo assim:

.sidebar .widget:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;

Abaixo de padding-buttom 0; cole:

background:#fff; /*--------Cor do fundo------*/
border-top: 5px solid #d4bfb1; /*------------Cor da barra de baixo------*/
padding: 5px; /*------------Espaço interno------*/
margin-left: -13px; /*------------Espaço externo da esquerda------*/
margin-top: 0px; /*------------Espaço externo de cima------*/
margin-bottom:25px; /*------------Espaço externo de baixo------*/
border-radius:2px; /*-------------Arredondamento do gadget--------*/
border-bottom: 5px solid #b1d4b3;box-shadow: inset 0 0 6px #e2e1e1, 0 0 1px #ccc;
}

Área da Postagem

Procure por:

.main-inner .column-center-outer {

Acima do que você procurou cole:

.post-outer {margin: 4px 2px 30px;padding: 10px 10px;background:#ffffff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;er-top: 5px solid #b1d4b3; /*------------Cor da barra de baixo------*/border-radius:2px; /*-------------Arredondamento da área--------*/border-bottom: 5px solid #b1d4b3;border-top: 5px solid #d4bfb1;box-shadow: inset 0 0 6px #e2e1e1, 0 0 1px #ccc;}

Visualize se der tudo certo salve! Créditos ao blog Cherry Bubble