MediaWiki:Common.css: Difference between revisions

Latest revision as of 23:51, 24 April 2026

#siteSub,
#siteSub.noprint {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ── RailRosterDB nav list styling ── */
.rosterdb-navlist {
    margin: 0.5em 0 1.5em;
    border: 1px solid #a2a9b1;
    border-radius: 3px;
    overflow: hidden;
}
.rosterdb-navlist dl { margin: 0; padding: 0; }
.rosterdb-navgroup { border-bottom: 1px solid #a2a9b1; }
.rosterdb-navgroup:last-child { border-bottom: none; }
.rosterdb-navlist dt {
    display: flex; align-items: center; gap: 8px;
    padding: 6px 10px; font-weight: bold; font-size: 0.95em;
    color: #ffffff; user-select: none; cursor: pointer;
}
.rosterdb-navlist dt a { color: #ffffff !important; text-decoration: none; }
.rosterdb-navlist dt a:hover { text-decoration: underline; }
.rosterdb-arrow { font-size: 0.75em; flex-shrink: 0; }
.rosterdb-navgroup.rosterdb-collapsed dd { display: none; }
.rosterdb-navgroup.rosterdb-collapsed .rosterdb-subgroup { display: none; }

/* ── Per-category colors (Loco Category pages) ── */
body.page-Steam_Locomotives .rosterdb-navlist dt { background: #6B1E2A !important; }
body.page-Steam_Locomotives .rosterdb-navlist dd { background: #F5E6E8; color: #3a0f16; }
body.page-Diesel_Locomotives .rosterdb-navlist dt { background: #4A4A4A !important; }
body.page-Diesel_Locomotives .rosterdb-navlist dd { background: #F0F0F0; color: #2a2a2a; }
body.page-Electric_Locomotives .rosterdb-navlist dt { background: #8B6914 !important; }
body.page-Electric_Locomotives .rosterdb-navlist dd { background: #FDF6D8; color: #4a3800; }
body.page-Cab_Car .rosterdb-navlist dt { background: #8B6914 !important; }
body.page-Cab_Car .rosterdb-navlist dd { background: #FDF6D8; color: #4a3800; }
body.page-Other_Locomotives .rosterdb-navlist dt { background: #1E2B7A !important; }
body.page-Other_Locomotives .rosterdb-navlist dd { background: #D0D5F0; color: #0d1440; }

/* ── Road Name pages — Level 1 (Loco Category header) ── */
.rosterdb-roadname dt { background: #1E2B7A; }

/* ── Level 2: sub-headers (default — Road Name pages) ── */
.rosterdb-subgroup { border-top: 1px solid rgba(0,0,0,0.08); }
.rosterdb-subgroup-header {
    display: flex; align-items: center; gap: 6px;
    padding: 5px 10px 5px 28px;
    font-size: 0.92em; font-weight: bold;
    background: #e8eaf6; color: #1E2B7A; cursor: pointer;
    border-left: 3px solid #1E2B7A;
}
.rosterdb-subgroup-header a { color: #1E2B7A; text-decoration: none; }
.rosterdb-subgroup-header a:hover { text-decoration: underline; }
.rosterdb-subgroup.rosterdb-collapsed > dl { display: none; }
.rosterdb-subgroup.rosterdb-collapsed > .rosterdb-subgroup2 { display: none; }

/* ── Level 3: sub-sub-headers (default — Road Name pages) ── */
.rosterdb-subgroup2 { border-top: 1px solid rgba(0,0,0,0.06); }
.rosterdb-subgroup2-header {
    display: flex; align-items: center; gap: 6px;
    padding: 4px 10px 4px 44px;
    font-size: 0.9em; font-weight: normal;
    background: #f8f9fa; color: #54595d; cursor: pointer;
    border-left: 2px solid #a2a9b1;
}
.rosterdb-subgroup2-header a { color: #54595d; text-decoration: none; }
.rosterdb-subgroup2-header a:hover { text-decoration: underline; }
.rosterdb-subgroup2.rosterdb-collapsed > dl { display: none; }

/* ── Level 4: Individual products ── */
.rosterdb-subgroup2 > dl { margin: 0; padding: 0; }
.rosterdb-subgroup2 > dl > dd {
    margin: 0; padding: 3px 10px 3px 60px;
    font-size: 0.9em; font-weight: normal;
    background: #ffffff;
    border-top: 1px solid rgba(0,0,0,0.04); color: #54595d;
}
.rosterdb-subgroup2 > dl > dd a { color: #3366cc; font-weight: normal; }

/* ── Loco Type pages — nav list colors ── */
/* Steam */
.rosterdb-navlist.rosterdb-cat-steam dt { background: #6B1E2A !important; }
.rosterdb-navlist.rosterdb-cat-steam .rosterdb-subgroup-header { background: #f8eef0 !important; color: #8B3A47 !important; border-left-color: #6B1E2A !important; }
.rosterdb-navlist.rosterdb-cat-steam .rosterdb-subgroup2-header { background: #ffffff !important; color: #444 !important; border-left-color: #c8a0a6 !important; }
.rosterdb-navlist.rosterdb-cat-steam .rosterdb-subgroup2 > dl > dd { background: #ffffff; }

/* Diesel */
.rosterdb-navlist.rosterdb-cat-diesel dt { background: #4A4A4A !important; }
.rosterdb-navlist.rosterdb-cat-diesel .rosterdb-subgroup-header { background: #efefef !important; color: #333 !important; border-left-color: #4A4A4A !important; }
.rosterdb-navlist.rosterdb-cat-diesel .rosterdb-subgroup2-header { background: #ffffff !important; color: #444 !important; border-left-color: #a0a0a0 !important; }
.rosterdb-navlist.rosterdb-cat-diesel .rosterdb-subgroup2 > dl > dd { background: #ffffff; }

/* Electric / Cab Car */
.rosterdb-navlist.rosterdb-cat-electric dt { background: #8B6914 !important; }
.rosterdb-navlist.rosterdb-cat-electric .rosterdb-subgroup-header { background: #fdf3d8 !important; color: #5a4400 !important; border-left-color: #8B6914 !important; }
.rosterdb-navlist.rosterdb-cat-electric .rosterdb-subgroup2-header { background: #ffffff !important; color: #444 !important; border-left-color: #c4a455 !important; }
.rosterdb-navlist.rosterdb-cat-electric .rosterdb-subgroup2 > dl > dd { background: #ffffff; }

/* Other */
.rosterdb-navlist.rosterdb-cat-other dt { background: #1E2B7A !important; }
.rosterdb-navlist.rosterdb-cat-other .rosterdb-subgroup-header { background: #e8eaf6 !important; color: #1E2B7A !important; border-left-color: #1E2B7A !important; }
.rosterdb-navlist.rosterdb-cat-other .rosterdb-subgroup2-header { background: #ffffff !important; color: #444 !important; border-left-color: #8890c8 !important; }
.rosterdb-navlist.rosterdb-cat-other .rosterdb-subgroup2 > dl > dd { background: #ffffff; }

/* ── Proto Manufacturer pages ── */
.rosterdb-navlist.rosterdb-protomfg dt { background: #4A4A4A !important; }
.rosterdb-navlist.rosterdb-protomfg .rosterdb-subgroup-header { background: #efefef !important; color: #333 !important; border-left-color: #4A4A4A !important; }
.rosterdb-navlist.rosterdb-protomfg .rosterdb-subgroup2-header { background: #ffffff !important; color: #444 !important; border-left-color: #a0a0a0 !important; }
.rosterdb-navlist.rosterdb-protomfg .rosterdb-subgroup2 > dl > dd { background: #ffffff; }