https://wiki.everycrt.com/index.php?action=history&feed=atom&title=Template%3ABrand_entry%2Fstyles.css 2026-08-02T03:52:59Z Revision history for this page on the wiki MediaWiki 1.43.6 https://wiki.everycrt.com/index.php?title=Template:Brand_entry/styles.css&diff=5876&oldid=prev 2026-02-01T21:31:44Z

<p>Create modern Tailwind-inspired styles for brand entry buttons (via create-page on MediaWiki MCP Server)</p> <p><b>New page</b></p><div>.brand-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: linear-gradient(to bottom, #ffffff, #f8fafc);<br /> border: 1px solid #e2e8f0;<br /> border-radius: 0.75rem;<br /> font-weight: 600;<br /> font-size: 0.9375rem;<br /> color: #1e40af;<br /> text-align: center;<br /> box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px -1px rgba(0, 0, 0, 0.05);<br /> transition: all 0.2s ease;<br /> cursor: pointer;<br /> }<br /> <br /> .brand-entry:hover {<br /> background: linear-gradient(to bottom, #ffffff, #eff6ff);<br /> border-color: #93c5fd;<br /> box-shadow: 0 4px 12px -2px rgba(59, 130, 246, 0.15), 0 2px 6px -2px rgba(59, 130, 246, 0.1);<br /> transform: translateY(-2px);<br /> }<br /> <br /> .brand-entry:active {<br /> transform: translateY(0);<br /> box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);<br /> }<br /> <br /> .brand-entry-link {<br /> position: absolute;<br /> inset: 0;<br /> z-index: 1;<br /> }<br /> <br /> .brand-entry-count {<br /> display: block;<br /> font-weight: 400;<br /> font-size: 0.75rem;<br /> color: #64748b;<br /> margin-top: 0.125rem;<br /> }<br /> <br /> /* Dark mode support */<br /> .skin-citizen-dark .brand-entry,<br /> .citizen-dark .brand-entry {<br /> background: linear-gradient(to bottom, #1e293b, #0f172a);<br /> border-color: #334155;<br /> color: #60a5fa;<br /> }<br /> <br /> .skin-citizen-dark .brand-entry:hover,<br /> .citizen-dark .brand-entry:hover {<br /> background: linear-gradient(to bottom, #1e3a5f, #1e293b);<br /> border-color: #3b82f6;<br /> box-shadow: 0 4px 12px -2px rgba(59, 130, 246, 0.25), 0 2px 6px -2px rgba(59, 130, 246, 0.15);<br /> }<br /> <br /> .skin-citizen-dark .brand-entry-count,<br /> .citizen-dark .brand-entry-count {<br /> color: #94a3b8;<br /> }</div>

Arclight-MCP-Bot