Module
TransportDiagram/styles.css
From Dogcraft Wiki
/* Transport Diagram styles */
.transport-diagram {
display: flex;
flex-direction: column;
border: 1px solid #aaa;
border-radius: 10px;
background-color: #E9EDEF;
float: right;
clear: right;
width: 27.5em;
font-size: 88%;
line-height: 1.5em;
padding: 0.5em;
}
.transport-diagram-title {
font-size: 1.5em;
margin-bottom: 0.4em;
justify-content: center;
text-align: center;
font-weight: bold;
}
.track-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
width: 64px;
margin-left: 5px;
margin-right: 5px;
}
.track img {
margin: 0;
height: 30px;
width: 30px;
}
.diagram-row {
display: flex;
flex-direction: row;
justify-content: center;
}
.station {
display: flex;
align-items: center;
white-space: nowrap;
width: 36%;
}
.station-left {
text-align: right;
justify-content: flex-end;
}
.station-right {
text-align: left;
}
This page was last modified on 4 October 2022, at 12:25. (2 years ago)