this is the mini profile template code:
CODE
<center>
   <div class="nmhold">
      <a href="/index.php?showuser=<!-- |id| -->">
         <div class="nm" style="color:#<!-- |g_icon| -->;">
            <!-- |author_name| -->
         </div>
      </a>
      <div class="nmcap" style="border-top:1px solid #<!-- |g_icon| -->;">
         <!-- |g_title| -->
      </div>
   </div>
   <div class="avhold">
      <div class="mphold">
         <div class="mpgif">
            <img src="<!-- |field_8| -->" width="150px" height="150px">
            <div class="mpquote">
               "<!-- |field_9| -->"
            </div>
         </div>
         <table cellpadding="1" cellspacing="1">
            <tr>
               <td>
                  <div class="mpposts" style="background-color:#<!-- |g_icon| -->;">
                     <div style="font-family: 'oswald', sans-serif; font-size:18px; color:#c0c0c0; font-style: italic; padding:10px 4px 0px 0px; line-height:100%;">
                        <!-- |posts| -->
                     </div>
                     <div style="font-family:'calibri',sans-serif; font-size: 8px; text-transform: uppercase; line-height:100%; color:#c0c0c0;">posts</div>
                  </div>
               </td>
               <td>
                  <div class="mprow1"><a href="<!-- |field_2| -->" style="color:#A3A3A3!important;">application</a></div>
                  <div class="mprow1"><a href="<!-- |field_3| -->" style="color:#A3A3A3!important;">shipper</a></div>
                  <div class="mprow1"><a href="<!-- |field_4| -->" style="color:#A3A3A3!important;">want ad</a></div>
               </td>
            </tr>
         </table>
         <div class="mprow2" style="border-right:5px solid #<!-- |g_icon| -->;">
            <!-- |field_5| --> years old
         </div>
         <div class="mprow2" style="border-right:5px solid #<!-- |g_icon| -->;">
            <!-- |field_6| -->
         </div>
         <div class="mprow2" style="border-right:5px solid #<!-- |g_icon| -->;">
            <!-- |field_7| -->
         </div>
         <div class="mprow3">
            <div style="color:#<!-- g_icon -->; display: inline;">
               <!-- |field_1| -->
            </div>
            is <!-- |status| -->.
         </div>
      </div>
      <div class="av">
         <!-- |avatar| -->
      </div>
   </div>
</center>

add this to the bottom of your stylesheet:
CODE
/****** Mini Profile ********/
.avhold {
    width: 250 px;height: 400 px;position: relative;overflow: hidden;border - bottom: 5 px solid #000;} .avhold .av{width:250px;height:400px; position:absolute; top:0px;left:0px;-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; z-index: 2;} .avhold:hover .av{left:250px;} .nmhold{background-image:url('http://i.imgur.com/6ipxivP.jpg'); width:250px;} .nm{text-align:right; font-size:18px; font-style:italic; text-transform:uppercase;font-family: 'oswald',sans-serif;padding:20px 10px 10px 0px;} .nmcap{font-family:'calibri', sans-serif;font-size:9px;text-transform:uppercase; font-style:italic; letter-spacing:2px; width:230px;color:# c0c0c0;line - height: 100 % ;text - align: right;padding: 5 px 10 px 5 px 10 px;
}.mphold {
    width: 250 px;height: 375 px;background - color: #121212; padding:25px 0px 0px 0px;} .mpgif{position:relative; height:150px; width:150px; overflow:hidden; border-bottom:10px solid # 121212;
}.mpgif.mpquote {
    position: absolute;top: 0 px;left: 0 px;height: 130 px;width: 130 px;background - color: #fff;opacity: 0; - webkit - transition: all 1 s ease - in -out; - moz - transition: all 1 s ease - in -out; - ms - transition: all 1 s ease - in -out; - o - transition: all 1 s ease - in -out;transition: all 1 s ease - in -out;line - height: 100 % ;padding: 10 px;text - align: justify;font - family: 'calibri',
    sans - serif;font - size: 10 px;font - style: italic;overflow: auto;
}.mpquote: first - letter {
    font - family: 'oswald', sans - serif;
    font - size: 32 px;
    font - style: italic;
    float: left;
    color: #121212; line-height:100%; padding-right: 15px; text-transform: uppercase;} .mpgif:hover .mpquote{opacity:1;} .mpposts{height:40px; width:40px;color:# c0c0c0;
    padding: 5 px;
    text - align: center;
}.mprow1 {
    background - image: url('http://i.imgur.com/6ipxivP.jpg');
    width: 86 px;
    font - family: 'calibri', sans - serif;
    font - size: 10 px;
    text - transform: uppercase;
    line - height: 100 % ;
    margin: 2 px 0 px 2 px 2 px;
    padding: 3 px 5 px;
    color: #A3A3A3;
    text - align: center;
}.mprow2 {
    background - image: url('http://i.imgur.com/6ipxivP.jpg');
    width: 135 px;
    font - family: 'calibri', sans - serif;
    font - size: 10 px;
    text - transform: uppercase;
    line - height: 100 % ;
    padding: 3 px 5 px;
    color: #A3A3A3;
    text - align: center;
    margin - bottom: 2 px;
}.mprow3 {
    font - family: 'oswald', sans - serif;
    font - size: 14 px;
    font - style: italic;
    color: #a3a3a3;
    text - transform: uppercase;
    padding - top: 30 px;
}.normalname, .normalname a {
    display: none;
}