Hello together,
i have the same problem that Martis7 had got.
Which lines in my style.css I have to change:
[ Moderator note: please wrap code in backticks or use the code button. ]
/*************************************
Comments
*************************************/
#commentform {
background-color: #e3e3e3;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.4);
padding: 10px;
}
#commentform input[type="text"]:focus,
#commentform textarea:focus{
display:block;
z-index: 1;
text-indent: 0px;
outline: none;
-webkit-transition:text-indent .3s ease-in;
-moz-transition:text-indent .1s ease-in;
-o-transition:text-indent .1s ease-in;
transition:text-indent .1s ease-in;
box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3),inset 0px 1px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3),inset 0px 1px 3px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3),inset 0px 1px 3px rgba(0, 0, 0, 0.5);
}
#commentform input[type="text"]{
height: 45px;
width:70%;
}
#commentform input[type="text"],
#commentform textarea{
display:block;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
box-shadow:inset 0px 1px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow:inset 0px 1px 3px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:inset 0px 1px 3px rgba(0, 0, 0, 0.5);
border: 4px solid #ccc;
font-size:12px;
padding: 0 5px;
position: relative;
text-indent: 65px;
-webkit-transition:text-indent .3s ease-in;
-moz-transition:text-indent .1s ease-in;
-o-transition:text-indent .1s ease-in;
transition:text-indent .1s ease-in;
}
#commentform .comment-form-author .required,
#commentform .comment-form-email .required{
position:absolute;
left: 110%;
z-index: 1;
top: 10px;
font-size: 22px;
color: #BD3500;
}
#commentform .comment-form-author label,
#commentform .comment-form-email label,
#commentform .comment-form-url label,
#commentform .comment-form-comment label{
box-shadow:1px 2px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
clip: rect(0px, 1000px, 1000px, 0px);
background-color: #CCCCCC;
border-bottom-right-radius: 3px;
display: inline-block;
font-size: 12px;
left: 4px;
padding: 3px;
position: absolute;
top: 4px;
z-index: 1;
min-width: 55px;
text-align: right;
}
#commentform p{
margin:5px 0;
position: relative;
margin-left: 10px;
line-height: 16px;
}
#commentform textarea{
padding: 5px;
width:80%;
}
#respond{
padding-bottom:25px;
}
.alt{
background-color:#eee;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
margin:0;
padding:10px;
}
.commentlist .author, .commentlist .bypostauthor{
background-color:#ddd;
border-top:1px #000 dotted;
}
.avatar_cont{
float: left;
left: -70px;
margin: 0 5px 0 0;
position: absolute;
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
-o-transition:all .1s ease-in-out;
transition:all .1s ease-in-out;
}
.depth-2 .avatar_cont{
left: -87px;
}
.depth-3 .avatar_cont{
left: -104px;
}
.depth-4 .avatar_cont{
left: -121px;
}
.depth-5 .avatar_cont{
left: -133px;
}
.avatar_cont:hover{
transform:scale(1.3,1.3);
-ms-transform:scale(1.3,1.3);
-moz-transform:scale(1.3,1.3);
-webkit-transform:scale(1.3,1.3);
-o-transform:scale(1.3,1.3);
}
.commentlist cite, .commentlist cite a{
font-size:1.1em;
font-style:normal;
font-weight:700;
}
.commentlist li.comment, .commentlist li.trackback, .commentlist li.pingback{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.4);
font-weight: 700;
list-style: none outside none;
margin: 15px auto 3px;
padding: 12px;
position: relative;
}
.commentlist li.comment:before{
border-right: 10px solid #E3E3E3;
border-bottom: 10px solid rgba(255, 255, 255, 0);
border-top: 10px solid rgba(255, 255, 255, 0);
content: " ";
display: block;
height: 0;
position: absolute;
left: -10px;
top: 20px;
width: 0;
z-index: 2;
}
.commentlist p{
font-weight:400;
line-height:1.5em;
margin:10px 5px 10px 0;
text-transform:none;
}
.commentlist ul.children{
padding-left:5px;
}
.commentlist{
padding:0;
text-align:justify;
position:relative;
font-size: 0.9em;
width: 70%;
margin: 0 auto;
}
.commentmetadata{
display:block;
font-weight:400;
margin:0;
}
.comments-link{
background:transparent url(images/comment.gif) no-repeat scroll left top;
font-size:1.1em;
padding:0 0 0 18px;
}
.comments-link a {
text-decoration:underline;
}
.nocomments{
color:#777;
margin:0;
padding:0;
text-align:center;
}
h3.comments{
margin:40px auto 20px;
padding:0;
}
I would much appreciate your feedback,
Hans