Modelos para sidebar #1

 Por: Lalalalala    18:43  tutoriais, tutorial   1 Comentario

Oi amores, hoje eu estava fuçando um blog que eu sou muito fã, e achei esses dois modelos para sidebar lindíssimos e decidi postar aqui. Então os créditos vão para o TMR .

.sidebar .widget {
background: #fbfbfb;
border: 1px solid #e3e3e3;
box-shadow: inset 1px 1px 0 #fff;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
padding: 7px;
text-align: justify;
text-shadow: #fff 1px 1px 0;
color: #999;
font-family: Trebuchet MS;
font-size: 11px;
margin-bottom: -20px;
}
.sidebar .widget h2{
padding: 3px 5px 3px 5px;
background-color: #c096b3;
border-bottom: solid 3px #a97a9a;
margin-bottom: 4px;
color: #fff;
text-shadow: 1px 1px 0 #a97a9a;
font-family: Trebuchet MS;
font-size: 11px;
}

.sidebar .widget {
background: #fcf8fc;
border: 1px solid #e4dce3;
box-shadow: inset 1px 1px 0 #fff;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
padding: 7px;
text-align: justify;
text-shadow: #fff 1px 1px 0;
color: #cbbfca;
font-family: Trebuchet MS;
font-size: 11px;
margin-bottom: -20px;
}
.sidebar .widget h2{
padding: 3px 5px 3px 5px;
background-color: #ddd2dc;
border-bottom: solid 3px #cfbfce;
margin-bottom: 4px;
color: #fff;
text-shadow: 1px 1px 0 #cfbfce;
font-family: Trebuchet MS;
font-size: 11px;
}