Tutorial: Borde para gadget 2

¡Hola! lectores ¿como estan? tarde mucho en volver al blog cuanto lo siento pero lo importante es que ya estoy aqui con ustedes nuevamente y esta vez les traigo un nuevo tutorial sobre un borde para tus gadget comenzemos

1. Plantilla
2. Edicion HTML
3. Ctrl+ f
4. /* widget

Y luego con el codigo que deje anteriormente pegamos justo debajo de el el siguiente codigo

.sidebar .widget {

background: #fff;
padding: 10px;
margin: 10px 0;
-moz-box-shadow:inset 0px 0px 24px #92ccc1;
-webkit-box-shadow:inset 0px 0px 24px #e6e6e6;
box-shadow:inset 0px 0px 24px #e6e6e6;
border-radius: 5px;
outline: 1px dashed #F5BCA9;
outline-offset: -4px;
;
border-left: 1px solid #DDE9EF;
border-top: 1px solid #DDE9EF;
border-right: 1px solid #DDE9EF;
border-bottom: 1px solid #DDE9EF;}.sidebar .widget h2 {
text-align: center;
font-size: 19px;
font-family: Handlee;
font-weight: Handlee;
margin-bottom:6px;
color: #bad9d3;
}.post-footer-line-1{
background: #F2F3F5;
border: 1px solid #D6DBEC;
font-family: 'Pf Arma Five';
font-size: 8px;
color:#CCD1DF;
text-align:center;
margin-top: 15px;
margin: 2px 0;
padding: 3px 3px;
line-height: 1.6;
border-radius:3px;
}

Espero que les haya servido el tutorial si tienes alguna duda  puedes dejarmela abajo en los comentarios adios los quiero