2020-09-10 16:04:05 +00:00
|
|
|
#vehicle-display__inner {
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
|
2020-09-10 17:04:32 +00:00
|
|
|
.vehicle-display__left-wrapper,
|
|
|
|
.vehicle-display__right-wrapper {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
2020-09-10 18:19:59 +00:00
|
|
|
flex: 1 0 10%;
|
|
|
|
justify-content: space-between;
|
2020-09-10 17:04:32 +00:00
|
|
|
}
|
|
|
|
|
2020-09-10 16:04:05 +00:00
|
|
|
.vehicle-display__upper-wrapper {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
2020-09-10 17:04:32 +00:00
|
|
|
flex: 1 0 77%;
|
|
|
|
padding: 0.5vw 0;
|
2020-09-10 18:19:59 +00:00
|
|
|
justify-content: space-between;
|
2020-09-10 17:04:32 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.vehicle-display__centre-wrapper {
|
|
|
|
flex: 0 0 78%;
|
2020-09-10 18:52:33 +00:00
|
|
|
padding: 0 .75vw;
|
2020-09-10 16:04:05 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.vehicle-display__lower-wrapper {
|
|
|
|
display: flex;
|
2020-09-10 17:04:32 +00:00
|
|
|
flex-direction: column;
|
2020-09-10 16:04:05 +00:00
|
|
|
flex: 1;
|
2020-09-10 17:04:32 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#island-img {
|
|
|
|
border: solid 0.1vw #3b6285;
|
2020-09-11 20:27:49 +00:00
|
|
|
// object-fit: cover;
|
2020-09-10 17:04:32 +00:00
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
2020-09-10 18:19:59 +00:00
|
|
|
|
|
|
|
.left-wrapper__location, .left-wrapper__labels, .left-wrapper__area, .right-wrapper__keys, .right-wrapper__level {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
background-color: black;
|
|
|
|
justify-content: space-evenly;
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
p {
|
|
|
|
color: white;
|
|
|
|
font-size: .5vw;
|
|
|
|
font-weight: 500;
|
2020-09-10 20:24:05 +00:00
|
|
|
margin: 0;
|
|
|
|
padding: .2vw 0;
|
2020-09-10 18:19:59 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
h4 {
|
|
|
|
width: 100%;
|
2020-09-10 18:52:33 +00:00
|
|
|
margin: 0;
|
2020-09-10 18:19:59 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.black-font-white-background {
|
|
|
|
color: black;
|
|
|
|
background-color: white;
|
|
|
|
margin: 0;
|
|
|
|
font-size: .55vw;
|
|
|
|
font-weight: 700;
|
|
|
|
}
|
|
|
|
|
|
|
|
.left-wrapper__group, .right-wrapper__group {
|
|
|
|
width: 100%;
|
|
|
|
text-align: center;
|
2020-09-10 20:24:05 +00:00
|
|
|
margin: 0 0 .5vw 0;
|
2020-09-10 18:19:59 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.right-wrapper__level div:last-child h4 {
|
|
|
|
color: white;
|
2020-09-10 18:52:33 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.left-wrapper__labels {
|
|
|
|
background: none;
|
|
|
|
|
|
|
|
h4 {
|
|
|
|
border: .1vw solid black;
|
|
|
|
margin: .25vw 0;
|
|
|
|
text-align: center;
|
|
|
|
}
|
2020-09-10 18:19:59 +00:00
|
|
|
}
|