美化讀者回應區

BLOGGER的留言功能實在很難不讓人不去改它，不過我美工不及格，只好隨便找找其他人的CSS套用一下，起碼比較可以見人了，以下是我修改的CSS內容，$dateHeaderColor、$dateHeaderFont是我的外觀變數，若你用不著的話記得要替換掉。

/* Comments 美化讀者回應區

----------------------------------------------- */
#comments h4 {
margin: 1em 0;
color: $dateHeaderColor;
font: $dateHeaderFont;
}

#comments h4 strong {
font-size: 110%;
}

#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}

#comments-block dt {
margin: .5em 0;
}

#comments-block dd {
margin: .25em 0 0;
}

#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%;

}

#comments-block dd p {
margin: 0 0 .75em;
}

#comments-block .comment-author {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #E8DEC4;
border:1px solid #E8DEC4;
font-size:15px;
font-weight:normal;
margin-right:0px;

padding:5px;

}

#comments .blogger-comment-icon {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #E8DEC4;
border-color:#E8DEC4;
border-style:solid;
border-width:2px 1px 1px;
line-height:16px;
padding:5px;
}

#comments-block .comment-body {
border-left:1px solid #E8DEC4;
border-right:1px solid #E8DEC4;
margin-left:0;
margin-right:0px;
margin-top:-10px;
padding:7px;
}

#comments-block .comment-footer {
border-bottom:1px solid #E8DEC4;
border-left:1px solid #E8DEC4;
border-right:1px solid #E8DEC4;
font-size:11px;
line-height:1.4em;
margin:-0.25em 20px 2em 0;
padding:5px;
text-transform:none;
}

#comments-block .comment-body p {
margin:0 0 0.75em;
}

.deleted-comment {
font-style:italic;
color:gray;
}

/* The comment-form width */
.comment-form {
max-width: 100% !important;
width: 100% !important;
}