Es un truco que sirve para separar las sidebars, las entradas de la sidebar... en fín, son barras de separación para nuestro blog!
Para poner barras que separan la sidebar de las entradas, añadimos esto después de #main-wrapper {
border-left: solid #000000 1px; Tendremos una barra a la izquierda de la sidebar.
border-right: solid #000000 1px; Tendremos una barra a la derecha de la sidebar.
border-right:1px dashed #ffffff; Nuestra barra se verá punteada.
Podemos tener las estilo cuadro, es decir, barra derecha-barra izquierda/barra arriba-barra abajo, debajo de #main-wrapper { ponemos border: solid #000000 1px;
Para verla punteada añadimos border: dashed #000000 1px; Si queremos que las esquinas se vean redondeadas, añadimos:
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
*Cualquier código que elijamos de estos últimos, (si son más de uno no importa) los pondremos siempre debajo de #main-wrapper {
Podemos hacer los mismos pasos en la sidebar, pero lo colocaremos debajo de #sidebar-wrapper {
Pondriamos esto por ejemplo...
#sidebar-wrapper {
border:solid #CC0000 2px;