https://wiki.everycrt.com/index.php?action=history&feed=atom&title=Template%3ARemote_control%2Fstyles.css 2026-08-02T03:27:44Z Revision history for this page on the wiki MediaWiki 1.43.6 https://wiki.everycrt.com/index.php?title=Template:Remote_control/styles.css&diff=674&oldid=prev 2025-12-28T00:24:26Z

<p>Created page with &quot;<span class="autocomment">========================================================================== Remote Control Infobox - Base Styles (Light Mode) ==========================================================================: </span> .infobox-remote-control { border: 1px solid #a2a9b1; background: #f8f9fa; } .infobox-remote-control .infobox-section-header { background: #e0e0e0; color: #202122; } .infobox-remote-control .infobox-label { color: #202122; } .infobox-remote...&quot;</p> <p><b>New page</b></p><div>/* ==========================================================================<br /> Remote Control Infobox - Base Styles (Light Mode)<br /> ========================================================================== */<br /> <br /> .infobox-remote-control {<br /> border: 1px solid #a2a9b1;<br /> background: #f8f9fa;<br /> }<br /> <br /> .infobox-remote-control .infobox-section-header {<br /> background: #e0e0e0;<br /> color: #202122;<br /> }<br /> <br /> .infobox-remote-control .infobox-label {<br /> color: #202122;<br /> }<br /> <br /> .infobox-remote-control .infobox-value {<br /> color: #202122;<br /> }<br /> <br /> .infobox-remote-control .infobox-title {<br /> color: #202122;<br /> }<br /> <br /> /* Button base styles */<br /> .infobox-button {<br /> display: inline-block;<br /> padding: 0.5rem 1rem;<br /> border-radius: 0.375rem;<br /> font-size: 0.875rem;<br /> font-weight: 500;<br /> text-decoration: none;<br /> cursor: pointer;<br /> }<br /> <br /> /* Primary button (Edit this data) - light mode */<br /> .infobox-button-primary {<br /> background-color: #2563eb;<br /> color: #ffffff;<br /> border: 1px solid #2563eb;<br /> }<br /> <br /> /* ==========================================================================<br /> Night Mode Styles<br /> ========================================================================== */<br /> <br /> html.skin-theme-clientpref-night .infobox-remote-control {<br /> border-color: #72777d;<br /> background: #27292d;<br /> }<br /> <br /> html.skin-theme-clientpref-night .infobox-remote-control .infobox-section-header {<br /> background: #3c3f44;<br /> color: #f8f9fa;<br /> }<br /> <br /> html.skin-theme-clientpref-night .infobox-remote-control .infobox-label {<br /> color: #f8f9fa;<br /> }<br /> <br /> html.skin-theme-clientpref-night .infobox-remote-control .infobox-value {<br /> color: #eaecf0;<br /> }<br /> <br /> html.skin-theme-clientpref-night .infobox-remote-control .infobox-title {<br /> color: #f8f9fa;<br /> }<br /> <br /> html.skin-theme-clientpref-night .infobox-button-primary {<br /> background-color: #3b82f6;<br /> color: #ffffff;<br /> border-color: #3b82f6;<br /> }<br /> <br /> /* ==========================================================================<br /> Night Mode - System Preference<br /> ========================================================================== */<br /> <br /> @media screen and (prefers-color-scheme: dark) {<br /> html.skin-theme-clientpref-os .infobox-remote-control {<br /> border-color: #72777d;<br /> background: #27292d;<br /> }<br /> <br /> html.skin-theme-clientpref-os .infobox-remote-control .infobox-section-header {<br /> background: #3c3f44;<br /> color: #f8f9fa;<br /> }<br /> <br /> html.skin-theme-clientpref-os .infobox-remote-control .infobox-label {<br /> color: #f8f9fa;<br /> }<br /> <br /> html.skin-theme-clientpref-os .infobox-remote-control .infobox-value {<br /> color: #eaecf0;<br /> }<br /> <br /> html.skin-theme-clientpref-os .infobox-remote-control .infobox-title {<br /> color: #f8f9fa;<br /> }<br /> <br /> html.skin-theme-clientpref-os .infobox-button-primary {<br /> background-color: #3b82f6;<br /> color: #ffffff;<br /> border-color: #3b82f6;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> Mobile Responsiveness<br /> ========================================================================== */<br /> <br /> @media (max-width: 600px) {<br /> .infobox-remote-control {<br /> float: none !important;<br /> width: 100% !important;<br /> margin: 0 0 1em 0 !important;<br /> max-width: 100% !important;<br /> }<br /> }</div>

Arclight