You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
.flexbox {
|
|
|
|
|
display: flex ;
|
|
|
|
|
flex-direction: row ;
|
|
|
|
|
flex-wrap: wrap ;
|
|
|
|
|
justify-content: flex-start ;
|
|
|
|
|
align-items: center ;
|
|
|
|
|
align-content: center ;
|
|
|
|
|
margin: 10px
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.block {
|
|
|
|
|
background: rgba(0, 0, 0, .34);
|
|
|
|
|
padding: 10px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
margin: 3px
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.block:before {
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
#color: #00b5ca;
|
|
|
|
|
color: #00ffaa;
|
|
|
|
|
text-transform: uppercase
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.block:after {
|
|
|
|
|
color: hsla(0, 0%, 100%, .6)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.heading:before {
|
|
|
|
|
content: 'Hdg: '
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.heading:after {
|
|
|
|
|
content: '°'
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.altitude:before {
|
|
|
|
|
content: 'Alt: '
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.altitude:after {
|
|
|
|
|
content: ' ft'
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.speed:before {
|
|
|
|
|
content: 'G/S: '
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.speed:after {
|
|
|
|
|
content: ' kts'
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.vs:before {
|
|
|
|
|
content: 'V/S: '
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.vs:after {
|
|
|
|
|
content: ' fpm'
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.gf:before {
|
|
|
|
|
content: 'G: '
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.aoa:before {
|
|
|
|
|
text-transform: lowercase;
|
|
|
|
|
content: 'α: '
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.aoa:after {
|
|
|
|
|
content: '°'
|
|
|
|
|
}
|