Шаблон:Boss/styles.css: различия между версиями
Нет описания правки |
Нет описания правки |
||
(не показаны 22 промежуточные версии этого же участника) | |||
Строка 4: | Строка 4: | ||
margin: 0 auto; | margin: 0 auto; | ||
padding: 0; | padding: 0; | ||
border: 1px solid # | border: 1px solid #314755; | ||
background: # | background: #081f2e; | ||
} | } | ||
.boss-name { | .boss-name { | ||
border-top: 1px solid # | border-top: 1px solid #314755; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #314755; | ||
background-color: # | background-color: #183344; | ||
color: #d4d1a4; | color: #d4d1a4; | ||
padding: 15px; | padding: 15px; | ||
font-size: 24px; | font-size: 24px; | ||
font-weight: bold; | font-weight: bold; | ||
margin-top: 10px; | |||
} | } | ||
Строка 29: | Строка 30: | ||
.boss-property { | .boss-property { | ||
margin: | margin: 10px 0 5px 40px; | ||
} | } | ||
Строка 39: | Строка 40: | ||
.boss-property div { | .boss-property div { | ||
color: #f1e6d0; | color: #f1e6d0; | ||
margin-top: -5px; | |||
} | } | ||
Строка 57: | Строка 55: | ||
.boss-icon img { | .boss-icon img { | ||
border: | border: 3px ridge #3d8ac2; | ||
} | } | ||
Строка 77: | Строка 75: | ||
width: 200px; | width: 200px; | ||
height: 15px; | height: 15px; | ||
background: # | background: #0b8228; | ||
line-height: 15px; | line-height: 15px; | ||
color: white; | color: white; | ||
border: 1px solid # | border: 1px solid #000000; | ||
margin: 15px auto | margin: 15px auto 5px auto; | ||
padding: 3px; | padding: 3px 8px; | ||
font-weight: bold; | font-weight: bold; | ||
text-shadow: 1px 1px 2px #223038; | text-shadow: 1px 1px 2px #223038; | ||
Строка 131: | Строка 129: | ||
.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; | ||
Строка 144: | Строка 142: | ||
text-transform: uppercase; | text-transform: uppercase; | ||
color: white; | color: white; | ||
border-right: 1px solid #394e5a; | border-right: 1px solid #394e5a; | ||
} | } | ||
Строка 150: | Строка 147: | ||
.boss-summon-body { | .boss-summon-body { | ||
padding: 10px; | padding: 10px; | ||
} | } | ||
.boss-info-head { | .boss-info-head { | ||
text-transform: uppercase; | text-transform: uppercase; | ||
color: | color: #ffb257; | ||
border-top: 1px solid #394e5a; | |||
padding: 10px 0 3px 0 !important; | padding: 10px 0 3px 0 !important; | ||
} | } | ||
Строка 161: | Строка 158: | ||
.boss-info-body { | .boss-info-body { | ||
padding: 0 5px 5px 5px; | padding: 0 5px 5px 5px; | ||
color: # | color: #efefef; | ||
text-align: center; | text-align: center; | ||
} | } | ||
Строка 182: | Строка 179: | ||
.boss-guard-icon img { | .boss-guard-icon img { | ||
border: | border: 3px ridge #316f9c; | ||
} | } | ||
Строка 188: | Строка 185: | ||
width: 80%; | width: 80%; | ||
height: 15px; | height: 15px; | ||
background: # | background: #0b8228; | ||
line-height: 15px; | line-height: 15px; | ||
color: white; | color: white; | ||
border: 1px solid # | border: 1px solid #000000; | ||
margin: 5px auto; | margin: 5px auto; | ||
padding: 3px; | padding: 3px; | ||
Строка 201: | Строка 198: | ||
position: absolute; | position: absolute; | ||
width: 24px; | width: 24px; | ||
height: | height: 104px; | ||
display: flex; | display: flex; | ||
flex-flow: column wrap; | flex-flow: column wrap; | ||
Строка 214: | Строка 211: | ||
.score { | .score { | ||
margin-left: 3px; | margin-left: 3px; | ||
color: | color: rgb(208,200,101); | ||
font-weight: bold; | font-weight: bold; | ||
line-height: | line-height: 29px; | ||
font-size: 13px; | font-size: 13px; | ||
} | } |
Текущая версия от 21:11, 29 ноября 2023
.boss { width: 346px; text-align: center; margin: 0 auto; padding: 0; border: 1px solid #314755; background: #081f2e; } .boss-name { border-top: 1px solid #314755; border-bottom: 1px solid #314755; background-color: #183344; color: #d4d1a4; padding: 15px; font-size: 24px; font-weight: bold; margin-top: 10px; } .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: 3px ridge #3d8ac2; } .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: #0b8228; line-height: 15px; color: white; border: 1px solid #000000; margin: 15px auto 5px auto; padding: 3px 8px; 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-right: 1px solid #394e5a; } .boss-summon-body { padding: 10px; } .boss-info-head { text-transform: uppercase; color: #ffb257; border-top: 1px solid #394e5a; 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: 3px ridge #316f9c; } .boss-guard-hp { width: 80%; height: 15px; background: #0b8228; line-height: 15px; color: white; border: 1px solid #000000; margin: 5px auto; padding: 3px; font-weight: bold; text-shadow: 1px 1px 2px #223038; } .boss-guard-features { position: absolute; width: 24px; height: 104px; display: flex; flex-flow: column wrap; top: 0; right: -17px; } .boss-guard-features img { border: 0; } .score { margin-left: 3px; color: rgb(208,200,101); font-weight: bold; line-height: 29px; font-size: 13px; }