.container {
float: right;
box-sizing: border-box;
margin-right: 2rem;
margin-top: 2rem;
}
.background {
background: url('../image/background/0.png') no-repeat;
width: 440px;
height: 216px;
background-size: 440px !important;
}
.background__info {
float: right;
display: grid;
width: 50%;
margin-top: 2rem;
margin-left: 2px;
}
.container__info {
display: flex;
align-items: center;
margin-top: -10.53rem;
}
.background__gunid {
background: url('../image/guns/0.png');
width: 100px;
height: 100px;
background-size: 100px !important;
}
.background__ammo {
margin-left: 4.5rem;
margin-top: -1.9rem;
}
.background__ammo > p {
margin: 0;
font-family: 'Roboto Light', sans-serif;
color: white;
font-size: 14px;
font-weight: 600;
}
.background__info > progress {
border: none;
height: 4px;
margin-bottom: 20.5px;
justify-self: right;
}
.background__info > progress::-webkit-progress-bar {
background: #181918;
border-radius: 5px;
}
.background__info > progress::-webkit-progress-value {
border-radius: 5px;
}
.background__info > progress#health::-webkit-progress-value {
background: #ff4c4a;
}
.background__info > progress#armour::-webkit-progress-value {
background: #ffffff;
}
.background__info > progress#virus::-webkit-progress-value {
background: #d6af2d;
}
.background__info > p {
font-family: 'Roboto Medium', sans-serif;
font-size: 17pt;
color: #7bd662;
font-weight: 700;
margin-top: -0.3rem;
}
.background__wanted {
background: url(../image/wanted/wanted-0.png) no-repeat center center;
width: 100px;
height: 230px;
background-size: 100px !important;
position: absolute;
margin-left: 22.7rem;
margin-top: -0.7rem;
}
Сообщение отредактировал nazmatz: 31 декабря 2024 - 22:06
Вход
Регистрация
Помощь








