https://untenables.com/api.php?action=feedcontributions&feedformat=atom&user=UntenableJinx The Untenables - User contributions [en] 2026-09-06T23:51:53Z User contributions MediaWiki 1.44.3 https://untenables.com/index.php?title=Template:Infobox_Wrestler&diff=204 Template:Infobox Wrestler 2025-10-29T21:10:24Z <p>UntenableJinx: </p> <hr /> <div>{{Infobox<br /> | name = {{{name|{{PAGENAME}}}}}<br /> | image = {{#if:{{{image|}}}|[[File:{{{image}}}|frameless|alt={{{name|}}}]]}}<br /> | caption = {{{caption|}}}<br /> | rows =<br /> <br /> {{#if:{{{years_active|}}}|<br /> &lt;tr&gt;<br /> &lt;th scope=&quot;row&quot; style=&quot;background:#20222b;color:#ff79c6;font-weight:bold;padding:.35em .6em;white-space:nowrap;&quot;&gt;Years active&lt;/th&gt;<br /> &lt;td style=&quot;padding:.35em .6em;&quot;&gt;{{{years_active}}}&lt;/td&gt;<br /> &lt;/tr&gt;}}<br /> <br /> {{#if:{{{ring_names|}}}|<br /> &lt;tr&gt;<br /> &lt;th scope=&quot;row&quot; style=&quot;background:#20222b;color:#ff79c6;font-weight:bold;padding:.35em .6em;white-space:nowrap;&quot;&gt;Ring names&lt;/th&gt;<br /> &lt;td style=&quot;padding:.35em .6em;&quot;&gt;{{{ring_names}}}&lt;/td&gt;<br /> &lt;/tr&gt;}}<br /> <br /> {{#if:{{{trained_by|}}}|<br /> &lt;tr&gt;<br /> &lt;th scope=&quot;row&quot; style=&quot;background:#20222b;color:#ff79c6;font-weight:bold;padding:.35em .6em;white-space:nowrap;&quot;&gt;Trained by&lt;/th&gt;<br /> &lt;td style=&quot;padding:.35em .6em;&quot;&gt;{{{trained_by}}}&lt;/td&gt;<br /> &lt;/tr&gt;}}<br /> <br /> {{#if:{{{billed_height|}}}|<br /> &lt;tr&gt;<br /> &lt;th scope=&quot;row&quot; style=&quot;background:#20222b;color:#ff79c6;font-weight:bold;padding:.35em .6em;white-space:nowrap;&quot;&gt;Billed height&lt;/th&gt;<br /> &lt;td style=&quot;padding:.35em .6em;&quot;&gt;{{{billed_height}}}&lt;/td&gt;<br /> &lt;/tr&gt;}}<br /> <br /> {{#if:{{{billed_weight|}}}|<br /> &lt;tr&gt;<br /> &lt;th scope=&quot;row&quot; style=&quot;background:#20222b;color:#ff79c6;font-weight:bold;padding:.35em .6em;white-space:nowrap;&quot;&gt;Billed weight&lt;/th&gt;<br /> &lt;td style=&quot;padding:.35em .6em;&quot;&gt;{{{billed_weight}}}&lt;/td&gt;<br /> &lt;/tr&gt;}}<br /> <br /> {{#if:{{{billed_from|}}}|<br /> &lt;tr&gt;<br /> &lt;th scope=&quot;row&quot; style=&quot;background:#20222b;color:#ff79c6;font-weight:bold;padding:.35em .6em;white-space:nowrap;&quot;&gt;Billed from&lt;/th&gt;<br /> &lt;td style=&quot;padding:.35em .6em;&quot;&gt;{{{billed_from}}}&lt;/td&gt;<br /> &lt;/tr&gt;}}<br /> <br /> {{#if:{{{signature_move|}}}|<br /> &lt;tr&gt;<br /> &lt;th scope=&quot;row&quot; style=&quot;background:#20222b;color:#ff79c6;font-weight:bold;padding:.35em .6em;white-space:nowrap;&quot;&gt;Signature move&lt;/th&gt;<br /> &lt;td style=&quot;padding:.35em .6em;&quot;&gt;{{{signature_move}}}&lt;/td&gt;<br /> &lt;/tr&gt;}}<br /> <br /> <br /> }}<br /> &lt;noinclude&gt;{{documentation}}&lt;/noinclude&gt;</div> UntenableJinx https://untenables.com/index.php?title=Dracul-8&diff=177 Dracul-8 2025-10-22T18:55:45Z <p>UntenableJinx: </p> <hr /> <div><br /> <br /> &lt;!--<br /> Template:Character<br /> VisualEditor-friendly version.<br /> Usage: preload into new pages or copy/paste; infobox inserted manually.<br /> --&gt;<br /> Introductory paragraph. A brief description of the character, including notable traits, role, or origins.<br /> <br /> == Background ==<br /> Janet<br /> <br /> == Publication history ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.<br /> <br /> == Members ==<br /> -Baseball Bat<br /> <br /> -Trackula<br /> <br /> -Grossferatu<br /> <br /> -Mad Vlad<br /> <br /> -Dracula™<br /> <br /> -Vampyro<br /> <br /> -Count Jockula<br /> <br /> -Dragula<br /> <br /> == References ==<br /> &lt;references /&gt;<br /> <br /> == See also ==<br /> * [[List of characters]]<br /> * [[Category:Characters]]</div> UntenableJinx https://untenables.com/index.php?title=MediaWiki:Common.css&diff=152 MediaWiki:Common.css 2025-10-20T19:40:18Z <p>UntenableJinx: </p> <hr /> <div>/* ============================<br /> Untenables Wiki — Dual Light / Night mode CSS for Vector 2022<br /> Palette:<br /> Dark: #101418<br /> Text (cream): #f8f8f2<br /> Accent: #ff79c6<br /> Secondary / Blue-grey: #6272a4<br /> Alert / Red: #ff5555<br /> ============================ */<br /> <br /> /* Defaults in night mode (dark) */<br /> html.skin-theme-clientpref-night body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-dark body.skin-vector-2022 {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Containers in night mode */<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 .mw-body {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Night mode — links, headings, accents */<br /> html.skin-theme-clientpref-night a,<br /> html.skin-theme-clientpref-night .mw-body a {<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-night a:visited {<br /> color: #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-night a:hover,<br /> html.skin-theme-clientpref-night a:focus {<br /> color: #ff5555 !important;<br /> }<br /> html.skin-theme-clientpref-night h1, h2, h3, h4, h5, h6 {<br /> color: #ff79c6 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* Buttons, input, etc. in night mode */<br /> html.skin-theme-clientpref-night button,<br /> html.skin-theme-clientpref-night .mw-ui-button,<br /> html.skin-theme-clientpref-night input[type=submit],<br /> html.skin-theme-clientpref-night input[type=button],<br /> html.skin-theme-clientpref-night .oo-ui-buttonElement-button {<br /> background-color: #6272a4 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> html.skin-theme-clientpref-night button:hover,<br /> html.skin-theme-clientpref-night .mw-ui-button:hover,<br /> html.skin-theme-clientpref-night .oo-ui-buttonElement-button:hover {<br /> background-color: #ff79c6 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Tables, pre/code, etc. in night mode */<br /> html.skin-theme-clientpref-night table,<br /> html.skin-theme-clientpref-night th,<br /> html.skin-theme-clientpref-night td {<br /> background-color: #101418 !important;<br /> border-color: #6272a4 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> html.skin-theme-clientpref-night th {<br /> background-color: #101418 !important;<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-night pre,<br /> html.skin-theme-clientpref-night code,<br /> html.skin-theme-clientpref-night .mw-code {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> border: 1px solid #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-night #footer,<br /> html.skin-theme-clientpref-night .mw-footer,<br /> html.skin-theme-clientpref-night #mw-panel,<br /> html.skin-theme-clientpref-night .vector-sidebar-container {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* --------------------------<br /> Now: Day mode (light) overrides<br /> Flip background/text, but keep accents / borders consistent<br /> ---------------------------- */<br /> <br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022 {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Containers in day mode */<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 .mw-body {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Links, headings in day mode */<br /> html.skin-theme-clientpref-day a,<br /> html.skin-theme-clientpref-day .mw-body a {<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-day a:visited {<br /> color: #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-day a:hover,<br /> html.skin-theme-clientpref-day a:focus {<br /> color: #ff5555 !important;<br /> }<br /> html.skin-theme-clientpref-day h1, h2, h3, h4, h5, h6 {<br /> color: #ff79c6 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* Buttons, inputs in day mode */<br /> html.skin-theme-clientpref-day button,<br /> html.skin-theme-clientpref-day .mw-ui-button,<br /> html.skin-theme-clientpref-day input[type=submit],<br /> html.skin-theme-clientpref-day input[type=button],<br /> html.skin-theme-clientpref-day .oo-ui-buttonElement-button {<br /> background-color: #6272a4 !important;<br /> color: #101418 !important;<br /> }<br /> html.skin-theme-clientpref-day button:hover,<br /> html.skin-theme-clientpref-day .mw-ui-button:hover,<br /> html.skin-theme-clientpref-day .oo-ui-buttonElement-button:hover {<br /> background-color: #ff79c6 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Tables, pre/code, etc. in day mode */<br /> html.skin-theme-clientpref-day table,<br /> html.skin-theme-clientpref-day th,<br /> html.skin-theme-clientpref-day td {<br /> background-color: #f8f8f2 !important;<br /> border-color: #6272a4 !important;<br /> color: #101418 !important;<br /> }<br /> html.skin-theme-clientpref-day th {<br /> background-color: #f8f8f2 !important;<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-day pre,<br /> html.skin-theme-clientpref-day code,<br /> html.skin-theme-clientpref-day .mw-code {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> border: 1px solid #6272a4 !important;<br /> }<br /> <br /> /* Footer, sidebar day mode */<br /> html.skin-theme-clientpref-day #footer,<br /> html.skin-theme-clientpref-day .mw-footer,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .vector-sidebar-container {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Selection highlight works across both modes */<br /> ::selection {<br /> background: #ff79c6 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* NIGHT MODE — outer background consistency */<br /> html.skin-theme-clientpref-night,<br /> html.skin-theme-clientpref-os-dark,<br /> html.skin-theme-clientpref-night body,<br /> html.skin-theme-clientpref-os-dark body,<br /> html.skin-theme-clientpref-night body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-dark body.skin-vector-2022,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 .mw-body,<br /> html.skin-theme-clientpref-night .vector-header,<br /> html.skin-theme-clientpref-night .vector-body,<br /> html.skin-theme-clientpref-night .vector-page-tools,<br /> html.skin-theme-clientpref-night .vector-toc,<br /> html.skin-theme-clientpref-night #mw-panel {<br /> background-color: #101418 !important;<br /> }<br /> <br /> /* LIGHT MODE — outer background consistency */<br /> html.skin-theme-clientpref-day,<br /> html.skin-theme-clientpref-os-light,<br /> html.skin-theme-clientpref-day body,<br /> html.skin-theme-clientpref-os-light body,<br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 .mw-body,<br /> html.skin-theme-clientpref-day .vector-header,<br /> html.skin-theme-clientpref-day .vector-body,<br /> html.skin-theme-clientpref-day .vector-page-tools,<br /> html.skin-theme-clientpref-day .vector-toc,<br /> html.skin-theme-clientpref-day #mw-panel {<br /> background-color: #f8f8f2 !important;<br /> }<br /> <br /> /* Light mode unified background for all page layers */<br /> html.skin-theme-clientpref-day,<br /> html.skin-theme-clientpref-os-light,<br /> html.skin-theme-clientpref-day body,<br /> html.skin-theme-clientpref-os-light body,<br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022,<br /> html.skin-theme-clientpref-day .vector-page,<br /> html.skin-theme-clientpref-day .mw-page-container,<br /> html.skin-theme-clientpref-day .mw-footer-container,<br /> html.skin-theme-clientpref-day .vector-header-start,<br /> html.skin-theme-clientpref-day .vector-header-end,<br /> html.skin-theme-clientpref-day .mw-body,<br /> html.skin-theme-clientpref-day .mw-body-content,<br /> html.skin-theme-clientpref-day .vector-body,<br /> html.skin-theme-clientpref-day .vector-body-before-content,<br /> html.skin-theme-clientpref-day #mw-content-container,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .mw-workspace-container {<br /> background-color: #f8f8f2 !important;<br /> }<br /> <br /> /* Slightly darker separator lines (optional, to match the theme) */<br /> html.skin-theme-clientpref-day hr,<br /> html.skin-theme-clientpref-day .vector-divider {<br /> border-color: #e0dfd9 !important;<br /> }<br /> <br /> /* =====================================<br /> Light Mode — Sidebar &amp; menu background fix<br /> ===================================== */<br /> <br /> html.skin-theme-clientpref-day .vector-sidebar-container,<br /> html.skin-theme-clientpref-os-light .vector-sidebar-container,<br /> html.skin-theme-clientpref-day .vector-main-menu,<br /> html.skin-theme-clientpref-day .vector-menu-content,<br /> html.skin-theme-clientpref-day .vector-page-toolbar,<br /> html.skin-theme-clientpref-day .vector-toc,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .mw-sidebar {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Keep sidebar &quot;Contents&quot; section headers consistent */<br /> html.skin-theme-clientpref-day .vector-menu-heading,<br /> html.skin-theme-clientpref-day .vector-toc-heading {<br /> background-color: #f8f8f2 !important;<br /> color: #ff79c6 !important;<br /> }<br /> <br /> /* Sidebar link hover color to match theme */<br /> html.skin-theme-clientpref-day .vector-menu-content a:hover {<br /> color: #ff5555 !important;<br /> }<br /> <br /> /* --- Fix white background on .vector-pinned-container --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-pinned-container {<br /> background-color: #101418 !important; /* your dark background */<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-pinned-container {<br /> background-color: #f8f8f2 !important; /* your light container tone */<br /> color: #101418 !important;<br /> }<br /> <br /> /* Make sure inner panels inherit the correct color */<br /> html.skin-theme-clientpref-night .vector-pinned-container * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> html.skin-theme-clientpref-day .vector-pinned-container * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> /* --- Fix white background on dropdown menus --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-dropdown-content,<br /> html.skin-theme-clientpref-night .vector-dropdown-content * {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-dropdown-content,<br /> html.skin-theme-clientpref-day .vector-dropdown-content * {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* --- Final background patch for bottom white stripe --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-sitenotice-container,<br /> html.skin-theme-clientpref-night .vector-column-start {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-sitenotice-container,<br /> html.skin-theme-clientpref-day .vector-column-start {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Ensure children inherit correctly */<br /> html.skin-theme-clientpref-night .vector-sitenotice-container *,<br /> html.skin-theme-clientpref-night .vector-column-start * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> html.skin-theme-clientpref-day .vector-sitenotice-container *,<br /> html.skin-theme-clientpref-day .vector-column-start * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> /* Remove the white shadow explicitly */<br /> .box-shadow-color-inverted {<br /> box-shadow: none !important;<br /> -webkit-box-shadow: none !important;<br /> }<br /> <br /> /* Infobox: character */<br /> .infobox-character {<br /> border: 1px solid #6272a4;<br /> background: #101418; /* dark background (night mode) */<br /> color: #f8f8f2;<br /> padding: 0.25em;<br /> margin: 0.6em 0;<br /> font-size: 0.92em;<br /> line-height:1.25;<br /> float: right;<br /> clear: right;<br /> max-width: 22em;<br /> }<br /> <br /> /* heading/title row in infobox (handled by template's inline style, but safe fallback) */<br /> .infobox-character &gt; caption,<br /> .infobox-character .infobox-title,<br /> .infobox-character th {<br /> color: #ff79c6;<br /> background: transparent;<br /> font-weight: bold;<br /> }<br /> <br /> /* label cells */<br /> .infobox-character td:first-child,<br /> .infobox-character th {<br /> background: transparent;<br /> color: #f8f8f2;<br /> vertical-align: top;<br /> padding-right: 0.4em;<br /> white-space: nowrap;<br /> }<br /> <br /> /* value cells */<br /> .infobox-character td:nth-child(2) {<br /> background: transparent;<br /> color: #f8f8f2;<br /> padding-left: 0.4em;<br /> }<br /> <br /> /* image styling */<br /> .infobox-character img,<br /> .infobox-character .thumbimage {<br /> display:block;<br /> margin: 0.4em auto;<br /> max-width: 95%;<br /> height: auto;<br /> }<br /> <br /> /* Light-mode overrides (if you use the vector day/night selectors) */<br /> html.skin-theme-clientpref-day .infobox-character {<br /> background: #f8f8f2;<br /> color: #101418;<br /> border: 1px solid #6272a4;<br /> }<br /> html.skin-theme-clientpref-day .infobox-character th {<br /> color: #ff79c6;<br /> }<br /> <br /> /* Hide stray VisualEditor &lt;p&gt;&lt;br&gt;&lt;/p&gt; after infoboxes */<br /> .mw-parser-output .infobox + p:has(br) {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* === Mobile Infobox Layout Fix === */<br /> @media (max-width: 768px) {<br /> /* Force infoboxes to drop below text and use full width */<br /> .infobox {<br /> float: none !important;<br /> margin: 1em auto !important;<br /> width: 100% !important;<br /> max-width: 100% !important;<br /> clear: both !important;<br /> display: block !important;<br /> }<br /> <br /> /* Slight padding and center alignment for aesthetics */<br /> .infobox th,<br /> .infobox td {<br /> padding: 0.4em !important;<br /> }<br /> <br /> /* Make sure text wraps nicely */<br /> .infobox td,<br /> .infobox th {<br /> word-wrap: break-word !important;<br /> }<br /> }<br /> <br /> /* === Desktop: show full wordmark === */<br /> .mw-logo-icon { display: none !important; }<br /> .mw-logo-wordmark { display: inline-block !important; }<br /> <br /> /* === Mobile (under 768px): hide wordmark, show square icon === */<br /> @media (max-width: 768px) {<br /> .mw-logo-wordmark { display: none !important; }<br /> .mw-logo-icon {<br /> display: inline-block !important;<br /> content: url(&quot;https://untenables.com/images/2/26/Favicon.png&quot;);<br /> width: 42px;<br /> height: auto;<br /> margin-top: 4px;<br /> }<br /> }</div> UntenableJinx https://untenables.com/index.php?title=MediaWiki:Common.css&diff=151 MediaWiki:Common.css 2025-10-20T19:30:00Z <p>UntenableJinx: </p> <hr /> <div>/* ============================<br /> Untenables Wiki — Dual Light / Night mode CSS for Vector 2022<br /> Palette:<br /> Dark: #101418<br /> Text (cream): #f8f8f2<br /> Accent: #ff79c6<br /> Secondary / Blue-grey: #6272a4<br /> Alert / Red: #ff5555<br /> ============================ */<br /> <br /> /* Defaults in night mode (dark) */<br /> html.skin-theme-clientpref-night body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-dark body.skin-vector-2022 {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Containers in night mode */<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 .mw-body {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Night mode — links, headings, accents */<br /> html.skin-theme-clientpref-night a,<br /> html.skin-theme-clientpref-night .mw-body a {<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-night a:visited {<br /> color: #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-night a:hover,<br /> html.skin-theme-clientpref-night a:focus {<br /> color: #ff5555 !important;<br /> }<br /> html.skin-theme-clientpref-night h1, h2, h3, h4, h5, h6 {<br /> color: #ff79c6 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* Buttons, input, etc. in night mode */<br /> html.skin-theme-clientpref-night button,<br /> html.skin-theme-clientpref-night .mw-ui-button,<br /> html.skin-theme-clientpref-night input[type=submit],<br /> html.skin-theme-clientpref-night input[type=button],<br /> html.skin-theme-clientpref-night .oo-ui-buttonElement-button {<br /> background-color: #6272a4 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> html.skin-theme-clientpref-night button:hover,<br /> html.skin-theme-clientpref-night .mw-ui-button:hover,<br /> html.skin-theme-clientpref-night .oo-ui-buttonElement-button:hover {<br /> background-color: #ff79c6 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Tables, pre/code, etc. in night mode */<br /> html.skin-theme-clientpref-night table,<br /> html.skin-theme-clientpref-night th,<br /> html.skin-theme-clientpref-night td {<br /> background-color: #101418 !important;<br /> border-color: #6272a4 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> html.skin-theme-clientpref-night th {<br /> background-color: #101418 !important;<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-night pre,<br /> html.skin-theme-clientpref-night code,<br /> html.skin-theme-clientpref-night .mw-code {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> border: 1px solid #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-night #footer,<br /> html.skin-theme-clientpref-night .mw-footer,<br /> html.skin-theme-clientpref-night #mw-panel,<br /> html.skin-theme-clientpref-night .vector-sidebar-container {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* --------------------------<br /> Now: Day mode (light) overrides<br /> Flip background/text, but keep accents / borders consistent<br /> ---------------------------- */<br /> <br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022 {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Containers in day mode */<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 .mw-body {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Links, headings in day mode */<br /> html.skin-theme-clientpref-day a,<br /> html.skin-theme-clientpref-day .mw-body a {<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-day a:visited {<br /> color: #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-day a:hover,<br /> html.skin-theme-clientpref-day a:focus {<br /> color: #ff5555 !important;<br /> }<br /> html.skin-theme-clientpref-day h1, h2, h3, h4, h5, h6 {<br /> color: #ff79c6 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* Buttons, inputs in day mode */<br /> html.skin-theme-clientpref-day button,<br /> html.skin-theme-clientpref-day .mw-ui-button,<br /> html.skin-theme-clientpref-day input[type=submit],<br /> html.skin-theme-clientpref-day input[type=button],<br /> html.skin-theme-clientpref-day .oo-ui-buttonElement-button {<br /> background-color: #6272a4 !important;<br /> color: #101418 !important;<br /> }<br /> html.skin-theme-clientpref-day button:hover,<br /> html.skin-theme-clientpref-day .mw-ui-button:hover,<br /> html.skin-theme-clientpref-day .oo-ui-buttonElement-button:hover {<br /> background-color: #ff79c6 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Tables, pre/code, etc. in day mode */<br /> html.skin-theme-clientpref-day table,<br /> html.skin-theme-clientpref-day th,<br /> html.skin-theme-clientpref-day td {<br /> background-color: #f8f8f2 !important;<br /> border-color: #6272a4 !important;<br /> color: #101418 !important;<br /> }<br /> html.skin-theme-clientpref-day th {<br /> background-color: #f8f8f2 !important;<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-day pre,<br /> html.skin-theme-clientpref-day code,<br /> html.skin-theme-clientpref-day .mw-code {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> border: 1px solid #6272a4 !important;<br /> }<br /> <br /> /* Footer, sidebar day mode */<br /> html.skin-theme-clientpref-day #footer,<br /> html.skin-theme-clientpref-day .mw-footer,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .vector-sidebar-container {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Selection highlight works across both modes */<br /> ::selection {<br /> background: #ff79c6 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* NIGHT MODE — outer background consistency */<br /> html.skin-theme-clientpref-night,<br /> html.skin-theme-clientpref-os-dark,<br /> html.skin-theme-clientpref-night body,<br /> html.skin-theme-clientpref-os-dark body,<br /> html.skin-theme-clientpref-night body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-dark body.skin-vector-2022,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 .mw-body,<br /> html.skin-theme-clientpref-night .vector-header,<br /> html.skin-theme-clientpref-night .vector-body,<br /> html.skin-theme-clientpref-night .vector-page-tools,<br /> html.skin-theme-clientpref-night .vector-toc,<br /> html.skin-theme-clientpref-night #mw-panel {<br /> background-color: #101418 !important;<br /> }<br /> <br /> /* LIGHT MODE — outer background consistency */<br /> html.skin-theme-clientpref-day,<br /> html.skin-theme-clientpref-os-light,<br /> html.skin-theme-clientpref-day body,<br /> html.skin-theme-clientpref-os-light body,<br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 .mw-body,<br /> html.skin-theme-clientpref-day .vector-header,<br /> html.skin-theme-clientpref-day .vector-body,<br /> html.skin-theme-clientpref-day .vector-page-tools,<br /> html.skin-theme-clientpref-day .vector-toc,<br /> html.skin-theme-clientpref-day #mw-panel {<br /> background-color: #f8f8f2 !important;<br /> }<br /> <br /> /* Light mode unified background for all page layers */<br /> html.skin-theme-clientpref-day,<br /> html.skin-theme-clientpref-os-light,<br /> html.skin-theme-clientpref-day body,<br /> html.skin-theme-clientpref-os-light body,<br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022,<br /> html.skin-theme-clientpref-day .vector-page,<br /> html.skin-theme-clientpref-day .mw-page-container,<br /> html.skin-theme-clientpref-day .mw-footer-container,<br /> html.skin-theme-clientpref-day .vector-header-start,<br /> html.skin-theme-clientpref-day .vector-header-end,<br /> html.skin-theme-clientpref-day .mw-body,<br /> html.skin-theme-clientpref-day .mw-body-content,<br /> html.skin-theme-clientpref-day .vector-body,<br /> html.skin-theme-clientpref-day .vector-body-before-content,<br /> html.skin-theme-clientpref-day #mw-content-container,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .mw-workspace-container {<br /> background-color: #f8f8f2 !important;<br /> }<br /> <br /> /* Slightly darker separator lines (optional, to match the theme) */<br /> html.skin-theme-clientpref-day hr,<br /> html.skin-theme-clientpref-day .vector-divider {<br /> border-color: #e0dfd9 !important;<br /> }<br /> <br /> /* =====================================<br /> Light Mode — Sidebar &amp; menu background fix<br /> ===================================== */<br /> <br /> html.skin-theme-clientpref-day .vector-sidebar-container,<br /> html.skin-theme-clientpref-os-light .vector-sidebar-container,<br /> html.skin-theme-clientpref-day .vector-main-menu,<br /> html.skin-theme-clientpref-day .vector-menu-content,<br /> html.skin-theme-clientpref-day .vector-page-toolbar,<br /> html.skin-theme-clientpref-day .vector-toc,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .mw-sidebar {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Keep sidebar &quot;Contents&quot; section headers consistent */<br /> html.skin-theme-clientpref-day .vector-menu-heading,<br /> html.skin-theme-clientpref-day .vector-toc-heading {<br /> background-color: #f8f8f2 !important;<br /> color: #ff79c6 !important;<br /> }<br /> <br /> /* Sidebar link hover color to match theme */<br /> html.skin-theme-clientpref-day .vector-menu-content a:hover {<br /> color: #ff5555 !important;<br /> }<br /> <br /> /* --- Fix white background on .vector-pinned-container --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-pinned-container {<br /> background-color: #101418 !important; /* your dark background */<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-pinned-container {<br /> background-color: #f8f8f2 !important; /* your light container tone */<br /> color: #101418 !important;<br /> }<br /> <br /> /* Make sure inner panels inherit the correct color */<br /> html.skin-theme-clientpref-night .vector-pinned-container * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> html.skin-theme-clientpref-day .vector-pinned-container * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> /* --- Fix white background on dropdown menus --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-dropdown-content,<br /> html.skin-theme-clientpref-night .vector-dropdown-content * {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-dropdown-content,<br /> html.skin-theme-clientpref-day .vector-dropdown-content * {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* --- Final background patch for bottom white stripe --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-sitenotice-container,<br /> html.skin-theme-clientpref-night .vector-column-start {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-sitenotice-container,<br /> html.skin-theme-clientpref-day .vector-column-start {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Ensure children inherit correctly */<br /> html.skin-theme-clientpref-night .vector-sitenotice-container *,<br /> html.skin-theme-clientpref-night .vector-column-start * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> html.skin-theme-clientpref-day .vector-sitenotice-container *,<br /> html.skin-theme-clientpref-day .vector-column-start * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> /* Remove the white shadow explicitly */<br /> .box-shadow-color-inverted {<br /> box-shadow: none !important;<br /> -webkit-box-shadow: none !important;<br /> }<br /> <br /> /* Infobox: character */<br /> .infobox-character {<br /> border: 1px solid #6272a4;<br /> background: #101418; /* dark background (night mode) */<br /> color: #f8f8f2;<br /> padding: 0.25em;<br /> margin: 0.6em 0;<br /> font-size: 0.92em;<br /> line-height:1.25;<br /> float: right;<br /> clear: right;<br /> max-width: 22em;<br /> }<br /> <br /> /* heading/title row in infobox (handled by template's inline style, but safe fallback) */<br /> .infobox-character &gt; caption,<br /> .infobox-character .infobox-title,<br /> .infobox-character th {<br /> color: #ff79c6;<br /> background: transparent;<br /> font-weight: bold;<br /> }<br /> <br /> /* label cells */<br /> .infobox-character td:first-child,<br /> .infobox-character th {<br /> background: transparent;<br /> color: #f8f8f2;<br /> vertical-align: top;<br /> padding-right: 0.4em;<br /> white-space: nowrap;<br /> }<br /> <br /> /* value cells */<br /> .infobox-character td:nth-child(2) {<br /> background: transparent;<br /> color: #f8f8f2;<br /> padding-left: 0.4em;<br /> }<br /> <br /> /* image styling */<br /> .infobox-character img,<br /> .infobox-character .thumbimage {<br /> display:block;<br /> margin: 0.4em auto;<br /> max-width: 95%;<br /> height: auto;<br /> }<br /> <br /> /* Light-mode overrides (if you use the vector day/night selectors) */<br /> html.skin-theme-clientpref-day .infobox-character {<br /> background: #f8f8f2;<br /> color: #101418;<br /> border: 1px solid #6272a4;<br /> }<br /> html.skin-theme-clientpref-day .infobox-character th {<br /> color: #ff79c6;<br /> }<br /> <br /> /* Hide stray VisualEditor &lt;p&gt;&lt;br&gt;&lt;/p&gt; after infoboxes */<br /> .mw-parser-output .infobox + p:has(br) {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* === Mobile Infobox Layout Fix === */<br /> @media (max-width: 768px) {<br /> /* Force infoboxes to drop below text and use full width */<br /> .infobox {<br /> float: none !important;<br /> margin: 1em auto !important;<br /> width: 100% !important;<br /> max-width: 100% !important;<br /> clear: both !important;<br /> display: block !important;<br /> }<br /> <br /> /* Slight padding and center alignment for aesthetics */<br /> .infobox th,<br /> .infobox td {<br /> padding: 0.4em !important;<br /> }<br /> <br /> /* Make sure text wraps nicely */<br /> .infobox td,<br /> .infobox th {<br /> word-wrap: break-word !important;<br /> }<br /> }<br /> <br /> /* --- Responsive logo swap for Vector 2022 --- */<br /> <br /> /* Default (desktop): your wordmark logo */<br /> .mw-logo-wordmark img {<br /> content: url(&quot;https://untenables.com/images/5/57/Untenables_Wiki_Logo_200.png&quot;);<br /> height: auto !important;<br /> max-height: 45px !important;<br /> }<br /> <br /> /* Mobile override: switch to U icon */<br /> @media (max-width: 768px) {<br /> .mw-logo-wordmark img {<br /> content: url(&quot;https://untenables.com/images/2/26/Favicon.png&quot;);<br /> width: 48px !important;<br /> height: auto !important;<br /> }<br /> }</div> UntenableJinx https://untenables.com/index.php?title=MediaWiki:Common.css&diff=150 MediaWiki:Common.css 2025-10-20T19:11:49Z <p>UntenableJinx: </p> <hr /> <div>/* ============================<br /> Untenables Wiki — Dual Light / Night mode CSS for Vector 2022<br /> Palette:<br /> Dark: #101418<br /> Text (cream): #f8f8f2<br /> Accent: #ff79c6<br /> Secondary / Blue-grey: #6272a4<br /> Alert / Red: #ff5555<br /> ============================ */<br /> <br /> /* Defaults in night mode (dark) */<br /> html.skin-theme-clientpref-night body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-dark body.skin-vector-2022 {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Containers in night mode */<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 .mw-body {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Night mode — links, headings, accents */<br /> html.skin-theme-clientpref-night a,<br /> html.skin-theme-clientpref-night .mw-body a {<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-night a:visited {<br /> color: #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-night a:hover,<br /> html.skin-theme-clientpref-night a:focus {<br /> color: #ff5555 !important;<br /> }<br /> html.skin-theme-clientpref-night h1, h2, h3, h4, h5, h6 {<br /> color: #ff79c6 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* Buttons, input, etc. in night mode */<br /> html.skin-theme-clientpref-night button,<br /> html.skin-theme-clientpref-night .mw-ui-button,<br /> html.skin-theme-clientpref-night input[type=submit],<br /> html.skin-theme-clientpref-night input[type=button],<br /> html.skin-theme-clientpref-night .oo-ui-buttonElement-button {<br /> background-color: #6272a4 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> html.skin-theme-clientpref-night button:hover,<br /> html.skin-theme-clientpref-night .mw-ui-button:hover,<br /> html.skin-theme-clientpref-night .oo-ui-buttonElement-button:hover {<br /> background-color: #ff79c6 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Tables, pre/code, etc. in night mode */<br /> html.skin-theme-clientpref-night table,<br /> html.skin-theme-clientpref-night th,<br /> html.skin-theme-clientpref-night td {<br /> background-color: #101418 !important;<br /> border-color: #6272a4 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> html.skin-theme-clientpref-night th {<br /> background-color: #101418 !important;<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-night pre,<br /> html.skin-theme-clientpref-night code,<br /> html.skin-theme-clientpref-night .mw-code {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> border: 1px solid #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-night #footer,<br /> html.skin-theme-clientpref-night .mw-footer,<br /> html.skin-theme-clientpref-night #mw-panel,<br /> html.skin-theme-clientpref-night .vector-sidebar-container {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* --------------------------<br /> Now: Day mode (light) overrides<br /> Flip background/text, but keep accents / borders consistent<br /> ---------------------------- */<br /> <br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022 {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Containers in day mode */<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 .mw-body {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Links, headings in day mode */<br /> html.skin-theme-clientpref-day a,<br /> html.skin-theme-clientpref-day .mw-body a {<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-day a:visited {<br /> color: #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-day a:hover,<br /> html.skin-theme-clientpref-day a:focus {<br /> color: #ff5555 !important;<br /> }<br /> html.skin-theme-clientpref-day h1, h2, h3, h4, h5, h6 {<br /> color: #ff79c6 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* Buttons, inputs in day mode */<br /> html.skin-theme-clientpref-day button,<br /> html.skin-theme-clientpref-day .mw-ui-button,<br /> html.skin-theme-clientpref-day input[type=submit],<br /> html.skin-theme-clientpref-day input[type=button],<br /> html.skin-theme-clientpref-day .oo-ui-buttonElement-button {<br /> background-color: #6272a4 !important;<br /> color: #101418 !important;<br /> }<br /> html.skin-theme-clientpref-day button:hover,<br /> html.skin-theme-clientpref-day .mw-ui-button:hover,<br /> html.skin-theme-clientpref-day .oo-ui-buttonElement-button:hover {<br /> background-color: #ff79c6 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Tables, pre/code, etc. in day mode */<br /> html.skin-theme-clientpref-day table,<br /> html.skin-theme-clientpref-day th,<br /> html.skin-theme-clientpref-day td {<br /> background-color: #f8f8f2 !important;<br /> border-color: #6272a4 !important;<br /> color: #101418 !important;<br /> }<br /> html.skin-theme-clientpref-day th {<br /> background-color: #f8f8f2 !important;<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-day pre,<br /> html.skin-theme-clientpref-day code,<br /> html.skin-theme-clientpref-day .mw-code {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> border: 1px solid #6272a4 !important;<br /> }<br /> <br /> /* Footer, sidebar day mode */<br /> html.skin-theme-clientpref-day #footer,<br /> html.skin-theme-clientpref-day .mw-footer,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .vector-sidebar-container {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Selection highlight works across both modes */<br /> ::selection {<br /> background: #ff79c6 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* NIGHT MODE — outer background consistency */<br /> html.skin-theme-clientpref-night,<br /> html.skin-theme-clientpref-os-dark,<br /> html.skin-theme-clientpref-night body,<br /> html.skin-theme-clientpref-os-dark body,<br /> html.skin-theme-clientpref-night body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-dark body.skin-vector-2022,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 .mw-body,<br /> html.skin-theme-clientpref-night .vector-header,<br /> html.skin-theme-clientpref-night .vector-body,<br /> html.skin-theme-clientpref-night .vector-page-tools,<br /> html.skin-theme-clientpref-night .vector-toc,<br /> html.skin-theme-clientpref-night #mw-panel {<br /> background-color: #101418 !important;<br /> }<br /> <br /> /* LIGHT MODE — outer background consistency */<br /> html.skin-theme-clientpref-day,<br /> html.skin-theme-clientpref-os-light,<br /> html.skin-theme-clientpref-day body,<br /> html.skin-theme-clientpref-os-light body,<br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 .mw-body,<br /> html.skin-theme-clientpref-day .vector-header,<br /> html.skin-theme-clientpref-day .vector-body,<br /> html.skin-theme-clientpref-day .vector-page-tools,<br /> html.skin-theme-clientpref-day .vector-toc,<br /> html.skin-theme-clientpref-day #mw-panel {<br /> background-color: #f8f8f2 !important;<br /> }<br /> <br /> /* Light mode unified background for all page layers */<br /> html.skin-theme-clientpref-day,<br /> html.skin-theme-clientpref-os-light,<br /> html.skin-theme-clientpref-day body,<br /> html.skin-theme-clientpref-os-light body,<br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022,<br /> html.skin-theme-clientpref-day .vector-page,<br /> html.skin-theme-clientpref-day .mw-page-container,<br /> html.skin-theme-clientpref-day .mw-footer-container,<br /> html.skin-theme-clientpref-day .vector-header-start,<br /> html.skin-theme-clientpref-day .vector-header-end,<br /> html.skin-theme-clientpref-day .mw-body,<br /> html.skin-theme-clientpref-day .mw-body-content,<br /> html.skin-theme-clientpref-day .vector-body,<br /> html.skin-theme-clientpref-day .vector-body-before-content,<br /> html.skin-theme-clientpref-day #mw-content-container,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .mw-workspace-container {<br /> background-color: #f8f8f2 !important;<br /> }<br /> <br /> /* Slightly darker separator lines (optional, to match the theme) */<br /> html.skin-theme-clientpref-day hr,<br /> html.skin-theme-clientpref-day .vector-divider {<br /> border-color: #e0dfd9 !important;<br /> }<br /> <br /> /* =====================================<br /> Light Mode — Sidebar &amp; menu background fix<br /> ===================================== */<br /> <br /> html.skin-theme-clientpref-day .vector-sidebar-container,<br /> html.skin-theme-clientpref-os-light .vector-sidebar-container,<br /> html.skin-theme-clientpref-day .vector-main-menu,<br /> html.skin-theme-clientpref-day .vector-menu-content,<br /> html.skin-theme-clientpref-day .vector-page-toolbar,<br /> html.skin-theme-clientpref-day .vector-toc,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .mw-sidebar {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Keep sidebar &quot;Contents&quot; section headers consistent */<br /> html.skin-theme-clientpref-day .vector-menu-heading,<br /> html.skin-theme-clientpref-day .vector-toc-heading {<br /> background-color: #f8f8f2 !important;<br /> color: #ff79c6 !important;<br /> }<br /> <br /> /* Sidebar link hover color to match theme */<br /> html.skin-theme-clientpref-day .vector-menu-content a:hover {<br /> color: #ff5555 !important;<br /> }<br /> <br /> /* --- Fix white background on .vector-pinned-container --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-pinned-container {<br /> background-color: #101418 !important; /* your dark background */<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-pinned-container {<br /> background-color: #f8f8f2 !important; /* your light container tone */<br /> color: #101418 !important;<br /> }<br /> <br /> /* Make sure inner panels inherit the correct color */<br /> html.skin-theme-clientpref-night .vector-pinned-container * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> html.skin-theme-clientpref-day .vector-pinned-container * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> /* --- Fix white background on dropdown menus --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-dropdown-content,<br /> html.skin-theme-clientpref-night .vector-dropdown-content * {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-dropdown-content,<br /> html.skin-theme-clientpref-day .vector-dropdown-content * {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* --- Final background patch for bottom white stripe --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-sitenotice-container,<br /> html.skin-theme-clientpref-night .vector-column-start {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-sitenotice-container,<br /> html.skin-theme-clientpref-day .vector-column-start {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Ensure children inherit correctly */<br /> html.skin-theme-clientpref-night .vector-sitenotice-container *,<br /> html.skin-theme-clientpref-night .vector-column-start * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> html.skin-theme-clientpref-day .vector-sitenotice-container *,<br /> html.skin-theme-clientpref-day .vector-column-start * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> /* Remove the white shadow explicitly */<br /> .box-shadow-color-inverted {<br /> box-shadow: none !important;<br /> -webkit-box-shadow: none !important;<br /> }<br /> <br /> /* Infobox: character */<br /> .infobox-character {<br /> border: 1px solid #6272a4;<br /> background: #101418; /* dark background (night mode) */<br /> color: #f8f8f2;<br /> padding: 0.25em;<br /> margin: 0.6em 0;<br /> font-size: 0.92em;<br /> line-height:1.25;<br /> float: right;<br /> clear: right;<br /> max-width: 22em;<br /> }<br /> <br /> /* heading/title row in infobox (handled by template's inline style, but safe fallback) */<br /> .infobox-character &gt; caption,<br /> .infobox-character .infobox-title,<br /> .infobox-character th {<br /> color: #ff79c6;<br /> background: transparent;<br /> font-weight: bold;<br /> }<br /> <br /> /* label cells */<br /> .infobox-character td:first-child,<br /> .infobox-character th {<br /> background: transparent;<br /> color: #f8f8f2;<br /> vertical-align: top;<br /> padding-right: 0.4em;<br /> white-space: nowrap;<br /> }<br /> <br /> /* value cells */<br /> .infobox-character td:nth-child(2) {<br /> background: transparent;<br /> color: #f8f8f2;<br /> padding-left: 0.4em;<br /> }<br /> <br /> /* image styling */<br /> .infobox-character img,<br /> .infobox-character .thumbimage {<br /> display:block;<br /> margin: 0.4em auto;<br /> max-width: 95%;<br /> height: auto;<br /> }<br /> <br /> /* Light-mode overrides (if you use the vector day/night selectors) */<br /> html.skin-theme-clientpref-day .infobox-character {<br /> background: #f8f8f2;<br /> color: #101418;<br /> border: 1px solid #6272a4;<br /> }<br /> html.skin-theme-clientpref-day .infobox-character th {<br /> color: #ff79c6;<br /> }<br /> <br /> /* Hide stray VisualEditor &lt;p&gt;&lt;br&gt;&lt;/p&gt; after infoboxes */<br /> .mw-parser-output .infobox + p:has(br) {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* === Mobile Infobox Layout Fix === */<br /> @media (max-width: 768px) {<br /> /* Force infoboxes to drop below text and use full width */<br /> .infobox {<br /> float: none !important;<br /> margin: 1em auto !important;<br /> width: 100% !important;<br /> max-width: 100% !important;<br /> clear: both !important;<br /> display: block !important;<br /> }<br /> <br /> /* Slight padding and center alignment for aesthetics */<br /> .infobox th,<br /> .infobox td {<br /> padding: 0.4em !important;<br /> }<br /> <br /> /* Make sure text wraps nicely */<br /> .infobox td,<br /> .infobox th {<br /> word-wrap: break-word !important;<br /> }<br /> }<br /> <br /> /* === Force mobile ‘U’ icon logo and hide wordmark on narrow screens === */<br /> @media (max-width: 768px) {<br /> /* Hide your wide wordmark logo */<br /> .mw-logo-wordmark img[src*=&quot;Untenables_Wiki_Logo_200.png&quot;],<br /> .branding-box img[src*=&quot;Untenables_Wiki_Logo_200.png&quot;] {<br /> display: none !important;<br /> }<br /> <br /> /* Show your U favicon/logo instead */<br /> .mw-logo img[src*=&quot;Favicon.png&quot;],<br /> .branding-box img[src*=&quot;Favicon.png&quot;] {<br /> display: inline-block !important;<br /> max-width: 48px !important;<br /> height: auto !important;<br /> margin: 0 auto !important;<br /> visibility: visible !important;<br /> }<br /> }</div> UntenableJinx https://untenables.com/index.php?title=MediaWiki:Common.css&diff=139 MediaWiki:Common.css 2025-10-20T09:41:47Z <p>UntenableJinx: </p> <hr /> <div>/* ============================<br /> Untenables Wiki — Dual Light / Night mode CSS for Vector 2022<br /> Palette:<br /> Dark: #101418<br /> Text (cream): #f8f8f2<br /> Accent: #ff79c6<br /> Secondary / Blue-grey: #6272a4<br /> Alert / Red: #ff5555<br /> ============================ */<br /> <br /> /* Defaults in night mode (dark) */<br /> html.skin-theme-clientpref-night body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-dark body.skin-vector-2022 {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Containers in night mode */<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 .mw-body {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Night mode — links, headings, accents */<br /> html.skin-theme-clientpref-night a,<br /> html.skin-theme-clientpref-night .mw-body a {<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-night a:visited {<br /> color: #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-night a:hover,<br /> html.skin-theme-clientpref-night a:focus {<br /> color: #ff5555 !important;<br /> }<br /> html.skin-theme-clientpref-night h1, h2, h3, h4, h5, h6 {<br /> color: #ff79c6 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* Buttons, input, etc. in night mode */<br /> html.skin-theme-clientpref-night button,<br /> html.skin-theme-clientpref-night .mw-ui-button,<br /> html.skin-theme-clientpref-night input[type=submit],<br /> html.skin-theme-clientpref-night input[type=button],<br /> html.skin-theme-clientpref-night .oo-ui-buttonElement-button {<br /> background-color: #6272a4 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> html.skin-theme-clientpref-night button:hover,<br /> html.skin-theme-clientpref-night .mw-ui-button:hover,<br /> html.skin-theme-clientpref-night .oo-ui-buttonElement-button:hover {<br /> background-color: #ff79c6 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Tables, pre/code, etc. in night mode */<br /> html.skin-theme-clientpref-night table,<br /> html.skin-theme-clientpref-night th,<br /> html.skin-theme-clientpref-night td {<br /> background-color: #101418 !important;<br /> border-color: #6272a4 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> html.skin-theme-clientpref-night th {<br /> background-color: #101418 !important;<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-night pre,<br /> html.skin-theme-clientpref-night code,<br /> html.skin-theme-clientpref-night .mw-code {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> border: 1px solid #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-night #footer,<br /> html.skin-theme-clientpref-night .mw-footer,<br /> html.skin-theme-clientpref-night #mw-panel,<br /> html.skin-theme-clientpref-night .vector-sidebar-container {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* --------------------------<br /> Now: Day mode (light) overrides<br /> Flip background/text, but keep accents / borders consistent<br /> ---------------------------- */<br /> <br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022 {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Containers in day mode */<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 .mw-body {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Links, headings in day mode */<br /> html.skin-theme-clientpref-day a,<br /> html.skin-theme-clientpref-day .mw-body a {<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-day a:visited {<br /> color: #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-day a:hover,<br /> html.skin-theme-clientpref-day a:focus {<br /> color: #ff5555 !important;<br /> }<br /> html.skin-theme-clientpref-day h1, h2, h3, h4, h5, h6 {<br /> color: #ff79c6 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* Buttons, inputs in day mode */<br /> html.skin-theme-clientpref-day button,<br /> html.skin-theme-clientpref-day .mw-ui-button,<br /> html.skin-theme-clientpref-day input[type=submit],<br /> html.skin-theme-clientpref-day input[type=button],<br /> html.skin-theme-clientpref-day .oo-ui-buttonElement-button {<br /> background-color: #6272a4 !important;<br /> color: #101418 !important;<br /> }<br /> html.skin-theme-clientpref-day button:hover,<br /> html.skin-theme-clientpref-day .mw-ui-button:hover,<br /> html.skin-theme-clientpref-day .oo-ui-buttonElement-button:hover {<br /> background-color: #ff79c6 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Tables, pre/code, etc. in day mode */<br /> html.skin-theme-clientpref-day table,<br /> html.skin-theme-clientpref-day th,<br /> html.skin-theme-clientpref-day td {<br /> background-color: #f8f8f2 !important;<br /> border-color: #6272a4 !important;<br /> color: #101418 !important;<br /> }<br /> html.skin-theme-clientpref-day th {<br /> background-color: #f8f8f2 !important;<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-day pre,<br /> html.skin-theme-clientpref-day code,<br /> html.skin-theme-clientpref-day .mw-code {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> border: 1px solid #6272a4 !important;<br /> }<br /> <br /> /* Footer, sidebar day mode */<br /> html.skin-theme-clientpref-day #footer,<br /> html.skin-theme-clientpref-day .mw-footer,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .vector-sidebar-container {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Selection highlight works across both modes */<br /> ::selection {<br /> background: #ff79c6 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* NIGHT MODE — outer background consistency */<br /> html.skin-theme-clientpref-night,<br /> html.skin-theme-clientpref-os-dark,<br /> html.skin-theme-clientpref-night body,<br /> html.skin-theme-clientpref-os-dark body,<br /> html.skin-theme-clientpref-night body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-dark body.skin-vector-2022,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 .mw-body,<br /> html.skin-theme-clientpref-night .vector-header,<br /> html.skin-theme-clientpref-night .vector-body,<br /> html.skin-theme-clientpref-night .vector-page-tools,<br /> html.skin-theme-clientpref-night .vector-toc,<br /> html.skin-theme-clientpref-night #mw-panel {<br /> background-color: #101418 !important;<br /> }<br /> <br /> /* LIGHT MODE — outer background consistency */<br /> html.skin-theme-clientpref-day,<br /> html.skin-theme-clientpref-os-light,<br /> html.skin-theme-clientpref-day body,<br /> html.skin-theme-clientpref-os-light body,<br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 .mw-body,<br /> html.skin-theme-clientpref-day .vector-header,<br /> html.skin-theme-clientpref-day .vector-body,<br /> html.skin-theme-clientpref-day .vector-page-tools,<br /> html.skin-theme-clientpref-day .vector-toc,<br /> html.skin-theme-clientpref-day #mw-panel {<br /> background-color: #f8f8f2 !important;<br /> }<br /> <br /> /* Light mode unified background for all page layers */<br /> html.skin-theme-clientpref-day,<br /> html.skin-theme-clientpref-os-light,<br /> html.skin-theme-clientpref-day body,<br /> html.skin-theme-clientpref-os-light body,<br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022,<br /> html.skin-theme-clientpref-day .vector-page,<br /> html.skin-theme-clientpref-day .mw-page-container,<br /> html.skin-theme-clientpref-day .mw-footer-container,<br /> html.skin-theme-clientpref-day .vector-header-start,<br /> html.skin-theme-clientpref-day .vector-header-end,<br /> html.skin-theme-clientpref-day .mw-body,<br /> html.skin-theme-clientpref-day .mw-body-content,<br /> html.skin-theme-clientpref-day .vector-body,<br /> html.skin-theme-clientpref-day .vector-body-before-content,<br /> html.skin-theme-clientpref-day #mw-content-container,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .mw-workspace-container {<br /> background-color: #f8f8f2 !important;<br /> }<br /> <br /> /* Slightly darker separator lines (optional, to match the theme) */<br /> html.skin-theme-clientpref-day hr,<br /> html.skin-theme-clientpref-day .vector-divider {<br /> border-color: #e0dfd9 !important;<br /> }<br /> <br /> /* =====================================<br /> Light Mode — Sidebar &amp; menu background fix<br /> ===================================== */<br /> <br /> html.skin-theme-clientpref-day .vector-sidebar-container,<br /> html.skin-theme-clientpref-os-light .vector-sidebar-container,<br /> html.skin-theme-clientpref-day .vector-main-menu,<br /> html.skin-theme-clientpref-day .vector-menu-content,<br /> html.skin-theme-clientpref-day .vector-page-toolbar,<br /> html.skin-theme-clientpref-day .vector-toc,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .mw-sidebar {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Keep sidebar &quot;Contents&quot; section headers consistent */<br /> html.skin-theme-clientpref-day .vector-menu-heading,<br /> html.skin-theme-clientpref-day .vector-toc-heading {<br /> background-color: #f8f8f2 !important;<br /> color: #ff79c6 !important;<br /> }<br /> <br /> /* Sidebar link hover color to match theme */<br /> html.skin-theme-clientpref-day .vector-menu-content a:hover {<br /> color: #ff5555 !important;<br /> }<br /> <br /> /* --- Fix white background on .vector-pinned-container --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-pinned-container {<br /> background-color: #101418 !important; /* your dark background */<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-pinned-container {<br /> background-color: #f8f8f2 !important; /* your light container tone */<br /> color: #101418 !important;<br /> }<br /> <br /> /* Make sure inner panels inherit the correct color */<br /> html.skin-theme-clientpref-night .vector-pinned-container * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> html.skin-theme-clientpref-day .vector-pinned-container * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> /* --- Fix white background on dropdown menus --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-dropdown-content,<br /> html.skin-theme-clientpref-night .vector-dropdown-content * {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-dropdown-content,<br /> html.skin-theme-clientpref-day .vector-dropdown-content * {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* --- Final background patch for bottom white stripe --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-sitenotice-container,<br /> html.skin-theme-clientpref-night .vector-column-start {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-sitenotice-container,<br /> html.skin-theme-clientpref-day .vector-column-start {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Ensure children inherit correctly */<br /> html.skin-theme-clientpref-night .vector-sitenotice-container *,<br /> html.skin-theme-clientpref-night .vector-column-start * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> html.skin-theme-clientpref-day .vector-sitenotice-container *,<br /> html.skin-theme-clientpref-day .vector-column-start * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> /* Remove the white shadow explicitly */<br /> .box-shadow-color-inverted {<br /> box-shadow: none !important;<br /> -webkit-box-shadow: none !important;<br /> }<br /> <br /> /* Infobox: character */<br /> .infobox-character {<br /> border: 1px solid #6272a4;<br /> background: #101418; /* dark background (night mode) */<br /> color: #f8f8f2;<br /> padding: 0.25em;<br /> margin: 0.6em 0;<br /> font-size: 0.92em;<br /> line-height:1.25;<br /> float: right;<br /> clear: right;<br /> max-width: 22em;<br /> }<br /> <br /> /* heading/title row in infobox (handled by template's inline style, but safe fallback) */<br /> .infobox-character &gt; caption,<br /> .infobox-character .infobox-title,<br /> .infobox-character th {<br /> color: #ff79c6;<br /> background: transparent;<br /> font-weight: bold;<br /> }<br /> <br /> /* label cells */<br /> .infobox-character td:first-child,<br /> .infobox-character th {<br /> background: transparent;<br /> color: #f8f8f2;<br /> vertical-align: top;<br /> padding-right: 0.4em;<br /> white-space: nowrap;<br /> }<br /> <br /> /* value cells */<br /> .infobox-character td:nth-child(2) {<br /> background: transparent;<br /> color: #f8f8f2;<br /> padding-left: 0.4em;<br /> }<br /> <br /> /* image styling */<br /> .infobox-character img,<br /> .infobox-character .thumbimage {<br /> display:block;<br /> margin: 0.4em auto;<br /> max-width: 95%;<br /> height: auto;<br /> }<br /> <br /> /* Light-mode overrides (if you use the vector day/night selectors) */<br /> html.skin-theme-clientpref-day .infobox-character {<br /> background: #f8f8f2;<br /> color: #101418;<br /> border: 1px solid #6272a4;<br /> }<br /> html.skin-theme-clientpref-day .infobox-character th {<br /> color: #ff79c6;<br /> }<br /> <br /> /* Hide stray VisualEditor &lt;p&gt;&lt;br&gt;&lt;/p&gt; after infoboxes */<br /> .mw-parser-output .infobox + p:has(br) {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* === Mobile Infobox Layout Fix === */<br /> @media (max-width: 768px) {<br /> /* Force infoboxes to drop below text and use full width */<br /> .infobox {<br /> float: none !important;<br /> margin: 1em auto !important;<br /> width: 100% !important;<br /> max-width: 100% !important;<br /> clear: both !important;<br /> display: block !important;<br /> }<br /> <br /> /* Slight padding and center alignment for aesthetics */<br /> .infobox th,<br /> .infobox td {<br /> padding: 0.4em !important;<br /> }<br /> <br /> /* Make sure text wraps nicely */<br /> .infobox td,<br /> .infobox th {<br /> word-wrap: break-word !important;<br /> }<br /> }</div> UntenableJinx https://untenables.com/index.php?title=Janet_Queep&diff=136 Janet Queep 2025-10-19T23:28:01Z <p>UntenableJinx: UntenableJinx moved page Janet (Queep) to Janet Queep without leaving a redirect: Misspelled title</p> <hr /> <div>{{Infobox Character TV|name=Janet|first_appearance=&quot;Here Come The Queeps!&quot;<br /> ''[[The Queeps]]''<br /> February 26, 1989|created_by=Theodore &quot;Todd&quot; Trueman|designed_by=Fritz Eisley|voiced_by=Wendy Mecklenburg|species=Queep|origin=Atlantis|occupation=Female|nationality=Atlantean-American|caption=''[[The Queeps]]'' Character}}<br /> <br /> &lt;!--<br /> Template:Character<br /> VisualEditor-friendly version.<br /> Usage: preload into new pages or copy/paste; infobox inserted manually.<br /> --&gt;<br /> As the only female Queep, she played an important role in their reproductive ecosystem, and frequently excused herself midway through episodes to lay a massive clutch of oily, translucent eggs.As the only female Queep, she played an important role in their reproductive ecosystem, and frequently excused herself midway through episodes to lay a massive clutch of oily, translucent eggs.<br /> <br /> == Background ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.<br /> <br /> == Publication history ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.<br /> <br /> == Abilities and characteristics ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.<br /> <br /> == References ==<br /> &lt;references /&gt;<br /> <br /> == See also ==<br /> * [[The Queeps]] (TV Series)<br /> * [[:Category:Queeps characters|List of Queeps characters]]</div> UntenableJinx https://untenables.com/index.php?title=Janet_Queep&diff=135 Janet Queep 2025-10-19T23:22:29Z <p>UntenableJinx: </p> <hr /> <div>{{Infobox Character TV|name=Janet|first_appearance=&quot;Here Come The Queeps!&quot;<br /> ''[[The Queeps]]''<br /> February 26, 1989|created_by=Theodore &quot;Todd&quot; Trueman|designed_by=Fritz Eisley|voiced_by=Wendy Mecklenburg|species=Queep|origin=Atlantis|occupation=Female|nationality=Atlantean-American|caption=''[[The Queeps]]'' Character}}<br /> <br /> &lt;!--<br /> Template:Character<br /> VisualEditor-friendly version.<br /> Usage: preload into new pages or copy/paste; infobox inserted manually.<br /> --&gt;<br /> As the only female Queep, she played an important role in their reproductive ecosystem, and frequently excused herself midway through episodes to lay a massive clutch of oily, translucent eggs.As the only female Queep, she played an important role in their reproductive ecosystem, and frequently excused herself midway through episodes to lay a massive clutch of oily, translucent eggs.<br /> <br /> == Background ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.<br /> <br /> == Publication history ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.<br /> <br /> == Abilities and characteristics ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.<br /> <br /> == References ==<br /> &lt;references /&gt;<br /> <br /> == See also ==<br /> * [[The Queeps]] (TV Series)<br /> * [[:Category:Queeps characters|List of Queeps characters]]</div> UntenableJinx https://untenables.com/index.php?title=Janet_Queep&diff=134 Janet Queep 2025-10-19T23:18:34Z <p>UntenableJinx: </p> <hr /> <div>{{Infobox Character TV|name=Janet|first_appearance=&quot;Here Come The Queeps!&quot;<br /> ''[[The Queeps]]''<br /> February 26, 1989|created_by=Theodore &quot;Todd&quot; Trueman|designed_by=Fritz Eisley|voiced_by=Wendy Mecklenburg|species=Queep|origin=Atlantis|occupation=Female|nationality=Atlantean-American|caption=''[[The Queeps]]'' Character}}<br /> <br /> &lt;!--<br /> Template:Character<br /> VisualEditor-friendly version.<br /> Usage: preload into new pages or copy/paste; infobox inserted manually.<br /> --&gt;<br /> Introductory paragraph. A brief description of the character, including notable traits, role, or origins.<br /> <br /> == Background ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.<br /> <br /> == Publication history ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.<br /> <br /> == Abilities and characteristics ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.<br /> <br /> == References ==<br /> &lt;references /&gt;<br /> <br /> == See also ==<br /> * [[The Queeps]] (TV Series)<br /> * [[:Category:Queeps characters|List of Queeps characters]]</div> UntenableJinx https://untenables.com/index.php?title=Janet_Queep&diff=133 Janet Queep 2025-10-19T23:17:43Z <p>UntenableJinx: </p> <hr /> <div>{{Infobox Character TV|name=Grandpa Queep|first_appearance=&quot;Here Come The Queeps!&quot;<br /> ''[[The Queeps]]''<br /> February 26, 1989|created_by=Theodore &quot;Todd&quot; Trueman|designed_by=Fritz Eisley|voiced_by=Parthanos Gizelda|species=Queep|origin=Atlantis|occupation=Queep Patriarch|nationality=Atlantean-American|caption=''[[The Queeps]]'' Character}}<br /> <br /> &lt;!--<br /> Template:Character<br /> VisualEditor-friendly version.<br /> Usage: preload into new pages or copy/paste; infobox inserted manually.<br /> --&gt;<br /> Introductory paragraph. A brief description of the character, including notable traits, role, or origins.<br /> <br /> == Background ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.<br /> <br /> == Publication history ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.<br /> <br /> == Abilities and characteristics ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.<br /> <br /> == References ==<br /> &lt;references /&gt;<br /> <br /> == See also ==<br /> * [[The Queeps]] (TV Series)<br /> * [[:Category:Queeps characters|List of Queeps characters]]</div> UntenableJinx https://untenables.com/index.php?title=Janet_Queep&diff=132 Janet Queep 2025-10-19T23:16:03Z <p>UntenableJinx: Blanked the page</p> <hr /> <div></div> UntenableJinx https://untenables.com/index.php?title=MediaWiki:Common.css&diff=127 MediaWiki:Common.css 2025-10-19T19:19:57Z <p>UntenableJinx: </p> <hr /> <div>/* ============================<br /> Untenables Wiki — Dual Light / Night mode CSS for Vector 2022<br /> Palette:<br /> Dark: #101418<br /> Text (cream): #f8f8f2<br /> Accent: #ff79c6<br /> Secondary / Blue-grey: #6272a4<br /> Alert / Red: #ff5555<br /> ============================ */<br /> <br /> /* Defaults in night mode (dark) */<br /> html.skin-theme-clientpref-night body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-dark body.skin-vector-2022 {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Containers in night mode */<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 .mw-body {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Night mode — links, headings, accents */<br /> html.skin-theme-clientpref-night a,<br /> html.skin-theme-clientpref-night .mw-body a {<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-night a:visited {<br /> color: #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-night a:hover,<br /> html.skin-theme-clientpref-night a:focus {<br /> color: #ff5555 !important;<br /> }<br /> html.skin-theme-clientpref-night h1, h2, h3, h4, h5, h6 {<br /> color: #ff79c6 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* Buttons, input, etc. in night mode */<br /> html.skin-theme-clientpref-night button,<br /> html.skin-theme-clientpref-night .mw-ui-button,<br /> html.skin-theme-clientpref-night input[type=submit],<br /> html.skin-theme-clientpref-night input[type=button],<br /> html.skin-theme-clientpref-night .oo-ui-buttonElement-button {<br /> background-color: #6272a4 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> html.skin-theme-clientpref-night button:hover,<br /> html.skin-theme-clientpref-night .mw-ui-button:hover,<br /> html.skin-theme-clientpref-night .oo-ui-buttonElement-button:hover {<br /> background-color: #ff79c6 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Tables, pre/code, etc. in night mode */<br /> html.skin-theme-clientpref-night table,<br /> html.skin-theme-clientpref-night th,<br /> html.skin-theme-clientpref-night td {<br /> background-color: #101418 !important;<br /> border-color: #6272a4 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> html.skin-theme-clientpref-night th {<br /> background-color: #101418 !important;<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-night pre,<br /> html.skin-theme-clientpref-night code,<br /> html.skin-theme-clientpref-night .mw-code {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> border: 1px solid #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-night #footer,<br /> html.skin-theme-clientpref-night .mw-footer,<br /> html.skin-theme-clientpref-night #mw-panel,<br /> html.skin-theme-clientpref-night .vector-sidebar-container {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* --------------------------<br /> Now: Day mode (light) overrides<br /> Flip background/text, but keep accents / borders consistent<br /> ---------------------------- */<br /> <br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022 {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Containers in day mode */<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 .mw-body {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Links, headings in day mode */<br /> html.skin-theme-clientpref-day a,<br /> html.skin-theme-clientpref-day .mw-body a {<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-day a:visited {<br /> color: #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-day a:hover,<br /> html.skin-theme-clientpref-day a:focus {<br /> color: #ff5555 !important;<br /> }<br /> html.skin-theme-clientpref-day h1, h2, h3, h4, h5, h6 {<br /> color: #ff79c6 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* Buttons, inputs in day mode */<br /> html.skin-theme-clientpref-day button,<br /> html.skin-theme-clientpref-day .mw-ui-button,<br /> html.skin-theme-clientpref-day input[type=submit],<br /> html.skin-theme-clientpref-day input[type=button],<br /> html.skin-theme-clientpref-day .oo-ui-buttonElement-button {<br /> background-color: #6272a4 !important;<br /> color: #101418 !important;<br /> }<br /> html.skin-theme-clientpref-day button:hover,<br /> html.skin-theme-clientpref-day .mw-ui-button:hover,<br /> html.skin-theme-clientpref-day .oo-ui-buttonElement-button:hover {<br /> background-color: #ff79c6 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Tables, pre/code, etc. in day mode */<br /> html.skin-theme-clientpref-day table,<br /> html.skin-theme-clientpref-day th,<br /> html.skin-theme-clientpref-day td {<br /> background-color: #f8f8f2 !important;<br /> border-color: #6272a4 !important;<br /> color: #101418 !important;<br /> }<br /> html.skin-theme-clientpref-day th {<br /> background-color: #f8f8f2 !important;<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-day pre,<br /> html.skin-theme-clientpref-day code,<br /> html.skin-theme-clientpref-day .mw-code {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> border: 1px solid #6272a4 !important;<br /> }<br /> <br /> /* Footer, sidebar day mode */<br /> html.skin-theme-clientpref-day #footer,<br /> html.skin-theme-clientpref-day .mw-footer,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .vector-sidebar-container {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Selection highlight works across both modes */<br /> ::selection {<br /> background: #ff79c6 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* NIGHT MODE — outer background consistency */<br /> html.skin-theme-clientpref-night,<br /> html.skin-theme-clientpref-os-dark,<br /> html.skin-theme-clientpref-night body,<br /> html.skin-theme-clientpref-os-dark body,<br /> html.skin-theme-clientpref-night body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-dark body.skin-vector-2022,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 .mw-body,<br /> html.skin-theme-clientpref-night .vector-header,<br /> html.skin-theme-clientpref-night .vector-body,<br /> html.skin-theme-clientpref-night .vector-page-tools,<br /> html.skin-theme-clientpref-night .vector-toc,<br /> html.skin-theme-clientpref-night #mw-panel {<br /> background-color: #101418 !important;<br /> }<br /> <br /> /* LIGHT MODE — outer background consistency */<br /> html.skin-theme-clientpref-day,<br /> html.skin-theme-clientpref-os-light,<br /> html.skin-theme-clientpref-day body,<br /> html.skin-theme-clientpref-os-light body,<br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 .mw-body,<br /> html.skin-theme-clientpref-day .vector-header,<br /> html.skin-theme-clientpref-day .vector-body,<br /> html.skin-theme-clientpref-day .vector-page-tools,<br /> html.skin-theme-clientpref-day .vector-toc,<br /> html.skin-theme-clientpref-day #mw-panel {<br /> background-color: #f8f8f2 !important;<br /> }<br /> <br /> /* Light mode unified background for all page layers */<br /> html.skin-theme-clientpref-day,<br /> html.skin-theme-clientpref-os-light,<br /> html.skin-theme-clientpref-day body,<br /> html.skin-theme-clientpref-os-light body,<br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022,<br /> html.skin-theme-clientpref-day .vector-page,<br /> html.skin-theme-clientpref-day .mw-page-container,<br /> html.skin-theme-clientpref-day .mw-footer-container,<br /> html.skin-theme-clientpref-day .vector-header-start,<br /> html.skin-theme-clientpref-day .vector-header-end,<br /> html.skin-theme-clientpref-day .mw-body,<br /> html.skin-theme-clientpref-day .mw-body-content,<br /> html.skin-theme-clientpref-day .vector-body,<br /> html.skin-theme-clientpref-day .vector-body-before-content,<br /> html.skin-theme-clientpref-day #mw-content-container,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .mw-workspace-container {<br /> background-color: #f8f8f2 !important;<br /> }<br /> <br /> /* Slightly darker separator lines (optional, to match the theme) */<br /> html.skin-theme-clientpref-day hr,<br /> html.skin-theme-clientpref-day .vector-divider {<br /> border-color: #e0dfd9 !important;<br /> }<br /> <br /> /* =====================================<br /> Light Mode — Sidebar &amp; menu background fix<br /> ===================================== */<br /> <br /> html.skin-theme-clientpref-day .vector-sidebar-container,<br /> html.skin-theme-clientpref-os-light .vector-sidebar-container,<br /> html.skin-theme-clientpref-day .vector-main-menu,<br /> html.skin-theme-clientpref-day .vector-menu-content,<br /> html.skin-theme-clientpref-day .vector-page-toolbar,<br /> html.skin-theme-clientpref-day .vector-toc,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .mw-sidebar {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Keep sidebar &quot;Contents&quot; section headers consistent */<br /> html.skin-theme-clientpref-day .vector-menu-heading,<br /> html.skin-theme-clientpref-day .vector-toc-heading {<br /> background-color: #f8f8f2 !important;<br /> color: #ff79c6 !important;<br /> }<br /> <br /> /* Sidebar link hover color to match theme */<br /> html.skin-theme-clientpref-day .vector-menu-content a:hover {<br /> color: #ff5555 !important;<br /> }<br /> <br /> /* --- Fix white background on .vector-pinned-container --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-pinned-container {<br /> background-color: #101418 !important; /* your dark background */<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-pinned-container {<br /> background-color: #f8f8f2 !important; /* your light container tone */<br /> color: #101418 !important;<br /> }<br /> <br /> /* Make sure inner panels inherit the correct color */<br /> html.skin-theme-clientpref-night .vector-pinned-container * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> html.skin-theme-clientpref-day .vector-pinned-container * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> /* --- Fix white background on dropdown menus --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-dropdown-content,<br /> html.skin-theme-clientpref-night .vector-dropdown-content * {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-dropdown-content,<br /> html.skin-theme-clientpref-day .vector-dropdown-content * {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* --- Final background patch for bottom white stripe --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-sitenotice-container,<br /> html.skin-theme-clientpref-night .vector-column-start {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-sitenotice-container,<br /> html.skin-theme-clientpref-day .vector-column-start {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Ensure children inherit correctly */<br /> html.skin-theme-clientpref-night .vector-sitenotice-container *,<br /> html.skin-theme-clientpref-night .vector-column-start * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> html.skin-theme-clientpref-day .vector-sitenotice-container *,<br /> html.skin-theme-clientpref-day .vector-column-start * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> /* Remove the white shadow explicitly */<br /> .box-shadow-color-inverted {<br /> box-shadow: none !important;<br /> -webkit-box-shadow: none !important;<br /> }<br /> <br /> /* Infobox: character */<br /> .infobox-character {<br /> border: 1px solid #6272a4;<br /> background: #101418; /* dark background (night mode) */<br /> color: #f8f8f2;<br /> padding: 0.25em;<br /> margin: 0.6em 0;<br /> font-size: 0.92em;<br /> line-height:1.25;<br /> float: right;<br /> clear: right;<br /> max-width: 22em;<br /> }<br /> <br /> /* heading/title row in infobox (handled by template's inline style, but safe fallback) */<br /> .infobox-character &gt; caption,<br /> .infobox-character .infobox-title,<br /> .infobox-character th {<br /> color: #ff79c6;<br /> background: transparent;<br /> font-weight: bold;<br /> }<br /> <br /> /* label cells */<br /> .infobox-character td:first-child,<br /> .infobox-character th {<br /> background: transparent;<br /> color: #f8f8f2;<br /> vertical-align: top;<br /> padding-right: 0.4em;<br /> white-space: nowrap;<br /> }<br /> <br /> /* value cells */<br /> .infobox-character td:nth-child(2) {<br /> background: transparent;<br /> color: #f8f8f2;<br /> padding-left: 0.4em;<br /> }<br /> <br /> /* image styling */<br /> .infobox-character img,<br /> .infobox-character .thumbimage {<br /> display:block;<br /> margin: 0.4em auto;<br /> max-width: 95%;<br /> height: auto;<br /> }<br /> <br /> /* Light-mode overrides (if you use the vector day/night selectors) */<br /> html.skin-theme-clientpref-day .infobox-character {<br /> background: #f8f8f2;<br /> color: #101418;<br /> border: 1px solid #6272a4;<br /> }<br /> html.skin-theme-clientpref-day .infobox-character th {<br /> color: #ff79c6;<br /> }<br /> <br /> /* Hide stray VisualEditor &lt;p&gt;&lt;br&gt;&lt;/p&gt; after infoboxes */<br /> .mw-parser-output .infobox + p:has(br) {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Center the logo and push the menu below on narrow screens */<br /> @media (max-width: 768px) {<br /> .vector-header-start {<br /> display: flex !important;<br /> flex-direction: column !important;<br /> align-items: center !important;<br /> }<br /> <br /> .vector-logo,<br /> .mw-wiki-logo,<br /> .mw-logo {<br /> display: block !important;<br /> margin: 0 auto !important;<br /> height: auto !important;<br /> max-height: 90px !important;<br /> }<br /> <br /> /* Ensure the menu and search appear below the logo */<br /> .vector-search-box,<br /> .vector-header-menu {<br /> display: flex !important;<br /> justify-content: center !important;<br /> margin-top: 0.5em !important;<br /> }<br /> <br /> /* Optional: reduce logo size slightly on phones */<br /> .vector-logo img {<br /> max-width: 160px !important;<br /> }<br /> }</div> UntenableJinx https://untenables.com/index.php?title=MediaWiki:Common.css&diff=126 MediaWiki:Common.css 2025-10-19T19:17:18Z <p>UntenableJinx: </p> <hr /> <div>/* ============================<br /> Untenables Wiki — Dual Light / Night mode CSS for Vector 2022<br /> Palette:<br /> Dark: #101418<br /> Text (cream): #f8f8f2<br /> Accent: #ff79c6<br /> Secondary / Blue-grey: #6272a4<br /> Alert / Red: #ff5555<br /> ============================ */<br /> <br /> /* Defaults in night mode (dark) */<br /> html.skin-theme-clientpref-night body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-dark body.skin-vector-2022 {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Containers in night mode */<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 .mw-body {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Night mode — links, headings, accents */<br /> html.skin-theme-clientpref-night a,<br /> html.skin-theme-clientpref-night .mw-body a {<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-night a:visited {<br /> color: #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-night a:hover,<br /> html.skin-theme-clientpref-night a:focus {<br /> color: #ff5555 !important;<br /> }<br /> html.skin-theme-clientpref-night h1, h2, h3, h4, h5, h6 {<br /> color: #ff79c6 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* Buttons, input, etc. in night mode */<br /> html.skin-theme-clientpref-night button,<br /> html.skin-theme-clientpref-night .mw-ui-button,<br /> html.skin-theme-clientpref-night input[type=submit],<br /> html.skin-theme-clientpref-night input[type=button],<br /> html.skin-theme-clientpref-night .oo-ui-buttonElement-button {<br /> background-color: #6272a4 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> html.skin-theme-clientpref-night button:hover,<br /> html.skin-theme-clientpref-night .mw-ui-button:hover,<br /> html.skin-theme-clientpref-night .oo-ui-buttonElement-button:hover {<br /> background-color: #ff79c6 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Tables, pre/code, etc. in night mode */<br /> html.skin-theme-clientpref-night table,<br /> html.skin-theme-clientpref-night th,<br /> html.skin-theme-clientpref-night td {<br /> background-color: #101418 !important;<br /> border-color: #6272a4 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> html.skin-theme-clientpref-night th {<br /> background-color: #101418 !important;<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-night pre,<br /> html.skin-theme-clientpref-night code,<br /> html.skin-theme-clientpref-night .mw-code {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> border: 1px solid #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-night #footer,<br /> html.skin-theme-clientpref-night .mw-footer,<br /> html.skin-theme-clientpref-night #mw-panel,<br /> html.skin-theme-clientpref-night .vector-sidebar-container {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* --------------------------<br /> Now: Day mode (light) overrides<br /> Flip background/text, but keep accents / borders consistent<br /> ---------------------------- */<br /> <br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022 {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Containers in day mode */<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 .mw-body {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Links, headings in day mode */<br /> html.skin-theme-clientpref-day a,<br /> html.skin-theme-clientpref-day .mw-body a {<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-day a:visited {<br /> color: #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-day a:hover,<br /> html.skin-theme-clientpref-day a:focus {<br /> color: #ff5555 !important;<br /> }<br /> html.skin-theme-clientpref-day h1, h2, h3, h4, h5, h6 {<br /> color: #ff79c6 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* Buttons, inputs in day mode */<br /> html.skin-theme-clientpref-day button,<br /> html.skin-theme-clientpref-day .mw-ui-button,<br /> html.skin-theme-clientpref-day input[type=submit],<br /> html.skin-theme-clientpref-day input[type=button],<br /> html.skin-theme-clientpref-day .oo-ui-buttonElement-button {<br /> background-color: #6272a4 !important;<br /> color: #101418 !important;<br /> }<br /> html.skin-theme-clientpref-day button:hover,<br /> html.skin-theme-clientpref-day .mw-ui-button:hover,<br /> html.skin-theme-clientpref-day .oo-ui-buttonElement-button:hover {<br /> background-color: #ff79c6 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Tables, pre/code, etc. in day mode */<br /> html.skin-theme-clientpref-day table,<br /> html.skin-theme-clientpref-day th,<br /> html.skin-theme-clientpref-day td {<br /> background-color: #f8f8f2 !important;<br /> border-color: #6272a4 !important;<br /> color: #101418 !important;<br /> }<br /> html.skin-theme-clientpref-day th {<br /> background-color: #f8f8f2 !important;<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-day pre,<br /> html.skin-theme-clientpref-day code,<br /> html.skin-theme-clientpref-day .mw-code {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> border: 1px solid #6272a4 !important;<br /> }<br /> <br /> /* Footer, sidebar day mode */<br /> html.skin-theme-clientpref-day #footer,<br /> html.skin-theme-clientpref-day .mw-footer,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .vector-sidebar-container {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Selection highlight works across both modes */<br /> ::selection {<br /> background: #ff79c6 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* NIGHT MODE — outer background consistency */<br /> html.skin-theme-clientpref-night,<br /> html.skin-theme-clientpref-os-dark,<br /> html.skin-theme-clientpref-night body,<br /> html.skin-theme-clientpref-os-dark body,<br /> html.skin-theme-clientpref-night body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-dark body.skin-vector-2022,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 .mw-body,<br /> html.skin-theme-clientpref-night .vector-header,<br /> html.skin-theme-clientpref-night .vector-body,<br /> html.skin-theme-clientpref-night .vector-page-tools,<br /> html.skin-theme-clientpref-night .vector-toc,<br /> html.skin-theme-clientpref-night #mw-panel {<br /> background-color: #101418 !important;<br /> }<br /> <br /> /* LIGHT MODE — outer background consistency */<br /> html.skin-theme-clientpref-day,<br /> html.skin-theme-clientpref-os-light,<br /> html.skin-theme-clientpref-day body,<br /> html.skin-theme-clientpref-os-light body,<br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 .mw-body,<br /> html.skin-theme-clientpref-day .vector-header,<br /> html.skin-theme-clientpref-day .vector-body,<br /> html.skin-theme-clientpref-day .vector-page-tools,<br /> html.skin-theme-clientpref-day .vector-toc,<br /> html.skin-theme-clientpref-day #mw-panel {<br /> background-color: #f8f8f2 !important;<br /> }<br /> <br /> /* Light mode unified background for all page layers */<br /> html.skin-theme-clientpref-day,<br /> html.skin-theme-clientpref-os-light,<br /> html.skin-theme-clientpref-day body,<br /> html.skin-theme-clientpref-os-light body,<br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022,<br /> html.skin-theme-clientpref-day .vector-page,<br /> html.skin-theme-clientpref-day .mw-page-container,<br /> html.skin-theme-clientpref-day .mw-footer-container,<br /> html.skin-theme-clientpref-day .vector-header-start,<br /> html.skin-theme-clientpref-day .vector-header-end,<br /> html.skin-theme-clientpref-day .mw-body,<br /> html.skin-theme-clientpref-day .mw-body-content,<br /> html.skin-theme-clientpref-day .vector-body,<br /> html.skin-theme-clientpref-day .vector-body-before-content,<br /> html.skin-theme-clientpref-day #mw-content-container,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .mw-workspace-container {<br /> background-color: #f8f8f2 !important;<br /> }<br /> <br /> /* Slightly darker separator lines (optional, to match the theme) */<br /> html.skin-theme-clientpref-day hr,<br /> html.skin-theme-clientpref-day .vector-divider {<br /> border-color: #e0dfd9 !important;<br /> }<br /> <br /> /* =====================================<br /> Light Mode — Sidebar &amp; menu background fix<br /> ===================================== */<br /> <br /> html.skin-theme-clientpref-day .vector-sidebar-container,<br /> html.skin-theme-clientpref-os-light .vector-sidebar-container,<br /> html.skin-theme-clientpref-day .vector-main-menu,<br /> html.skin-theme-clientpref-day .vector-menu-content,<br /> html.skin-theme-clientpref-day .vector-page-toolbar,<br /> html.skin-theme-clientpref-day .vector-toc,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .mw-sidebar {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Keep sidebar &quot;Contents&quot; section headers consistent */<br /> html.skin-theme-clientpref-day .vector-menu-heading,<br /> html.skin-theme-clientpref-day .vector-toc-heading {<br /> background-color: #f8f8f2 !important;<br /> color: #ff79c6 !important;<br /> }<br /> <br /> /* Sidebar link hover color to match theme */<br /> html.skin-theme-clientpref-day .vector-menu-content a:hover {<br /> color: #ff5555 !important;<br /> }<br /> <br /> /* --- Fix white background on .vector-pinned-container --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-pinned-container {<br /> background-color: #101418 !important; /* your dark background */<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-pinned-container {<br /> background-color: #f8f8f2 !important; /* your light container tone */<br /> color: #101418 !important;<br /> }<br /> <br /> /* Make sure inner panels inherit the correct color */<br /> html.skin-theme-clientpref-night .vector-pinned-container * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> html.skin-theme-clientpref-day .vector-pinned-container * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> /* --- Fix white background on dropdown menus --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-dropdown-content,<br /> html.skin-theme-clientpref-night .vector-dropdown-content * {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-dropdown-content,<br /> html.skin-theme-clientpref-day .vector-dropdown-content * {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* --- Final background patch for bottom white stripe --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-sitenotice-container,<br /> html.skin-theme-clientpref-night .vector-column-start {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-sitenotice-container,<br /> html.skin-theme-clientpref-day .vector-column-start {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Ensure children inherit correctly */<br /> html.skin-theme-clientpref-night .vector-sitenotice-container *,<br /> html.skin-theme-clientpref-night .vector-column-start * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> html.skin-theme-clientpref-day .vector-sitenotice-container *,<br /> html.skin-theme-clientpref-day .vector-column-start * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> /* Remove the white shadow explicitly */<br /> .box-shadow-color-inverted {<br /> box-shadow: none !important;<br /> -webkit-box-shadow: none !important;<br /> }<br /> <br /> /* Infobox: character */<br /> .infobox-character {<br /> border: 1px solid #6272a4;<br /> background: #101418; /* dark background (night mode) */<br /> color: #f8f8f2;<br /> padding: 0.25em;<br /> margin: 0.6em 0;<br /> font-size: 0.92em;<br /> line-height:1.25;<br /> float: right;<br /> clear: right;<br /> max-width: 22em;<br /> }<br /> <br /> /* heading/title row in infobox (handled by template's inline style, but safe fallback) */<br /> .infobox-character &gt; caption,<br /> .infobox-character .infobox-title,<br /> .infobox-character th {<br /> color: #ff79c6;<br /> background: transparent;<br /> font-weight: bold;<br /> }<br /> <br /> /* label cells */<br /> .infobox-character td:first-child,<br /> .infobox-character th {<br /> background: transparent;<br /> color: #f8f8f2;<br /> vertical-align: top;<br /> padding-right: 0.4em;<br /> white-space: nowrap;<br /> }<br /> <br /> /* value cells */<br /> .infobox-character td:nth-child(2) {<br /> background: transparent;<br /> color: #f8f8f2;<br /> padding-left: 0.4em;<br /> }<br /> <br /> /* image styling */<br /> .infobox-character img,<br /> .infobox-character .thumbimage {<br /> display:block;<br /> margin: 0.4em auto;<br /> max-width: 95%;<br /> height: auto;<br /> }<br /> <br /> /* Light-mode overrides (if you use the vector day/night selectors) */<br /> html.skin-theme-clientpref-day .infobox-character {<br /> background: #f8f8f2;<br /> color: #101418;<br /> border: 1px solid #6272a4;<br /> }<br /> html.skin-theme-clientpref-day .infobox-character th {<br /> color: #ff79c6;<br /> }<br /> <br /> /* Hide stray VisualEditor &lt;p&gt;&lt;br&gt;&lt;/p&gt; after infoboxes */<br /> .mw-parser-output .infobox + p:has(br) {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Center the logo and push the menu below on narrow screens */<br /> @media (max-width: 768px) {<br /> .vector-header-start {<br /> display: block !important;<br /> text-align: center !important;<br /> }<br /> <br /> .vector-logo,<br /> .mw-wiki-logo,<br /> .mw-logo {<br /> display: block !important;<br /> margin: 0 auto !important;<br /> height: auto !important;<br /> max-height: 90px !important;<br /> }<br /> <br /> /* Ensure the menu and search appear below the logo */<br /> .vector-search-box,<br /> .vector-header-menu {<br /> display: block !important;<br /> margin: 0 auto !important;<br /> text-align: center;<br /> }<br /> <br /> /* Optional: reduce logo size slightly on phones */<br /> .vector-logo img {<br /> max-width: 160px !important;<br /> }<br /> }</div> UntenableJinx https://untenables.com/index.php?title=MediaWiki:Common.css&diff=125 MediaWiki:Common.css 2025-10-19T19:15:45Z <p>UntenableJinx: </p> <hr /> <div>/* ============================<br /> Untenables Wiki — Dual Light / Night mode CSS for Vector 2022<br /> Palette:<br /> Dark: #101418<br /> Text (cream): #f8f8f2<br /> Accent: #ff79c6<br /> Secondary / Blue-grey: #6272a4<br /> Alert / Red: #ff5555<br /> ============================ */<br /> <br /> /* Defaults in night mode (dark) */<br /> html.skin-theme-clientpref-night body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-dark body.skin-vector-2022 {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Containers in night mode */<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 .mw-body {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Night mode — links, headings, accents */<br /> html.skin-theme-clientpref-night a,<br /> html.skin-theme-clientpref-night .mw-body a {<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-night a:visited {<br /> color: #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-night a:hover,<br /> html.skin-theme-clientpref-night a:focus {<br /> color: #ff5555 !important;<br /> }<br /> html.skin-theme-clientpref-night h1, h2, h3, h4, h5, h6 {<br /> color: #ff79c6 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* Buttons, input, etc. in night mode */<br /> html.skin-theme-clientpref-night button,<br /> html.skin-theme-clientpref-night .mw-ui-button,<br /> html.skin-theme-clientpref-night input[type=submit],<br /> html.skin-theme-clientpref-night input[type=button],<br /> html.skin-theme-clientpref-night .oo-ui-buttonElement-button {<br /> background-color: #6272a4 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> html.skin-theme-clientpref-night button:hover,<br /> html.skin-theme-clientpref-night .mw-ui-button:hover,<br /> html.skin-theme-clientpref-night .oo-ui-buttonElement-button:hover {<br /> background-color: #ff79c6 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Tables, pre/code, etc. in night mode */<br /> html.skin-theme-clientpref-night table,<br /> html.skin-theme-clientpref-night th,<br /> html.skin-theme-clientpref-night td {<br /> background-color: #101418 !important;<br /> border-color: #6272a4 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> html.skin-theme-clientpref-night th {<br /> background-color: #101418 !important;<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-night pre,<br /> html.skin-theme-clientpref-night code,<br /> html.skin-theme-clientpref-night .mw-code {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> border: 1px solid #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-night #footer,<br /> html.skin-theme-clientpref-night .mw-footer,<br /> html.skin-theme-clientpref-night #mw-panel,<br /> html.skin-theme-clientpref-night .vector-sidebar-container {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* --------------------------<br /> Now: Day mode (light) overrides<br /> Flip background/text, but keep accents / borders consistent<br /> ---------------------------- */<br /> <br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022 {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Containers in day mode */<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 .mw-body {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Links, headings in day mode */<br /> html.skin-theme-clientpref-day a,<br /> html.skin-theme-clientpref-day .mw-body a {<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-day a:visited {<br /> color: #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-day a:hover,<br /> html.skin-theme-clientpref-day a:focus {<br /> color: #ff5555 !important;<br /> }<br /> html.skin-theme-clientpref-day h1, h2, h3, h4, h5, h6 {<br /> color: #ff79c6 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* Buttons, inputs in day mode */<br /> html.skin-theme-clientpref-day button,<br /> html.skin-theme-clientpref-day .mw-ui-button,<br /> html.skin-theme-clientpref-day input[type=submit],<br /> html.skin-theme-clientpref-day input[type=button],<br /> html.skin-theme-clientpref-day .oo-ui-buttonElement-button {<br /> background-color: #6272a4 !important;<br /> color: #101418 !important;<br /> }<br /> html.skin-theme-clientpref-day button:hover,<br /> html.skin-theme-clientpref-day .mw-ui-button:hover,<br /> html.skin-theme-clientpref-day .oo-ui-buttonElement-button:hover {<br /> background-color: #ff79c6 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Tables, pre/code, etc. in day mode */<br /> html.skin-theme-clientpref-day table,<br /> html.skin-theme-clientpref-day th,<br /> html.skin-theme-clientpref-day td {<br /> background-color: #f8f8f2 !important;<br /> border-color: #6272a4 !important;<br /> color: #101418 !important;<br /> }<br /> html.skin-theme-clientpref-day th {<br /> background-color: #f8f8f2 !important;<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-day pre,<br /> html.skin-theme-clientpref-day code,<br /> html.skin-theme-clientpref-day .mw-code {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> border: 1px solid #6272a4 !important;<br /> }<br /> <br /> /* Footer, sidebar day mode */<br /> html.skin-theme-clientpref-day #footer,<br /> html.skin-theme-clientpref-day .mw-footer,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .vector-sidebar-container {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Selection highlight works across both modes */<br /> ::selection {<br /> background: #ff79c6 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* NIGHT MODE — outer background consistency */<br /> html.skin-theme-clientpref-night,<br /> html.skin-theme-clientpref-os-dark,<br /> html.skin-theme-clientpref-night body,<br /> html.skin-theme-clientpref-os-dark body,<br /> html.skin-theme-clientpref-night body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-dark body.skin-vector-2022,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 .mw-body,<br /> html.skin-theme-clientpref-night .vector-header,<br /> html.skin-theme-clientpref-night .vector-body,<br /> html.skin-theme-clientpref-night .vector-page-tools,<br /> html.skin-theme-clientpref-night .vector-toc,<br /> html.skin-theme-clientpref-night #mw-panel {<br /> background-color: #101418 !important;<br /> }<br /> <br /> /* LIGHT MODE — outer background consistency */<br /> html.skin-theme-clientpref-day,<br /> html.skin-theme-clientpref-os-light,<br /> html.skin-theme-clientpref-day body,<br /> html.skin-theme-clientpref-os-light body,<br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 .mw-body,<br /> html.skin-theme-clientpref-day .vector-header,<br /> html.skin-theme-clientpref-day .vector-body,<br /> html.skin-theme-clientpref-day .vector-page-tools,<br /> html.skin-theme-clientpref-day .vector-toc,<br /> html.skin-theme-clientpref-day #mw-panel {<br /> background-color: #f8f8f2 !important;<br /> }<br /> <br /> /* Light mode unified background for all page layers */<br /> html.skin-theme-clientpref-day,<br /> html.skin-theme-clientpref-os-light,<br /> html.skin-theme-clientpref-day body,<br /> html.skin-theme-clientpref-os-light body,<br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022,<br /> html.skin-theme-clientpref-day .vector-page,<br /> html.skin-theme-clientpref-day .mw-page-container,<br /> html.skin-theme-clientpref-day .mw-footer-container,<br /> html.skin-theme-clientpref-day .vector-header-start,<br /> html.skin-theme-clientpref-day .vector-header-end,<br /> html.skin-theme-clientpref-day .mw-body,<br /> html.skin-theme-clientpref-day .mw-body-content,<br /> html.skin-theme-clientpref-day .vector-body,<br /> html.skin-theme-clientpref-day .vector-body-before-content,<br /> html.skin-theme-clientpref-day #mw-content-container,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .mw-workspace-container {<br /> background-color: #f8f8f2 !important;<br /> }<br /> <br /> /* Slightly darker separator lines (optional, to match the theme) */<br /> html.skin-theme-clientpref-day hr,<br /> html.skin-theme-clientpref-day .vector-divider {<br /> border-color: #e0dfd9 !important;<br /> }<br /> <br /> /* =====================================<br /> Light Mode — Sidebar &amp; menu background fix<br /> ===================================== */<br /> <br /> html.skin-theme-clientpref-day .vector-sidebar-container,<br /> html.skin-theme-clientpref-os-light .vector-sidebar-container,<br /> html.skin-theme-clientpref-day .vector-main-menu,<br /> html.skin-theme-clientpref-day .vector-menu-content,<br /> html.skin-theme-clientpref-day .vector-page-toolbar,<br /> html.skin-theme-clientpref-day .vector-toc,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .mw-sidebar {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Keep sidebar &quot;Contents&quot; section headers consistent */<br /> html.skin-theme-clientpref-day .vector-menu-heading,<br /> html.skin-theme-clientpref-day .vector-toc-heading {<br /> background-color: #f8f8f2 !important;<br /> color: #ff79c6 !important;<br /> }<br /> <br /> /* Sidebar link hover color to match theme */<br /> html.skin-theme-clientpref-day .vector-menu-content a:hover {<br /> color: #ff5555 !important;<br /> }<br /> <br /> /* --- Fix white background on .vector-pinned-container --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-pinned-container {<br /> background-color: #101418 !important; /* your dark background */<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-pinned-container {<br /> background-color: #f8f8f2 !important; /* your light container tone */<br /> color: #101418 !important;<br /> }<br /> <br /> /* Make sure inner panels inherit the correct color */<br /> html.skin-theme-clientpref-night .vector-pinned-container * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> html.skin-theme-clientpref-day .vector-pinned-container * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> /* --- Fix white background on dropdown menus --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-dropdown-content,<br /> html.skin-theme-clientpref-night .vector-dropdown-content * {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-dropdown-content,<br /> html.skin-theme-clientpref-day .vector-dropdown-content * {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* --- Final background patch for bottom white stripe --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-sitenotice-container,<br /> html.skin-theme-clientpref-night .vector-column-start {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-sitenotice-container,<br /> html.skin-theme-clientpref-day .vector-column-start {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Ensure children inherit correctly */<br /> html.skin-theme-clientpref-night .vector-sitenotice-container *,<br /> html.skin-theme-clientpref-night .vector-column-start * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> html.skin-theme-clientpref-day .vector-sitenotice-container *,<br /> html.skin-theme-clientpref-day .vector-column-start * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> /* Remove the white shadow explicitly */<br /> .box-shadow-color-inverted {<br /> box-shadow: none !important;<br /> -webkit-box-shadow: none !important;<br /> }<br /> <br /> /* Infobox: character */<br /> .infobox-character {<br /> border: 1px solid #6272a4;<br /> background: #101418; /* dark background (night mode) */<br /> color: #f8f8f2;<br /> padding: 0.25em;<br /> margin: 0.6em 0;<br /> font-size: 0.92em;<br /> line-height:1.25;<br /> float: right;<br /> clear: right;<br /> max-width: 22em;<br /> }<br /> <br /> /* heading/title row in infobox (handled by template's inline style, but safe fallback) */<br /> .infobox-character &gt; caption,<br /> .infobox-character .infobox-title,<br /> .infobox-character th {<br /> color: #ff79c6;<br /> background: transparent;<br /> font-weight: bold;<br /> }<br /> <br /> /* label cells */<br /> .infobox-character td:first-child,<br /> .infobox-character th {<br /> background: transparent;<br /> color: #f8f8f2;<br /> vertical-align: top;<br /> padding-right: 0.4em;<br /> white-space: nowrap;<br /> }<br /> <br /> /* value cells */<br /> .infobox-character td:nth-child(2) {<br /> background: transparent;<br /> color: #f8f8f2;<br /> padding-left: 0.4em;<br /> }<br /> <br /> /* image styling */<br /> .infobox-character img,<br /> .infobox-character .thumbimage {<br /> display:block;<br /> margin: 0.4em auto;<br /> max-width: 95%;<br /> height: auto;<br /> }<br /> <br /> /* Light-mode overrides (if you use the vector day/night selectors) */<br /> html.skin-theme-clientpref-day .infobox-character {<br /> background: #f8f8f2;<br /> color: #101418;<br /> border: 1px solid #6272a4;<br /> }<br /> html.skin-theme-clientpref-day .infobox-character th {<br /> color: #ff79c6;<br /> }<br /> <br /> /* Hide stray VisualEditor &lt;p&gt;&lt;br&gt;&lt;/p&gt; after infoboxes */<br /> .mw-parser-output .infobox + p:has(br) {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* ==== MOBILE LOGO FIX (GLOBAL) ==== */<br /> @media screen and (max-width: 768px) {<br /> <br /> /* Center and resize the logo on mobile */<br /> .mw-logo,<br /> .mw-wiki-logo,<br /> .minerva-logo {<br /> display: block !important;<br /> margin: 0 auto !important;<br /> max-width: 160px !important;<br /> height: auto !important;<br /> }<br /> <br /> /* Ensure the header wraps content cleanly */<br /> .minerva-header,<br /> .mw-header {<br /> display: flex !important;<br /> flex-direction: column !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> }<br /> <br /> /* Push menu/search below the logo */<br /> .minerva-header .header-menu,<br /> .minerva-header .menu,<br /> .minerva-header .search-box,<br /> .minerva-header .minerva-icon {<br /> order: 2 !important;<br /> margin-top: 0.5em !important;<br /> text-align: center !important;<br /> }<br /> <br /> /* Prevent overlap caused by absolute positioning */<br /> .minerva-header .minerva-logo,<br /> .minerva-header .mw-logo {<br /> position: static !important;<br /> }<br /> }</div> UntenableJinx https://untenables.com/index.php?title=MediaWiki:Minerva.css&diff=124 MediaWiki:Minerva.css 2025-10-19T19:14:10Z <p>UntenableJinx: Replaced content with &quot;/* All CSS here will be loaded for users of the MinervaNeue skin */&quot;</p> <hr /> <div>/* All CSS here will be loaded for users of the MinervaNeue skin */</div> UntenableJinx https://untenables.com/index.php?title=MediaWiki:Minerva.css&diff=123 MediaWiki:Minerva.css 2025-10-19T19:12:23Z <p>UntenableJinx: </p> <hr /> <div>/* All CSS here will be loaded for users of the MinervaNeue skin */<br /> <br /> /* === Minerva Mobile Header Fix === */<br /> <br /> /* Center the logo and push the menu below it */<br /> @media screen and (max-width: 768px) {<br /> /* Center the site header container */<br /> .minerva-header {<br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> justify-content: center;<br /> }<br /> <br /> /* Logo adjustments */<br /> .minerva-header .mw-logo {<br /> display: block !important;<br /> margin: 0 auto 0.5em auto !important;<br /> text-align: center !important;<br /> max-width: 160px !important;<br /> height: auto !important;<br /> }<br /> <br /> /* Ensure menu and search stack below */<br /> .minerva-header .menu,<br /> .minerva-header .minerva-user-menu,<br /> .minerva-header .minerva-search-box {<br /> display: block !important;<br /> margin: 0 auto !important;<br /> text-align: center !important;<br /> }<br /> }</div> UntenableJinx https://untenables.com/index.php?title=MediaWiki:Minerva.css&diff=122 MediaWiki:Minerva.css 2025-10-19T19:10:38Z <p>UntenableJinx: </p> <hr /> <div>/* All CSS here will be loaded for users of the MinervaNeue skin */<br /> <br /> /* Center the logo and push the menu below on narrow screens (Minerva version) */<br /> @media (max-width: 768px) {<br /> <br /> /* The header container itself */<br /> .minerva-header {<br /> display: block !important;<br /> text-align: center !important;<br /> padding: 0.5em 0;<br /> }<br /> <br /> /* The logo */<br /> .minerva-header .mw-logo,<br /> .minerva-header .mw-wiki-logo {<br /> display: block !important;<br /> margin: 0 auto !important;<br /> height: auto !important;<br /> max-height: 90px !important;<br /> }<br /> <br /> /* Menu and icons below logo */<br /> .minerva-header .menu,<br /> .minerva-header .minerva-user-navigation,<br /> .minerva-header .toggle-list,<br /> .minerva-header .minerva-icon {<br /> display: block !important;<br /> margin: 0.4em auto !important;<br /> text-align: center !important;<br /> }<br /> <br /> /* Optional: slightly shrink logo on smaller devices */<br /> .minerva-header .mw-logo img {<br /> max-width: 160px !important;<br /> }<br /> }</div> UntenableJinx https://untenables.com/index.php?title=MediaWiki:Minerva.css&diff=121 MediaWiki:Minerva.css 2025-10-19T19:07:21Z <p>UntenableJinx: </p> <hr /> <div>/* All CSS here will be loaded for users of the MinervaNeue skin */<br /> <br /> /* Fix overlapping logo on mobile and clean up header layout */<br /> .skin-minerva .minerva-header {<br /> display: flex !important;<br /> flex-direction: column !important;<br /> align-items: center !important;<br /> justify-content: flex-start !important;<br /> padding-top: 0.5em;<br /> }<br /> <br /> /* Center the logo and make it responsive */<br /> .skin-minerva .minerva-header .mw-logo {<br /> display: block !important;<br /> text-align: center !important;<br /> margin: 0 auto 0.25em auto !important;<br /> width: auto !important;<br /> }<br /> <br /> .skin-minerva .minerva-header .mw-logo img {<br /> max-width: 160px !important;<br /> height: auto !important;<br /> display: inline-block !important;<br /> }<br /> <br /> /* Properly align menu icons under the logo */<br /> .skin-minerva .minerva-header .minerva-user-navigation,<br /> .skin-minerva .minerva-header .minerva-menu {<br /> display: flex !important;<br /> justify-content: center !important;<br /> width: 100% !important;<br /> margin-top: 0.2em !important;<br /> }<br /> <br /> /* Prevent overlap and spacing issues */<br /> .skin-minerva .minerva-header .minerva-user-navigation a,<br /> .skin-minerva .minerva-header .minerva-menu a {<br /> margin: 0 6px !important;<br /> }<br /> <br /> @media (max-width: 720px) {<br /> .skin-minerva .minerva-header {<br /> flex-wrap: wrap !important;<br /> }<br /> }</div> UntenableJinx https://untenables.com/index.php?title=MediaWiki:Minerva.css&diff=119 MediaWiki:Minerva.css 2025-10-19T19:02:51Z <p>UntenableJinx: </p> <hr /> <div>/* All CSS here will be loaded for users of the MinervaNeue skin */<br /> <br /> /* Center and stack the logo above the Minerva mobile header icons */<br /> .minerva-header {<br /> display: flex !important;<br /> flex-direction: column !important;<br /> align-items: center !important;<br /> }<br /> <br /> .minerva-header .mw-logo {<br /> order: -1; /* move logo to the top */<br /> width: 100%;<br /> text-align: center;<br /> margin-bottom: 0.3em;<br /> }<br /> <br /> .minerva-header .mw-logo img {<br /> max-width: 180px;<br /> height: auto;<br /> display: inline-block;<br /> }<br /> <br /> /* Ensure icons (hamburger/search/profile) appear below logo and stay centered */<br /> .minerva-header .header {<br /> width: 100%;<br /> display: flex;<br /> justify-content: center !important;<br /> align-items: center !important;<br /> flex-wrap: wrap;<br /> }<br /> <br /> .minerva-header .minerva-icon,<br /> .minerva-header .toggle-list {<br /> margin: 0 6px;<br /> }<br /> <br /> /* Add a bit of top padding so the logo isn’t squished under the URL bar */<br /> body.skin-minerva {<br /> padding-top: 0.5em;<br /> }</div> UntenableJinx https://untenables.com/index.php?title=MediaWiki:Minerva.css&diff=118 MediaWiki:Minerva.css 2025-10-19T19:00:21Z <p>UntenableJinx: Created page with &quot;/* All CSS here will be loaded for users of the MinervaNeue skin */ /* --- Fix Untenables logo alignment on mobile (Minerva skin) --- */ .mw-logo { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; margin: 0 auto; padding: 0.5em 0; } .mw-logo img { max-width: 180px; /* Adjust for logo width */ height: auto; margin: 0 auto; } .minerva-header .header { flex-direction: column !imp...&quot;</p> <hr /> <div>/* All CSS here will be loaded for users of the MinervaNeue skin */<br /> <br /> /* --- Fix Untenables logo alignment on mobile (Minerva skin) --- */<br /> .mw-logo {<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> flex-direction: column;<br /> width: 100%;<br /> margin: 0 auto;<br /> padding: 0.5em 0;<br /> }<br /> <br /> .mw-logo img {<br /> max-width: 180px; /* Adjust for logo width */<br /> height: auto;<br /> margin: 0 auto;<br /> }<br /> <br /> .minerva-header .header {<br /> flex-direction: column !important;<br /> align-items: center !important;<br /> }<br /> <br /> /* Push icons below the logo */<br /> .minerva-header .minerva-icon,<br /> .minerva-header .toggle-list {<br /> order: 2;<br /> margin-top: 0.3em;<br /> display: inline-flex;<br /> justify-content: center;<br /> width: 100%;<br /> }<br /> <br /> /* Slight padding under the logo so menu doesn’t overlap */<br /> #page-secondary-actions {<br /> margin-top: 0.5em;<br /> }</div> UntenableJinx https://untenables.com/index.php?title=MediaWiki:Common.css&diff=117 MediaWiki:Common.css 2025-10-19T18:59:47Z <p>UntenableJinx: </p> <hr /> <div>/* ============================<br /> Untenables Wiki — Dual Light / Night mode CSS for Vector 2022<br /> Palette:<br /> Dark: #101418<br /> Text (cream): #f8f8f2<br /> Accent: #ff79c6<br /> Secondary / Blue-grey: #6272a4<br /> Alert / Red: #ff5555<br /> ============================ */<br /> <br /> /* Defaults in night mode (dark) */<br /> html.skin-theme-clientpref-night body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-dark body.skin-vector-2022 {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Containers in night mode */<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 .mw-body {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Night mode — links, headings, accents */<br /> html.skin-theme-clientpref-night a,<br /> html.skin-theme-clientpref-night .mw-body a {<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-night a:visited {<br /> color: #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-night a:hover,<br /> html.skin-theme-clientpref-night a:focus {<br /> color: #ff5555 !important;<br /> }<br /> html.skin-theme-clientpref-night h1, h2, h3, h4, h5, h6 {<br /> color: #ff79c6 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* Buttons, input, etc. in night mode */<br /> html.skin-theme-clientpref-night button,<br /> html.skin-theme-clientpref-night .mw-ui-button,<br /> html.skin-theme-clientpref-night input[type=submit],<br /> html.skin-theme-clientpref-night input[type=button],<br /> html.skin-theme-clientpref-night .oo-ui-buttonElement-button {<br /> background-color: #6272a4 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> html.skin-theme-clientpref-night button:hover,<br /> html.skin-theme-clientpref-night .mw-ui-button:hover,<br /> html.skin-theme-clientpref-night .oo-ui-buttonElement-button:hover {<br /> background-color: #ff79c6 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Tables, pre/code, etc. in night mode */<br /> html.skin-theme-clientpref-night table,<br /> html.skin-theme-clientpref-night th,<br /> html.skin-theme-clientpref-night td {<br /> background-color: #101418 !important;<br /> border-color: #6272a4 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> html.skin-theme-clientpref-night th {<br /> background-color: #101418 !important;<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-night pre,<br /> html.skin-theme-clientpref-night code,<br /> html.skin-theme-clientpref-night .mw-code {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> border: 1px solid #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-night #footer,<br /> html.skin-theme-clientpref-night .mw-footer,<br /> html.skin-theme-clientpref-night #mw-panel,<br /> html.skin-theme-clientpref-night .vector-sidebar-container {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* --------------------------<br /> Now: Day mode (light) overrides<br /> Flip background/text, but keep accents / borders consistent<br /> ---------------------------- */<br /> <br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022 {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Containers in day mode */<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 .mw-body {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Links, headings in day mode */<br /> html.skin-theme-clientpref-day a,<br /> html.skin-theme-clientpref-day .mw-body a {<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-day a:visited {<br /> color: #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-day a:hover,<br /> html.skin-theme-clientpref-day a:focus {<br /> color: #ff5555 !important;<br /> }<br /> html.skin-theme-clientpref-day h1, h2, h3, h4, h5, h6 {<br /> color: #ff79c6 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* Buttons, inputs in day mode */<br /> html.skin-theme-clientpref-day button,<br /> html.skin-theme-clientpref-day .mw-ui-button,<br /> html.skin-theme-clientpref-day input[type=submit],<br /> html.skin-theme-clientpref-day input[type=button],<br /> html.skin-theme-clientpref-day .oo-ui-buttonElement-button {<br /> background-color: #6272a4 !important;<br /> color: #101418 !important;<br /> }<br /> html.skin-theme-clientpref-day button:hover,<br /> html.skin-theme-clientpref-day .mw-ui-button:hover,<br /> html.skin-theme-clientpref-day .oo-ui-buttonElement-button:hover {<br /> background-color: #ff79c6 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Tables, pre/code, etc. in day mode */<br /> html.skin-theme-clientpref-day table,<br /> html.skin-theme-clientpref-day th,<br /> html.skin-theme-clientpref-day td {<br /> background-color: #f8f8f2 !important;<br /> border-color: #6272a4 !important;<br /> color: #101418 !important;<br /> }<br /> html.skin-theme-clientpref-day th {<br /> background-color: #f8f8f2 !important;<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-day pre,<br /> html.skin-theme-clientpref-day code,<br /> html.skin-theme-clientpref-day .mw-code {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> border: 1px solid #6272a4 !important;<br /> }<br /> <br /> /* Footer, sidebar day mode */<br /> html.skin-theme-clientpref-day #footer,<br /> html.skin-theme-clientpref-day .mw-footer,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .vector-sidebar-container {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Selection highlight works across both modes */<br /> ::selection {<br /> background: #ff79c6 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* NIGHT MODE — outer background consistency */<br /> html.skin-theme-clientpref-night,<br /> html.skin-theme-clientpref-os-dark,<br /> html.skin-theme-clientpref-night body,<br /> html.skin-theme-clientpref-os-dark body,<br /> html.skin-theme-clientpref-night body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-dark body.skin-vector-2022,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 .mw-body,<br /> html.skin-theme-clientpref-night .vector-header,<br /> html.skin-theme-clientpref-night .vector-body,<br /> html.skin-theme-clientpref-night .vector-page-tools,<br /> html.skin-theme-clientpref-night .vector-toc,<br /> html.skin-theme-clientpref-night #mw-panel {<br /> background-color: #101418 !important;<br /> }<br /> <br /> /* LIGHT MODE — outer background consistency */<br /> html.skin-theme-clientpref-day,<br /> html.skin-theme-clientpref-os-light,<br /> html.skin-theme-clientpref-day body,<br /> html.skin-theme-clientpref-os-light body,<br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 .mw-body,<br /> html.skin-theme-clientpref-day .vector-header,<br /> html.skin-theme-clientpref-day .vector-body,<br /> html.skin-theme-clientpref-day .vector-page-tools,<br /> html.skin-theme-clientpref-day .vector-toc,<br /> html.skin-theme-clientpref-day #mw-panel {<br /> background-color: #f8f8f2 !important;<br /> }<br /> <br /> /* Light mode unified background for all page layers */<br /> html.skin-theme-clientpref-day,<br /> html.skin-theme-clientpref-os-light,<br /> html.skin-theme-clientpref-day body,<br /> html.skin-theme-clientpref-os-light body,<br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022,<br /> html.skin-theme-clientpref-day .vector-page,<br /> html.skin-theme-clientpref-day .mw-page-container,<br /> html.skin-theme-clientpref-day .mw-footer-container,<br /> html.skin-theme-clientpref-day .vector-header-start,<br /> html.skin-theme-clientpref-day .vector-header-end,<br /> html.skin-theme-clientpref-day .mw-body,<br /> html.skin-theme-clientpref-day .mw-body-content,<br /> html.skin-theme-clientpref-day .vector-body,<br /> html.skin-theme-clientpref-day .vector-body-before-content,<br /> html.skin-theme-clientpref-day #mw-content-container,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .mw-workspace-container {<br /> background-color: #f8f8f2 !important;<br /> }<br /> <br /> /* Slightly darker separator lines (optional, to match the theme) */<br /> html.skin-theme-clientpref-day hr,<br /> html.skin-theme-clientpref-day .vector-divider {<br /> border-color: #e0dfd9 !important;<br /> }<br /> <br /> /* =====================================<br /> Light Mode — Sidebar &amp; menu background fix<br /> ===================================== */<br /> <br /> html.skin-theme-clientpref-day .vector-sidebar-container,<br /> html.skin-theme-clientpref-os-light .vector-sidebar-container,<br /> html.skin-theme-clientpref-day .vector-main-menu,<br /> html.skin-theme-clientpref-day .vector-menu-content,<br /> html.skin-theme-clientpref-day .vector-page-toolbar,<br /> html.skin-theme-clientpref-day .vector-toc,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .mw-sidebar {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Keep sidebar &quot;Contents&quot; section headers consistent */<br /> html.skin-theme-clientpref-day .vector-menu-heading,<br /> html.skin-theme-clientpref-day .vector-toc-heading {<br /> background-color: #f8f8f2 !important;<br /> color: #ff79c6 !important;<br /> }<br /> <br /> /* Sidebar link hover color to match theme */<br /> html.skin-theme-clientpref-day .vector-menu-content a:hover {<br /> color: #ff5555 !important;<br /> }<br /> <br /> /* --- Fix white background on .vector-pinned-container --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-pinned-container {<br /> background-color: #101418 !important; /* your dark background */<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-pinned-container {<br /> background-color: #f8f8f2 !important; /* your light container tone */<br /> color: #101418 !important;<br /> }<br /> <br /> /* Make sure inner panels inherit the correct color */<br /> html.skin-theme-clientpref-night .vector-pinned-container * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> html.skin-theme-clientpref-day .vector-pinned-container * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> /* --- Fix white background on dropdown menus --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-dropdown-content,<br /> html.skin-theme-clientpref-night .vector-dropdown-content * {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-dropdown-content,<br /> html.skin-theme-clientpref-day .vector-dropdown-content * {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* --- Final background patch for bottom white stripe --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-sitenotice-container,<br /> html.skin-theme-clientpref-night .vector-column-start {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-sitenotice-container,<br /> html.skin-theme-clientpref-day .vector-column-start {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Ensure children inherit correctly */<br /> html.skin-theme-clientpref-night .vector-sitenotice-container *,<br /> html.skin-theme-clientpref-night .vector-column-start * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> html.skin-theme-clientpref-day .vector-sitenotice-container *,<br /> html.skin-theme-clientpref-day .vector-column-start * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> /* Remove the white shadow explicitly */<br /> .box-shadow-color-inverted {<br /> box-shadow: none !important;<br /> -webkit-box-shadow: none !important;<br /> }<br /> <br /> /* Infobox: character */<br /> .infobox-character {<br /> border: 1px solid #6272a4;<br /> background: #101418; /* dark background (night mode) */<br /> color: #f8f8f2;<br /> padding: 0.25em;<br /> margin: 0.6em 0;<br /> font-size: 0.92em;<br /> line-height:1.25;<br /> float: right;<br /> clear: right;<br /> max-width: 22em;<br /> }<br /> <br /> /* heading/title row in infobox (handled by template's inline style, but safe fallback) */<br /> .infobox-character &gt; caption,<br /> .infobox-character .infobox-title,<br /> .infobox-character th {<br /> color: #ff79c6;<br /> background: transparent;<br /> font-weight: bold;<br /> }<br /> <br /> /* label cells */<br /> .infobox-character td:first-child,<br /> .infobox-character th {<br /> background: transparent;<br /> color: #f8f8f2;<br /> vertical-align: top;<br /> padding-right: 0.4em;<br /> white-space: nowrap;<br /> }<br /> <br /> /* value cells */<br /> .infobox-character td:nth-child(2) {<br /> background: transparent;<br /> color: #f8f8f2;<br /> padding-left: 0.4em;<br /> }<br /> <br /> /* image styling */<br /> .infobox-character img,<br /> .infobox-character .thumbimage {<br /> display:block;<br /> margin: 0.4em auto;<br /> max-width: 95%;<br /> height: auto;<br /> }<br /> <br /> /* Light-mode overrides (if you use the vector day/night selectors) */<br /> html.skin-theme-clientpref-day .infobox-character {<br /> background: #f8f8f2;<br /> color: #101418;<br /> border: 1px solid #6272a4;<br /> }<br /> html.skin-theme-clientpref-day .infobox-character th {<br /> color: #ff79c6;<br /> }<br /> <br /> /* Hide stray VisualEditor &lt;p&gt;&lt;br&gt;&lt;/p&gt; after infoboxes */<br /> .mw-parser-output .infobox + p:has(br) {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }</div> UntenableJinx https://untenables.com/index.php?title=MediaWiki:Common.css&diff=116 MediaWiki:Common.css 2025-10-19T18:51:06Z <p>UntenableJinx: </p> <hr /> <div>/* ============================<br /> Untenables Wiki — Dual Light / Night mode CSS for Vector 2022<br /> Palette:<br /> Dark: #101418<br /> Text (cream): #f8f8f2<br /> Accent: #ff79c6<br /> Secondary / Blue-grey: #6272a4<br /> Alert / Red: #ff5555<br /> ============================ */<br /> <br /> /* Defaults in night mode (dark) */<br /> html.skin-theme-clientpref-night body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-dark body.skin-vector-2022 {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Containers in night mode */<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 .mw-body {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Night mode — links, headings, accents */<br /> html.skin-theme-clientpref-night a,<br /> html.skin-theme-clientpref-night .mw-body a {<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-night a:visited {<br /> color: #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-night a:hover,<br /> html.skin-theme-clientpref-night a:focus {<br /> color: #ff5555 !important;<br /> }<br /> html.skin-theme-clientpref-night h1, h2, h3, h4, h5, h6 {<br /> color: #ff79c6 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* Buttons, input, etc. in night mode */<br /> html.skin-theme-clientpref-night button,<br /> html.skin-theme-clientpref-night .mw-ui-button,<br /> html.skin-theme-clientpref-night input[type=submit],<br /> html.skin-theme-clientpref-night input[type=button],<br /> html.skin-theme-clientpref-night .oo-ui-buttonElement-button {<br /> background-color: #6272a4 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> html.skin-theme-clientpref-night button:hover,<br /> html.skin-theme-clientpref-night .mw-ui-button:hover,<br /> html.skin-theme-clientpref-night .oo-ui-buttonElement-button:hover {<br /> background-color: #ff79c6 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Tables, pre/code, etc. in night mode */<br /> html.skin-theme-clientpref-night table,<br /> html.skin-theme-clientpref-night th,<br /> html.skin-theme-clientpref-night td {<br /> background-color: #101418 !important;<br /> border-color: #6272a4 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> html.skin-theme-clientpref-night th {<br /> background-color: #101418 !important;<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-night pre,<br /> html.skin-theme-clientpref-night code,<br /> html.skin-theme-clientpref-night .mw-code {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> border: 1px solid #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-night #footer,<br /> html.skin-theme-clientpref-night .mw-footer,<br /> html.skin-theme-clientpref-night #mw-panel,<br /> html.skin-theme-clientpref-night .vector-sidebar-container {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* --------------------------<br /> Now: Day mode (light) overrides<br /> Flip background/text, but keep accents / borders consistent<br /> ---------------------------- */<br /> <br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022 {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Containers in day mode */<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 .mw-body {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Links, headings in day mode */<br /> html.skin-theme-clientpref-day a,<br /> html.skin-theme-clientpref-day .mw-body a {<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-day a:visited {<br /> color: #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-day a:hover,<br /> html.skin-theme-clientpref-day a:focus {<br /> color: #ff5555 !important;<br /> }<br /> html.skin-theme-clientpref-day h1, h2, h3, h4, h5, h6 {<br /> color: #ff79c6 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* Buttons, inputs in day mode */<br /> html.skin-theme-clientpref-day button,<br /> html.skin-theme-clientpref-day .mw-ui-button,<br /> html.skin-theme-clientpref-day input[type=submit],<br /> html.skin-theme-clientpref-day input[type=button],<br /> html.skin-theme-clientpref-day .oo-ui-buttonElement-button {<br /> background-color: #6272a4 !important;<br /> color: #101418 !important;<br /> }<br /> html.skin-theme-clientpref-day button:hover,<br /> html.skin-theme-clientpref-day .mw-ui-button:hover,<br /> html.skin-theme-clientpref-day .oo-ui-buttonElement-button:hover {<br /> background-color: #ff79c6 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Tables, pre/code, etc. in day mode */<br /> html.skin-theme-clientpref-day table,<br /> html.skin-theme-clientpref-day th,<br /> html.skin-theme-clientpref-day td {<br /> background-color: #f8f8f2 !important;<br /> border-color: #6272a4 !important;<br /> color: #101418 !important;<br /> }<br /> html.skin-theme-clientpref-day th {<br /> background-color: #f8f8f2 !important;<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-day pre,<br /> html.skin-theme-clientpref-day code,<br /> html.skin-theme-clientpref-day .mw-code {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> border: 1px solid #6272a4 !important;<br /> }<br /> <br /> /* Footer, sidebar day mode */<br /> html.skin-theme-clientpref-day #footer,<br /> html.skin-theme-clientpref-day .mw-footer,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .vector-sidebar-container {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Selection highlight works across both modes */<br /> ::selection {<br /> background: #ff79c6 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* NIGHT MODE — outer background consistency */<br /> html.skin-theme-clientpref-night,<br /> html.skin-theme-clientpref-os-dark,<br /> html.skin-theme-clientpref-night body,<br /> html.skin-theme-clientpref-os-dark body,<br /> html.skin-theme-clientpref-night body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-dark body.skin-vector-2022,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 .mw-body,<br /> html.skin-theme-clientpref-night .vector-header,<br /> html.skin-theme-clientpref-night .vector-body,<br /> html.skin-theme-clientpref-night .vector-page-tools,<br /> html.skin-theme-clientpref-night .vector-toc,<br /> html.skin-theme-clientpref-night #mw-panel {<br /> background-color: #101418 !important;<br /> }<br /> <br /> /* LIGHT MODE — outer background consistency */<br /> html.skin-theme-clientpref-day,<br /> html.skin-theme-clientpref-os-light,<br /> html.skin-theme-clientpref-day body,<br /> html.skin-theme-clientpref-os-light body,<br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 .mw-body,<br /> html.skin-theme-clientpref-day .vector-header,<br /> html.skin-theme-clientpref-day .vector-body,<br /> html.skin-theme-clientpref-day .vector-page-tools,<br /> html.skin-theme-clientpref-day .vector-toc,<br /> html.skin-theme-clientpref-day #mw-panel {<br /> background-color: #f8f8f2 !important;<br /> }<br /> <br /> /* Light mode unified background for all page layers */<br /> html.skin-theme-clientpref-day,<br /> html.skin-theme-clientpref-os-light,<br /> html.skin-theme-clientpref-day body,<br /> html.skin-theme-clientpref-os-light body,<br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022,<br /> html.skin-theme-clientpref-day .vector-page,<br /> html.skin-theme-clientpref-day .mw-page-container,<br /> html.skin-theme-clientpref-day .mw-footer-container,<br /> html.skin-theme-clientpref-day .vector-header-start,<br /> html.skin-theme-clientpref-day .vector-header-end,<br /> html.skin-theme-clientpref-day .mw-body,<br /> html.skin-theme-clientpref-day .mw-body-content,<br /> html.skin-theme-clientpref-day .vector-body,<br /> html.skin-theme-clientpref-day .vector-body-before-content,<br /> html.skin-theme-clientpref-day #mw-content-container,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .mw-workspace-container {<br /> background-color: #f8f8f2 !important;<br /> }<br /> <br /> /* Slightly darker separator lines (optional, to match the theme) */<br /> html.skin-theme-clientpref-day hr,<br /> html.skin-theme-clientpref-day .vector-divider {<br /> border-color: #e0dfd9 !important;<br /> }<br /> <br /> /* =====================================<br /> Light Mode — Sidebar &amp; menu background fix<br /> ===================================== */<br /> <br /> html.skin-theme-clientpref-day .vector-sidebar-container,<br /> html.skin-theme-clientpref-os-light .vector-sidebar-container,<br /> html.skin-theme-clientpref-day .vector-main-menu,<br /> html.skin-theme-clientpref-day .vector-menu-content,<br /> html.skin-theme-clientpref-day .vector-page-toolbar,<br /> html.skin-theme-clientpref-day .vector-toc,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .mw-sidebar {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Keep sidebar &quot;Contents&quot; section headers consistent */<br /> html.skin-theme-clientpref-day .vector-menu-heading,<br /> html.skin-theme-clientpref-day .vector-toc-heading {<br /> background-color: #f8f8f2 !important;<br /> color: #ff79c6 !important;<br /> }<br /> <br /> /* Sidebar link hover color to match theme */<br /> html.skin-theme-clientpref-day .vector-menu-content a:hover {<br /> color: #ff5555 !important;<br /> }<br /> <br /> /* --- Fix white background on .vector-pinned-container --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-pinned-container {<br /> background-color: #101418 !important; /* your dark background */<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-pinned-container {<br /> background-color: #f8f8f2 !important; /* your light container tone */<br /> color: #101418 !important;<br /> }<br /> <br /> /* Make sure inner panels inherit the correct color */<br /> html.skin-theme-clientpref-night .vector-pinned-container * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> html.skin-theme-clientpref-day .vector-pinned-container * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> /* --- Fix white background on dropdown menus --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-dropdown-content,<br /> html.skin-theme-clientpref-night .vector-dropdown-content * {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-dropdown-content,<br /> html.skin-theme-clientpref-day .vector-dropdown-content * {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* --- Final background patch for bottom white stripe --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-sitenotice-container,<br /> html.skin-theme-clientpref-night .vector-column-start {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-sitenotice-container,<br /> html.skin-theme-clientpref-day .vector-column-start {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Ensure children inherit correctly */<br /> html.skin-theme-clientpref-night .vector-sitenotice-container *,<br /> html.skin-theme-clientpref-night .vector-column-start * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> html.skin-theme-clientpref-day .vector-sitenotice-container *,<br /> html.skin-theme-clientpref-day .vector-column-start * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> /* Remove the white shadow explicitly */<br /> .box-shadow-color-inverted {<br /> box-shadow: none !important;<br /> -webkit-box-shadow: none !important;<br /> }<br /> <br /> /* Infobox: character */<br /> .infobox-character {<br /> border: 1px solid #6272a4;<br /> background: #101418; /* dark background (night mode) */<br /> color: #f8f8f2;<br /> padding: 0.25em;<br /> margin: 0.6em 0;<br /> font-size: 0.92em;<br /> line-height:1.25;<br /> float: right;<br /> clear: right;<br /> max-width: 22em;<br /> }<br /> <br /> /* heading/title row in infobox (handled by template's inline style, but safe fallback) */<br /> .infobox-character &gt; caption,<br /> .infobox-character .infobox-title,<br /> .infobox-character th {<br /> color: #ff79c6;<br /> background: transparent;<br /> font-weight: bold;<br /> }<br /> <br /> /* label cells */<br /> .infobox-character td:first-child,<br /> .infobox-character th {<br /> background: transparent;<br /> color: #f8f8f2;<br /> vertical-align: top;<br /> padding-right: 0.4em;<br /> white-space: nowrap;<br /> }<br /> <br /> /* value cells */<br /> .infobox-character td:nth-child(2) {<br /> background: transparent;<br /> color: #f8f8f2;<br /> padding-left: 0.4em;<br /> }<br /> <br /> /* image styling */<br /> .infobox-character img,<br /> .infobox-character .thumbimage {<br /> display:block;<br /> margin: 0.4em auto;<br /> max-width: 95%;<br /> height: auto;<br /> }<br /> <br /> /* Light-mode overrides (if you use the vector day/night selectors) */<br /> html.skin-theme-clientpref-day .infobox-character {<br /> background: #f8f8f2;<br /> color: #101418;<br /> border: 1px solid #6272a4;<br /> }<br /> html.skin-theme-clientpref-day .infobox-character th {<br /> color: #ff79c6;<br /> }<br /> <br /> /* Hide stray VisualEditor &lt;p&gt;&lt;br&gt;&lt;/p&gt; after infoboxes */<br /> .mw-parser-output .infobox + p:has(br) {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> //* Fix logo and menu alignment on mobile */<br /> @media screen and (max-width: 720px) {<br /> /* Center the header content */<br /> .mw-header, .minerva-header {<br /> display: flex !important;<br /> flex-direction: column !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> }<br /> <br /> /* Center the logo itself */<br /> #p-logo a, .mw-logo a, .mw-logo-wordmark {<br /> display: block !important;<br /> margin: 0 auto !important;<br /> text-align: center !important;<br /> }<br /> <br /> /* Add spacing below logo so it doesn’t crowd the menu */<br /> #p-logo, .mw-logo-container {<br /> margin-bottom: 0.5em !important;<br /> }<br /> <br /> /* Center the hamburger/search row underneath */<br /> .minerva-header .menu-toggle,<br /> .minerva-header .search-toggle {<br /> margin: 0.2em auto !important;<br /> }<br /> }</div> UntenableJinx https://untenables.com/index.php?title=MediaWiki:Common.css&diff=114 MediaWiki:Common.css 2025-10-19T18:48:23Z <p>UntenableJinx: </p> <hr /> <div>/* ============================<br /> Untenables Wiki — Dual Light / Night mode CSS for Vector 2022<br /> Palette:<br /> Dark: #101418<br /> Text (cream): #f8f8f2<br /> Accent: #ff79c6<br /> Secondary / Blue-grey: #6272a4<br /> Alert / Red: #ff5555<br /> ============================ */<br /> <br /> /* Defaults in night mode (dark) */<br /> html.skin-theme-clientpref-night body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-dark body.skin-vector-2022 {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Containers in night mode */<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 .mw-body {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Night mode — links, headings, accents */<br /> html.skin-theme-clientpref-night a,<br /> html.skin-theme-clientpref-night .mw-body a {<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-night a:visited {<br /> color: #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-night a:hover,<br /> html.skin-theme-clientpref-night a:focus {<br /> color: #ff5555 !important;<br /> }<br /> html.skin-theme-clientpref-night h1, h2, h3, h4, h5, h6 {<br /> color: #ff79c6 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* Buttons, input, etc. in night mode */<br /> html.skin-theme-clientpref-night button,<br /> html.skin-theme-clientpref-night .mw-ui-button,<br /> html.skin-theme-clientpref-night input[type=submit],<br /> html.skin-theme-clientpref-night input[type=button],<br /> html.skin-theme-clientpref-night .oo-ui-buttonElement-button {<br /> background-color: #6272a4 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> html.skin-theme-clientpref-night button:hover,<br /> html.skin-theme-clientpref-night .mw-ui-button:hover,<br /> html.skin-theme-clientpref-night .oo-ui-buttonElement-button:hover {<br /> background-color: #ff79c6 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Tables, pre/code, etc. in night mode */<br /> html.skin-theme-clientpref-night table,<br /> html.skin-theme-clientpref-night th,<br /> html.skin-theme-clientpref-night td {<br /> background-color: #101418 !important;<br /> border-color: #6272a4 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> html.skin-theme-clientpref-night th {<br /> background-color: #101418 !important;<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-night pre,<br /> html.skin-theme-clientpref-night code,<br /> html.skin-theme-clientpref-night .mw-code {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> border: 1px solid #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-night #footer,<br /> html.skin-theme-clientpref-night .mw-footer,<br /> html.skin-theme-clientpref-night #mw-panel,<br /> html.skin-theme-clientpref-night .vector-sidebar-container {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* --------------------------<br /> Now: Day mode (light) overrides<br /> Flip background/text, but keep accents / borders consistent<br /> ---------------------------- */<br /> <br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022 {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Containers in day mode */<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 .mw-body {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Links, headings in day mode */<br /> html.skin-theme-clientpref-day a,<br /> html.skin-theme-clientpref-day .mw-body a {<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-day a:visited {<br /> color: #6272a4 !important;<br /> }<br /> html.skin-theme-clientpref-day a:hover,<br /> html.skin-theme-clientpref-day a:focus {<br /> color: #ff5555 !important;<br /> }<br /> html.skin-theme-clientpref-day h1, h2, h3, h4, h5, h6 {<br /> color: #ff79c6 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* Buttons, inputs in day mode */<br /> html.skin-theme-clientpref-day button,<br /> html.skin-theme-clientpref-day .mw-ui-button,<br /> html.skin-theme-clientpref-day input[type=submit],<br /> html.skin-theme-clientpref-day input[type=button],<br /> html.skin-theme-clientpref-day .oo-ui-buttonElement-button {<br /> background-color: #6272a4 !important;<br /> color: #101418 !important;<br /> }<br /> html.skin-theme-clientpref-day button:hover,<br /> html.skin-theme-clientpref-day .mw-ui-button:hover,<br /> html.skin-theme-clientpref-day .oo-ui-buttonElement-button:hover {<br /> background-color: #ff79c6 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* Tables, pre/code, etc. in day mode */<br /> html.skin-theme-clientpref-day table,<br /> html.skin-theme-clientpref-day th,<br /> html.skin-theme-clientpref-day td {<br /> background-color: #f8f8f2 !important;<br /> border-color: #6272a4 !important;<br /> color: #101418 !important;<br /> }<br /> html.skin-theme-clientpref-day th {<br /> background-color: #f8f8f2 !important;<br /> color: #ff79c6 !important;<br /> }<br /> html.skin-theme-clientpref-day pre,<br /> html.skin-theme-clientpref-day code,<br /> html.skin-theme-clientpref-day .mw-code {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> border: 1px solid #6272a4 !important;<br /> }<br /> <br /> /* Footer, sidebar day mode */<br /> html.skin-theme-clientpref-day #footer,<br /> html.skin-theme-clientpref-day .mw-footer,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .vector-sidebar-container {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Selection highlight works across both modes */<br /> ::selection {<br /> background: #ff79c6 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* NIGHT MODE — outer background consistency */<br /> html.skin-theme-clientpref-night,<br /> html.skin-theme-clientpref-os-dark,<br /> html.skin-theme-clientpref-night body,<br /> html.skin-theme-clientpref-os-dark body,<br /> html.skin-theme-clientpref-night body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-dark body.skin-vector-2022,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-night body.skin-vector-2022 .mw-body,<br /> html.skin-theme-clientpref-night .vector-header,<br /> html.skin-theme-clientpref-night .vector-body,<br /> html.skin-theme-clientpref-night .vector-page-tools,<br /> html.skin-theme-clientpref-night .vector-toc,<br /> html.skin-theme-clientpref-night #mw-panel {<br /> background-color: #101418 !important;<br /> }<br /> <br /> /* LIGHT MODE — outer background consistency */<br /> html.skin-theme-clientpref-day,<br /> html.skin-theme-clientpref-os-light,<br /> html.skin-theme-clientpref-day body,<br /> html.skin-theme-clientpref-os-light body,<br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-page-base,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-header-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 #mw-content-container,<br /> html.skin-theme-clientpref-day body.skin-vector-2022 .mw-body,<br /> html.skin-theme-clientpref-day .vector-header,<br /> html.skin-theme-clientpref-day .vector-body,<br /> html.skin-theme-clientpref-day .vector-page-tools,<br /> html.skin-theme-clientpref-day .vector-toc,<br /> html.skin-theme-clientpref-day #mw-panel {<br /> background-color: #f8f8f2 !important;<br /> }<br /> <br /> /* Light mode unified background for all page layers */<br /> html.skin-theme-clientpref-day,<br /> html.skin-theme-clientpref-os-light,<br /> html.skin-theme-clientpref-day body,<br /> html.skin-theme-clientpref-os-light body,<br /> html.skin-theme-clientpref-day body.skin-vector-2022,<br /> html.skin-theme-clientpref-os-light body.skin-vector-2022,<br /> html.skin-theme-clientpref-day .vector-page,<br /> html.skin-theme-clientpref-day .mw-page-container,<br /> html.skin-theme-clientpref-day .mw-footer-container,<br /> html.skin-theme-clientpref-day .vector-header-start,<br /> html.skin-theme-clientpref-day .vector-header-end,<br /> html.skin-theme-clientpref-day .mw-body,<br /> html.skin-theme-clientpref-day .mw-body-content,<br /> html.skin-theme-clientpref-day .vector-body,<br /> html.skin-theme-clientpref-day .vector-body-before-content,<br /> html.skin-theme-clientpref-day #mw-content-container,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .mw-workspace-container {<br /> background-color: #f8f8f2 !important;<br /> }<br /> <br /> /* Slightly darker separator lines (optional, to match the theme) */<br /> html.skin-theme-clientpref-day hr,<br /> html.skin-theme-clientpref-day .vector-divider {<br /> border-color: #e0dfd9 !important;<br /> }<br /> <br /> /* =====================================<br /> Light Mode — Sidebar &amp; menu background fix<br /> ===================================== */<br /> <br /> html.skin-theme-clientpref-day .vector-sidebar-container,<br /> html.skin-theme-clientpref-os-light .vector-sidebar-container,<br /> html.skin-theme-clientpref-day .vector-main-menu,<br /> html.skin-theme-clientpref-day .vector-menu-content,<br /> html.skin-theme-clientpref-day .vector-page-toolbar,<br /> html.skin-theme-clientpref-day .vector-toc,<br /> html.skin-theme-clientpref-day #mw-panel,<br /> html.skin-theme-clientpref-day .mw-sidebar {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Keep sidebar &quot;Contents&quot; section headers consistent */<br /> html.skin-theme-clientpref-day .vector-menu-heading,<br /> html.skin-theme-clientpref-day .vector-toc-heading {<br /> background-color: #f8f8f2 !important;<br /> color: #ff79c6 !important;<br /> }<br /> <br /> /* Sidebar link hover color to match theme */<br /> html.skin-theme-clientpref-day .vector-menu-content a:hover {<br /> color: #ff5555 !important;<br /> }<br /> <br /> /* --- Fix white background on .vector-pinned-container --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-pinned-container {<br /> background-color: #101418 !important; /* your dark background */<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-pinned-container {<br /> background-color: #f8f8f2 !important; /* your light container tone */<br /> color: #101418 !important;<br /> }<br /> <br /> /* Make sure inner panels inherit the correct color */<br /> html.skin-theme-clientpref-night .vector-pinned-container * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> html.skin-theme-clientpref-day .vector-pinned-container * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> /* --- Fix white background on dropdown menus --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-dropdown-content,<br /> html.skin-theme-clientpref-night .vector-dropdown-content * {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-dropdown-content,<br /> html.skin-theme-clientpref-day .vector-dropdown-content * {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> border-color: #6272a4 !important;<br /> }<br /> <br /> /* --- Final background patch for bottom white stripe --- */<br /> <br /> /* DARK MODE */<br /> html.skin-theme-clientpref-night .vector-sitenotice-container,<br /> html.skin-theme-clientpref-night .vector-column-start {<br /> background-color: #101418 !important;<br /> color: #f8f8f2 !important;<br /> }<br /> <br /> /* LIGHT MODE */<br /> html.skin-theme-clientpref-day .vector-sitenotice-container,<br /> html.skin-theme-clientpref-day .vector-column-start {<br /> background-color: #f8f8f2 !important;<br /> color: #101418 !important;<br /> }<br /> <br /> /* Ensure children inherit correctly */<br /> html.skin-theme-clientpref-night .vector-sitenotice-container *,<br /> html.skin-theme-clientpref-night .vector-column-start * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> html.skin-theme-clientpref-day .vector-sitenotice-container *,<br /> html.skin-theme-clientpref-day .vector-column-start * {<br /> background-color: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> /* Remove the white shadow explicitly */<br /> .box-shadow-color-inverted {<br /> box-shadow: none !important;<br /> -webkit-box-shadow: none !important;<br /> }<br /> <br /> /* Infobox: character */<br /> .infobox-character {<br /> border: 1px solid #6272a4;<br /> background: #101418; /* dark background (night mode) */<br /> color: #f8f8f2;<br /> padding: 0.25em;<br /> margin: 0.6em 0;<br /> font-size: 0.92em;<br /> line-height:1.25;<br /> float: right;<br /> clear: right;<br /> max-width: 22em;<br /> }<br /> <br /> /* heading/title row in infobox (handled by template's inline style, but safe fallback) */<br /> .infobox-character &gt; caption,<br /> .infobox-character .infobox-title,<br /> .infobox-character th {<br /> color: #ff79c6;<br /> background: transparent;<br /> font-weight: bold;<br /> }<br /> <br /> /* label cells */<br /> .infobox-character td:first-child,<br /> .infobox-character th {<br /> background: transparent;<br /> color: #f8f8f2;<br /> vertical-align: top;<br /> padding-right: 0.4em;<br /> white-space: nowrap;<br /> }<br /> <br /> /* value cells */<br /> .infobox-character td:nth-child(2) {<br /> background: transparent;<br /> color: #f8f8f2;<br /> padding-left: 0.4em;<br /> }<br /> <br /> /* image styling */<br /> .infobox-character img,<br /> .infobox-character .thumbimage {<br /> display:block;<br /> margin: 0.4em auto;<br /> max-width: 95%;<br /> height: auto;<br /> }<br /> <br /> /* Light-mode overrides (if you use the vector day/night selectors) */<br /> html.skin-theme-clientpref-day .infobox-character {<br /> background: #f8f8f2;<br /> color: #101418;<br /> border: 1px solid #6272a4;<br /> }<br /> html.skin-theme-clientpref-day .infobox-character th {<br /> color: #ff79c6;<br /> }<br /> <br /> /* Hide stray VisualEditor &lt;p&gt;&lt;br&gt;&lt;/p&gt; after infoboxes */<br /> .mw-parser-output .infobox + p:has(br) {<br /> display: none !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Center the logo and push the menu below on narrow screens */<br /> @media (max-width: 768px) {<br /> .vector-header-start {<br /> display: block !important;<br /> text-align: center !important;<br /> }<br /> <br /> .vector-logo,<br /> .mw-wiki-logo,<br /> .mw-logo {<br /> display: block !important;<br /> margin: 0 auto !important;<br /> height: auto !important;<br /> max-height: 90px !important;<br /> }<br /> <br /> /* Ensure the menu and search appear below the logo */<br /> .vector-search-box,<br /> .vector-header-menu {<br /> display: block !important;<br /> margin: 0 auto !important;<br /> text-align: center;<br /> }<br /> <br /> /* Optional: reduce logo size slightly on phones */<br /> .vector-logo img {<br /> max-width: 160px !important;<br /> }<br /> }</div> UntenableJinx https://untenables.com/index.php?title=File:Favicon.png&diff=112 File:Favicon.png 2025-10-18T22:39:40Z <p>UntenableJinx: </p> <hr /> <div></div> UntenableJinx https://untenables.com/index.php?title=File:Untenables_Wiki_Logo_200.png&diff=111 File:Untenables Wiki Logo 200.png 2025-10-18T22:28:29Z <p>UntenableJinx: </p> <hr /> <div></div> UntenableJinx https://untenables.com/index.php?title=Starchy_Queep&diff=110 Starchy Queep 2025-10-18T00:16:43Z <p>UntenableJinx: /* See also */</p> <hr /> <div><br /> &lt;!--<br /> Template:Character<br /> VisualEditor-friendly version.<br /> Usage: preload into new pages or copy/paste; infobox inserted manually.<br /> --&gt;{{Infobox Character TV|name=Starchy Queep}}<br /> <br /> Starchy Queep was one of the many Queeps living in <br /> <br /> == See also ==<br /> * [[The Queeps]] (TV Series)<br /> * [[:Category:Queeps characters|List of Queeps characters]]</div> UntenableJinx https://untenables.com/index.php?title=Biff_Bonzo&diff=109 Biff Bonzo 2025-10-18T00:15:29Z <p>UntenableJinx: </p> <hr /> <div>{{Infobox_Character_TV|name=Biff Bonzo|first_appearance=&quot;Beach Bonanza&quot;<br /> ''The Queeps''<br /> April 19, 1995|created_by=Theodore &quot;Todd&quot; Trueman|designed_by=Fritz Eisley|voiced_by=Bob Nelby (1989-92)<br /> Elliot Wang (1992)|full_name=Biffington Bonzorelli|species=Chimpanzee|origin=Malibu, California|occupation=Surf Ape|nationality=American}}<br /> <br /> &lt;!--<br /> Template:Character<br /> VisualEditor-friendly version.<br /> Usage: preload into new pages or copy/paste; infobox inserted manually.<br /> --&gt;<br /> Introductory paragraph. A brief description of the character, including notable traits, role, or origins.<br /> <br /> == Background ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.<br /> <br /> == Publication history ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.<br /> <br /> == Abilities and characteristics ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.<br /> <br /> == References ==<br /> &lt;references /&gt;<br /> <br /> == See also ==<br /> * [[The Queeps]] (TV Series)<br /> * [[:Category:Queeps|List of individual Queeps]]<br /> [[Category:Queeps characters]]</div> UntenableJinx https://untenables.com/index.php?title=Biff_Bonzo&diff=108 Biff Bonzo 2025-10-18T00:12:46Z <p>UntenableJinx: /* See also */</p> <hr /> <div>{{Infobox_Character_TV|name=Biff Bonzo|first_appearance=&quot;Beach Bonanza&quot;<br /> ''The Queeps''<br /> April 19, 1995|created_by=Theodore &quot;Todd&quot; Trueman|designed_by=Fritz Eisley|voiced_by=Bob Nelby (1989-92)<br /> Elliot Wang (1992)|full_name=Biffington Bonzorelli|species=Chimpanzee|origin=Malibu, California|occupation=Surf Ape|nationality=American}}<br /> <br /> &lt;!--<br /> Template:Character<br /> VisualEditor-friendly version.<br /> Usage: preload into new pages or copy/paste; infobox inserted manually.<br /> --&gt;<br /> Introductory paragraph. A brief description of the character, including notable traits, role, or origins.<br /> <br /> == Background ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.<br /> <br /> == Publication history ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.<br /> <br /> == Abilities and characteristics ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.<br /> <br /> == References ==<br /> &lt;references /&gt;<br /> <br /> == See also ==<br /> * [[The Queeps]] (TV Series)<br /> * [[:Category:Queeps|List of individual Queeps]]</div> UntenableJinx https://untenables.com/index.php?title=Grandfather_Queep&diff=107 Grandfather Queep 2025-10-18T00:12:14Z <p>UntenableJinx: /* See also */</p> <hr /> <div>{{Infobox Character TV|name=Grandpa Queep|first_appearance=&quot;Here Come The Queeps!&quot;<br /> ''[[The Queeps]]''<br /> February 26, 1989|created_by=Theodore &quot;Todd&quot; Trueman|designed_by=Fritz Eisley|voiced_by=Parthanos Gizelda|species=Queep|origin=Atlantis|occupation=Queep Patriarch|nationality=Atlantean-American|caption=''[[The Queeps]]'' Character}}<br /> <br /> &lt;!--<br /> Template:Character<br /> VisualEditor-friendly version.<br /> Usage: preload into new pages or copy/paste; infobox inserted manually.<br /> --&gt;<br /> Introductory paragraph. A brief description of the character, including notable traits, role, or origins.<br /> <br /> == Background ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.<br /> <br /> == Publication history ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.<br /> <br /> == Abilities and characteristics ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.<br /> <br /> == References ==<br /> &lt;references /&gt;<br /> <br /> == See also ==<br /> * [[The Queeps]] (TV Series)<br /> * [[:Category:Queeps characters|List of Queeps characters]]</div> UntenableJinx https://untenables.com/index.php?title=Grandfather_Queep&diff=106 Grandfather Queep 2025-10-18T00:12:00Z <p>UntenableJinx: /* See also */</p> <hr /> <div>{{Infobox Character TV|name=Grandpa Queep|first_appearance=&quot;Here Come The Queeps!&quot;<br /> ''[[The Queeps]]''<br /> February 26, 1989|created_by=Theodore &quot;Todd&quot; Trueman|designed_by=Fritz Eisley|voiced_by=Parthanos Gizelda|species=Queep|origin=Atlantis|occupation=Queep Patriarch|nationality=Atlantean-American|caption=''[[The Queeps]]'' Character}}<br /> <br /> &lt;!--<br /> Template:Character<br /> VisualEditor-friendly version.<br /> Usage: preload into new pages or copy/paste; infobox inserted manually.<br /> --&gt;<br /> Introductory paragraph. A brief description of the character, including notable traits, role, or origins.<br /> <br /> == Background ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.<br /> <br /> == Publication history ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.<br /> <br /> == Abilities and characteristics ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.<br /> <br /> == References ==<br /> &lt;references /&gt;<br /> <br /> == See also ==<br /> * [[The Queeps]] (TV Series)</div> UntenableJinx https://untenables.com/index.php?title=Grandfather_Queep&diff=105 Grandfather Queep 2025-10-18T00:11:26Z <p>UntenableJinx: /* See also */</p> <hr /> <div>{{Infobox Character TV|name=Grandpa Queep|first_appearance=&quot;Here Come The Queeps!&quot;<br /> ''[[The Queeps]]''<br /> February 26, 1989|created_by=Theodore &quot;Todd&quot; Trueman|designed_by=Fritz Eisley|voiced_by=Parthanos Gizelda|species=Queep|origin=Atlantis|occupation=Queep Patriarch|nationality=Atlantean-American|caption=''[[The Queeps]]'' Character}}<br /> <br /> &lt;!--<br /> Template:Character<br /> VisualEditor-friendly version.<br /> Usage: preload into new pages or copy/paste; infobox inserted manually.<br /> --&gt;<br /> Introductory paragraph. A brief description of the character, including notable traits, role, or origins.<br /> <br /> == Background ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.<br /> <br /> == Publication history ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.<br /> <br /> == Abilities and characteristics ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.<br /> <br /> == References ==<br /> &lt;references /&gt;<br /> <br /> == See also ==<br /> * [[The Queeps]] (TV Series)<br /> * [[:Category:Queeps|List of individual Queeps]]</div> UntenableJinx https://untenables.com/index.php?title=Grandfather_Queep&diff=104 Grandfather Queep 2025-10-18T00:10:04Z <p>UntenableJinx: </p> <hr /> <div>{{Infobox Character TV|name=Grandpa Queep|first_appearance=&quot;Here Come The Queeps!&quot;<br /> ''[[The Queeps]]''<br /> February 26, 1989|created_by=Theodore &quot;Todd&quot; Trueman|designed_by=Fritz Eisley|voiced_by=Parthanos Gizelda|species=Queep|origin=Atlantis|occupation=Queep Patriarch|nationality=Atlantean-American|caption=''[[The Queeps]]'' Character}}<br /> <br /> &lt;!--<br /> Template:Character<br /> VisualEditor-friendly version.<br /> Usage: preload into new pages or copy/paste; infobox inserted manually.<br /> --&gt;<br /> Introductory paragraph. A brief description of the character, including notable traits, role, or origins.<br /> <br /> == Background ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.<br /> <br /> == Publication history ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.<br /> <br /> == Abilities and characteristics ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.<br /> <br /> == References ==<br /> &lt;references /&gt;<br /> <br /> == See also ==<br /> * [[The Queeps]] – main article for the television series<br /> * [[:Category:Queeps characters|List of Queeps characters]]</div> UntenableJinx https://untenables.com/index.php?title=Grandfather_Queep&diff=103 Grandfather Queep 2025-10-18T00:09:41Z <p>UntenableJinx: </p> <hr /> <div>{{Infobox Character TV|name=Grandpa Queep|first_appearance=&quot;Here Come The Queeps!&quot;<br /> ''[[The Queeps]]''<br /> February 26, 1989|created_by=Theodore &quot;Todd&quot; Trueman|designed_by=Fritz Eisley|voiced_by=Parthanos Gizelda|species=Queep|origin=Atlantis|occupation=Queep Patriarch|nationality=Atlantean-American|caption=''[[The Queeps]]'' Character}}<br /> <br /> &lt;!--<br /> Template:Character<br /> VisualEditor-friendly version.<br /> Usage: preload into new pages or copy/paste; infobox inserted manually.<br /> --&gt;<br /> Introductory paragraph. A brief description of the character, including notable traits, role, or origins.<br /> <br /> == Background ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.<br /> <br /> == Publication history ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.<br /> <br /> == Abilities and characteristics ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.<br /> <br /> == References ==<br /> &lt;references /&gt;<br /> <br /> == See also ==<br /> * [[List of characters]]<br /> * [[Category:Characters]]</div> UntenableJinx https://untenables.com/index.php?title=Biff_Bonzo&diff=102 Biff Bonzo 2025-10-18T00:09:15Z <p>UntenableJinx: </p> <hr /> <div>{{Infobox_Character_TV|name=Biff Bonzo|first_appearance=&quot;Beach Bonanza&quot;<br /> ''The Queeps''<br /> April 19, 1995|created_by=Theodore &quot;Todd&quot; Trueman|designed_by=Fritz Eisley|voiced_by=Bob Nelby (1989-92)<br /> Elliot Wang (1992)|full_name=Biffington Bonzorelli|species=Chimpanzee|origin=Malibu, California|occupation=Surf Ape|nationality=American}}<br /> <br /> &lt;!--<br /> Template:Character<br /> VisualEditor-friendly version.<br /> Usage: preload into new pages or copy/paste; infobox inserted manually.<br /> --&gt;<br /> Introductory paragraph. A brief description of the character, including notable traits, role, or origins.<br /> <br /> == Background ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.<br /> <br /> == Publication history ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.<br /> <br /> == Abilities and characteristics ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.<br /> <br /> == References ==<br /> &lt;references /&gt;<br /> <br /> == See also ==<br /> * [[List of characters]]<br /> * [[Category:Characters]]<br /> [[Category:Queeps characters]]</div> UntenableJinx https://untenables.com/index.php?title=Biff_Bonzo&diff=101 Biff Bonzo 2025-10-17T23:56:57Z <p>UntenableJinx: </p> <hr /> <div>{{Infobox_Character_TV|name=Biff Bonzo|first_appearance=&quot;Beach Bonanza&quot;<br /> ''The Queeps''<br /> April 19, 1995|created_by=Theodore &quot;Todd&quot; Trueman|designed_by=Fritz Eisley|voiced_by=Bob Nelby (1989-92)<br /> Elliot Wang (1992)|full_name=Biffington Bonzorelli|species=Chimpanzee|origin=Malibu, California|occupation=Surf Ape|nationality=American}}{{Character}}<br /> [[Category:Queeps characters]]</div> UntenableJinx https://untenables.com/index.php?title=Category:Queeps_characters&diff=100 Category:Queeps characters 2025-10-17T23:53:44Z <p>UntenableJinx: </p> <hr /> <div>''This is a list of all characters from [[The Queeps]] television franchise.''<br /> <br /> == Subcategories ==<br /> * A full list of individual Queeps can be found at [[:Category:Queeps|this page]].<br /> <br /> == Related pages ==<br /> * [[The Queeps]] (TV series)</div> UntenableJinx https://untenables.com/index.php?title=Category:Queeps&diff=99 Category:Queeps 2025-10-17T23:53:30Z <p>UntenableJinx: /* Subcategories */</p> <hr /> <div>''This is a list of individual Queeps from [[The Queeps]] television franchise.''<br /> <br /> == Subcategories ==<br /> * A full list of Queep characters can be found at [[:Category:Queeps characters|this page]].<br /> <br /> == Related pages ==<br /> * [[The Queeps]] (TV series)</div> UntenableJinx https://untenables.com/index.php?title=Category:Queeps&diff=98 Category:Queeps 2025-10-17T23:51:11Z <p>UntenableJinx: </p> <hr /> <div>''This is a list of individual Queeps from [[The Queeps]] television franchise.''<br /> <br /> == Subcategories ==<br /> * A full list of Queep characters can be found at [[Category:Queeps]].<br /> <br /> == Related pages ==<br /> * [[The Queeps]] (TV series)</div> UntenableJinx https://untenables.com/index.php?title=Category:Queeps_characters&diff=97 Category:Queeps characters 2025-10-17T23:49:57Z <p>UntenableJinx: Created page with &quot;&#039;&#039;This is a list of all characters from The Queeps television franchise.&#039;&#039; == Subcategories == * A full list of individual Queeps can be found at this page. == Related pages == * The Queeps (TV series)&quot;</p> <hr /> <div>''This is a list of all characters from [[The Queeps]] television franchise.''<br /> <br /> == Subcategories ==<br /> * A full list of individual Queeps can be found at [[Category:Queeps|this page]].<br /> <br /> == Related pages ==<br /> * [[The Queeps]] (TV series)</div> UntenableJinx https://untenables.com/index.php?title=Category:Queeps&diff=96 Category:Queeps 2025-10-17T23:47:23Z <p>UntenableJinx: /* Subcategories */</p> <hr /> <div>''This is a list of individual Queeps from [[The Queeps]] television franchise.''<br /> <br /> == Subcategories ==<br /> * A full list of Queep characters can be found at [[Category:Queeps characters|this page]].<br /> <br /> == Related pages ==<br /> * [[The Queeps]] (TV series)</div> UntenableJinx https://untenables.com/index.php?title=Category:Queeps&diff=95 Category:Queeps 2025-10-17T23:45:34Z <p>UntenableJinx: Created page with &quot;&#039;&#039;This is a list of individual Queeps from The Queeps television franchise.&#039;&#039; == Subcategories == * Click here for a list of other Queeps characters. == Related pages == * The Queeps (TV series)&quot;</p> <hr /> <div>''This is a list of individual Queeps from [[The Queeps]] television franchise.''<br /> <br /> == Subcategories ==<br /> * [[Category:Queeps characters| Click here for a list of other Queeps characters.]]<br /> <br /> == Related pages ==<br /> * [[The Queeps]] (TV series)</div> UntenableJinx https://untenables.com/index.php?title=Starchy_Queep&diff=94 Starchy Queep 2025-10-17T21:38:33Z <p>UntenableJinx: /* See also */</p> <hr /> <div><br /> &lt;!--<br /> Template:Character<br /> VisualEditor-friendly version.<br /> Usage: preload into new pages or copy/paste; infobox inserted manually.<br /> --&gt;{{Infobox Character TV|name=Starchy Queep}}<br /> <br /> Starchy Queep was one of the many Queeps living in <br /> <br /> == See also ==<br /> * [[Queeps|List of Queeps]] [[Category:Characters]]<br /> [[Category:Queeps]]</div> UntenableJinx https://untenables.com/index.php?title=Starchy_Queep&diff=93 Starchy Queep 2025-10-17T21:37:47Z <p>UntenableJinx: /* See also */</p> <hr /> <div><br /> &lt;!--<br /> Template:Character<br /> VisualEditor-friendly version.<br /> Usage: preload into new pages or copy/paste; infobox inserted manually.<br /> --&gt;{{Infobox Character TV|name=Starchy Queep}}<br /> <br /> Starchy Queep was one of the many Queeps living in <br /> <br /> == See also ==<br /> * [[The Queeps|List of Queeps]] [[Category:Characters]]<br /> [[Category:Queeps]]</div> UntenableJinx https://untenables.com/index.php?title=Starchy_Queep&diff=92 Starchy Queep 2025-10-17T20:38:07Z <p>UntenableJinx: </p> <hr /> <div><br /> &lt;!--<br /> Template:Character<br /> VisualEditor-friendly version.<br /> Usage: preload into new pages or copy/paste; infobox inserted manually.<br /> --&gt;{{Infobox Character TV|name=Starchy Queep}}<br /> <br /> Starchy Queep was one of the many Queeps living in <br /> <br /> == See also ==<br /> * [[Queeps|List of Queeps]] [[Category:Characters]]<br /> [[Category:Queeps]]</div> UntenableJinx https://untenables.com/index.php?title=MediaWiki:Noarticletext&diff=91 MediaWiki:Noarticletext 2025-10-17T20:04:24Z <p>UntenableJinx: </p> <hr /> <div>There is currently no text in this page.<br /> You can [[Special:Search/{{PAGENAME}}|search for this page title]] in other pages,<br /> &lt;span class=&quot;plainlinks&quot;&gt;[{{fullurl:{{#Special:Log}}|page={{FULLPAGENAMEE}}}} search the related logs],<br /> or [{{fullurl:{{FULLPAGENAME}}|action=edit}} create this page]&lt;/span&gt;.<br /> <br /> &lt;div class=&quot;mw-usergroup-editor mw-usergroup-sysop&quot; style=&quot;margin:1em 0; text-align:center;&quot;&gt;<br /> &lt;span class=&quot;plainlinks&quot; style=&quot;background-color:#20222b; color:#f8f8f2; border:1px solid #6272a4; padding:0.6em 1.2em; border-radius:6px;&quot;&gt;<br /> [{{fullurl:{{FULLPAGENAME}}|action=edit&amp;preload=Template:Character&amp;veaction=edit}} ➕ Create formatted page]<br /> &lt;/span&gt;<br /> &lt;/div&gt;</div> UntenableJinx https://untenables.com/index.php?title=MediaWiki:Noarticletext&diff=90 MediaWiki:Noarticletext 2025-10-17T20:01:24Z <p>UntenableJinx: </p> <hr /> <div>There is currently no text in this page.<br /> You can [[Special:Search/{{PAGENAME}}|search for this page title]] in other pages,<br /> &lt;span class=&quot;plainlinks&quot;&gt;[{{fullurl:{{#Special:Log}}|page={{FULLPAGENAMEE}}}} search the related logs],<br /> or [{{fullurl:{{FULLPAGENAME}}|action=edit}} create this page]&lt;/span&gt;.<br /> <br /> &lt;div class=&quot;mw-usergroup-editor mw-usergroup-sysop&quot; style=&quot;margin:1em 0; text-align:center;&quot;&gt;<br /> &lt;span class=&quot;plainlinks&quot; style=&quot;background-color:#20222b; color:#f8f8f2; border:1px solid #6272a4; padding:0.6em 1.2em; border-radius:6px;&quot;&gt;<br /> [{{fullurl:{{FULLPAGENAME}}|action=edit&amp;preload=Template:Character&amp;veaction=edit}} ➕ Create formatted page]<br /> &lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;p&gt;This page doesn’t exist yet.&lt;/p&gt;<br /> <br /> {{#ifingroup: sysop |<br /> &lt;div style=&quot;text-align:center; margin:1em 0;&quot;&gt;<br /> [{{fullurl:{{FULLPAGENAME}}|action=edit&amp;preload=Template:Character&amp;veaction=edit}} 🧩 Create formatted page]<br /> &lt;/div&gt;<br /> }}<br /> <br /> {{#ifingroup: editor |<br /> &lt;div style=&quot;text-align:center; margin:1em 0;&quot;&gt;<br /> [{{fullurl:{{FULLPAGENAME}}|action=edit&amp;preload=Template:Character&amp;veaction=edit}} 🧩 Create formatted page]<br /> &lt;/div&gt;<br /> }}</div> UntenableJinx https://untenables.com/index.php?title=MediaWiki:Noarticletext&diff=89 MediaWiki:Noarticletext 2025-10-17T19:54:00Z <p>UntenableJinx: </p> <hr /> <div>There is currently no text in this page.<br /> You can [[Special:Search/{{PAGENAME}}|search for this page title]] in other pages,<br /> &lt;span class=&quot;plainlinks&quot;&gt;[{{fullurl:{{#Special:Log}}|page={{FULLPAGENAMEE}}}} search the related logs],<br /> or [{{fullurl:{{FULLPAGENAME}}|action=edit}} create this page]&lt;/span&gt;.<br /> <br /> &lt;div class=&quot;mw-usergroup-editor mw-usergroup-sysop&quot; style=&quot;margin:1em 0; text-align:center;&quot;&gt;<br /> &lt;span class=&quot;plainlinks&quot; style=&quot;background-color:#20222b; color:#f8f8f2; border:1px solid #6272a4; padding:0.6em 1.2em; border-radius:6px;&quot;&gt;<br /> [{{fullurl:{{FULLPAGENAME}}|action=edit&amp;preload=Template:Character&amp;veaction=edit}} ➕ Create formatted page]<br /> &lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> {{#ifgroup: sysop |<br /> &lt;div style=&quot;text-align:center; margin:1em 0;&quot;&gt;<br /> [{{fullurl:{{FULLPAGENAME}}|action=edit&amp;preload=Template:Character&amp;veaction=edit}} <br /> 🧩 Create formatted page]<br /> &lt;/div&gt;<br /> }}<br /> {{#ifgroup: editor |<br /> &lt;div style=&quot;text-align:center; margin:1em 0;&quot;&gt;<br /> [{{fullurl:{{FULLPAGENAME}}|action=edit&amp;preload=Template:Character&amp;veaction=edit}} <br /> 🧩 Create formatted page]<br /> &lt;/div&gt;<br /> }}</div> UntenableJinx https://untenables.com/index.php?title=Starchy_Queep&diff=88 Starchy Queep 2025-10-17T19:47:29Z <p>UntenableJinx: Created page with &quot; &lt;!-- Template:Character VisualEditor-friendly version. Usage: preload into new pages or copy/paste; infobox inserted manually. --&gt; Introductory paragraph. A brief description of the character, including notable traits, role, or origins. == Background == Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. == Publication history =...&quot;</p> <hr /> <div><br /> <br /> &lt;!--<br /> Template:Character<br /> VisualEditor-friendly version.<br /> Usage: preload into new pages or copy/paste; infobox inserted manually.<br /> --&gt;<br /> Introductory paragraph. A brief description of the character, including notable traits, role, or origins.<br /> <br /> == Background ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.<br /> <br /> == Publication history ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.<br /> <br /> == Abilities and characteristics ==<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.<br /> <br /> == References ==<br /> &lt;references /&gt;<br /> <br /> == See also ==<br /> * [[List of characters]]<br /> * [[Category:Characters]]</div> UntenableJinx https://untenables.com/index.php?title=MediaWiki:Noarticletext&diff=87 MediaWiki:Noarticletext 2025-10-17T19:46:32Z <p>UntenableJinx: </p> <hr /> <div>There is currently no text in this page.<br /> You can [[Special:Search/{{PAGENAME}}|search for this page title]] in other pages,<br /> &lt;span class=&quot;plainlinks&quot;&gt;[{{fullurl:{{#Special:Log}}|page={{FULLPAGENAMEE}}}} search the related logs],<br /> or [{{fullurl:{{FULLPAGENAME}}|action=edit}} create this page]&lt;/span&gt;.<br /> <br /> &lt;div class=&quot;mw-usergroup-editor mw-usergroup-admin&quot; style=&quot;margin:1em 0; text-align:center;&quot;&gt;<br /> &lt;span class=&quot;plainlinks&quot; style=&quot;background-color:#20222b; color:#f8f8f2; border:1px solid #6272a4; padding:0.6em 1.2em; border-radius:6px;&quot;&gt;<br /> [{{fullurl:{{FULLPAGENAME}}|action=edit&amp;preload=Template:Character&amp;veaction=edit}} ➕ Create formatted page]<br /> &lt;/span&gt;<br /> &lt;/div&gt;</div> UntenableJinx https://untenables.com/index.php?title=MediaWiki:Noarticletext&diff=86 MediaWiki:Noarticletext 2025-10-17T19:41:25Z <p>UntenableJinx: </p> <hr /> <div>There is currently no text in this page.<br /> You can [[Special:Search/{{PAGENAME}}|search for this page title]] in other pages,<br /> &lt;span class=&quot;plainlinks&quot;&gt;[{{fullurl:{{#Special:Log}}|page={{FULLPAGENAMEE}}}} search the related logs],<br /> or [{{fullurl:{{FULLPAGENAME}}|action=edit}} create this page]&lt;/span&gt;.<br /> <br /> &lt;div class=&quot;mw-usergroup-editor mw-usergroup-sysop&quot; style=&quot;margin:1em 0; text-align:center;&quot;&gt;<br /> &lt;span class=&quot;plainlinks&quot; style=&quot;background-color:#20222b; color:#f8f8f2; border:1px solid #6272a4; padding:0.6em 1.2em; border-radius:6px;&quot;&gt;<br /> [https://untenables.com/wiki/Special:CreatePage?preload=Template:Character&amp;veaction=edit ➕ Create Formatted Page]<br /> &lt;/span&gt;<br /> &lt;/div&gt;</div> UntenableJinx