/*** Stop info board ***************************************************************/ .stopInfoboard { width: 100%; border-spacing: 0; border-collapse: collapse; margin: 0 auto 1em; } @media (min-width:500px) { .stopInfoboard { width: auto; min-width: 30%; max-width: 1000px; } } td { padding: 0.4em 0.1em; text-align: left; } @media (min-width:500px) { td { padding: 0.4em; } } .noLines { font-style: italic; color: #777; } /*** Shared info board styles ******************************************************/ tr.line.even td { background-color: #eee; } tr.line .lineNumber { text-align: right; width: 3em; font-size: 80%; font-weight: bold; } @media (min-width:500px) { tr.line .lineNumber { font-size: 100%; font-weight: normal; } } tr.line .destination { font-size: 85%; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } @media (min-width:500px) { tr.line .destination { font-size: 100%; } } .delay { font-size: 90%; color: #daa; margin-right: 0.5em; text-align: right; } .delay.early { color: #aad; } .delay.canceled { color: #a55; } .departureH { width: 0; text-align: right; padding-right: 0; } .departureSep { width: 0; text-align: center; padding-left: 0; padding-right: 0; } .departureMS { width: 0; padding-left: 0; } @media (min-width:500px) { .departureH { padding-left: 1em; } } .theoretical { font-size: 90%; color: #a00; font-family: sans; } .seconds { font-size: 90%; color: #888; } table .seconds { margin-left: 0.2em; } .disturbance { background: #fff8e0; border: 1px solid #ffd800; max-width: 50em; margin: 0 auto 1em; padding: 0.2em 0.4em; } .disturbance ul, .disturbance li, .disturbance p { margin: 0; margin-top: 0.4em; padding: 0; list-style: none; } .disturbance li:first-child, .disturbance p:first-child { margin-top: 0.4em; } .disturbance h3, .disturbance h4 { margin: 0; font-size: 100%; } .disturbance h3 { margin: -0.2em -0.4em 0; padding: 0.2em 0.4em; background: #fff0a0; border-bottom: 1px solid #ffd800; } .disturbance p.affectedLines { font-size: 70%; margin-bottom: 1em; } .affectedLines .line-nr { padding: 0 0.05em; } tr.canceled.line.even td { background: #edd; } tr.canceled.line.odd td { background: #fee; }