comment date css

.date { /* date & author */
color : silver;
float:right;
line-height:2.3em;
margin:1.5em 0 5px 10px;
padding-left:5px;
border-left:1px solid silver;
font-size:.8em;
text-align:center;
position:relative;
right:0;
}

.date_day {
display:block;
font-size:3em;
text-align:right;
}

.date_month {
display:block;
font-size:3em;
text-align:right;
font-weight:bold;
}

.date_year {
display:block;
font-size:1.4em;
line-height:.9em;
}

.postmetadata {
margin:0;
color:#515151;
list-style-type:none;
}

#content .postmetadata a {
color : #FF3C00;
border:none;
text-decoration:none;
}

#content .postmetadata a:hover {
border-bottom:1px dotted silver;
}

.gravatar {
float:left;
margin:0 5px 0 0;
border:1px solid lightgray;
vertical-align:middle;
}

#content .commentlist dt{
/* clear:both;*/
position:absolute;
}

html > body #content .commentlist dt{
position:static;
}

#content .commentlist dd {
margin:0;
padding:10px 3em 10px 10px; /* for ie not overlapping the comment with the date */
font-size:1em;
line-height:1.5em;
color:silver;
margin:0 0 1em 0;
}

html > body #content .commentlist dd {
padding:10px;
}

#content .commentlist .comment {
color:#000000;
}

#content .commentlist .date {
margin-right:5px;
font-size:.5em;
}

#content .commentlist .comment_text {
margin-top:5px;
display:block;
}

html > body #content .commentlist dd.author_comment {
background:url(images/transp-80.png) #c9e45a !important;
width:auto;
}

#content .commentlist dd.author_comment {
background-color:#c9e45a !important;
filter:alpha(opacity=20);
width:510px;
}

#content .commentlist .author_comment .author,
#content .commentlist .author_comment .author a {
color:#c9e45a !important;
border-color:#c9e45a !important;
}

#content .commentlist dd.author_comment * { /* ie */
filter:alpha(opacity=100);
position:relative;
}

#content .commentlist dt.author_comment .date {
color:#a5ba52 !important;
border-color:#a5ba52 !important;
}

#content textarea#comment {
font-size:1em;
line-height:1.3em;
}

#commentform small {
color:#515151;
}

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中


%d人のブロガーが「いいね」をつけました。