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

<p>Sync from repository</p> <p><b>New page</b></p><div>/* ==========================================================<br /> PokeNexus Wiki — Main page<br /> <br /> Page-level component layout.<br /> <br /> Global Vector 2022 styling belongs in:<br /> MediaWiki:Vector-2022.css<br /> <br /> Individual reusable card styling belongs in:<br /> Template:Main page card/styles.css<br /> ========================================================== */<br /> <br /> <br /> /* ==========================================================<br /> Welcome<br /> ========================================================== */<br /> <br /> .pn-home-welcome {<br /> display: grid;<br /> gap: 1.5rem;<br /> <br /> margin-block: 1rem 2rem;<br /> padding: 1.5rem;<br /> <br /> background-color: var(<br /> --background-color-neutral-subtle,<br /> #f8f9fa<br /> );<br /> <br /> color: var(<br /> --color-base,<br /> #202122<br /> );<br /> <br /> border: 1px solid #a2a9b1;<br /> border-radius: 0.5rem;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> Welcome content<br /> ---------------------------------------------------------- */<br /> <br /> .pn-home-welcome__content {<br /> min-width: 0;<br /> align-self: center;<br /> }<br /> <br /> <br /> .pn-home-welcome__eyebrow {<br /> margin-block-end: 0.5rem;<br /> <br /> color: var(<br /> --pn-brand-strong,<br /> #007f89<br /> );<br /> <br /> font-size: 0.75rem;<br /> font-weight: 700;<br /> <br /> letter-spacing: 0.08em;<br /> <br /> text-transform: uppercase;<br /> }<br /> <br /> <br /> .pn-home-welcome__title {<br /> margin: 0;<br /> padding: 0;<br /> <br /> color: var(<br /> --color-emphasized,<br /> #101418<br /> );<br /> <br /> border: 0;<br /> <br /> font-family:<br /> Georgia,<br /> &quot;Times New Roman&quot;,<br /> serif;<br /> <br /> font-size: 2rem;<br /> font-weight: 700;<br /> <br /> line-height: 1.1;<br /> }<br /> <br /> <br /> .pn-home-welcome__brand {<br /> color: var(<br /> --pn-brand-strong,<br /> #007f89<br /> );<br /> }<br /> <br /> <br /> .pn-home-welcome__description {<br /> max-width: 44rem;<br /> <br /> margin-block: 1rem 0;<br /> <br /> color: var(<br /> --color-subtle,<br /> #54595d<br /> );<br /> <br /> font-size: 1rem;<br /> <br /> line-height: 1.6;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> Welcome artwork<br /> ---------------------------------------------------------- */<br /> <br /> .pn-home-welcome__media {<br /> min-width: 0;<br /> <br /> overflow: hidden;<br /> <br /> background-color: var(<br /> --background-color-neutral,<br /> #eaecf0<br /> );<br /> <br /> border-radius: 0.375rem;<br /> }<br /> <br /> <br /> .pn-home-welcome__media &gt; a {<br /> display: block;<br /> <br /> width: 100%;<br /> height: 100%;<br /> }<br /> <br /> <br /> .pn-home-welcome__media .mw-file-element {<br /> display: block;<br /> <br /> width: 100%;<br /> height: 180px;<br /> <br /> object-fit: cover;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> Navigation cards<br /> ========================================================== */<br /> <br /> .pn-home-cards {<br /> display: grid;<br /> grid-template-columns: minmax(0, 1fr);<br /> <br /> gap: 1rem;<br /> <br /> margin-block: 0 2rem;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> Getting started<br /> ========================================================== */<br /> <br /> .pn-home-start {<br /> display: grid;<br /> gap: 1.5rem;<br /> <br /> margin-block: 0 2rem;<br /> padding: 1.5rem;<br /> <br /> background-color: var(<br /> --background-color-neutral-subtle,<br /> #f8f9fa<br /> );<br /> <br /> color: var(<br /> --color-base,<br /> #202122<br /> );<br /> <br /> border: 1px solid #a2a9b1;<br /> border-radius: 0.5rem;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> Getting started intro<br /> ---------------------------------------------------------- */<br /> <br /> .pn-home-start__intro {<br /> min-width: 0;<br /> }<br /> <br /> <br /> .pn-home-start__eyebrow {<br /> margin-block-end: 0.4rem;<br /> <br /> color: var(<br /> --pn-brand-strong,<br /> #007f89<br /> );<br /> <br /> font-size: 0.75rem;<br /> font-weight: 700;<br /> <br /> letter-spacing: 0.08em;<br /> <br /> text-transform: uppercase;<br /> }<br /> <br /> <br /> .pn-home-start__title {<br /> margin: 0;<br /> padding: 0;<br /> <br /> color: var(<br /> --color-emphasized,<br /> #101418<br /> );<br /> <br /> border: 0;<br /> <br /> font-family:<br /> Georgia,<br /> &quot;Times New Roman&quot;,<br /> serif;<br /> <br /> font-size: 1.75rem;<br /> font-weight: 700;<br /> <br /> line-height: 1.2;<br /> }<br /> <br /> <br /> .pn-home-start__description {<br /> max-width: 42rem;<br /> <br /> margin-block: 0.75rem 0;<br /> <br /> color: var(<br /> --color-subtle,<br /> #54595d<br /> );<br /> <br /> font-size: 0.95rem;<br /> line-height: 1.55;<br /> }<br /> <br /> <br /> /* ----------------------------------------------------------<br /> Getting started links<br /> ---------------------------------------------------------- */<br /> <br /> .pn-home-start__links {<br /> display: grid;<br /> grid-template-columns: minmax(0, 1fr);<br /> <br /> gap: 0.75rem;<br /> }<br /> <br /> <br /> .pn-home-start__item {<br /> min-width: 0;<br /> <br /> padding: 1rem;<br /> <br /> background-color: var(<br /> --background-color-neutral,<br /> #eaecf0<br /> );<br /> <br /> border-radius: 0.375rem;<br /> }<br /> <br /> <br /> .pn-home-start__item-title {<br /> margin: 0;<br /> padding: 0;<br /> <br /> border: 0;<br /> <br /> font-size: 1rem;<br /> font-weight: 700;<br /> <br /> line-height: 1.3;<br /> }<br /> <br /> <br /> .pn-home-start__item-title a,<br /> .pn-home-start__item-title a:visited {<br /> color: var(<br /> --pn-brand-strong,<br /> #007f89<br /> );<br /> <br /> text-decoration: none;<br /> }<br /> <br /> <br /> .pn-home-start__item-title a:hover {<br /> text-decoration: underline;<br /> }<br /> <br /> <br /> .pn-home-start__item-description {<br /> margin-block: 0.4rem 0;<br /> <br /> color: var(<br /> --color-subtle,<br /> #54595d<br /> );<br /> <br /> font-size: 0.875rem;<br /> <br /> line-height: 1.5;<br /> }<br /> <br /> <br /> /* ==========================================================<br /> Responsive layout<br /> ========================================================== */<br /> <br /> @media (min-width: 760px) {<br /> <br /> /*<br /> * Keep the welcome copy flexible while the artwork remains<br /> * a small, consistent panel on the right.<br /> */<br /> .pn-home-welcome--with-media {<br /> grid-template-columns:<br /> minmax(0, 1fr)<br /> 320px;<br /> <br /> align-items: center;<br /> }<br /> <br /> <br /> .pn-home-welcome__title {<br /> font-size: 2.5rem;<br /> }<br /> <br /> <br /> .pn-home-cards {<br /> grid-template-columns:<br /> minmax(0, 1fr)<br /> minmax(0, 1fr);<br /> }<br /> <br /> <br /> .pn-home-start {<br /> grid-template-columns:<br /> minmax(14rem, 0.7fr)<br /> minmax(0, 1.3fr);<br /> <br /> align-items: start;<br /> }<br /> <br /> <br /> .pn-home-start__links {<br /> grid-template-columns:<br /> minmax(0, 1fr)<br /> minmax(0, 1fr);<br /> }<br /> <br /> }<br /> <br /> <br /> @media (min-width: 1100px) {<br /> <br /> .pn-home-cards {<br /> grid-template-columns:<br /> minmax(0, 1fr)<br /> minmax(0, 1fr)<br /> minmax(0, 1fr);<br /> }<br /> <br /> }</div>

WikiSync