css/leipzig-lines.css
/*
This stylesheet contains the css classes needed to colorize the line
labels in the display.
To customize this use as class name the name of the line without any
blanks and all lower case. For instance "Bus N9" becomes ".busn9"
*/
/*
All suburban lines share the same settings so they are listed with commas
separating them.
The border radius is slightly bigger than the font size. This will result
in nice round corners.
*/
.s1, .s2, .s3, .s4, .s5, .s5x, .s6 {
background-color: #1E944B;
border-radius: 1.25rem;
color: white;
width: 2em;
}
/*
The tram lines 1, 3 and 3e use all a green background color and a white
text color. The width of the line symbol is equal to the font size. This
will result in a square symbol.
*/
.str1, .str3, .str3e {
background-color: #5EB246;
color: white;
width: 1em;
}
.str2, .str8, .str9 {
background-color: #F8C623;
color: black;
width: 1em;
}
.str14 {
background-color: #00A8DB;
color: black;
width: 1em;
}
.str4, .str7, .str12, .str15 {
background-color: #174489;
color: white;
width: 1em;
}
.str10, .str11, .str16, .str51, .str56 {
background-color: #D8232A;
color: white;
width: 1em;
}
/*
Bus symbols should be displayed as a circle. That’s why the width and the
border-radius are both 1em.
*/
.bus65,
.bus70, .bus72, .bus73, .bus73e, .bus74, .bus74e,
.bus80, .bus81, .bus82, .bus89,
.bus90 {
background-color: #912A7D;
border-radius: 1em;
color: white;
width: 1em;
}
.bus61, .bus63,
.bus75, .bus79,
.bus83, .bus86, .bus87, .bus88,
.bus91, .bus91e,
.bus100, .bus105, .bus106, .bus107, .bus108,
.bus120, .bus130, .bus131, .bus135, .bus141, .bus145,
.bus161, .bus163, .bus164, .bus165,
.bus172, .bus175, .bus176,
.bus190, .bus191, .bus192, .bus195, .bus196, .bus197,
.bus202, .bus207, .bus215,
.bus412,
.bus645, .bus690, .bus691,
.bus724, .bus743 {
background-color: #A3A3A2;
border-radius: 1em;
color: white;
width: 1em;
}
.busn1, .busn1e, .busn5, .busn5e, .busn8, .busn8e {
background-color: #EE9F2E;
border-radius: 1em;
color: #164585;
width: 1em;
}
.busn2, .busn2e, .busn7, .busn7e {
background-color: #FBDE89;
border-radius: 1em;
color: #164585;
width: 1em;
}
.busn3, .busn3e, .busn4, .busn4e, .busn6, .busn6e, .busn9, .busn9e {
background-color: #FCD120;
border-radius: 1em;
color: #164585;
width: 1em;
}