https://wiki.poke-nexus.com/index.php?action=history&feed=atom&title=Template%3ACallout%2Fstyles.css 2026-10-20T20:45:12Z Revision history for this page on the wiki MediaWiki 1.46.2 https://wiki.poke-nexus.com/index.php?title=Template:Callout/styles.css&diff=28&oldid=prev 2026-10-20T20:01:29Z

<p>Sync from repository</p> <p><b>New page</b></p><div>/* ==========================================================<br /> PokeNexus Wiki — Shared callout styles<br /> <br /> Base class:<br /> .pn-callout<br /> <br /> Optional variants:<br /> .pn-callout--info<br /> .pn-callout--warning<br /> .pn-callout--success<br /> .pn-callout--danger<br /> ========================================================== */<br /> <br /> /* ==========================================================<br /> Base callout<br /> ========================================================== */<br /> <br /> .pn-callout {<br /> display: flex;<br /> align-items: flex-start;<br /> <br /> gap: 0.75rem;<br /> <br /> margin-block: 1rem 1.5rem;<br /> padding: 0.85rem 1rem;<br /> <br /> background-color: var(--background-color-neutral-subtle, #eee6d8);<br /> <br /> color: var(--color-base, #312b25);<br /> <br /> border: 1px solid #cbbda8;<br /> border-left-width: 4px;<br /> border-radius: 0.4rem;<br /> <br /> line-height: 1.5;<br /> }<br /> <br /> /* ==========================================================<br /> Icon<br /> ========================================================== */<br /> <br /> .pn-callout__icon {<br /> flex: 0 0 auto;<br /> <br /> width: 1.25rem;<br /> height: 1.25rem;<br /> <br /> margin-block-start: 0.1rem;<br /> <br /> background-position: center;<br /> background-repeat: no-repeat;<br /> background-size: contain;<br /> }<br /> <br /> /* ==========================================================<br /> Content<br /> ========================================================== */<br /> <br /> .pn-callout__content {<br /> flex: 1 1 auto;<br /> <br /> min-width: 0;<br /> }<br /> <br /> .pn-callout__title {<br /> margin-block: 0 0.2rem;<br /> <br /> color: var(--color-emphasized, #211d19);<br /> <br /> font-weight: 700;<br /> }<br /> <br /> .pn-callout__body {<br /> margin: 0;<br /> }<br /> <br /> /* ==========================================================<br /> Variants<br /> ========================================================== */<br /> <br /> .pn-callout--info {<br /> border-left-color: #0b7f88;<br /> }<br /> <br /> .pn-callout--warning {<br /> border-left-color: #a66b16;<br /> }<br /> <br /> .pn-callout--success {<br /> border-left-color: #497a45;<br /> }<br /> <br /> .pn-callout--danger {<br /> border-left-color: #b32424;<br /> }<br /> <br /> /* ==========================================================<br /> Dark appearance<br /> ========================================================== */<br /> <br /> html.skin-theme-clientpref-night .pn-callout {<br /> border-color: #54595d;<br /> }<br /> <br /> html.skin-theme-clientpref-night .pn-callout--info {<br /> border-left-color: #35d4dd;<br /> }<br /> <br /> html.skin-theme-clientpref-night .pn-callout--warning {<br /> border-left-color: #d6a44a;<br /> }<br /> <br /> html.skin-theme-clientpref-night .pn-callout--success {<br /> border-left-color: #7fb875;<br /> }<br /> <br /> html.skin-theme-clientpref-night .pn-callout--danger {<br /> border-left-color: #f15c5c;<br /> }<br /> <br /> @media screen and (prefers-color-scheme: dark) {<br /> html.skin-theme-clientpref-os .pn-callout {<br /> border-color: #54595d;<br /> }<br /> <br /> html.skin-theme-clientpref-os .pn-callout--info {<br /> border-left-color: #35d4dd;<br /> }<br /> <br /> html.skin-theme-clientpref-os .pn-callout--warning {<br /> border-left-color: #d6a44a;<br /> }<br /> <br /> html.skin-theme-clientpref-os .pn-callout--success {<br /> border-left-color: #7fb875;<br /> }<br /> <br /> html.skin-theme-clientpref-os .pn-callout--danger {<br /> border-left-color: #f15c5c;<br /> }<br /> }</div>

WikiSync