PF | CSS

/*profile*/
a:link
{
text-decoration:none;
}

.profilename{
      width: 250px;
      height: 90px;
      background: #8d212a;
      position: relative;
      left: -1px;
      top: 0px;
}

.profilename n{
      color:#FFF!important;
      font-family: 'Open Sans Condensed', sans-serif;
      font-size: 19px;
      text-transform: uppercase;
      line-height: 80px;
      border-bottom: 2px solid #fff;
      padding-bottom: 1px;
}

.profilename strong {text-decoration: none; }

.profilename a{
      color:#FFF!important;
      border-bottom: 2px solid #fff;
      text-decoration: none !important;
}

.profilename span{
color:#FFF!important;
   text-decoration: none;
}

.profilegrupo{
      width: 250px;
      height: 20px;
      position: absolute;
      bottom: 12px;
      color: #fff;
      font-family: 'calibri';
      font-size: 9px;
      text-transform: uppercase;
      letter-spacing: 2px;
      line-height: 8px;
}

.miniprof {position:relative; overflow:hidden; margin-left: -60px;}

.profileavatar {
      width:249px;
      height:400px;
      background: #fff;
      position: relative;
      left: -1px;
}

.profileavatar img {
      width:250px; height:400px; width: 100% !important;
}

.mp {
      position: absolute;
      top: 0px;
      left: -1px; padding: 2px;
      background: rgba(0,0,0,0.7);
      width: 246px;
      height: 100%;
      opacity: 0;
      transition: all .5s linear;-moz-transition: all .5s linear;-webkit-transition: all .5s linear}

.mp:hover {
      opacity: 1;
}

.mp1 {
      opacity: 0;
      position: absolute;
      top: 15px;
      left: 10px;
      width: 225px;
      height: 365px;
      vertical-align: middle;
      transition: all .5s linear;-moz-transition: all .5s linear;-webkit-transition: all .5s linear;
      border: 2px solid rgba(0,0,0,0.0);
      outline: 1px solid #fff;
}

.mp1:hover {
      opacity: 1;
      transition: 0.5s linear;
}


/*contacto*/

.contat {position: relative; top: -209px; left: 48px; width: 93px; height: 100px; }

/*imagen*/

span.profilefield:nth-child(1) .label  {display:none}

span.profilefield:nth-child(1) img { height: 90px; width: 90px; top: 17px; left: -50px; position: relative; outline:5px solid #fff; border: 2px solid #000;}

span.profilefield:nth-child(1)  {border-bottom: none;}

/*apodo*/

span.profilefield:nth-child(2) {  font-family: 'Open Sans Condensed', sans-serif; font-size: 15px; padding: 12px;  text-transform:uppercase;
color: #000; font-weight: 800; display:block;
width: 179px; background: #fff; margin-bottom:3px; position: relative; top: 31px; left: 0px; }

span.profilefield:nth-child(2) .label {display:none}

/*mensajes y puntos*/

span.profilefield:nth-child(3) .label {color: #fff!important; display: block; font-size: 8px; background: #848; padding-bottom: 3px; font-family: 'Open Sans Condensed', sans-serif;
text-transform:uppercase;}

span.profilefield:nth-child(3) .label span { color: #000!important;  }

span.profilefield:nth-child(4) .label {color: #fff!important; display: block; font-size: 8px; padding-bottom: 3px;}

span.profilefield:nth-child(4) .label span { color: #000!important; font-family: 'Open Sans Condensed', sans-serif;  text-transform:uppercase;}

span.profilefield:nth-child(3) { width:73px; font:10px 'verdana';  text-align: center; font-weight:bold; background: #fff; color: #000;
padding:4px; position: relative; top: -128px; left: 55px; padding: 10px; display: block; }

span.profilefield:nth-child(4) { width:73px; font:10px 'verdana';  text-align: center; font-weight:bold; background: #fff; color: #000;
padding:4px; position: relative; top: -119px; left: 55px; padding: 10px; display: block; }

/*otros*/

span.profilefield:nth-child(5) .label {color: #fff!important; display: block; font-size: 8px; padding-bottom: 3px; font-family: 'Open Sans Condensed', sans-serif;
text-transform:uppercase;}

span.profilefield:nth-child(5) .label span { color: #000!important;  }

span.profilefield:nth-child(6) .label {color: #fff!important; display: block; font-size: 8px; padding-bottom: 3px;}

span.profilefield:nth-child(6) .label span { color: #000!important; font-family: 'Open Sans Condensed', sans-serif;  text-transform:uppercase;}

span.profilefield:nth-child(5) { width:81px; font:10px 'verdana';  text-align: center; font-weight:bold; background: #fff; color: #000;
padding:4px; position: relative; top: -58px; left: -51px; padding: 10px; display: block; }

span.profilefield:nth-child(6) { width: 81px; font:10px 'verdana';  text-align: center; font-weight:bold; background: #fff; color: #000;
padding:4px; position: relative; top: -52px; left: -51px; padding: 10px; display: block; }

/*frase*/

span.profilefield:nth-child(7) .label {color: #fff!important; display: none; font-size: 8px; padding-bottom: 3px;}

span.profilefield:nth-child(7) { width: 179px; height: 48px; overflow: auto; padding: 12px; font: 9px 'verdana';  text-align: justify;  background: #fff;
color: #000; position: relative; top: -47px; left: 0px; display: block; }