Шаблон:Boss/styles.css: различия между версиями
Нет описания правки |
Нет описания правки |
||
Строка 128: | Строка 128: | ||
.boss-loot-body { | .boss-loot-body { | ||
display: flex; | display: flex; | ||
justify-content: space- | justify-content: space-evenly; | ||
padding: 10px; | padding: 10px; | ||
border-bottom: 1px solid #394e5a; | border-bottom: 1px solid #394e5a; | ||
Строка 148: | Строка 148: | ||
padding: 10px; | padding: 10px; | ||
border-bottom: 1px solid #394e5a; | border-bottom: 1px solid #394e5a; | ||
display: flex; | |||
justify-content: center; | |||
} | } | ||
Версия от 03:22, 17 апреля 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: #173445; 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-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-evenly; 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; display: flex; justify-content: center; } .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; }