/* Outer-Wrapper
———————————————– */
background-color:#FFFCCF;
width: 880px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
background-color:#FFFFFF;
width: 410px;
float: left;
margin-left: 20px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
background-color:#FFFFFF;
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#left-sidebar-wrapper {
background-color:#FFFFFF;
border:1px dashed #F08080;
width: 220px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
We can now change the color and look of the dividers. Scroll down a little more and find the section:
———————————————–
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
padding:4px;
border:1px dotted $bordercolor;
}
———————————————– */
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
———————————————–
h2.date-header {
margin:1.5em 0 .5em;
}
.post {
margin:.5em 0 1.5em;
margin:0 0 .75em;
Change to:
.sidebar .widget, .main .widget {
border-bottom:1px dashed #8AA37B;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
———————————————– */
background-color:#FFFFFF;
border:1px dashed #F08080;
margin-right: 5px;
margin-left: 9px;
width: 410px;
float: left;
margin-left: 9px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
background-color:#FFFFFF;
border:1px dashed #F08080;
margin-right: 5px;
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#left-sidebar-wrapper {
background-color:#FFFFFF;
border:1px dashed #F08080;
margin-left: 1px;
width: 220px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Whew! How does it look? Your three sections should be equally separated, or pretty close.
I was just wondering about this! So wonderful of you to do these posts.
I was just wondering about this! So wonderful of you to do these posts.