https://wiki.everycrt.com/index.php?action=history&feed=atom&title=Template%3AAVDeviceTypeEntryStyles.css 2026-08-01T21:33:28Z Revision history for this page on the wiki MediaWiki 1.43.6 https://wiki.everycrt.com/index.php?title=Template:AVDeviceTypeEntryStyles.css&diff=5884&oldid=prev 2026-02-01T22:11:10Z

<p>Create AV device type button styles (via create-page on MediaWiki MCP Server)</p> <p><b>New page</b></p><div>.av-type-entry {<br /> position: relative;<br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 0.25rem;<br /> padding: 1rem 0.75rem;<br /> background: #ffffff;<br /> border: 2px solid #10b981;<br /> border-radius: 0.75rem;<br /> font-weight: 600;<br /> font-size: 0.9375rem;<br /> color: #047857;<br /> text-align: center;<br /> box-shadow: 0 4px 6px -1px rgba(16, 185, 129, 0.2), 0 2px 4px -2px rgba(16, 185, 129, 0.15);<br /> cursor: pointer;<br /> transition: all 0.2s ease;<br /> }<br /> <br /> .av-type-entry:hover {<br /> background: #ecfdf5;<br /> border-color: #059669;<br /> box-shadow: 0 10px 15px -3px rgba(16, 185, 129, 0.25), 0 4px 6px -4px rgba(16, 185, 129, 0.2);<br /> transform: translateY(-3px);<br /> }<br /> <br /> .av-type-entry:active {<br /> transform: translateY(0);<br /> box-shadow: 0 2px 4px -1px rgba(16, 185, 129, 0.15);<br /> }<br /> <br /> .av-type-entry-link {<br /> position: absolute;<br /> inset: 0;<br /> z-index: 1;<br /> }<br /> <br /> .av-type-entry-count {<br /> display: block;<br /> font-weight: 500;<br /> font-size: 0.8125rem;<br /> color: #475569;<br /> margin-top: 0.125rem;<br /> }<br /> <br /> /* ===== DARK MODE - User preference ===== */<br /> <br /> html.skin-theme-clientpref-night .av-type-entry {<br /> background: #1e293b;<br /> border-color: #10b981;<br /> color: #34d399;<br /> }<br /> <br /> html.skin-theme-clientpref-night .av-type-entry:hover {<br /> background: #064e3b;<br /> border-color: #34d399;<br /> box-shadow: 0 10px 15px -3px rgba(52, 211, 153, 0.3), 0 4px 6px -4px rgba(52, 211, 153, 0.2);<br /> }<br /> <br /> html.skin-theme-clientpref-night .av-type-entry-count {<br /> color: #94a3b8;<br /> }<br /> <br /> /* ===== DARK MODE - OS preference ===== */<br /> <br /> @media (prefers-color-scheme: dark) {<br /> html.skin-theme-clientpref-os .av-type-entry {<br /> background: #1e293b;<br /> border-color: #10b981;<br /> color: #34d399;<br /> }<br /> <br /> html.skin-theme-clientpref-os .av-type-entry:hover {<br /> background: #064e3b;<br /> border-color: #34d399;<br /> box-shadow: 0 10px 15px -3px rgba(52, 211, 153, 0.3), 0 4px 6px -4px rgba(52, 211, 153, 0.2);<br /> }<br /> <br /> html.skin-theme-clientpref-os .av-type-entry-count {<br /> color: #94a3b8;<br /> }<br /> }</div>

Arclight-MCP-Bot