Perfil WCBN - CSS

/* P E R F I L   D E   L O S   P E R S O N A J E S */
#pr-cuerpo {
width: 250px;
height: 510px;
overflow: hidden;
margin-left: -25px;
margin-top: -5px;
}

#pr-name a {
width: 230px;
padding: 10px;
background: #0d0d0d;
border-bottom: 10px solid #44473E;
font-family: 'Oswald';
font-size: 20px;
font-variant: normal;
font-weight: lighter;
text-shadow: 1px 1px 1px #000;
text-transform: lowercase;
line-height: 35px;
text-align: right;
display: block;
}

#pr-name a:after {content: ", "; }
#pr-name a:hover {text-decoration: none; }

#pr-avatar {
width: 250px;
height: 400px;
transition: all 1.7s ease-in-out;
-moz-transition: all 1.7s ease-in-out;
-webkit-transition: all 1.7s ease-in-out;
}

#pr-info {
width: 230px;
height: 380px;
padding: 10px;
background: #0d0d0d;
margin-top: -445px;
margin-left: 250px;
transition: all 1.7s ease-in-out;
-moz-transition: all 1.7s ease-in-out;
-webkit-transition: all 1.7s ease-in-out;
}

#pr-cuerpo:hover #pr-avatar {
margin-left: -250px;
transition: all 1.7s ease-in-out;
-moz-transition: all 1.7s ease-in-out;
-webkit-transition: all 1.7s ease-in-out;
}

#pr-cuerpo:hover #pr-info {
margin-left: 0px;
transition: all 1.7s ease-in-out;
-moz-transition: all 1.7s ease-in-out;
-webkit-transition: all 1.7s ease-in-out;
}

#pr-conta {
width: 116px;
height: 66px;
display: inline-block;
}

#pr-conta a {
  margin-bottom: 2px;
  display: block;
}

#pr-tit {font-size: 0px; height: 0px; } /*elimina el titulo de los datos*/
#pr-sep {margin-bottom: -10px; } /*elimina el espacio entre dato y dato*/

#pr-dato {
background: #000;
color: #555;
display: inline-block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
margin-right: 0px;
text-align: center;
width: 230px;
line-height: 20px;
}

#pr-dato img {width: 230px; }

/*caja de los mensajes modificada*/
.pr-campo:first-child #pr-dato {
width: 92px;
padding: 15px 10px;
background: #000;
font-family: 'Oswald';
font-size: 20px;
font-variant: normal;
font-weight: lighter;
text-transform: lowercase;
line-height: 24px;
text-align: center;
display: inline-block;
margin-top: -66px;
margin-left: 118px;
}

/*escribe 'mensajes' sin usar el label*/
.pr-campo:first-child #pr-dato:after {
content: "Mensajes";
font-size: 8px;
line-height: 10px;
text-transform: uppercase;
letter-spacing: 2px;
display: block;
}