BMOON-HEROES+FICHA

div#heroes-bmoon heroe {display: inline-block; width: 110px; height: 142px; overflow: hidden;} div#heroes-bmoon heroe datos b {display: block;} div#heroes-bmoon heroe datos {display: block; border-top: 1px solid #3a3a3a; border-bottom: 1px solid #3a3a3a; line-height: 100%; font-size: 10px; text-transform: uppercase; font-family: calibri; padding: 5px 0px; text-align: center; width: 110px;} div#heroes-bmoon heroe img {width: 90px; height: 90px; object-fit: cover; clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); margin: 10px;} div#heroes-bmoon a {font-weight: bold; color: #827081;} div#heroes-bmoon {outline: 10px solid #584356; outline-offset: 5px;box-sizing: border-box; width: 490px; margin: 15px auto; position: relative; line-height: 100%; border: 1px solid #3a3a3a; padding: 20px;}div#heroes-bmoon tit {font-family: 'Raleway'; display: block; font-size: 20px; text-transform: uppercase; font-weight: bold; text-align: center; padding: 40px 0px; border: none; margin-bottom: 20px; background: #584356; color: #eaeaea;} div#heroes-bmoon *::-webkit-scrollbar {width: 4px; height: 4px; background:none!important; border:none;} div#heroes-bmoon *::-webkit-scrollbar-thumb {background:#3a3a3a; border: none;} div#heroes-bmoon *::-webkit-scrollbar-track {background:transparent!important;} div#heroes-bmoon overflow {display: block; height: 570px; overflow: auto;}

.usergroup-group-hiel div#heroes-bmoon {outline: 10px solid #588387;}
.usergroup-group-jagu div#heroes-bmoon {outline: 10px solid #ac9e5b;}
.usergroup-group-murc div#heroes-bmoon {outline: 10px solid #526f83;}

.usergroup-group-navj div#heroes-bmoon {outline: 10px solid #a28567;}
.usergroup-group-fueg div#heroes-bmoon {outline: 10px solid #9f473e;}
.usergroup-group-dios div#heroes-bmoon {outline: 10px solid #3f6e69;}


.usergroup-group-hiel div#heroes-bmoon a {color:#588387;}
.usergroup-group-jagu div#heroes-bmoon a {color:#ac9e5b;}
.usergroup-group-murc div#heroes-bmoon a {color:#526f83;}

.usergroup-group-navj div#heroes-bmoon a {color:#a28567;}
.usergroup-group-fueg div#heroes-bmoon a {color:#9f473e;}
.usergroup-group-dios div#heroes-bmoon a {color:#3f6e69;}

.usergroup-group-hiel div#heroes-bmoon tit {background:#588387;}
.usergroup-group-jagu div#heroes-bmoon tit {background:#ac9e5b;}
.usergroup-group-murc div#heroes-bmoon tit {background:#526f83;}

.usergroup-group-navj div#heroes-bmoon tit {background:#a28567;}
.usergroup-group-fueg div#heroes-bmoon tit {background:#9f473e;}
.usergroup-group-dios div#heroes-bmoon tit {background:#3f6e69;}

#heroes-bmoon ficha img {object-fit: cover; clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); width:150px; height:150px; position:absolute; top: -75px; left:175px;} div#heroes-bmoon ficha texto {display: block; margin-top: 70px; line-height: 150%; font-size: 12px; font-family: arial; border-top: 1px solid #3a3a3a; padding: 20px 0px; border-bottom: 1px solid #3a3a3a;} div#heroes-bmoon ficha dato b, #heroes-bmoon ficha dato2 b {transform: skewX(-40deg); display: block;} div#heroes-bmoon ficha dato, #heroes-bmoon ficha dato2 {position:absolute; border: 1px solid #3a3a3a; display: block; font-size: 10px; line-height: 100%; text-transform: uppercase;padding: 4px 0px; font-family: calibri;} #heroes-bmoon ficha dato {transform: skewX(40deg); text-align:left; padding-left: 10px!important;} #heroes-bmoon ficha dato2 {transform: skewX(-40deg); text-align:right;padding-right:10px;} div#heroes-bmoon ficha dato2:nth-of-type(3) {top: 55px; width: 150px; right: 60px;} div#heroes-bmoon ficha dato:nth-of-type(3) {top: 55px; width: 150px; left: 60px;} #heroes-bmoon ficha dato2 b {transform: skewX(40deg);} div#heroes-bmoon ficha dato:first-of-type {width:190px; top: 11px;} div#heroes-bmoon ficha dato2:first-of-type {width:190px; right:20px; top:11px;} div#heroes-bmoon ficha dato2:nth-of-type(2) {width: 170px; top: 33px; right: 40px;} div#heroes-bmoon ficha dato:nth-of-type(2) {width: 170px; top: 33px; left: 40px;} div#heroes-bmoon ficha tit {margin-bottom: 0px; margin-top: 10px; border: none;}