Vrienden Universe

MediaWiki:Common.css: Difference between revisions

← Older editNewer edit →

Walter61 (talk | contribs)

4 user groups
2,557 edits
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 490: Line 490:
     }
     }


    /* For Automatic/OS dark preference */
/* For Automatic/OS dark preference – general navboxes + custom SS override */
    @media (prefers-color-scheme: dark) {
        html.skin-theme-clientpref-os .navbox,
        html.skin-theme-clientpref-os .navbox-subgroup,
        html.skin-theme-clientpref-os .navbox th,
        html.skin-theme-clientpref-os .navbox td {
            background-color: #1e1e1e !important;
            color: #d0d0d0 !important;
            border-color: #444 !important;
        }
        html.skin-theme-clientpref-os .navbox-title,
        html.skin-theme-clientpref-os .navbox-abovebelow,
        html.skin-theme-clientpref-os .navbox th[scope="col"],
        html.skin-theme-clientpref-os .navbox .navbox-title,
        html.skin-theme-clientpref-os .navbox .navbox-group {
            background-color: #1B223D !important;
            color: #e0f0ff !important;
            border-color: #3a506b !important;
        }
        html.skin-theme-clientpref-os .navbox .navbox-group {
            background-color: #1B223D !important;
        }
        html.skin-theme-clientpref-os .navbox-odd,
        html.skin-theme-clientpref-os .navbox-even {
            background-color: #252525 !important;
        }
    }
}
 
/* Custom override for navbox-ss in dark mode (Automatic/OS preference) */
/* Targets the table and all internal elements more robustly */
@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
     /* Base table match */
     /* Default dark styling for ALL navboxes */
     html.skin-theme-clientpref-os .navbox-ss,
     html.skin-theme-clientpref-os .navbox,
    /* Direct children and cells */
     html.skin-theme-clientpref-os .navbox-subgroup,
    html.skin-theme-clientpref-os .navbox-ss .navbox-title,
     html.skin-theme-clientpref-os .navbox th,
    html.skin-theme-clientpref-os .navbox-ss .navbox-group,
     html.skin-theme-clientpref-os .navbox td {
     html.skin-theme-clientpref-os .navbox-ss .navbox-subgroup,
         background-color: #1e1e1e !important;
     html.skin-theme-clientpref-os .navbox-ss th,
         color: #d0d0d0 !important;
    html.skin-theme-clientpref-os .navbox-ss td,
         border-color: #444 !important;
    /* Nested subgroups (your inner navboxes) */
    html.skin-theme-clientpref-os .navbox-ss table.navbox th,
     html.skin-theme-clientpref-os .navbox-ss table.navbox td {
         background-color: #c48f2d !important;
         color: #000000 !important;
         border-color: #a8741f !important;
     }
     }
 
     html.skin-theme-clientpref-os .navbox-title,
    /* Force titles/headers to be a bit darker gold if needed for contrast */
     html.skin-theme-clientpref-os .navbox-abovebelow,
     html.skin-theme-clientpref-os .navbox-ss .navbox-title,
     html.skin-theme-clientpref-os .navbox th[scope="col"],
     html.skin-theme-clientpref-os .navbox-ss caption,
    html.skin-theme-clientpref-os .navbox .navbox-title,
     html.skin-theme-clientpref-os .navbox-ss th[scope="col"] {
    html.skin-theme-clientpref-os .navbox .navbox-group {
         background-color: #b37c28 !important; /* darker variant of your gold */
         background-color: #1B223D !important;
        color: #e0f0ff !important;
        border-color: #3a506b !important;
     }
     }
 
     html.skin-theme-clientpref-os .navbox .navbox-group {
    /* Group labels (left side) */
         background-color: #1B223D !important;
     html.skin-theme-clientpref-os .navbox-ss .navbox-group {
         background-color: #c48f2d !important;
        color: #000000 !important;
        font-weight: bold;
     }
     }
 
     html.skin-theme-clientpref-os .navbox-odd,
    /* Links readable on gold bg */
     html.skin-theme-clientpref-os .navbox-even {
     html.skin-theme-clientpref-os .navbox-ss a {
         background-color: #252525 !important;
        color: #1e3a8a !important; /* dark blue */
    }
     html.skin-theme-clientpref-os .navbox-ss a.new {
         color: #991b1b !important; /* dark red */
     }
     }
}


/* Ultra-specific override for your custom navbox-ss in Automatic/OS dark mode */
    /* Now OVERRIDE for your specific SS navboxes only (gold theme) */
/* Place this LAST in common.css to win cascade battles */
@media (prefers-color-scheme: dark) {
     html.skin-theme-clientpref-os .navbox-ss,
     html.skin-theme-clientpref-os .navbox-ss,
     html.skin-theme-clientpref-os .navbox-ss .navbox-title,
     html.skin-theme-clientpref-os .navbox-ss .navbox-title,
Line 570: Line 525:
     html.skin-theme-clientpref-os .navbox-ss th,
     html.skin-theme-clientpref-os .navbox-ss th,
     html.skin-theme-clientpref-os .navbox-ss td,
     html.skin-theme-clientpref-os .navbox-ss td,
    /* Cover nested inner navboxes inside your SS one */
     html.skin-theme-clientpref-os .navbox-ss table.navbox th,
     html.skin-theme-clientpref-os .navbox-ss table.navbox th,
     html.skin-theme-clientpref-os .navbox-ss table.navbox td,
     html.skin-theme-clientpref-os .navbox-ss table.navbox td {
    /* Target any inline background survivors */
    html.skin-theme-clientpref-os .navbox-ss [style*="background"],
    html.skin-theme-clientpref-os .navbox-ss [style*="Background"] {
         background-color: #c48f2d !important;
         background-color: #c48f2d !important;
         background: #c48f2d !important;  /* double-up to smash inline styles */
         background: #c48f2d !important;  /* extra to smash any inline styles */
         color: #000000 !important;
         color: #000000 !important;
         border-color: #a8741f !important;
         border-color: #a8741f !important;
     }
     }


     /* Force headers/titles/groups even harder */
     /* Headers/groups in SS navbox – use slightly darker gold for better contrast */
     html.skin-theme-clientpref-os .navbox-ss .navbox-title,
     html.skin-theme-clientpref-os .navbox-ss .navbox-title,
     html.skin-theme-clientpref-os .navbox-ss caption,
     html.skin-theme-clientpref-os .navbox-ss caption,
Line 587: Line 540:
     html.skin-theme-clientpref-os .navbox-ss .navbox-group,
     html.skin-theme-clientpref-os .navbox-ss .navbox-group,
     html.skin-theme-clientpref-os .navbox-ss .navbox-abovebelow {
     html.skin-theme-clientpref-os .navbox-ss .navbox-abovebelow {
         background-color: #b37c28 !important;  /* darker gold for contrast on headers */
         background-color: #b37c28 !important;  /* darker gold variant */
         color: #000000 !important;
         color: #000000 !important;
     }
     }


     /* Nested subgroup fixes (your inner navboxes) */
     /* Make sure nested subgroup groups stay gold */
     html.skin-theme-clientpref-os .navbox-ss .navbox-subgroup .navbox-group,
     html.skin-theme-clientpref-os .navbox-ss .navbox-subgroup .navbox-group {
    html.skin-theme-clientpref-os .navbox-ss .navbox-subgroup th {
         background-color: #c48f2d !important;
         background-color: #c48f2d !important;
         color: #000000 !important;
         color: #000000 !important;
     }
     }


     /* Readable links on gold background */
     /* Links readable on gold bg (dark colors) */
     html.skin-theme-clientpref-os .navbox-ss a:link,
     html.skin-theme-clientpref-os .navbox-ss a:link,
     html.skin-theme-clientpref-os .navbox-ss a:visited {
     html.skin-theme-clientpref-os .navbox-ss a:visited {
         color: #001f3f !important;  /* very dark navy */
         color: #001f3f !important;  /* very dark blue/navy */
     }
     }
     html.skin-theme-clientpref-os .navbox-ss a.new {
     html.skin-theme-clientpref-os .navbox-ss a.new {
         color: #800000 !important;  /* dark red */
         color: #800000 !important;  /* dark red for redlinks */
     }
     }
}
}
        }
Retrieved from "https://vriendenuniverse.org/wiki/MediaWiki:Common.css"