틀:청광권 광역전철/styles.css: 두 판 사이의 차이

2025년 5월 12일 (월) 17:58 기준 최신판

@media (prefers-color-scheme: light) {
    .ln1 { color: #e4007f !important; }
    .ln2 { color: #22ac38 !important; }
    .ln3 { color: #601986 !important; }
    .ln4 { color: #BE1E2D !important; }
    .ln5 { color: #F7941D !important; }
    .ln6 { color: #172A88 !important; }
    .ln7 { color: #2BBAAC !important; }
    .cggy { color: #005bac !important; }
    .erchyl { color: #f15a29 !important; }
    .tbt { color: #726658 !important; }
    .shc { color: #27aae1 !important; }

    .ln1p,
    .ln2p,
   .ln3p,
   .ln4p,
   .ln5p,
   .ln6p,
   .ln7p,
   .cggyp,
   .erchylp,
   .tbtp,
.shcp {
        padding-top: 0 !important;
        border-top: 1px transparent solid !important;
    }

   .ln0p {
        padding-top: 10px !important;
        padding-bottom: 0px !important;
        border-bottom: 1px transparent solid !important;
    }
}

@media (prefers-color-scheme: dark) {
    .ln1, .ln2, .ln3, .ln4, .ln6, .ln7, .cggy, .erchyl, .tbt, .shc {
        color: #ffffff !important;
    }
    .ln5 { color: #000000 !important; }

   .ln1p {
        background-color: #e4007f !important;
        color: #ffffff !important;
        padding: 1.5px !important;
    }

   .ln2p {
        background-color: #22ac38 !important;
        color: #ffffff !important;
        padding: 1.5px !important;
    }

   .ln3p {
        background-color: #601986 !important;
        color: #ffffff !important;
        padding: 1.5px !important;
    }

   .ln4p {
        background-color: #BE1E2D !important;
        color: #ffffff !important;
        padding: 1.5px !important;
    }

   .ln5p {
        background-color: #F7941D !important;
        color: #ffffff !important;
        padding: 1.5px !important;
    }

   .ln6p {
        background-color: #172A88 !important;
        color: #ffffff !important;
        padding: 1.5px !important;
    }

   .ln7p {
        background-color: #2BBAAC !important;
        color: #ffffff !important;
        padding: 1.5px !important;
    }

   .cggyp {
        background-color: #005bac !important;
        color: #ffffff !important;
        padding: 1.5px !important;
    }

   .erchylp {
        background-color: #f15a29 !important;
        color: #ffffff !important;
        padding: 1.5px !important;
    }

   .tbtp {
        background-color: #726658 !important;
        color: #ffffff !important;
        padding: 1.5px !important;
    }

   .ln0p {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

.shcp {
        background-color: #27aae1 !important;
        color: #ffffff !important;
        padding: 1.5px !important;
    }
}

@@ 9번째 줄: / 9번째 줄: @@
      .cggy { color: #005bac !important; }
      .erchyl { color: #f15a29 !important; }
-     .tbt { color: #760000 !important; }
+     .tbt { color: #726658 !important; }
+    .shc { color: #27aae1 !important; }
-     td > .ln1,
+     .ln1p,
-     td > .ln2,
+     .ln2p,
-    td > .ln3,
+   .ln3p,
-    td > .ln4,
+   .ln4p,
-    td > .ln5,
+   .ln5p,
-    td > .ln6,
+   .ln6p,
-    td > .ln7,
+   .ln7p,
-    td > .cggy,
+   .cggyp,
-    td > .erchyl,
+   .erchylp,
-    td > .tbt {
+   .tbtp,
+.shcp {
          padding-top: 0 !important;
          border-top: 1px transparent solid !important;
      }
-    td > .ln0 {
+   .ln0p {
          padding-top: 10px !important;
          padding-bottom: 0px !important;
@@ 33번째 줄: / 35번째 줄: @@
 @media (prefers-color-scheme: dark) {
-     .ln1, .ln2, .ln3, .ln4, .ln6, .ln7, .cggy, .erchyl, .tbt {
+     .ln1, .ln2, .ln3, .ln4, .ln6, .ln7, .cggy, .erchyl, .tbt, .shc {
          color: #ffffff !important;
      }
      .ln5 { color: #000000 !important; }
-    td > .ln1 {
+   .ln1p {
          background-color: #e4007f !important;
          color: #ffffff !important;
@@ 44번째 줄: / 46번째 줄: @@
      }
-    td > .ln2 {
+   .ln2p {
          background-color: #22ac38 !important;
          color: #ffffff !important;
@@ 50번째 줄: / 52번째 줄: @@
      }
-    td > .ln3 {
+   .ln3p {
          background-color: #601986 !important;
          color: #ffffff !important;
@@ 56번째 줄: / 58번째 줄: @@
      }
-    td > .ln4 {
+   .ln4p {
          background-color: #BE1E2D !important;
          color: #ffffff !important;
@@ 62번째 줄: / 64번째 줄: @@
      }
-    td > .ln5 {
+   .ln5p {
          background-color: #F7941D !important;
          color: #ffffff !important;
@@ 68번째 줄: / 70번째 줄: @@
      }
-    td > .ln6 {
+   .ln6p {
          background-color: #172A88 !important;
          color: #ffffff !important;
@@ 74번째 줄: / 76번째 줄: @@
      }
-    td > .ln7 {
+   .ln7p {
          background-color: #2BBAAC !important;
          color: #ffffff !important;
@@ 80번째 줄: / 82번째 줄: @@
      }
-    td > .cggy {
+   .cggyp {
          background-color: #005bac !important;
          color: #ffffff !important;
@@ 86번째 줄: / 88번째 줄: @@
      }
-    td > .erchyl {
+   .erchylp {
          background-color: #f15a29 !important;
          color: #ffffff !important;
@@ 92번째 줄: / 94번째 줄: @@
      }
-    td > .tbt {
+   .tbtp {
-         background-color: #760000 !important;
+         background-color: #726658 !important;
          color: #ffffff !important;
          padding: 1.5px !important;
      }
-    td > .ln0 {
+   .ln0p {
          padding-top: 10px !important;
          padding-bottom: 10px !important;
+    }
+.shcp {
+        background-color: #27aae1 !important;
+        color: #ffffff !important;
+        padding: 1.5px !important;
      }
 }