NOloseeeeeeeeeee

Código:

$(document).ready(function(){$('.nombre a span[style="color:#b1a0ab"]').closest('.globalperfil').addClass('grupo1');$('.nombre a span[style="color:#A2B090"]').closest('.globalperfil').addClass('grupo2');$('.nombre a span[style="color:#8dadc1"]').closest('.globalperfil').addClass('grupo3');$('.nombre a span[style="color:#D1D1D1"]').closest('.globalperfil').addClass('grupo4');$('.nombres span[style="color:#b1a0ab"]').closest('#globalpagperfil').addClass('grupo1');$('.nombres span[style="color:#A2B090"]').closest('#globalpagperfil').addClass('grupo2');$('.nombres span[style="color:#8dadc1"]').closest('#globalpagperfil').addClass('grupo3');$('.nombres span[style="color:#D1D1D1"]').closest('#globalpagperfil').addClass('grupo4')});WebFontConfig={google:{families:['Playfair+Display:400,400i,700,700i,900,900i','Karla:400,400i,700,700i','Roboto:400,900italic,900,700italic,700,500italic,500,400italic,300italic,300,100italic,100:latin','Ubuntu:300,300i,400,400i,500,500i,700,700i','Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i']}};(function(){var wf=document.createElement('script');wf.src=('https:'==document.location.protocol?'https':'http')+'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';wf.type='text/javascript';wf.async='true';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(wf,s)})();$(document).ready(function(){$('.conectarsefalso').appendTo('.conectarsefalso2');$('.conectado').appendTo('.conectado2');$('.mod-login-avatar').appendTo('.avatarperfil');$('.mod-login').appendTo('.infoavatarperfil');$('.anuncios').appendTo('.anun');$('.otro').appendTo('.otr');$('.herm').appendTo('.hermimg');$('.elit').appendTo('.elitimg');$('.cred').appendTo('.creditos');$('.anunimport').appendTo('.anunciosimportantes');$('#field_id1').appendTo('.titulito');$('#field_id8').appendTo('.perfil1 .imagen');$('#field_id10').appendTo('.perfil1 .info .info2');$('#field_id6').appendTo('.perfil1 .info .info2');$('#field_id2').appendTo('.perfil1 .info .info2');$('#field_id-6').appendTo('.perfil1 .info .info2');$('#field_id3').appendTo('.perfil1 .info .info2');$('#field_id-4').appendTo('.perfil1 .info .info2')});

Código:

/**********PAGINA DEL PERFIL*********/


#globalpagperfil > div.titulotema > div > span > strong {
    color: #cacaca;
}


#globalpagperfil {
    width: 746px;
    margin: 70px auto;
    background: url(https://dl.dropbox.com/s/1u2rueu8gejc0hs/FondoBackslider.png) #fff;
    border: 6px solid #efefef;
    background-repeat-y: no-repeat;
}

#globalpagperfil .titulo {
    background: rgba(168, 171, 173, 0.45);;
    font-size: 0;
    margin-bottom: 10px;
    padding: 50px 25px 25px;
    color: #999;
    height: 30px;
    text-align: center;
}

#globalpagperfil .titulo a {
    color: #f8f8f8;
}

#globalpagperfil .titulo a:hover {
    color: #fff;
}


#globalpagperfil .titulo .nombres span {
    font: 30px Unica One, arial, serif;
    font-style: italic;
    text-align: left;
    float: left;
    text-transform: uppercase;
    letter-spacing: -2px;
    word-spacing: 3px;
}

#globalpagperfil .titulo .nombres span strong {
    text-shadow: 1px 1px #fff;
}

#globalpagperfil .titulo .online {
    font: 8px Karla, arial, serif;
    display: inline-block;
    float: right;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 24px 0 0;
    float: right;
}

#globalpagperfil .rango {
    font-family: Karla, arial, serif;
    font-size: 10px;
    text-align: justify;
    text-transform: uppercase;
    background: transparent;
    color: #5a5a5a;
    height: 10px;
    margin-top: 30px;
    margin-left: 0px;
    position: absolute;
}


#globalpagperfil .rango img {
    display: none;
}

#globalpagperfil .field_editable, #globalpagperfil .field_editable invisible {
    display: none;
}


#globalpagperfil #field_id1 > dd > div.field_editable.invisible {
    display: none;
}


.pagperfil1, .pagperfil2 {
    display: inline-block;
    vertical-align: top;
}


.pagperfil1 {
    padding: 15px;
    width: 250px;
    height: 320px;
}


.pagperfil1 .avatar img {
    width: 250px;
    height: 320px;
}

.avatar {
    width: 250px;
}


.pagperfil1 .cabecera {
    margin: -31px auto 40px;
    width: 60px;
    height: 60px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    background: #fff;
    z-index: 2;
    display: none;
}


.pagperfil1 .cabecera1 {
  -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    padding: 26px 10px;
    text-transform: uppercase;
    line-height: 15px;
    color: #a8abad;
    font-size: 50px;
    display: none;
}
  
.pagperfil2 {
    padding: 15px 15px 15px 0;
    width: 451px;
    height: 320px
}

.pagperfil2 .perfil1 {
    padding: 2px 0;
    font: 7px Karla, arial, serif;
    text-transform: uppercase;
    letter-spacing: 1px
}


.pagperfil2 .perfil1 .imagen, .pagperfil2 .perfil1 .info {
    display: inline-block;
    height: 120px;
    font: 8px Karla, arial, serif;
    vertical-align: top;
}


.pagperfil2 .perfil1 .imagen {
    width: 120px;
}


.pagperfil2 .perfil1 .info {
    width: 310px;
    padding: 0 0 0 10px;
}


.pagperfil2 .perfil1 .info2 {
    height: 68px;
}


.pagperfil2 .perfil1 .info3 {
    height: 52px;
    margin: 13px 0 0;
}


.pagperfil2 .perfil1 .boton {
    display: inline-block;
    margin: 6px 2px 0;
    background: #a8abad;
    padding: 6px 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 10px!important;
}


.pagperfil2 .perfil1 .boton a {
    color: #292929;
    padding: 0 4px;
}


.pagperfil2 .perfil1 .boton a:hover {
    color: #fff;
}


dt.fieldlabel, dd.fieldcontent {
    display: inline-block;
}


#field_id8 > dt.fieldlabel {
    display: none;
}


#field_id8 > dd.fieldcontent img {
    margin-left: -94px;
    width: 120px;
    height: 120px;
}


#field_id6, #field_id8, #field_id2, #field_id-6, #field_id3, #field_id-4, #field_id1, #field_id10 {
    width: 100%!important;
    height: 12px;
}


.pagperfil2 .perfil1 .info dl.details dd {
    color: #666;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 0px;
    display: inline-block;
    width: 200px;
}


.pagperfil2 .perfil1 .info dl.details dt {
    color: #B0C6C6;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 0px;
    text-align: left;
    width: 110px;
    font-weight: 700!important;
}


#globalpagperfil > div.pagperfil2 > div.perfil1 > div.info > div.info3 > dl:nth-child(1) > dd {
    color: #666;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 0px;
    display: inline-block;
    font: 9px Karla, arial, serif;
}


#globalpagperfil > div.pagperfil2 > div.perfil1 > div.info > div.info3 > dl:nth-child(1) > dt {
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 0px;
    text-align: left;
    width: 110px;
    font-weight: 700!important;
    display: inline-block;
    font: 9px Karla, arial, serif;
    color:#a8abad;
}


#field_id1 > dt {
    display: none;
}


#field_id1 > dd > div.field_uneditable {
    font-family: Karla, arial, serif;
    font-size: 9px;
    font-style: italic;
    font-variant: normal;
    font-weight: normal;
    padding: 0px;
    width: 305px;
    margin: -60px 0px 0px -80px;
    height: 35px;
    text-transform: uppercase;
    letter-spacing: 1px;
}


.quotefrase {
    font-size: 30px;
    display: inline-block;
    padding: 0;
    color: rgba(168, 171, 173, 0.45);
    position: relative;
    bottom: 13px;
}


.quotefrase2 {
    font-size: 30px;
    display: inline-block;
    padding: 15px 0;
    color: rgba(168, 171, 173, 0.45);
    margin-left: 330px;
    position: relative;
    bottom: 13px;
}


#globalpagperfil > div.pagperfil2 > div.titulito {
    padding: 10px 15px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    height: 35px;
    margin: 11px 13px;
}


.pagperfil2 .perfil3 {
    font: 7px Karla, arial, serif;
    text-align: center;
}


.pagperfil2 > div.perfil3 > span {
    width: 65px;
    display: inline-block;
}


.pagperfil2 > div.perfil3 > span:nth-child(2) {
    display: none;
}


.pagperfil2 .perfil3 span.fieldcontent a {
    display: inline-block;
    background: #a8abad;
    padding: 20px;
    margin: 3px 1px;
}


.pagperfil2 > div.perfil3 span img {
    width: 24px;
    height: 24px;
}


.inputbox, input[type="date"], input[type="number"], input[type="password"], input[type="text"], select {
    border: 1px solid #cacaca;
    border-radius: 3px;
    outline: 0;
    padding: 5px 10px;
    height: 13px;
    font-size: 11px;
    width: 140px!important;
    display: inline-block;
}


/**********SEGUN GRUPO**********/

/*Grupo 1*/

.grupo1 .titulo {
    background: rgba(177, 160, 171, 0.45)!important;
}

.grupo1 .cabecera1, .grupo1 .quotefrase, .grupo1 .quotefrase2 {
    color: rgba(177, 160, 171, 0.45)!important;
}

.grupo1 .pagperfil2 .perfil3 span.fieldcontent a, .grupo1 .pagperfil2 .perfil1 .boton {
    background: #B1A0AB;
}

/*Grupo 2*/

.grupo2 .titulo {
    background: rgba(162, 176, 144, 0.45)!important;
}

.grupo2 .cabecera1, .grupo2 .quotefrase, .grupo2 .quotefrase2 {
    color: rgba(162, 176, 144, 0.45)!important;
}

.grupo2 .pagperfil2 .perfil3 span.fieldcontent a, .grupo2 .pagperfil2 .perfil1 .boton {
    background: #A2B090;
}

/*Grupo 3*/

.grupo3 .titulo {
    background: rgba(141, 173, 193, 0.45)!important;
}

.grupo3 .cabecera1, .grupo3 .quotefrase, .grupo3 .quotefrase2 {
    color: rgba(141, 173, 193, 0.45)!important;
}

.grupo3 .pagperfil2 .perfil3 span.fieldcontent a, .grupo3 .pagperfil2 .perfil1 .boton {
    background: #8DADC1;
}

/*grupo 4*/

.grupo4 .titulo {
    background: rgba(209, 209, 209, 0.25)!important;
}

.grupo4 .cabecera1, .grupo4 .quotefrase, .grupo4 .quotefrase2 {
    color: rgba(209, 209, 209, 0.25)!important;
}

.grupo4 .pagperfil2 .perfil3 span.fieldcontent a, .grupo4 .pagperfil2 .perfil1 .boton {
    background: #d1d1d1;
}


Código:

/**********APARIENCIA DE LOS MENSAJES Y SUS PERFILES**********/

.titulotema {
    padding: 10px 20px;
    text-align: right;
    font: 10px Karla, arial, serif;;
    text-transform: uppercase;
    letter-spacing: 2px;
    min-width: 930px;
    max-width: 1240px;
    margin: 0 15px 0 10px;
}

.titulotema .titulo {
    width: 75%;
    text-align: right;
    margin-left: 25%;
    font: 20px Playfair Display, arial, serif;
    letter-spacing: 0px;
    font-weight: 700;
}

.titulotema .titulo a {
}

.row3 {
    background: #fff;
    border: 1px solid #cacaca;
    font: 8px Karla, arial, serif;;
    letter-spacing: 1px;
    font-weight: 200!important;
}

.navegacion {
    background: #efefef;
    padding: 5px 15px;
    min-width: 950px;
    max-width: 1250px;
    margin: 0 15px 0 10px;
}

.navegacion2 {
    background: #efefef;
    padding: 10px;
    min-width: 930px;
    max-width: 1250px;
    margin: 10px 15px -24px;
}

div.pathname-box > p > a > span > span {
  display: none;
}

.navegacion .pathname-box {
    display: inline-block;
    width: 68%;
    vertical-align: top;
    float: none;
    text-transform: uppercase;
    font: 10px Karla, arial, serif;
    margin-top: 5px;
}

.pathname-box p {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 10px;
    margin: 0 0 10px;
}

.navegacion .pagination {
    display: inline-block;
    text-align: right;
    float: none;
    text-transform: uppercase;
    font: 10px Karla, arial, serif;;
}

table.forumline {
    display: none;
}

.navegacion .left-box {
    display: inline-block;
    width: 6%;
    margin-left: 4px
  float: none;
}

.perfil {
    background: #fff;
    margin-top: -6px;
    padding: 15px 20px;
    height: 88px;
    border: 6px solid #efefef;
}

.imgpersonal, .nombre, .rango {
    display: inline-block;
    vertical-align: top;
}

.imgpersonal {
    width: 88px;
    font-size: 0px;
    border-radius: 100%;
}

.imgpersonal img {
    display: none;
}

div.imgpersonal > span:nth-child(7) > span {
    display: none;
}

.imgpersonal img:first-of-type {
    border: 4px solid #a8abad;
    display: block;
    height: 80px;
    width: 80px;
    border-radius: 100%;
}

.nombre {
    padding: 12px 25px;
    font: 25px Playfair Display, arial, serif;
    font-weight: 700;
}

.nombre a span, .nombre a {
    font: 25px Playfair Display, arial, serif;
}

div.nombre > a > span > strong::first-letter {
    color: #a8abad!important;
}

div.nombre > span > a {
    font: 9px Karla, arial, serif;
}


div.nombre > span {
    font: 9px Karla, arial, serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    display:block;
    height: 30px;
}

.esquina {
    background: #a8abad;
    height: 13px;
    margin-top: -22px;
    width: 948px;
    padding: 12px 10px;
    margin-left: -20px;
}

.edicion {
    vertical-align: top;
    display: inline-block;
}

.edicion {
    width: 13%;
    float: right;
    top: 76px;
    position: relative;
    left: 30px;
}

.edicion ul.profile-icons {
    margin: 0px;
}

ul.profile-icons li img {
    background-position: 0 0;
    display: block;
    width: 16px;
    opacity: 0.7;
}

.postbody, .perfil2 {
    display: inline-block;
    vertical-align: top;
}

.globalperfil .postprofile {
    width: 270px;
    min-height: 400px;
}
.globalperfil .postprofile .rank {
    width: 250px;
    margin: -10px auto 0;
}

#profile451 > div.perfil2 > div > a > img {
    width: 250px
    height: 320px;
}

.postbody {
    padding: 0 30px;
    margin: 26px 0;
    text-align: justify;
    width: 638px;
    min-height: 380px;
    font: 10px Karla, arial, serif;;
    border-right: 1px solid #efefef;
}

.perfil2 {
    width: 250px;
    height: 320px;
    margin-top: 10px;
    padding: 10px;
}

.profile {
    width: 250px;
    height: 320px;
}

.cajaprofile {
    background: rgba(60, 60, 60, 0.7);
    height: 280px;
    opacity: 0;
    width: 210px;
    margin-top: -320px;
    -webkit-transition: 0.5s ease-in-out;
    moz-transition: 0.5s ease-in-out;
    ms-transition: 0.5s ease-in-out;
    o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    position: absolute;
    padding: 20px;
}

.profileinfo {
    opacity: 1;
    width: 170px;
    height: 240px;
    padding: 30px 20px 5px;
    color: #fff!important;
    font-size: 10px!important;
}


.profileinfo .cabecera {
    margin: -28px auto 44px;
    width: 45px;
    height: 45px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
}

.profileinfo .cabecera1 {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    padding: 2px 3px;
    text-transform: uppercase;
    color: #a8abad;
    font-size: 45px;
}

.profile:hover .cajaprofile {
    opacity: 1;
    -webkit-transition: 0.5s ease-in-out;
    moz-transition: 0.5s ease-in-out;
    ms-transition: 0.5s ease-in-out;
    o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

/*********COLOR PARA GRUPO 1*********/

.grupo1 .esquina {
    background: #B1A0AB;
}

.grupo1 blockquote::before {
    color: #B1A0AB;
}

.grupo1 .information1 .label {
    border-bottom: 2px solid #B1A0AB;
}

.grupo1 span:nth-child(7) > span.label > span {
    color: #B1A0AB!important;  
}

.grupo1 span:nth-child(4) > span.label > span {
    color: #B1A0AB!important;
}

.grupo1 span:nth-child(5) > span.label > span {
    color:#B1A0AB!important;
}

.grupo1 span:nth-child(6) > span.label > span {
    color: #B1A0AB!important;
}

.grupo1 .rango > span.label {
    color:#B1A0AB!important;
}

.grupo1 .cabecera1 {
    color:#B1A0AB;
}

.grupo1 .imgpersonal img:first-of-type {
    border: 4px solid #B1A0AB;
}

/*********COLOR PARA GRUPO 2 *********/

.grupo2 .esquina {
    background: #A2B090;
}

.grupo2 blockquote::before {
    color: #A2B090;
}

.grupo2 .information1 .label {
    border-bottom: 2px solid #A2B090;
}
.grupo2 span:nth-child(7) > span.label > span {
    color: #A2B090!important;  
}

.grupo2 span:nth-child(4) > span.label > span {
    color: #A2B090!important;
}

.grupo2 span:nth-child(5) > span.label > span {
    color:#A2B090!important;
}

.grupo2 span:nth-child(6) > span.label > span {
    color: #A2B090!important;
}

.grupo2 .rango > span.label {
    color: #A2B090!important;
}

.grupo2 .cabecera1 {
    color: #A2B090;
}

.grupo2 .imgpersonal img:first-of-type {
    border: 4px solid #99AD8D;
}

/*********COLOR PARA GRUPO 3*********/
.grupo3 .esquina {
    background: #8DADC1;
}

.grupo3 blockquote::before {
    color: #8DADC1;
}

.grupo3 .information1 .label {
    border-bottom: 2px solid #8DADC1;
}

.grupo3 span:nth-child(7) > span.label > span {
    color: #8DADC1!important;  
}

.grupo3 span:nth-child(4) > span.label > span {
    color: #8DADC1!important;
}

.grupo3 span:nth-child(5) > span.label > span {
    color:#8DADC1!important;
}

.grupo3 span:nth-child(6) > span.label > span {
    color: #8DADC1!important;
}

.grupo3 .rango > span.label {
    color: #8DADC1!important;
}

.grupo3 .cabecera1 {
    color: #8DADC1;
}

.grupo3 .imgpersonal img:first-of-type {
    border: 4px solid #8DADC1;
}

/*********COLOR PARA GRUPO 4*********/

.grupo4 .esquina {
    background: #D1D1D1;
}

.grupo4 blockquote::before {
    color: #D1D1D1;
}

.grupo4 .profileinfo {
}

.grupo4 span:nth-child(7) > span.label > span {
    color: #D1D1D1!important;  
}

.grupo4 span:nth-child(4) > span.label > span {
    color: #D1D1D1!important;
}

.grupo4 span:nth-child(5) > span.label > span {
    color:#D1D1D1!important;
}

.grupo4 span:nth-child(6) > span.label > span {
    color: #D1D1D1!important;
}

.grupo4 .information1 .label {
    border-bottom: 2px solid #D1D1D1;
}

.grupo4 .rango > span.label {
    color:#D1D1D1!important;
}

.grupo4 .cabecera1 {
    color:#D1D1D1;
}

.grupo4 .imgpersonal img:first-of-type {
    border: 4px solid #D1D1D1;
}

/**********COLOR PERFILES NEUTROS**********/

/*aqui va todo*/

div.perfil2 > div > a > img {
    width: 250px;
    height: 320px
}

div.perfil2 > div > div > div > span:nth-child(3) {
    display: none;
}

.information1 {
    display: block;
    height: 23px;
    text-transform: uppercase;
}

.information1 .label {
    border-bottom: 2px solid #a8abad;
    font-size: 0px;
    display: block;
    font-weight: 900;
}

.information1 span.label > span {
    font-size: 10px;
}

.information1 .informi {
    display: block;
    text-align: right;
    padding: 5px 0 0;
}

div.perfil2 > div > div > div > span:nth-child(8) {
    display: none;
}

.contacto {
    width: 100%;
    padding: 2px 0;
    text-align: center;
    position: absolute;
    bottom: 22px;
    right: 5px;
}

.contacto img {
    width: 22px;
    height: 22px;
}

.rango {
    width: 100%;
    position: relative;
    text-transform: uppercase;
    font-size: 10px;
    height: 23px;
}

.rango span {
    display: block;
    text-transform: uppercase;
    font-weight: 900;
    border-bottom: 2px solid;
    color: #a8abad;
}

.rango .informi {
    display: block;
    text-align: right;
    text-transform: uppercase;
    border:none;
    padding: 5px 0 0;
    color: #fff;
}


Código:

dasdasd

asdasd

Spoiler: