raywo/MMM-PublicTransportHafas

View on GitHub
css/leipzig-lines.css

Summary

Maintainability
Test Coverage
/*
  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;
}