una/modules/boonex/persons/template/css/main.css

/* browse unit */

.bx-persons-unit {
    width:169px;    
    float:left;
}

.bx-persons-unit img {
    display:inline;
    display:inline-block;

    vertical-align:middle;
}

.bx-persons-unit div {
    display:inline;
    display:inline-block;
    
    width:95px;
    padding-left:10px;
    
    text-overflow:ellipsis;
    overflow:hidden;

    vertical-align:middle;
}

/* view content */

.bx-persons-preview {
    max-width:278px;
    text-align:center;
}
.bx-persons-preview img {
    width:100%;
}

/* profile cover */

.bx-persons-cover {
    position:relative;
    height:300px;

    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bx-persons-cover-image {
    position:absolute;
    width:100%;
    height:100%;

    background: url(../images/no-picture-cover.png) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #333;
}

.bx-persons-cover-info {
    position:absolute;
    bottom:0;
    left:0;
}

.bx-persons-cover-info img,
.bx-persons-cover-info h1 {
    display:inline-block;
    vertical-align:bottom;
}

.bx-persons-cover-info img {
    border:3px solid #fff;
	-moz-box-shadow:0px 0px 0px 1px #000;
	-webkit-box-shadow:0px 0px 0px 1px #000;
    box-shadow:0px 0px 0px 1px #000;
}

.bx-persons-cover-info h1 {
    padding:0;
    color:#fff;
    text-shadow: 0px 0px 2px #000;
}

.bx-persons-popup-wrapper {
    position:relative;
}

.bx-persons-popup-btn {
    position:absolute;
    top:0;
    right:0;
}