Thanks To Raymond, I Revamped My Blog UI ! Again !!

  • Article

Yeah, i did it again! why ? because i felt that my blog is too plain..empty..so i wanted to change it as i always liked raymond's blog so i thought..why not raymond this time :) so just to give you an insight of what have i stole borrowed from raymond's blog:

 /* box around post content */
div.post { background: #FFE;  border: 1px solid black; }
.postsubhead { font-size: .6em; text-align: right; border: none; padding: 0pt; }
.postsubhead a:link,
.postsubhead a:visited { font-weight: normal; }
div.post h2 { font-size: 100%; }

a:visited, a:active, a:link { color : #700; 
text-decoration: underline; }

/* box around comment content */
#comments { font-size: .9em; }
#comments h4 { background: #FEFEFF;
padding: .5pc;
padding-bottom: 0pt;
margin-bottom: 0pt;
border-left: 1px solid black; 
border-right: 1px solid black; 
border-top: 1px solid black;  }
.commentssubhead { background: #FEFEFF; margin-top: 0pt;
padding-left: 1pc;
border-left: 1px solid black; 
border-right: 1px solid black; 
}
.commentsbody { background: #FEFEFF;
padding-left: 1pc;
padding-right: 1pc;
padding-top: .5ex;
border-left: 1px solid black; 
border-right: 1px solid black; 
border-bottom: 1px solid black; 
margin-top: 0pt;
margin-bottom: 1ex;
}

yeah ..i surely modified the code to suit my tastes and needs.. but for doing that i just needed a few tweaks

 /* borrowed from raymond */

/* box around post content */
div.post { background: #F0F0F0;
padding-left: 1pc;
padding-right: 1pc; 
padding-top: .5ex;
padding-bottom: .5ex;  
border: 2px solid #666; }
.postsubhead { font-size: .6em; text-align: right; 
border: none; padding: 0pt; }
.postsubhead a:link,
.postsubhead a:visited { font-weight: normal; }
div.post h2 { font-size: 100%; }

a:visited, a:active, a:link { color : #700; 
text-decoration: underline; }

/* box around comment content */
#comments { font-size: .9em; }
#comments h4 { background: #FEFEFF;
padding: .5pc;
padding-bottom: 0pt;
margin-bottom: 0pt;
border-left: 1px solid black; 
border-right: 1px solid black; 
border-top: 1px solid black;  }
.commentssubhead { background: #FEFEFF; margin-top: 0pt;
padding-left: 1pc;
border-left: 1px solid black; 
border-right: 1px solid black; 
}
.commentsbody { background: #FEFEFF;
padding-left: 1pc;
padding-right: 1pc;
padding-top: .5ex;
border-left: 1px solid black; 
border-right: 1px solid black; 
border-bottom: 1px solid black; 
margin-top: 0pt;
margin-bottom: 1ex;
}