https://www.sncapedia.org/index.php?action=history&feed=atom&title=Template%3APage_tabs%2Fstyles.css 2026-04-12T01:09:20Z Revision history for this page on the wiki MediaWiki 1.44.2 https://www.sncapedia.org/index.php?title=Template:Page_tabs/styles.css&diff=29841&oldid=prev 2026-04-11T16:57:47Z

<p>Created page with &quot;<span class="autocomment">{{pp-template}}: </span> .template-page-tabs { background: #F8FCFF; color:black; width: 100%; display: flex; flex-wrap: wrap; margin-bottom: -4px; } .template-page-tabs &gt; span { padding: 0.5em; line-height: 0.95em; border: solid 2px #a3b1bf; white-space: nowrap; margin-bottom: 4px; } .template-page-tabs &gt; span.spacer { display: flex; <span class="autocomment">hides any whitespace we put inside: </span> padding: 0; flex: 9px; border-width: 0 0 2px 0; } .template-page-tabs &gt; span.sp...&quot;</p> <p><b>New page</b></p><div>/* {{pp-template}} */ <br /> .template-page-tabs {<br /> background: #F8FCFF;<br /> color:black;<br /> width: 100%;<br /> display: flex;<br /> flex-wrap: wrap;<br /> margin-bottom: -4px;<br /> }<br /> <br /> .template-page-tabs &gt; span {<br /> padding: 0.5em;<br /> line-height: 0.95em;<br /> border: solid 2px #a3b1bf;<br /> white-space: nowrap;<br /> margin-bottom: 4px;<br /> }<br /> <br /> .template-page-tabs &gt; span.spacer {<br /> display: flex; /* hides any whitespace we put inside */<br /> padding: 0;<br /> flex: 9px;<br /> border-width: 0 0 2px 0;<br /> }<br /> <br /> .template-page-tabs &gt; span.spacer:last-child {<br /> /* We want this to get first priority, which flexbox doesn&#039;t really understand but hopefully this will do. */<br /> flex: 1000 1 0;<br /> }<br /> <br /> /* Vector 2022 and Minerva Dark Theme Compatibility */<br /> /* Active tabs */<br /> @media screen {<br /> html.skin-theme-clientpref-night .template-page-tabs &gt; span[style*=&quot;font-weight:bold&quot;] {<br /> background-color: #1c252e !important;<br /> color: var(--color-base, #ffffff) !important;<br /> border-bottom: 0;<br /> }<br /> }<br /> <br /> @media screen and (prefers-color-scheme: dark) {<br /> html.skin-theme-clientpref-os .template-page-tabs &gt; span[style*=&quot;font-weight:bold&quot;] {<br /> background-color: #1c252e !important;<br /> color: var(--color-base, #ffffff) !important;<br /> border-bottom: 0;<br /> }<br /> }<br /> <br /> /* Inactive tabs */<br /> @media screen {<br /> html.skin-theme-clientpref-night .template-page-tabs,<br /> html.skin-theme-clientpref-night .template-page-tabs &gt; span {<br /> background: var(--background-color-base, #000000) !important;<br /> color: var(--color-base, #ffffff) !important;<br /> border-color: #333333;<br /> }<br /> }<br /> <br /> @media screen and (prefers-color-scheme: dark) {<br /> html.skin-theme-clientpref-os .template-page-tabs,<br /> html.skin-theme-clientpref-os .template-page-tabs &gt; span {<br /> background: var(--background-color-base, #000000) !important;<br /> color: var(--color-base, #ffffff) !important;<br /> border-color: #333333;<br /> }<br /> }</div>

Editor