Шаблон:Boss/styles.css: различия между версиями
Нет описания правки |
Нет описания правки |
||
Строка 39: | Строка 39: | ||
.boss-property div { | .boss-property div { | ||
color: #f1e6d0; | color: #f1e6d0; | ||
margin-top: -5px; | |||
} | } | ||
Версия от 12:52, 9 апреля 2022
.boss { width: 346px; text-align: center; margin: 0 auto; padding: 0; border: 1px solid #486c81; background: #031e2f; } .boss-name { border-top: 1px solid #486c81; border-bottom: 1px solid #486c81; background-color: #0e364d; color: #d4d1a4; padding: 15px; font-size: 24px; font-weight: bold; } .boss-property-block { display: flex; color: #ffb257; font-weight: bold; font-size: 11px; text-transform: uppercase; align-items: center; justify-content: space-around; } .boss-property { margin: 10px 0 5px 40px; } .boss-property span { margin-bottom: 10px; color: #ffb257; } .boss-property div { color: #f1e6d0; margin-top: -5px; } .boss-property div:last-child { margin: 0; } .boss-icon-block { padding: 0; width: 160px } .boss-icon { width: 128px; position: relative; margin: 0 auto; } .boss-icon img { border: 1px solid #667985; } .boss-features { position: absolute; width: 30px; height: 128px; display: flex; flex-flow: column wrap; top: 0; right: -20px; } .boss-features img { border: 0; } .boss-hp { width: 200px; height: 15px; background: #149132; line-height: 15px; color: white; border: 1px solid #172027; margin: 15px auto 0 auto; padding: 3px; font-weight: bold; text-shadow: 1px 1px 2px #223038; } .boss-data { display: table; width: 100%; border-spacing: 0; margin-top: 10px !important; } .boss-data tr { text-align: center; } .boss-score-head { width: 40%; text-transform: uppercase; color: white; border-top: 1px solid #394e5a; border-right: 1px solid #394e5a; border-bottom: 1px solid #394e5a; } .boss-score-body { display: flex; flex-flow: column wrap; padding: 10px; border-top: 1px solid #394e5a; border-bottom: 1px solid #394e5a; } .boss-score-body span { height: 15px; color: white; font-weight: bold; font-size: 14px; } .boss-loot-head { text-transform: uppercase; color: white; border-bottom: 1px solid #394e5a; border-right: 1px solid #394e5a; } .boss-loot-body { display: flex; justify-content: space-between; padding: 10px; border-bottom: 1px solid #394e5a; } .boss-loot-body > div { width: inherit; display: block; } .boss-summon-head { text-transform: uppercase; color: white; border-bottom: 1px solid #394e5a; border-right: 1px solid #394e5a; } .boss-summon-body { padding: 10px; border-bottom: 1px solid #394e5a; } .boss-info-head { text-transform: uppercase; color: #ffb257; padding: 10px 0 3px 0 !important; } .boss-info-body { padding: 0 5px 5px 5px; color: #efefef; text-align: center; } .boss-guards { display: flex; flex-wrap: wrap; } .boss-guard { padding: 0 0 10px 0 !important; width: 50%; } .boss-guard-icon { width: 100px; position: relative; margin: 0 auto; } .boss-guard-icon img { border: 1px solid #667985; } .boss-guard-hp { width: 80%; height: 15px; background: #149132; line-height: 15px; color: white; border: 1px solid #172027; margin: 5px auto; padding: 3px; font-weight: bold; text-shadow: 1px 1px 2px #223038; } .boss-guard-features { position: absolute; width: 24px; height: 100px; display: flex; flex-flow: column wrap; top: 0; right: -17px; } .boss-guard-features img { border: 0; } .score { margin-left: 3px; color: #99b5c2; font-weight: bold; line-height: 18px; font-size: 13px; }