New look and simpler 3 column format...

Written on the original Movable Type site and recovered from the Internet Archive.

Thanks Brad for sharing your style sheet! You did a very smart thing by deleting the #Container piece. Then you don’t have to worry about making the left and right parts float in relation to the container like I do. By just deleting that the 3 column deal is much easier to code. Also, thanks for pointing out the improved readability of the color #000000 over #666666. It makes the text pop! So I changed all my colors to that where I want it to pop. I also changed the font size from x-small to 11px. I belive it is only two points larger, but it makes a readability difference. Thanks!

#center {
float: left;
width: 650px;
overflow: hidden;
}

.content {
padding: 15px 15px 5px 15px;
background-color: #FFFFFF;
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}

#left {
float: left;
width: 200px;
background-color: #FFFFFF;
overflow: hidden;
}

#right {
float: left;
width: 200px;
background-color: #FFFFFF;
overflow: hidden;
}

.content p {
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 140%;
text-align: left;
margin-bottom: 10px;
}


← the 2003–2012 archive