Template:Infobox styles.css: Difference between revisions
Add per-type infobox title colors and type badge styles for CRT model (purple), AV device (blue), Accessory (copper), Part (slate). Includes light, night, and OS dark mode variants. Also adds per-type Edit button colors. (via update-page on MediaWiki MCP Server) |
Fix red links turning blue in dark mode — exclude .new links from blue color override and add explicit red link styling (via update-page on MediaWiki MCP Server) |
||
| (One intermediate revision by the same user not shown) | |||
| Line 54: | Line 54: | ||
letter-spacing: 0.05em; | letter-spacing: 0.05em; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
} | |||
/* Badge link styling — links must inherit badge text color */ | |||
.infobox-type-badge a, | |||
.infobox-type-badge a:visited { | |||
color: rgba(255, 255, 255, 0.9) !important; | |||
text-decoration: none; | |||
} | |||
.infobox-type-badge a:hover { | |||
text-decoration: underline; | |||
} | } | ||
| Line 342: | Line 353: | ||
background-color: #687382; | background-color: #687382; | ||
color: rgba(255, 255, 255, 0.85); | color: rgba(255, 255, 255, 0.85); | ||
} | |||
/* Badge link styling - night mode */ | |||
html.skin-theme-clientpref-night .infobox-type-badge a, | |||
html.skin-theme-clientpref-night .infobox-type-badge a:visited { | |||
color: rgba(255, 255, 255, 0.85) !important; | |||
} | } | ||
| Line 433: | Line 450: | ||
} | } | ||
html.skin-theme-clientpref-night .infobox-crt-model a, | /* Infobox link colors - night mode (exclude red links) */ | ||
html.skin-theme-clientpref-night .infobox-av-device a, | html.skin-theme-clientpref-night .infobox-crt-model a:not(.new), | ||
html.skin-theme-clientpref-night .infobox-accessory a, | html.skin-theme-clientpref-night .infobox-av-device a:not(.new), | ||
html.skin-theme-clientpref-night .infobox-part a, | html.skin-theme-clientpref-night .infobox-accessory a:not(.new), | ||
html.skin-theme-clientpref-night .infobox-non-crt a { | html.skin-theme-clientpref-night .infobox-part a:not(.new), | ||
html.skin-theme-clientpref-night .infobox-non-crt a:not(.new) { | |||
color: #89b4fa; | color: #89b4fa; | ||
} | } | ||
html.skin-theme-clientpref-night .infobox-crt-model a:visited, | html.skin-theme-clientpref-night .infobox-crt-model a:visited:not(.new), | ||
html.skin-theme-clientpref-night .infobox-av-device a:visited, | html.skin-theme-clientpref-night .infobox-av-device a:visited:not(.new), | ||
html.skin-theme-clientpref-night .infobox-accessory a:visited, | html.skin-theme-clientpref-night .infobox-accessory a:visited:not(.new), | ||
html.skin-theme-clientpref-night .infobox-part a:visited, | html.skin-theme-clientpref-night .infobox-part a:visited:not(.new), | ||
html.skin-theme-clientpref-night .infobox-non-crt a:visited { | html.skin-theme-clientpref-night .infobox-non-crt a:visited:not(.new) { | ||
color: #cba6f7; | color: #cba6f7; | ||
} | |||
/* Red links (non-existent pages) - night mode */ | |||
html.skin-theme-clientpref-night .infobox-crt-model a.new, | |||
html.skin-theme-clientpref-night .infobox-av-device a.new, | |||
html.skin-theme-clientpref-night .infobox-accessory a.new, | |||
html.skin-theme-clientpref-night .infobox-part a.new, | |||
html.skin-theme-clientpref-night .infobox-non-crt a.new { | |||
color: #f38ba8 !important; | |||
} | } | ||
| Line 574: | Line 601: | ||
background-color: #687382; | background-color: #687382; | ||
color: rgba(255, 255, 255, 0.85); | color: rgba(255, 255, 255, 0.85); | ||
} | |||
/* Badge link styling - OS dark mode */ | |||
html.skin-theme-clientpref-os .infobox-type-badge a, | |||
html.skin-theme-clientpref-os .infobox-type-badge a:visited { | |||
color: rgba(255, 255, 255, 0.85) !important; | |||
} | } | ||
| Line 665: | Line 698: | ||
} | } | ||
html.skin-theme-clientpref-os .infobox-crt-model a, | /* Infobox link colors - OS dark mode (exclude red links) */ | ||
html.skin-theme-clientpref-os .infobox-av-device a, | html.skin-theme-clientpref-os .infobox-crt-model a:not(.new), | ||
html.skin-theme-clientpref-os .infobox-accessory a, | html.skin-theme-clientpref-os .infobox-av-device a:not(.new), | ||
html.skin-theme-clientpref-os .infobox-part a, | html.skin-theme-clientpref-os .infobox-accessory a:not(.new), | ||
html.skin-theme-clientpref-os .infobox-non-crt a { | html.skin-theme-clientpref-os .infobox-part a:not(.new), | ||
html.skin-theme-clientpref-os .infobox-non-crt a:not(.new) { | |||
color: #89b4fa; | color: #89b4fa; | ||
} | } | ||
html.skin-theme-clientpref-os .infobox-crt-model a:visited, | html.skin-theme-clientpref-os .infobox-crt-model a:visited:not(.new), | ||
html.skin-theme-clientpref-os .infobox-av-device a:visited, | html.skin-theme-clientpref-os .infobox-av-device a:visited:not(.new), | ||
html.skin-theme-clientpref-os .infobox-accessory a:visited, | html.skin-theme-clientpref-os .infobox-accessory a:visited:not(.new), | ||
html.skin-theme-clientpref-os .infobox-part a:visited, | html.skin-theme-clientpref-os .infobox-part a:visited:not(.new), | ||
html.skin-theme-clientpref-os .infobox-non-crt a:visited { | html.skin-theme-clientpref-os .infobox-non-crt a:visited:not(.new) { | ||
color: #cba6f7; | color: #cba6f7; | ||
} | |||
/* Red links (non-existent pages) - OS dark mode */ | |||
html.skin-theme-clientpref-os .infobox-crt-model a.new, | |||
html.skin-theme-clientpref-os .infobox-av-device a.new, | |||
html.skin-theme-clientpref-os .infobox-accessory a.new, | |||
html.skin-theme-clientpref-os .infobox-part a.new, | |||
html.skin-theme-clientpref-os .infobox-non-crt a.new { | |||
color: #f38ba8 !important; | |||
} | } | ||
