KaiOS webapp for InfoFer scraper
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

106 lines
1.4 KiB

2 years ago
.early {
color: green;
}
.late {
color: red;
}
.station {
color: black;
}
.rsk {
cursor: pointer;
}
#comp-date {
display: flex;
justify-content: space-between;
}
2 years ago
#company {
text-align: start;
}
#date {
text-align: end;
2 years ago
}
.stationItem {
display: grid;
grid-template-columns: 1fr auto 1fr;
2 years ago
grid-template-rows: auto;
grid-template-areas:
"arr name dep"
"arr km dep"
2 years ago
"arr platform dep"
"arr notes dep";
2 years ago
padding: 4px 0;
page-break-inside: avoid;
2 years ago
}
.stationItem:nth-of-type(even) {
background-color: #fafafa;
}
2 years ago
.stationItem .name {
text-align: center;
grid-area: name;
}
.stationItem .arrival {
text-align: start;
grid-area: arr;
align-items: flex-start;
}
.stationItem .departure {
text-align: end;
grid-area: dep;
align-items: flex-end;
}
2 years ago
.stationItem .arrival, .stationItem .departure {
2 years ago
align-self: center;
display: flex;
flex-direction: column;
}
.stationItem .arrival .original, .stationItem .departure .original {
color: #a0a0a0;
text-decoration: line-through;
}
.stationItem .arrival .not-real, .stationItem .departure .not-real {
font-style: italic;
}
.stationItem .km {
text-align: center;
grid-area: km;
}
.stationItem .platform {
text-align: center;
grid-area: platform;
}
2 years ago
.stationItem .notes {
grid-area: notes;
}
.stationItem .note {
text-align: center;
}
.last-refreshed {
font-size: 12px;
text-transform: none;
}