Change Comments Style Phpfox3

With this code you can make your comments looks like the image below.

Steps
1. Find the file "comments.css"

[Follow this path to find the file]
Admincp/Extensions/Theme/Manage Themes/Manage Styles/Edit CSS/Global Css/comments.css

2.Delete lines from 1 to 92 and replaced with the following code. Βe very careful when you change the code in your site files

comment_header{
background:#dadada;
padding:4px;
color:#000;
}[/i][/u]
[u][i].comment_box{
background:#dadada;
padding:4px;
margin-bottom:1px;
}[/i][/u]
[u][i].comment_content{
width:90%;
border:1px #b8cdff solid;
background:#fff;
position:relative;
height:auto !important;
height:40px;
min-height:55px;
}[/i][/u]
[u][i].comment_outer{
position:relative;
}[/i][/u]
[u][i].comment_sig{
border-top:1px #ffffff solid;
padding:4px;
margin-left:4px;
margin-top:15px;
}[/i][/u]
[u][i].comment_info{
padding:4px;
position:absolute;
right:0;
top:0;
}[/i][/u]
[u][i].comment_info_normal{
float:left;
width:17%;
padding:4px;
text-align:left;
}[/i][/u]
[u][i].comment_link{
padding:4px;
background:#dadada;
text-align:left;
}[/i][/u]
[u][i].comment_link ul{
margin:0px;
padding:0px;
margin-bottom:2px;
}[/i][/u]
[u][i].comment_link li{
display:inline;
padding-left:3px;
}[/i][/u]
[u][i].comment_link li a{
background:#dadada;
border:0px #000000 solid;
padding:2px;
color:#3a76ff;
text-decoration:none;
font-weight:none;
font-size:9pt;
}[/i][/u]
[u][i].comment_link li a:hover{
background:#dadada;
border:0px #EEEEEE solid;
color:#1a44a4;
text-decoration:none;
}

3.Cashe and refresh your browser. Owo! Nice comments

backup:always

Credit to original maker