Template:Infobox styles.css: Difference between revisions
Add mobile-responsive styles for infoboxes to be full-width on narrow screens (via update-page on MediaWiki MCP Server) |
Add TBC entry styles (light, dark, OS dark) for the new Time Base Correction infobox section (via update-page on MediaWiki MCP Server) |
||
| Line 67: | Line 67: | ||
.mod-not-feasible { | .mod-not-feasible { | ||
color: #cc3333; | color: #cc3333; | ||
} | |||
/* ===== TBC ENTRY STYLES ===== */ | |||
.infobox-tbc-entry { | |||
margin-bottom: 0.5em; | |||
padding: 0.4em 0.6em; | |||
background-color: #f5f5fa; | |||
border-left: 3px solid #6c5ce7; | |||
border-radius: 2px; | |||
} | |||
.infobox-tbc-entry:last-child { | |||
margin-bottom: 0; | |||
} | |||
.infobox-tbc-type { | |||
font-weight: bold; | |||
color: #333333; | |||
} | |||
.infobox-tbc-detail { | |||
font-size: 0.92em; | |||
color: #444444; | |||
margin-top: 0.1em; | |||
} | |||
.infobox-tbc-notes { | |||
font-size: 0.85em; | |||
color: #666666; | |||
margin-top: 0.2em; | |||
line-height: 1.35; | |||
} | } | ||
| Line 196: | Line 228: | ||
html.skin-theme-clientpref-night .infobox-av-device a:visited { | html.skin-theme-clientpref-night .infobox-av-device a:visited { | ||
color: #cba6f7; | color: #cba6f7; | ||
} | |||
/* TBC entry dark mode */ | |||
html.skin-theme-clientpref-night .infobox-tbc-entry { | |||
background-color: #313244; | |||
border-left-color: #7c6cf7; | |||
} | |||
html.skin-theme-clientpref-night .infobox-tbc-type { | |||
color: #cdd6f4; | |||
} | |||
html.skin-theme-clientpref-night .infobox-tbc-detail { | |||
color: #bac2de; | |||
} | |||
html.skin-theme-clientpref-night .infobox-tbc-notes { | |||
color: #a6adc8; | |||
} | } | ||
| Line 315: | Line 365: | ||
html.skin-theme-clientpref-os .infobox-av-device a:visited { | html.skin-theme-clientpref-os .infobox-av-device a:visited { | ||
color: #cba6f7; | color: #cba6f7; | ||
} | |||
/* TBC entry OS dark mode */ | |||
html.skin-theme-clientpref-os .infobox-tbc-entry { | |||
background-color: #313244; | |||
border-left-color: #7c6cf7; | |||
} | |||
html.skin-theme-clientpref-os .infobox-tbc-type { | |||
color: #cdd6f4; | |||
} | |||
html.skin-theme-clientpref-os .infobox-tbc-detail { | |||
color: #bac2de; | |||
} | |||
html.skin-theme-clientpref-os .infobox-tbc-notes { | |||
color: #a6adc8; | |||
} | } | ||
