https://wiki.sjs.gg/index.php?action=history&feed=atom&title=Template%3ACAK%2Fstyles-lures.css 2026-06-01T14:04:06Z Revision history for this page on the wiki MediaWiki 1.44.2 https://wiki.sjs.gg/index.php?title=Template:CAK/styles-lures.css&diff=89&oldid=prev 2025-10-07T19:16:13Z

<p>Created page with &quot;<span class="autocomment">===== Catch a Kraken – Lures =====: </span> <span class="autocomment">Grid: </span> .lure-grid { display: flex; flex-wrap: wrap; gap: 16px; margin: 8px 0 16px 0; } <span class="autocomment">Card: </span> .lure-card { width: 220px; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden; color: #111111; box-shadow: 0 2px 10px rgba(0,0,0,0.08); display: flex; flex-direction: column; text-decoration: none; } <span class="autocomment">Image area (fixed viewport for consistency): </span> .lure-img {...&quot;</p> <p><b>New page</b></p><div>/* ===== Catch a Kraken – Lures ===== */<br /> <br /> /* Grid */<br /> .lure-grid {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 16px;<br /> margin: 8px 0 16px 0;<br /> }<br /> <br /> /* Card */<br /> .lure-card {<br /> width: 220px;<br /> background: #ffffff;<br /> border: 1px solid #e5e7eb;<br /> border-radius: 12px;<br /> overflow: hidden;<br /> color: #111111;<br /> box-shadow: 0 2px 10px rgba(0,0,0,0.08);<br /> display: flex;<br /> flex-direction: column;<br /> text-decoration: none;<br /> }<br /> <br /> /* Image area (fixed viewport for consistency) */<br /> .lure-img {<br /> background: #0b1b2a;<br /> height: 180px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> overflow: hidden;<br /> }<br /> .lure-img img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: contain; /* keeps aspect ratio */<br /> display: block;<br /> }<br /> <br /> /* Body */<br /> .lure-body { padding: 10px 12px 12px 12px; }<br /> <br /> /* Name */<br /> .lure-name {<br /> font-weight: 800;<br /> font-size: 15px;<br /> margin: 0 0 6px 0;<br /> }<br /> <br /> /* Rarity tag */<br /> .lure-tag {<br /> display: inline-block;<br /> font-size: 12px;<br /> font-weight: 700;<br /> line-height: 1;<br /> padding: 4px 8px;<br /> border-radius: 999px;<br /> margin: 0 0 8px 0;<br /> color: #ffffff;<br /> }<br /> <br /> /* Rarity colors (adjust as you like) */<br /> .lure-common { background: #6b7280; }<br /> .lure-uncommon { background: #10b981; }<br /> .lure-rare { background: #3b82f6; }<br /> .lure-epic { background: #8b5cf6; }<br /> .lure-legendary { background: #f59e0b; }<br /> <br /> /* Stat pills */<br /> .lure-stats {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 6px;<br /> margin-top: 6px;<br /> }<br /> .lure-stat {<br /> display: inline-block;<br /> padding: 4px 8px;<br /> border-radius: 999px;<br /> background: #0d6efd;<br /> color: #fff;<br /> font-size: 12px;<br /> font-weight: 700;<br /> }<br /> <br /> /* Section title */<br /> .lure-section-title {<br /> font-size: 18px;<br /> font-weight: 800;<br /> margin: 14px 0 8px 0;<br /> }</div>

Zach