284 lines
No EOL
5.1 KiB
CSS
284 lines
No EOL
5.1 KiB
CSS
.classicHudWrapper {
|
|
display: flex;
|
|
align-items: center;
|
|
position: absolute;
|
|
left: 1.7rem;
|
|
transform-origin: 0 0;
|
|
bottom: 0rem;
|
|
height: fit-content;
|
|
min-height: 3rem;
|
|
|
|
|
|
width: min-content;
|
|
}
|
|
|
|
.classicHudDragContainer {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.classicHudHealth {
|
|
width: 4.125rem;
|
|
height: 1.563rem;
|
|
left: 0px;
|
|
margin-left: .5rem;
|
|
top: 0px;
|
|
position: relative;
|
|
background: #9f292900;
|
|
border: 1px solid #9f2929a2;
|
|
box-sizing: border-box;
|
|
border-radius: 0.188rem;
|
|
}
|
|
|
|
|
|
|
|
.classicHudHealthInner {
|
|
background: #9F2929;
|
|
border-radius: 0.188rem;
|
|
height: 100%;
|
|
width: 50%;
|
|
max-width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.classicHudArmor {
|
|
width: 4.125rem;
|
|
height: 1.563rem;
|
|
margin-left: .5rem;
|
|
position: relative;
|
|
background: #9f292900;
|
|
border-radius: 0.188rem;
|
|
border: 1px solid #2E3893a2;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
.classicHudArmorInner {
|
|
background: #2E3893;
|
|
box-sizing: border-box;
|
|
|
|
border-radius: 0.188rem;
|
|
height: 100%;
|
|
width: 50%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.classicHudThirsty {
|
|
width: 1.563rem;
|
|
height: 1.563rem;
|
|
margin-left: .5rem;
|
|
box-sizing: border-box;
|
|
|
|
position: relative;
|
|
background: #9f292900;
|
|
border: 1px solid #2F549Ca2;
|
|
box-sizing: border-box;
|
|
border-radius: 0.188rem;
|
|
|
|
}
|
|
|
|
.classicHudThirstyInner {
|
|
background: #2F549C;
|
|
border-radius: 0.188rem;
|
|
box-sizing: border-box;
|
|
|
|
height: 100%;
|
|
width: 50%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.classicHudHunger {
|
|
width: 1.563rem;
|
|
height: 1.563rem;
|
|
margin-left: .5rem;
|
|
box-sizing: border-box;
|
|
|
|
position: relative;
|
|
background: #9f292900;
|
|
|
|
border: 1px solid #B3743Aa2;
|
|
box-sizing: border-box;
|
|
border-radius: 0.188rem;
|
|
}
|
|
|
|
.classicHudHungerInner {
|
|
background: #B3743A;
|
|
box-sizing: border-box;
|
|
|
|
border-radius: 0.188rem;
|
|
height: 100%;
|
|
width: 50%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.classicHudStress {
|
|
width: 1.563rem;
|
|
height: 1.563rem;
|
|
margin-left: .5rem;
|
|
box-sizing: border-box;
|
|
|
|
position: relative;
|
|
background: #9f292900;
|
|
|
|
border: 1px solid #AA35A6a2;
|
|
box-sizing: border-box;
|
|
border-radius: 0.188rem;
|
|
}
|
|
|
|
.classicHudStressInner {
|
|
background: #AA35A6;
|
|
box-sizing: border-box;
|
|
|
|
border-radius: 0.188rem;
|
|
height: 100%;
|
|
width: 50%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.classicHudOxy {
|
|
width: 1.563rem;
|
|
height: 1.563rem;
|
|
margin-left: .5rem;
|
|
box-sizing: border-box;
|
|
|
|
position: relative;
|
|
background: rgba(72, 167, 255, 0.54);
|
|
|
|
border: 1px solid rgba(72, 167, 255, 1);
|
|
box-sizing: border-box;
|
|
border-radius: 0.188rem;
|
|
}
|
|
|
|
.classicHudOxyInner {
|
|
background: #48A7FF;
|
|
box-sizing: border-box;
|
|
|
|
border-radius: 0.188rem;
|
|
height: 100%;
|
|
width: 50%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
|
|
.classicHudStamina {
|
|
width: 1.563rem;
|
|
height: 1.563rem;
|
|
margin-left: .5rem;
|
|
box-sizing: border-box;
|
|
|
|
position: relative;
|
|
background: #9f292900;
|
|
border: 1px solid #c4ff48a2;
|
|
|
|
box-sizing: border-box;
|
|
border-radius: 0.188rem;
|
|
}
|
|
|
|
|
|
|
|
.classicHudStaminaInner {
|
|
background: #c4ff48;
|
|
box-sizing: border-box;
|
|
|
|
border-radius: 0.188rem;
|
|
height: 100%;
|
|
width: 50%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.classicHudParachute {
|
|
width: 1.563rem;
|
|
height: 1.563rem;
|
|
margin-left: .5rem;
|
|
box-sizing: border-box;
|
|
|
|
position: relative;
|
|
background: #9f292900;
|
|
border: 1px solid #48ffdea2;
|
|
|
|
box-sizing: border-box;
|
|
border-radius: 0.188rem;
|
|
|
|
}
|
|
|
|
.classicHudParachuteInner {
|
|
|
|
background: #48ffde;
|
|
box-sizing: border-box;
|
|
border-radius: 0.188rem;
|
|
|
|
height: 100%;
|
|
width: 50%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.classicHudNitro {
|
|
width: 1.563rem;
|
|
height: 1.563rem;
|
|
margin-left: .5rem;
|
|
box-sizing: border-box;
|
|
|
|
position: relative;
|
|
background: #9f292900;
|
|
border: 1px solid #8eff48a2;
|
|
|
|
box-sizing: border-box;
|
|
border-radius: 0.188rem;
|
|
|
|
}
|
|
|
|
.classicHudNitroInner {
|
|
|
|
background: #8eff48;
|
|
box-sizing: border-box;
|
|
border-radius: 0.188rem;
|
|
|
|
height: 100%;
|
|
width: 50%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.classicHudAltitude {
|
|
width: 1.563rem;
|
|
height: 1.563rem;
|
|
margin-left: .5rem;
|
|
box-sizing: border-box;
|
|
|
|
position: relative;
|
|
background: #9f292900;
|
|
border: 1px solid #48deffa2;
|
|
|
|
box-sizing: border-box;
|
|
border-radius: 0.188rem;
|
|
|
|
}
|
|
|
|
.classicHudAltitudeInner {
|
|
background: #48deff;
|
|
box-sizing: border-box;
|
|
border-radius: 0.188rem;
|
|
|
|
height: 100%;
|
|
width: 50%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.classichudMic {
|
|
position: relative;
|
|
top: .1rem;
|
|
}
|
|
|
|
.classicHudIconSmall {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.classicHudIcon {
|
|
position: absolute;
|
|
left: .25rem;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
} |