Şık ve Flat Postbit

.info-user {
    background: #F0F0F0;
    background: -moz-linear-gradient(top, #FDFDFD 0%, #F9F9F9 44%, #E5E5E5 100%);
    background: -webkit-linear-gradient(top, #FDFDFD 0%, #F9F9F9 44%,#E5E5E5 100%);
    background: -o-linear-gradient(top, #FDFDFDF 0%,#F9F9F9 44%,#E5E5E5 100%);
    background: -ms-linear-gradient(top, #FDFDFD 0%,#F9F9F9 44%,#E5E5E5 100%);
    background: linear-gradient(top, #FDFDFD 0%,#F9F9F9 44%,#E5E5E5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDFDFD', endColorstr='#E5E5E5',GradientType=0 );
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0pt 0pt 1em #B6B6B6;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 3px;
    padding: 6px 5px 5px;
    text-align: left;
    width: 92%;
    border: 1px solid #BABABA;
}


.postbit3_header {
    background: #f9f9f9 url(http://st.10tl.net/tema/karanlik/images/bparty/memb.png) top left repeat-x;
    border-color: #999999 #999999 #BEBEBE;
    border-radius: 10px 10px 10px 10px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0pt 0pt 1em #B6B6B6;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px 10px;
    text-align: center;
    text-shadow: 1px 1px 0pt #FFFFFF;
    width: 150px;
}

.postbit5_header {
    background: none repeat scroll 0% 0% #F9F9F9;
    border-color: #999999 #999999 #BEBEBE;
    border-radius: 10px 10px 10px 10px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0pt 0pt 1em #B6B6B6;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px 10px;
    text-align: center;
    text-shadow: 1px 1px 0pt #FFFFFF;
    width: 129px;
    margin-bottom: 10px;
}



.avatar {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #f9f9f9;
    border: 1px solid #BEBEBE;
    padding: 4px;
}

.avatar:hover {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
}

{$ignore_bit}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
    <tr>
        <td class="tcat smalltext" align="center" valign="middle">
            <strong>{$post['postdate']} {$post['posttime']}</strong>
        </td>
        <td class="tcat smalltext" valign="middle">
            <span style="float: right;">{$post['posturl']}</span>            
            <span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
        </td>
    </tr>
    <tr>
        <td class="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;">
        <a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
        <div class="postbit3_header">
            <div class="postbit5_header"><strong><span class="largetext">{$post['profilelink']} {$post['onlinestatus']}</span></strong>
            </div>
                <span class="smalltext">
                {$post['usertitle']}<br />

                {$post['userstars']}<br>
                {$post['useravatar']}<br><br>
                    {$post['user_details']}
                  </span>
        </div>
    </td>
    <td class="{$altbg}" valign="top">
        <table width="100%">
            <tr><td>
            <div id="pid_{$post['pid']}" class="post_body">
                {$post['message']}
            </div>
            {$post['attachments']}
            {$post['signature']}
            <div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">
                <div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
                {$post['iplogged']}
            </div>
        </td></tr>
    </table>
</td>
</tr>
<tr>
    <td class="{$altbg}" style="vertical-align: middle;" colspan="2">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr valign="bottom">
                <td align="left" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
                <td align="right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>
            </tr>
        </table>
    </td>
</tr>
</table>

<div class="info-user">  

    <b>{$lang->postbit_posts}</b> {$post['postnum']}<br />
    <b>{$lang->postbit_joined}</b> {$post['userregdate']}
    <b>{$post['replink']}{$post['warninglevel']}
</b>
</div>

<a href="{$post['profilelink_plain']}">
{$post['groupimage']}<br />
<img src="{$post['avatar']}" alt=" {$post['username']} Nickli kullanıcının Avatarı" title=" {$post['username']} Nickli kullanıcının Avatarı" class="avatar" max-width="120px"   /></a>

<a href="online.php" title="{$lang->postbit_status_online}"><img src="http://st.10tl.net/tema/karanlik/images/gaming-jam/buddy_online.gif" border="0" alt="{$lang->postbit_status_online}" /></a>

<img src="http://st.10tl.net/tema/karanlik/images/gaming-jam/buddy_offline.gif" title="{$lang->postbit_status_offline}" alt="{$lang->postbit_status_offline}" />

<fieldset style="margin-top: 20px;"><legend class="smalltext">{$post['username_formatted']} {$lang->postbit_imza}</legend>
    <div class="imza">{$post['signature']}</div>
</fieldset>