Fresh Limes Profile

<script>
$(document).ready(function(){
$('.pshleft > span').each(function(){
var bodyTitle = $(this).text();
var groupcolor = $(this).attr('style').split(':')[1].split(';')[0];
$(this).parents('.perfilsencillo').attr('style', '--group:'+groupcolor+';--group-50:'+groupcolor+'80;');
$(this).parents('html').children('head').children('title').html(bodyTitle);
});
$('.psfield .psflabel span').each(function() {
$(this).parents('.psfield').addClass($(this).text().split(" ")[0].toLowerCase().replace(/'/g, "").replace(/\(|\)/g, ""));
});
});
$(document).ready(function(){
$('.psfield .psfcontent div:contains("-")').each(function(){
var myVar = $(this).text();
var myCount = myVar.length;
if (myCount == 3) {
$(this).parents('.psfield').remove();
}
});
});
$(document).ready(function(){
$('.pscontact img[src*="icon_contact_pm.png"]').parent().html('<em class="fas fa-envelope"></em>').attr('title', 'Mensaje Privado');
$('.pscontact img[src*="icon_contact_www.gif"]').parent().html('<em class="fas fa-id-card"></em>').attr('title', 'Expediente de personaje');
$('.pscontact img[src*="http://placehold.it/1/111.png"]').parent().html('<em class="fas fa-suitcase"></em>').attr('title', 'Baúl');
$('.pscontact img[src*="http://placehold.it/1/222.png"]').parent().html('<em class="fas fa-search"></em>').attr('title', 'Búsqueda');
$('.pscontact a[href*="email"]').remove();
$('.pscontact div:contains("-")').each(function(){
$(this).remove();
});
});
</script>
<style>
.perfilsencillo {
    --bckg1: #f5f5f5;
    --border1: 1px solid #e5e5e5;
    --border2: 1px solid var(--group);
    --border3: 1px solid rgb(255 255 255 / 15%);
    --border4: 1px solid rgb(0 0 0 / 15%);
    --avatar: 400px;
    --avatar-w: 250px;
    --title: #fff;
    --text: #999;
    --shadow-w: 1px 1px white, -1px 1px white, 1px -1px white, -1px -1px white, 1px 0px white, -1px 0px white, 0px -1px white, 0px 1px white;
    --shadow-d: 1px 1px rgba(0,0,0,0.2),-1px 1px rgba(0,0,0,0.2),1px -1px rgba(0,0,0,0.2),-1px -1px rgba(0,0,0,0.2), 1px 0px rgba(0,0,0,0.2),-1px 0px rgba(0,0,0,0.2),0px 1px rgba(0,0,0,0.2),0px -1px rgba(0,0,0,0.2);
}

.pshead, .psbody, .psbot, .pscontact, .pscontact a, .pslinks, .pslinks a, .psfields, .psfield, .psbright, .psflabel, .psfcontent {
    display:flex;
    justify-content:center;
    align-items:center;
}

.psbody {
    background:#000;
    position:relative;
    padding: 21px;
    border-radius: 10px;
}

.psbody:before {
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-image:linear-gradient(-125deg, var(--group), var(--group-50));
    border: var(--border3);
    border-radius: 10px;
    box-sizing: border-box;
}

.psbleft, .psbright {
    position: relative;
    background: var(--bckg1);
    border: var(--border1);
}

.psbright {
    flex-grow: 1;
    height: calc(var(--avatar) + 42px);
    flex-direction: column;
    border-radius: 0 10px 10px 0;
}

.psbleft {
    padding: 20px;
    border-right: 0;
    height: calc(var(--avatar) + 2px);
    border-radius: 10px 0 0 10px;
}

.psfields {
    flex-grow: 1;
    align-self: stretch;
    flex-wrap: wrap;
    padding: 20px;
}

.psbot {
    border-top: var(--border1);
    align-self: stretch;
    padding: 20px;
    justify-content: space-between;
}

.psbleft img {
    border: var(--border2);
    border-radius: 10px;
    height: var(--avatar);
    width: var(--avatar-w);
    object-fit: cover;
    object-position: center;
    background: var(--group);
}

.pshead {
    border-bottom: var(--border2);
    margin-bottom: 20px;
    justify-content: space-between;
    text-transform: uppercase;
}

.pshright {
    font: 10px 'Poppins';
    font-weight: 700;
}

.pshleft span {
    font: 20px 'Poppins';
    display: inline-block;
    vertical-align: top;
}

.pshleft {
    font: 10px 'Poppins';
    font-weight: 700;
    line-height: 32px;
}

.psfield {
    flex-grow: 1;
    align-self: stretch;
    flex-basis: calc(33% - 11px);
    margin-right: 20px;
    margin-top: 20px;
    flex-direction: column;
}

.psfield:nth-of-type(3n+0) {
    margin-right: 0;
}

.psfield:nth-of-type(-n+3) {
    margin-top: 0;
}

.psfield .psflabel {
    border: var(--border4);
    background: var(--group-50);
    align-self: stretch;
    padding: 10px;
    font: 0px 'Poppins';
    border-radius: 10px 10px 0 0;
    text-align: center;
    flex-grow: 2;
}

.psfield .psflabel span {
    font-size: 12px;
    color: var(--title)!important;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: var(--shadow-d);
}

.psfcontent {
    align-self: stretch;
    border: var(--border1);
    border-top: 0;
    background: var(--bckg2);
    padding: 10px;
    border-radius: 0 0 10px 10px;
    font: 12px 'Poppins';
    color: var(--text);
    flex-grow: 1;
}

.psbot a {
    font-size: 14px;
    color: var(--group-50);
}

.pslinks a {
    margin-right: 10px;
}

.pscontact a {
    margin-left: 10px;
}

.psbot a:hover {
    color: var(--group);
}

.psadmin {
    margin-top: 20px;
    text-align: center;
    font: 12px 'Poppins';
    text-transform: uppercase;
    color: var(--title);
}

.psadmin a {
    background: var(--group);
    border-radius: 20px;
    border: var(--border3);
    padding: 5px 10px;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    color: var(--title);
}
</style>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css"/>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"/>
<div class="perfilsencillo">
<div class="pshead">
<div class="pshleft">
{USERNAME} / {POSTER_RANK}
</div>
<div class="pshright">
<!-- BEGIN switch_show_status -->{USER_ONLINE} / <!-- END switch_show_status -->{LAST_VISIT_TIME}
</div>
</div>
<div class="psbody">
<div class="psbleft">
{AVATAR_IMG}
</div>
<div class="psbright">
<div class="psfields">
<!-- BEGIN profile_field -->
<div class="psfield">
<div class="psflabel">{profile_field.LABEL}</div>
<div class="psfcontent">{profile_field.CONTENT}</div>
</div>
<!-- END profile_field -->
</div>
<div class="psbot">
<div class="pslinks">
<a href="/sta/{PUSERNAME}" title="Temas donde {PUSERNAME} ha participado"><em class="fas fa-folder-open"></em></a>
<a href="/st/{PUSERNAME}" title="Temas creados por {PUSERNAME}"><em class="fas fa-file-alt"></em></a>
<a href="/spa/{PUSERNAME}" title="Mensajes de {PUSERNAME}"><em class="fas fa-comments"></em></a>
</div>
<div class="pscontact">
<!-- BEGIN contact_field -->
{contact_field.CONTENT}
<!-- END contact_field -->
</div>
</div>
</div>
</div>

<div class="psadmin">{ADMINISTRATE_USER}{BAN_USER}</div>