|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210 |
- /*
- All classes used by this module use the prefix "pth" (PublicTransportHafas) to separate
- them from the rest of the interface.
- */
-
- .pthWrapper {
- position: relative;
- }
-
- .pthTable {
- border-collapse: collapse;
- border-spacing: 1px;
- display: table;
- }
-
- .pthTable>thead {
- text-align: left;
- }
-
- .pthTable td {
- vertical-align: middle;
- }
-
- .pthTimeCell {
- text-align: left;
- }
-
- .pthCanceled {
- text-decoration: line-through;
- }
-
- .pthDirectionCell {
- max-width: 24ch;
- min-width: 16ch;
- overflow: hidden;
- padding-left: 1ch;
- padding-right: 1ch;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
-
- .pthPlatformCell {
- padding-left: 1ch;
- padding-right: 1ch;
- }
-
- .pthRulerCell {
- border-bottom: 1px dotted #666;
- border-spacing: 10px;
- line-height: 0;
- }
-
- .pthTextLeft {
- text-align: left;
- }
-
- .pthTextRight {
- text-align: right;
- }
-
- .pthTextCenter {
- text-align: center;
- }
-
- .pthDelay {
- font-size: 0.8em;
- font-weight: bolder;
- }
-
- .pthHasDelay {
- color: red;
- }
-
- .pthIsTooEarly {
- color: green;
- }
-
- .pthMarquee {
- box-sizing: border-box;
- margin: 0 auto;
- overflow: hidden;
- text-align: left;
- white-space: nowrap;
- }
-
- .pthMarquee span {
- animation: pthMarquee 3s linear infinite alternate;
- display: inline-block;
- white-space: nowrap;
- }
-
- @keyframes pthMarquee {
- /* Two keyframe positions each to generate a little delay between animations. */
- 0%, 30% {
- transform: translate(0%, 0);
- }
- 95%, 100% {
- transform: translate(-35%, 0);
- }
- }
-
-
- /* Styles for line symbols. */
- .pthSign {
- background-color: #333333;
- color: #666666;
- min-width: 2.5ch;
- font-size: 0.9em;
- font-weight: bold;
- margin: 0.2rem auto;
- padding: 0 0.3rem;
- position: relative;
- text-align: center;
- }
-
- .pthBWLineSign {
- background-color: #333333;
- color: #666666;
- margin-right: 0.3em;
- }
-
-
- /* Default properties for Deutsche Bahn products. */
- .pthDbStandard {
- border-radius: 0.25rem;
- font-size: 0.8em;
- }
-
- .ice, .ic {
- background-color: white;
- border-bottom: 4px #F01414 solid;
- color: #F01414;
- }
-
- .rb, .re {
- background-color: rgb(31, 131, 50);
- border: 0.5px white solid;
- color: white;
- }
-
- .s {
- background-color: rgb(0, 111, 53);
- border: 0.5px white solid;
- color: white;
- width: max-content;
- }
-
-
- /* Default properties for busses (general) and obusses (SVV) */
- .bus, .obus {
- border-radius: 1em;
- background-color: rgb(122, 32, 106);
- color: white;
- width: max-content;
- }
-
-
- /* Default properties for "Rufbusse" */
- .ruf:before {
- content: "☎ ";
- color: white;
- font-size: 0.8em;
- }
- .ruf {
- border-radius: 1rem;
- background-color: rgb(122, 32, 106);
- color: white;
- width: max-content;
- }
-
-
- /* Default properties for trams */
- .str, .stb {
- background-color: rgb(255, 0, 0);
- color: white;
- width: max-content;
- }
-
-
- /* Default properties for subways */
- .u {
- background-color: rgb(0, 101, 173);
- color: white;
- width: max-content;
- }
-
-
- .iceWithProductName:before {
- content: "ICE ";
- }
-
- .icWithProductName:before {
- content: "IC ";
- }
-
- .reWithProductName:before {
- content: "RE ";
- }
-
- .rbWithProductName:before {
- content: "RB ";
- }
-
- .sWithProductName:before {
- content: "S";
- }
-
- .uWithProductName:before {
- content: "U";
- }
|