[sadiq6210]

Originally Posted by sadiq6210

Thanks, this is exactly what I need

I will make new appearance and share it here

BRB

BEFORE:




AFTER:



How?
1- Download the attached file and upload it to image folder.

2- Open template "kh99_pm_quote.css" and replace it all with:

@charset "UTF-8";
/* CSS Document */

.kh99_quote_container 
{
/* Applies to every quote */
padding-right: 20px;
}

.kh99_quote 
{
/* Applies to every quote */
  border: 1px solid #417394;
  border-radius: 5px 5px 5px 5px;
  padding: 4px 10px;
}

.kh99_quote_hide 
{
/* Applies to "show older messages" line */
   font:normal 11px Tahoma,Calibri,Verdana,Geneva,sans-serif;
   margin-left:25px;
   padding-bottom: 10px;
}


.kh99_quote_mine 
{
/* Applies to quotes from user readin PM */
  border: 1px solid #B5E192;
  background: url("images/gradients/category-23px-light.png") repeat-x scroll center top #EDF3E5;
}

.kh99_quote_sender 
{
/* Applies to quotes from user who sent PM */
  border: 1px solid #DBD6D2;
  background: url("images/gradients/category-23px-light.png") repeat-x scroll center top #F8F8F8;
}

.kh99_quote_odd 
{
/* Odd number quotes (first message in series is 'even') */
  margin-left:50px;
}

.kh99_quote_even 
{
/* Even number quotes (first message in series is 'even') */
    margin-left:25px;
}

.kh99_quote_1 
{
/* First quoted user (affects all subsequent quotes by this user) */
}

.kh99_quote_2 
{
/* Second quoted user */
}

.kh99_quote_3 
{
/* Third quoted user */
}

.kh99_quote_4 
{
/* Fourth quoted user */
}

.kh99_quote_5 
{
/* Fifth quoted user */
}