avatarep.css (edited)

.modal_avatar {
    display: none;
    width: auto;
    height: auto;
    background: #f0f0f0;
    border: none;
    border-radius: 10px;
    position: absolute;
    z-index: 99999;}

.modal_avatar_hover {
    width: auto;
    height: auto;
    background: #f0f0f0;
    border: none;
    border-radius: 10px;
    position: absolute;
    z-index: 99999;
}

.tavatar {
    padding: 0px 10px;
    text-align: center;
}

.tavatar img {
    max-height: 80px;
    max-width: 80px;
    padding: 8px;}

.avatarep_online {
    border-left: 3px solid #008000;
    box-shadow: 1px 1px 2px 1px rgba(14, 252, 14, 0.8);
    border-radius: 3px;
    opacity: 0.9;}

.avatarep_offline {
    border-left: 3px solid #FFA500;
    box-shadow: 1px 1px 2px 1px rgba(252, 165, 14, 0.8);
    border-radius: 3px;
    opacity: 0.9;}

.hr {
    background-color:#FFA500;
}

.trow_profile {
    vertical-align: top;
    padding-left: 9px;
    width:340px;
    color:#424242;
}

.trow_profile a {
    color: #051517;
}

.trow_profile a:hover {
    color: #e09c09;
}

.trow_uprofile {
    min-height:175px;
    line-height:1.2;
}

.trow_uname {
    font-size:15px;
}

.trow_memprofile {
    font-size:11px;
    font-weight:bold;
}

.trow_status {
    font-size: 11px;
}

.avatarep_img_contributor {
    padding: 2px;
    border: 1px solid #D8DFEA;
    width: 20px;
    height: 20px;
    border-radius: 65%;
    opacity: 0.9;
    margin: 2px 5px 0px 2px;
    float: left;
}

.avatarep_img {
    float: right;
    clear: left;
    width: 70px;
    height: 70px;
    border-radius: 65%;
    opacity: 0.5;
    right: 70px;
}

.avatarep_fd {
    float: right;
    clear: left;
    width: 70px;
    height: 70px;
    border-radius: 65%;
    opacity: 0.5;
    right: 70px;
}

.avatarep_fda,.avatarep_fdl,.avatarep_fdan,.avatarep_fda_mine,.avatarep_fdl_mine {
    float:left
}
.avatarep_fda,.avatarep_fda_mine{
    margin-right:15px
}

.avatarep_fdl_img{
    width: 20px;
    height: 20px;
    border-radius: 50px;
    position: absolute;
    margin-left: -35px;
    margin-top: 25px;
    border: 1px solid #424242;
    padding: 2px;
}

@media screen and (max-width: 450px)
{

.tavatar img {
    height:30px;
    width: 30px;
    padding: 2px;
}
.trow_uname{
    font-size:12px;
}
.avatarep_img_contributor{
    padding: 2px;
    border: 1px solid #D8DFEA;
    width: 19px;height: 19px;
    border-radius: 50%;
    opacity: 0.9;
    margin: 2px 5px 0px 2px;
    float: left;
}
.avatarep_img {
    padding: 2px;
    border: 1px solid #D8DFEA;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    opacity: 0.9;
    margin: 0px 5px 0px 2px;
}
.avatarep_fd {
    float:left;
    margin: auto;
    padding: 0px 10px 0px 0px;
    width:20px;
    height:20px;
}
.avatarep_fda,.avatarep_fdl,.avatarep_fdan,.avatarep_fda_mine,.avatarep_fdl_mine {
    float:left
}
.avatarep_fda,.avatarep_fda_mine {
    margin-right:15px
}

.avatarep_fdl_img {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    position: absolute;
    margin-left: -35px;
    margin-top: 25px;
    border: 1px solid #424242;
    padding: 2px;
}
}