https://unfinishedprojects.net/index.php?action=history&feed=atom&title=Template%3ANavCard%2Fstyles.css 2026-04-06T00:45:04Z Revision history for this page on the wiki MediaWiki 1.45.3 https://unfinishedprojects.net/index.php?title=Template:NavCard/styles.css&diff=689&oldid=prev 2026-03-08T04:46:48Z

<p>Protected &quot;<a href="/wiki/Template:NavCard/styles.css" title="Template:NavCard/styles.css">Template:NavCard/styles.css</a>&quot; ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</p> <p><b>New page</b></p><div>/* Template:NavCard/styles.css */<br /> .nav-card-wrap {<br /> display: inline-block;<br /> vertical-align: top;<br /> margin: 6px;<br /> font-size: 1rem;<br /> }<br /> <br /> .nav-card {<br /> width: 200px;<br /> height: 160px;<br /> position: relative;<br /> background-color: var(--color-surface-2);<br /> /* Hardcoded gradient to pass sanitization requirements */<br /> background-image: linear-gradient(135deg, rgba(228, 100, 25, 0.12) 0%, transparent 60%);<br /> border: 1px solid;<br /> border-top-color: var(--border-color-base);<br /> border-right-color: var(--border-color-base);<br /> border-bottom-color: var(--border-color-base);<br /> border-left-color: var(--border-color-base);<br /> border-top: 4px solid;<br /> border-top-color: var(--wiki-primary);<br /> border-radius: 2px 2px 4px 4px;<br /> box-sizing: border-box;<br /> text-align: center;<br /> box-shadow: 2px 3px 0 rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.06);<br /> transition: box-shadow 0.2s, transform 0.2s;<br /> padding: 18px 14px 14px;<br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 8px;<br /> overflow: visible;<br /> }<br /> <br /> .nav-card::before {<br /> content: &#039;&#039;;<br /> position: absolute;<br /> top: -8px;<br /> left: 50%;<br /> transform: translateX(-50%);<br /> width: 12px;<br /> height: 12px;<br /> background-color: var(--wiki-primary);<br /> border-radius: 50%;<br /> box-shadow: 0 1px 3px rgba(0,0,0,0.3);<br /> z-index: 2;<br /> }<br /> <br /> .nav-card:hover {<br /> transform: translateY(-3px) rotate(0.5deg);<br /> box-shadow: 3px 6px 0 rgba(0,0,0,0.1), 0 2px 8px rgba(0,0,0,0.1);<br /> }<br /> <br /> .nav-card-title a::after {<br /> content: &#039;&#039;;<br /> position: absolute;<br /> top: 0;<br /> left: 0;<br /> right: 0;<br /> bottom: 0;<br /> z-index: 5;<br /> border-radius: 4px;<br /> }<br /> <br /> .nav-card-icon {<br /> flex-shrink: 0;<br /> }<br /> <br /> .nav-card-title {<br /> font-weight: bold;<br /> font-size: 0.95em;<br /> line-height: 1.3;<br /> }<br /> <br /> .nav-card-title a {<br /> color: var(--color-base);<br /> text-decoration: none;<br /> }<br /> <br /> .nav-card:hover .nav-card-title a {<br /> color: var(--wiki-primary);<br /> }<br /> <br /> .nav-card-description {<br /> font-size: 0.82em;<br /> color: var(--color-base--subtle);<br /> line-height: 1.4;<br /> }</div>

Anthony