https://wiki.everycrt.com/index.php?action=history&feed=atom&title=Template%3AStub%2Fstyles.css 2026-08-02T01:05:24Z Revision history for this page on the wiki MediaWiki 1.43.6 https://wiki.everycrt.com/index.php?title=Template:Stub/styles.css&diff=5747&oldid=prev 2026-01-29T18:38:31Z

<p>Creating stub template styles with light/dark mode support (via create-page on MediaWiki MCP Server)</p> <p><b>New page</b></p><div>/* Stub notice - Tailwind-inspired styles with light/dark mode */<br /> <br /> .stub-notice {<br /> display: flex;<br /> align-items: center;<br /> gap: 12px;<br /> padding: 12px 16px;<br /> margin: 16px 0;<br /> border-radius: 8px;<br /> border-left: 4px solid #f59e0b;<br /> background: linear-gradient(to right, #fffbeb, #fef3c7);<br /> box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);<br /> font-size: 14px;<br /> line-height: 1.5;<br /> }<br /> <br /> .stub-notice-icon {<br /> flex-shrink: 0;<br /> width: 24px;<br /> height: 24px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> background-color: #fef3c7;<br /> border-radius: 50%;<br /> font-size: 14px;<br /> }<br /> <br /> .stub-notice-content {<br /> flex: 1;<br /> color: #92400e;<br /> }<br /> <br /> .stub-notice-content strong {<br /> color: #78350f;<br /> font-weight: 600;<br /> }<br /> <br /> .stub-notice-content a {<br /> color: #b45309;<br /> text-decoration: underline;<br /> }<br /> <br /> .stub-notice-content a:hover {<br /> color: #92400e;<br /> }<br /> <br /> /* ===== DARK MODE - User preference ===== */<br /> <br /> html.skin-theme-clientpref-night .stub-notice {<br /> background: linear-gradient(to right, #422006, #451a03);<br /> border-left-color: #f59e0b;<br /> box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);<br /> }<br /> <br /> html.skin-theme-clientpref-night .stub-notice-icon {<br /> background-color: #78350f;<br /> }<br /> <br /> html.skin-theme-clientpref-night .stub-notice-content {<br /> color: #fcd34d;<br /> }<br /> <br /> html.skin-theme-clientpref-night .stub-notice-content strong {<br /> color: #fde68a;<br /> }<br /> <br /> html.skin-theme-clientpref-night .stub-notice-content a {<br /> color: #fbbf24;<br /> }<br /> <br /> html.skin-theme-clientpref-night .stub-notice-content a:hover {<br /> color: #fcd34d;<br /> }<br /> <br /> /* ===== DARK MODE - OS preference ===== */<br /> <br /> @media (prefers-color-scheme: dark) {<br /> html.skin-theme-clientpref-os .stub-notice {<br /> background: linear-gradient(to right, #422006, #451a03);<br /> border-left-color: #f59e0b;<br /> box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);<br /> }<br /> <br /> html.skin-theme-clientpref-os .stub-notice-icon {<br /> background-color: #78350f;<br /> }<br /> <br /> html.skin-theme-clientpref-os .stub-notice-content {<br /> color: #fcd34d;<br /> }<br /> <br /> html.skin-theme-clientpref-os .stub-notice-content strong {<br /> color: #fde68a;<br /> }<br /> <br /> html.skin-theme-clientpref-os .stub-notice-content a {<br /> color: #fbbf24;<br /> }<br /> <br /> html.skin-theme-clientpref-os .stub-notice-content a:hover {<br /> color: #fcd34d;<br /> }<br /> }</div>

Arclight-MCP-Bot