Шаблон:Босс/styles.css

.card-boss { width: 346px; padding: 0; margin: 0 auto; /*border: 2px solid #e9990b;*/ border: 1px solid #394e5a }

.boss { display: table; width: 100%; border-collapse: collapse; text-align: center; margin: 0; }

.boss th { background-color: #223038; padding: 15px; }

.boss td { padding: 10px; background-color: #2b3c46; }

.name-block { border-top: 1px solid #172027; border-bottom: 1px solid #172027; background-color: #1c2a31; color: #d4d1a4; padding: 10px; font-size: 24px; }

.property-block { height: 150px; display: flex; color: #ffb257; font-weight: bold; font-size: 11px; text-transform: uppercase; align-items: center; }

.property { margin: 20px 0 20px 10px; }

.property span { margin-bottom: 10px; color: #ffb257; }

.property div { margin-bottom: 10px; color: #f1e6d0; }

.property div:last-child { margin: 0; }

.stats { width: 110px; display: flex; flex-flow: column wrap; position: relative; left: 10px; align-items: flex-end; }

.stats div img { vertical-align: text-bottom !important; }

.stats span { display: inline-block; height: 18px; color: #f1e6d0; font-size: 14px; }

.icon-block { padding: 0;

   width: 160px

}

.icon {

   width: 128px;

position: relative; margin: 0 auto; }

.icon img { border: 1px solid #667985; }

.features-block { position: absolute; width: 30px; height: 128px; display: flex; flex-flow: column wrap; top: 0; right: -20px; }

.features-block img { border: 0; }

.hp-block { width: 200px; height: 15px; background: #149132; color: white; border: 1px solid #172027; margin: 0 auto; padding: 3px; }

.score-block { border-top: 1px solid #667985; border-bottom: 1px solid #667985; border-right: 1px solid #667985; text-transform: uppercase; color: white; }

.score { display: inline-block; height: 15px; color: white; font-weight: bold; font-size: 14px; }

.loot-block { border-bottom: 1px solid #667985; border-right: 1px solid #667985; text-transform: uppercase; color: white; }

.loot-content { display: flex; flex-flow: column wrap; }

.loot-content > div { margin-top: 7px; }

.summon-block { border-bottom: 1px solid #667985; border-right: 1px solid #667985; text-transform: uppercase; color: white; }

.info-block { text-transform: uppercase; color: white; padding: 10px 0 3px 0 !important; }

.guard-block { padding: 0 0 10px 0 !important; width: 50%; }

.guard-icon { width: 100px; position: relative; margin: 0 auto; }

.guard-icon img { border: 1px solid #667985; }

.guard-hp-block { width: 80%; height: 15px; background: #149132; color: white; border: 1px solid #172027; margin: 5px auto; padding: 3px; }

.guard-features-block { position: absolute; width: 24px; height: 100px; display: flex; flex-flow: column wrap; top: 0; right: -17px; }

.guard-features-block img { border: 0; }

.skill-header { border-top: 1px solid #667985; text-transform: uppercase; color: white; padding: 10px 0 !important; font-size: 16px; }

.skills-block { width: 100%; padding: 0; }

.skills-block:last-child { padding-bottom: 15px; }

.skills-block:first-child { padding-top: 0 !important; }

.skill-block { display: flex; flex-direction: row; }

.skill-icon { display: flex; justify-content: center; padding: 0 15px; }

.skill-property { line-height: 1; font-size: 13px; text-transform: none; padding: 0 15px 0 0; color: #eae7c1; display: flex; flex-flow: column wrap; align-items: flex-start; }

.skill-type, .skill-chance{ color: #ffb257; }

.skill-description { text-align: start !important; font-weight: 400; }