CSS cleanup

README.md

@@ -207,20 +207,17 @@ In Leipzig the tram lines 2, 8 and 9 use a yellow color. Since the lines share t
 .str2, .str8, .str9 {
   background-color: #f8c623;  /* yellow background */
   color: black;               /* text color black */
-  width: 1em;                 /* the width is equal to the font size (the line symbol will be a square) */
 }
 ```
 <!-- prettier-ignore-end -->
 
-Some night buses in Leipzig use an orange-ish color. All bus symbols are circles in Leipzig.
+Some night buses in Leipzig use an orange-ish color.
 
 <!-- prettier-ignore-start -->
 ```css
 .busn1, .busn1e, .busn5, .busn5e, .busn8, .busn8e {
   background-color: #ee9f2e;  /* orange-ish background */
-  border-radius: 1em;         /* border radius is the same as the width so a circle will appear */
   color: #164585;             /* blue-ish text color */
-  width: 1em;                 /* the width is equal to the font size (the line symbol will be a square, or in this case a circle) */
 }
 ```
 <!-- prettier-ignore-end -->

css/berlin-lines.css

@@ -5,13 +5,12 @@
 
 /*
   Bus lines share the same background color and a white text color.
-  The border radius is slightly bigger than the font size. This will result
-  in nice round corners.
+  The border radius is pulled from the styles.css of MMM-PublicTransportHafas/css.
+  This will result in nice round corners.
  */
 
 .bus {
   background-color: #981e7b;
-  border-radius: 1em;
 }
 
 /*
@@ -22,60 +21,54 @@
   Source: https://en.wikipedia.org/wiki/Berlin_S-Bahn#Routes
   */
 
+.s {
+  border-radius: 1.25rem;
+}
+
 .s1 {
   background-color: #d96ea2;
-  border-radius: 1.25rem;
 }
 
 .s2,
 .s25,
 .s26 {
   background-color: #127734;
-  border-radius: 1.25rem;
 }
 
 .s3 {
   background-color: #0167ad;
-  border-radius: 1.25rem;
 }
 
 .s41 {
   background-color: #ad5a37;
-  border-radius: 1.25rem;
 }
 
 .s42 {
   background-color: #cb651d;
-  border-radius: 1.25rem;
 }
 
 .s45,
 .s46,
 .s47 {
   background-color: #127734;
-  border-radius: 1.25rem;
 }
 
 .s5 {
   background-color: #ea7619;
-  border-radius: 1.25rem;
 }
 
 .s7,
 .s75 {
   background-color: #816fa5;
-  border-radius: 1.25rem;
 }
 
 .s8,
 .s85 {
   background-color: #6aaa28;
-  border-radius: 1.25rem;
 }
 
 .s9 {
   background-color: #992644;
-  border-radius: 1.25rem;
 }
 
 /*

css/leipzig-lines.css

@@ -62,8 +62,7 @@
 }
 
 /*
-  Bus symbols should be displayed as a circle. That’s why the width and the
-  border-radius are both 1em.
+  Bus lines
  */
 .bus65,
 .bus70,
@@ -78,7 +77,6 @@
 .bus89,
 .bus90 {
   background-color: #912a7d;
-  border-radius: 1em;
 }
 
 .bus61,
@@ -125,7 +123,6 @@
 .bus724,
 .bus743 {
   background-color: #a3a3a2;
-  border-radius: 1em;
 }
 
 .busn1,
@@ -135,7 +132,6 @@
 .busn8,
 .busn8e {
   background-color: #ee9f2e;
-  border-radius: 1em;
   color: #164585;
 }
 
@@ -144,7 +140,6 @@
 .busn7,
 .busn7e {
   background-color: #fbde89;
-  border-radius: 1em;
   color: #164585;
 }
 
@@ -157,6 +152,5 @@
 .busn9,
 .busn9e {
   background-color: #fcd120;
-  border-radius: 1em;
   color: #164585;
 }

css/munich-lines.css

@@ -146,7 +146,6 @@
 */
 .bus {
   background-color: #d0672f;
-  border-radius: 1em;
 }
 
 /*
@@ -155,5 +154,5 @@
 div[class^="x"],
 div[class*=" x"] {
   background-color: #779986;
-  border-radius: 1em;
+  border-radius: 1rem;
 }

css/nuernberg-lines.css

@@ -87,7 +87,6 @@
 */
 .bus {
   background-color: #e3000f;
-  border-radius: 1em;
 }
 
 /*