blob: 76103da1ab03b01fe9c901490765106a13019ddb [file] [log] [blame]
body {
background: black;
color: white;
font-family: "Arial", sans-serif;
font-weight: bold;
margin: 0;
}
#container {
width: 100%;
}
body.view-new #trains {
max-width: 680px;
}
body.view-old #trains {
width: 100%;
}
.train {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
margin: 16px;
/*margin-bottom: 5vh;*/
}
body.view-new .train {
margin-bottom: 64px;
}
.train * {
align-self: center;
}
.train .logo {
text-align: center;
}
body.view-old .train .logo {
padding: 8px;
margin-right: 16px;
line-height: 92px;
width: 92px;
height: 92px;
}
body.view-new .train .logo {
padding: 2px;
margin: 8px 12px 8px 0;
line-height: 88vh;
width: 88vh;
height: 88vh;
}
.train .destination {
flex-grow: 1;
}
body.view-old .train .destination {
font-size: 54px;
margin-left: 16px;
}
body.view-new .train .destination {
font-size: 44px;
margin-bottom: 24px;
}
.train .time {
min-width: 154px;
margin: 0 16px;
font-size: 52px;
text-align: left;
}