틀:청광권 광역전철/styles.css

@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;
    }
}