97 lines
1.5 KiB
Plaintext
97 lines
1.5 KiB
Plaintext
:root {
|
|
--green: rgb(31, 240, 31);
|
|
--red: rgb(165, 42, 42);
|
|
--blue: rgb(48, 80, 248);
|
|
--purple: rgb(164, 35, 188);
|
|
--yellow: rgb(255, 161, 0);
|
|
--white: rgb(245, 245, 245);
|
|
color: var(--white);
|
|
font-size: 24px;
|
|
letter-spacing: 24px;
|
|
}
|
|
|
|
.sectors {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.sectors Label {
|
|
-unity-text-align: upper-center;
|
|
flex-basis: 0;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.green {
|
|
color: var(--green);
|
|
}
|
|
|
|
.purple {
|
|
color: var(--purple);
|
|
}
|
|
|
|
.red {
|
|
color: var(--red);
|
|
}
|
|
|
|
.yellow {
|
|
color: var(--yellow);
|
|
}
|
|
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
|
|
.timingMiddle {
|
|
flex-direction: row;
|
|
flex-grow: 1;
|
|
justify-content: center;
|
|
align-self: center;
|
|
margin-top: 20%;
|
|
-unity-text-align: upper-center;
|
|
}
|
|
|
|
InterfaceIcon {
|
|
text-align: center;
|
|
font-size: 40px;
|
|
}
|
|
|
|
InterfaceIcon Label {
|
|
margin: 0;
|
|
}
|
|
|
|
InterfaceIcon .detail {
|
|
font-size: 24px;
|
|
}
|
|
|
|
BoostIndicator {
|
|
margin-top: 6px;
|
|
padding: 3px;
|
|
}
|
|
|
|
.boostBarCtr {
|
|
height: 1%;
|
|
margin-top: 12px;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.bottom {
|
|
flex-grow: 0;
|
|
background-color: rgba(0, 0, 0, 0.26);
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
justify-content: flex-end;
|
|
color: rgb(255, 255, 255);
|
|
width: 33%;
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
align-self: center;
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
padding-top: 8px;
|
|
}
|
|
|
|
.bottom Label {
|
|
padding: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|