https://wargamechess.com/api.php?action=feedcontributions&feedformat=atom&user=CalebAdmin 2026-04-30T12:54:26Z User contributions MediaWiki 1.42.3 https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=912 2025-05-06T03:33:25Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B;<br /> --light-link-visited: #A11B1B;<br /> --light-link-hover: #06e;<br /> <br /> --light-footnote-background: #ddd;<br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F;<br /> --dark-link-hover: #BF4342;<br /> <br /> --dark-footnote-background: #222;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> <br /> --var-footnote-highlight: var(--light-footnote-background);<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> --var-footnote-highlight: var(--dark-footnote-background);<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> body{<br /> min-height: 100vh;<br /> }<br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> display:block;<br /> max-height: calc(60vh - 20px) !important;<br /> height:auto;<br /> overflow-y: auto;<br /> scrollbar-width: thin;<br /> float: right; <br /> margin:1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> <br /> <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> <br /> <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> <br /> <br /> /* Footnotes */<br /> <br /> ol.references li:target{<br /> background-color: var(--var-footnote-highlight);<br /> <br /> <br /> }<br /> <br /> <br /> <br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-toc-background) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ol li,<br /> .skin-theme-clientpref-night ol li ol,<br /> .skin-theme-clientpref-night ol li ul,<br /> .skin-theme-clientpref-night ol li ol ul,<br /> .skin-theme-clientpref-night ol li ul ul,<br /> .skin-theme-clientpref-night ol li ol ol,<br /> .skin-theme-clientpref-night ol li ul ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul,<br /> .skin-theme-clientpref-night ul li ol,<br /> .skin-theme-clientpref-night ul li ol ul,<br /> .skin-theme-clientpref-night ul li ul ul,<br /> .skin-theme-clientpref-night ul li ol ol,<br /> .skin-theme-clientpref-night ul li ul ol{<br /> <br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=911 2025-05-06T03:31:51Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> --light-footnote-background: #ddd;<br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> --dark-footnote-background: #222;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> <br /> --var-footnote-highlight: var(--light-footnote-background);<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> --var-footnote-highlight: var(--dark-footnote-background);<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> body{<br /> min-height: 100vh;<br /> }<br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> display:block;<br /> max-height: calc(60vh - 20px) !important;<br /> height:auto;<br /> overflow-y: auto;<br /> scrollbar-width: thin;<br /> float: right; <br /> margin:1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> <br /> <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> <br /> <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> <br /> <br /> /* Footnotes */<br /> <br /> ol.references li:target{<br /> background-color: var(--var-footnote-highlight);<br /> <br /> <br /> }<br /> <br /> <br /> <br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-toc-background) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ol li,<br /> .skin-theme-clientpref-night ol li ol,<br /> .skin-theme-clientpref-night ol li ul,<br /> .skin-theme-clientpref-night ol li ol ul,<br /> .skin-theme-clientpref-night ol li ul ul,<br /> .skin-theme-clientpref-night ol li ol ol,<br /> .skin-theme-clientpref-night ol li ul ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul,<br /> .skin-theme-clientpref-night ul li ol,<br /> .skin-theme-clientpref-night ul li ol ul,<br /> .skin-theme-clientpref-night ul li ul ul,<br /> .skin-theme-clientpref-night ul li ol ol,<br /> .skin-theme-clientpref-night ul li ul ol{<br /> <br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=910 2025-05-06T03:31:32Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> --light-footnote-background: #ccc;<br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> --dark-footnote-background: #ccc;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> <br /> --var-footnote-highlight: var(--light-footnote-background);<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> --var-footnote-highlight: var(--dark-footnote-background);<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> body{<br /> min-height: 100vh;<br /> }<br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> display:block;<br /> max-height: calc(60vh - 20px) !important;<br /> height:auto;<br /> overflow-y: auto;<br /> scrollbar-width: thin;<br /> float: right; <br /> margin:1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> <br /> <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> <br /> <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> <br /> <br /> /* Footnotes */<br /> <br /> ol.references li:target{<br /> background-color: var(--var-footnote-highlight);<br /> <br /> <br /> }<br /> <br /> <br /> <br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-toc-background) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ol li,<br /> .skin-theme-clientpref-night ol li ol,<br /> .skin-theme-clientpref-night ol li ul,<br /> .skin-theme-clientpref-night ol li ol ul,<br /> .skin-theme-clientpref-night ol li ul ul,<br /> .skin-theme-clientpref-night ol li ol ol,<br /> .skin-theme-clientpref-night ol li ul ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul,<br /> .skin-theme-clientpref-night ul li ol,<br /> .skin-theme-clientpref-night ul li ol ul,<br /> .skin-theme-clientpref-night ul li ul ul,<br /> .skin-theme-clientpref-night ul li ol ol,<br /> .skin-theme-clientpref-night ul li ul ol{<br /> <br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=909 2025-05-06T03:31:05Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> --light-footnote-background: red;<br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> --dark-footnote-background: red;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> <br /> --var-footnote-highlight: var(--light-footnote-background);<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> --var-footnote-highlight: var(--dark-footnote-background);<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> body{<br /> min-height: 100vh;<br /> }<br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> display:block;<br /> max-height: calc(60vh - 20px) !important;<br /> height:auto;<br /> overflow-y: auto;<br /> scrollbar-width: thin;<br /> float: right; <br /> margin:1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> <br /> <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> <br /> <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> <br /> <br /> /* Footnotes */<br /> <br /> ol.references li:target{<br /> background-color: var(--var-footnote-highlight);<br /> <br /> <br /> }<br /> <br /> <br /> <br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-toc-background) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ol li,<br /> .skin-theme-clientpref-night ol li ol,<br /> .skin-theme-clientpref-night ol li ul,<br /> .skin-theme-clientpref-night ol li ol ul,<br /> .skin-theme-clientpref-night ol li ul ul,<br /> .skin-theme-clientpref-night ol li ol ol,<br /> .skin-theme-clientpref-night ol li ul ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul,<br /> .skin-theme-clientpref-night ul li ol,<br /> .skin-theme-clientpref-night ul li ol ul,<br /> .skin-theme-clientpref-night ul li ul ul,<br /> .skin-theme-clientpref-night ul li ol ol,<br /> .skin-theme-clientpref-night ul li ul ol{<br /> <br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=896 2025-05-02T03:22:36Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> body{<br /> min-height: 100vh;<br /> }<br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> display:block;<br /> max-height: calc(60vh - 20px) !important;<br /> height:auto;<br /> overflow-y: auto;<br /> scrollbar-width: thin;<br /> float: right; <br /> margin:1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> <br /> <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> <br /> <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-toc-background) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ol li,<br /> .skin-theme-clientpref-night ol li ol,<br /> .skin-theme-clientpref-night ol li ul,<br /> .skin-theme-clientpref-night ol li ol ul,<br /> .skin-theme-clientpref-night ol li ul ul,<br /> .skin-theme-clientpref-night ol li ol ol,<br /> .skin-theme-clientpref-night ol li ul ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul,<br /> .skin-theme-clientpref-night ul li ol,<br /> .skin-theme-clientpref-night ul li ol ul,<br /> .skin-theme-clientpref-night ul li ul ul,<br /> .skin-theme-clientpref-night ul li ol ol,<br /> .skin-theme-clientpref-night ul li ul ol{<br /> <br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=895 2025-05-02T02:46:46Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> display:block;<br /> max-height: calc(60vh - 20px) !important;<br /> height:auto;<br /> overflow-y: auto;<br /> scrollbar-width: thin;<br /> float: right; <br /> margin:1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> <br /> <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> <br /> <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-toc-background) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ol li,<br /> .skin-theme-clientpref-night ol li ol,<br /> .skin-theme-clientpref-night ol li ul,<br /> .skin-theme-clientpref-night ol li ol ul,<br /> .skin-theme-clientpref-night ol li ul ul,<br /> .skin-theme-clientpref-night ol li ol ol,<br /> .skin-theme-clientpref-night ol li ul ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul,<br /> .skin-theme-clientpref-night ul li ol,<br /> .skin-theme-clientpref-night ul li ol ul,<br /> .skin-theme-clientpref-night ul li ul ul,<br /> .skin-theme-clientpref-night ul li ol ol,<br /> .skin-theme-clientpref-night ul li ul ol{<br /> <br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=894 2025-05-02T02:46:20Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> display:block;<br /> max-height: calc(60vh - 20px) !important;<br /> height:auto;<br /> overflow-y: auto;<br /> float: right; <br /> margin:1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> <br /> <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> <br /> <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-toc-background) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ol li,<br /> .skin-theme-clientpref-night ol li ol,<br /> .skin-theme-clientpref-night ol li ul,<br /> .skin-theme-clientpref-night ol li ol ul,<br /> .skin-theme-clientpref-night ol li ul ul,<br /> .skin-theme-clientpref-night ol li ol ol,<br /> .skin-theme-clientpref-night ol li ul ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul,<br /> .skin-theme-clientpref-night ul li ol,<br /> .skin-theme-clientpref-night ul li ol ul,<br /> .skin-theme-clientpref-night ul li ul ul,<br /> .skin-theme-clientpref-night ul li ol ol,<br /> .skin-theme-clientpref-night ul li ul ol{<br /> <br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=893 2025-05-02T02:45:55Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> display:block;<br /> max-height: 500px !important;<br /> height:auto;<br /> overflow-y: auto;<br /> float: right; <br /> margin:1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> <br /> <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> <br /> <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-toc-background) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ol li,<br /> .skin-theme-clientpref-night ol li ol,<br /> .skin-theme-clientpref-night ol li ul,<br /> .skin-theme-clientpref-night ol li ol ul,<br /> .skin-theme-clientpref-night ol li ul ul,<br /> .skin-theme-clientpref-night ol li ol ol,<br /> .skin-theme-clientpref-night ol li ul ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul,<br /> .skin-theme-clientpref-night ul li ol,<br /> .skin-theme-clientpref-night ul li ol ul,<br /> .skin-theme-clientpref-night ul li ul ul,<br /> .skin-theme-clientpref-night ul li ol ol,<br /> .skin-theme-clientpref-night ul li ul ol{<br /> <br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=892 2025-05-02T02:44:27Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: 500px !important;<br /> height:auto;<br /> overflow: scroll;<br /> float: right; <br /> margin:1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> <br /> <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> <br /> <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-toc-background) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ol li,<br /> .skin-theme-clientpref-night ol li ol,<br /> .skin-theme-clientpref-night ol li ul,<br /> .skin-theme-clientpref-night ol li ol ul,<br /> .skin-theme-clientpref-night ol li ul ul,<br /> .skin-theme-clientpref-night ol li ol ol,<br /> .skin-theme-clientpref-night ol li ul ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul,<br /> .skin-theme-clientpref-night ul li ol,<br /> .skin-theme-clientpref-night ul li ol ul,<br /> .skin-theme-clientpref-night ul li ul ul,<br /> .skin-theme-clientpref-night ul li ol ol,<br /> .skin-theme-clientpref-night ul li ul ol{<br /> <br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=891 2025-05-01T14:18:08Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px) !important;<br /> height:auto;<br /> overflow: scroll;<br /> float: right; <br /> margin:1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> <br /> <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> <br /> <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-toc-background) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ol li,<br /> .skin-theme-clientpref-night ol li ol,<br /> .skin-theme-clientpref-night ol li ul,<br /> .skin-theme-clientpref-night ol li ol ul,<br /> .skin-theme-clientpref-night ol li ul ul,<br /> .skin-theme-clientpref-night ol li ol ol,<br /> .skin-theme-clientpref-night ol li ul ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul,<br /> .skin-theme-clientpref-night ul li ol,<br /> .skin-theme-clientpref-night ul li ol ul,<br /> .skin-theme-clientpref-night ul li ul ul,<br /> .skin-theme-clientpref-night ul li ol ol,<br /> .skin-theme-clientpref-night ul li ul ol{<br /> <br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=890 2025-05-01T14:16:48Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> box-sizing:border-box;<br /> max-height: calc(60vh - 20px) !important;<br /> overflow: scroll;<br /> float: right; <br /> margin:1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> <br /> <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> <br /> <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-toc-background) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ol li,<br /> .skin-theme-clientpref-night ol li ol,<br /> .skin-theme-clientpref-night ol li ul,<br /> .skin-theme-clientpref-night ol li ol ul,<br /> .skin-theme-clientpref-night ol li ul ul,<br /> .skin-theme-clientpref-night ol li ol ol,<br /> .skin-theme-clientpref-night ol li ul ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul,<br /> .skin-theme-clientpref-night ul li ol,<br /> .skin-theme-clientpref-night ul li ol ul,<br /> .skin-theme-clientpref-night ul li ul ul,<br /> .skin-theme-clientpref-night ul li ol ol,<br /> .skin-theme-clientpref-night ul li ul ol{<br /> <br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=889 2025-05-01T14:15:36Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px) !important;<br /> overflow: scroll;<br /> float: right; <br /> margin:1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> <br /> <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> <br /> <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-toc-background) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ol li,<br /> .skin-theme-clientpref-night ol li ol,<br /> .skin-theme-clientpref-night ol li ul,<br /> .skin-theme-clientpref-night ol li ol ul,<br /> .skin-theme-clientpref-night ol li ul ul,<br /> .skin-theme-clientpref-night ol li ol ol,<br /> .skin-theme-clientpref-night ol li ul ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul,<br /> .skin-theme-clientpref-night ul li ol,<br /> .skin-theme-clientpref-night ul li ol ul,<br /> .skin-theme-clientpref-night ul li ul ul,<br /> .skin-theme-clientpref-night ul li ol ol,<br /> .skin-theme-clientpref-night ul li ul ol{<br /> <br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=888 2025-05-01T14:15:18Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> height: calc(60vh - 20px) !important;<br /> overflow: scroll;<br /> float: right; <br /> margin:1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> <br /> <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> <br /> <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-toc-background) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ol li,<br /> .skin-theme-clientpref-night ol li ol,<br /> .skin-theme-clientpref-night ol li ul,<br /> .skin-theme-clientpref-night ol li ol ul,<br /> .skin-theme-clientpref-night ol li ul ul,<br /> .skin-theme-clientpref-night ol li ol ol,<br /> .skin-theme-clientpref-night ol li ul ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul,<br /> .skin-theme-clientpref-night ul li ol,<br /> .skin-theme-clientpref-night ul li ol ul,<br /> .skin-theme-clientpref-night ul li ul ul,<br /> .skin-theme-clientpref-night ul li ol ol,<br /> .skin-theme-clientpref-night ul li ul ol{<br /> <br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=887 2025-05-01T14:14:47Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> height: calc(60vh - 20px) !important;<br /> overflow: scroll;<br /> float: right; <br /> margin:1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc &gt; ul {<br /> <br /> max-height: 500px;<br /> overflow:scroll;<br /> <br /> }<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> <br /> <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> <br /> <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-toc-background) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ol li,<br /> .skin-theme-clientpref-night ol li ol,<br /> .skin-theme-clientpref-night ol li ul,<br /> .skin-theme-clientpref-night ol li ol ul,<br /> .skin-theme-clientpref-night ol li ul ul,<br /> .skin-theme-clientpref-night ol li ol ol,<br /> .skin-theme-clientpref-night ol li ul ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul,<br /> .skin-theme-clientpref-night ul li ol,<br /> .skin-theme-clientpref-night ul li ol ul,<br /> .skin-theme-clientpref-night ul li ul ul,<br /> .skin-theme-clientpref-night ul li ol ol,<br /> .skin-theme-clientpref-night ul li ul ol{<br /> <br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=886 2025-05-01T14:13:22Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> height: calc(60vh - 20px) !important;<br /> overflow: scroll;<br /> float: right; <br /> margin:1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> <br /> <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> <br /> <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-toc-background) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ol li,<br /> .skin-theme-clientpref-night ol li ol,<br /> .skin-theme-clientpref-night ol li ul,<br /> .skin-theme-clientpref-night ol li ol ul,<br /> .skin-theme-clientpref-night ol li ul ul,<br /> .skin-theme-clientpref-night ol li ol ol,<br /> .skin-theme-clientpref-night ol li ul ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul,<br /> .skin-theme-clientpref-night ul li ol,<br /> .skin-theme-clientpref-night ul li ol ul,<br /> .skin-theme-clientpref-night ul li ul ul,<br /> .skin-theme-clientpref-night ul li ol ol,<br /> .skin-theme-clientpref-night ul li ul ol{<br /> <br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=885 2025-05-01T14:13:07Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px) !important;<br /> overflow: scroll;<br /> float: right; <br /> margin:1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> <br /> <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> <br /> <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-toc-background) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ol li,<br /> .skin-theme-clientpref-night ol li ol,<br /> .skin-theme-clientpref-night ol li ul,<br /> .skin-theme-clientpref-night ol li ol ul,<br /> .skin-theme-clientpref-night ol li ul ul,<br /> .skin-theme-clientpref-night ol li ol ol,<br /> .skin-theme-clientpref-night ol li ul ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul,<br /> .skin-theme-clientpref-night ul li ol,<br /> .skin-theme-clientpref-night ul li ol ul,<br /> .skin-theme-clientpref-night ul li ul ul,<br /> .skin-theme-clientpref-night ul li ol ol,<br /> .skin-theme-clientpref-night ul li ul ol{<br /> <br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=884 2025-05-01T14:11:03Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px) !important;<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> <br /> <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> <br /> <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-toc-background) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ol li,<br /> .skin-theme-clientpref-night ol li ol,<br /> .skin-theme-clientpref-night ol li ul,<br /> .skin-theme-clientpref-night ol li ol ul,<br /> .skin-theme-clientpref-night ol li ul ul,<br /> .skin-theme-clientpref-night ol li ol ol,<br /> .skin-theme-clientpref-night ol li ul ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul,<br /> .skin-theme-clientpref-night ul li ol,<br /> .skin-theme-clientpref-night ul li ol ul,<br /> .skin-theme-clientpref-night ul li ul ul,<br /> .skin-theme-clientpref-night ul li ol ol,<br /> .skin-theme-clientpref-night ul li ul ol{<br /> <br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=870 2025-03-28T06:27:37Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> <br /> <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> <br /> <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-toc-background) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ol li,<br /> .skin-theme-clientpref-night ol li ol,<br /> .skin-theme-clientpref-night ol li ul,<br /> .skin-theme-clientpref-night ol li ol ul,<br /> .skin-theme-clientpref-night ol li ul ul,<br /> .skin-theme-clientpref-night ol li ol ol,<br /> .skin-theme-clientpref-night ol li ul ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul,<br /> .skin-theme-clientpref-night ul li ol,<br /> .skin-theme-clientpref-night ul li ol ul,<br /> .skin-theme-clientpref-night ul li ul ul,<br /> .skin-theme-clientpref-night ul li ol ol,<br /> .skin-theme-clientpref-night ul li ul ol{<br /> <br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=869 2025-03-28T06:26:23Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> <br /> <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> <br /> <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-toc-background) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ol li,<br /> .skin-theme-clientpref-night ol li ol,<br /> .skin-theme-clientpref-night ol li ul,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul,<br /> .skin-theme-clientpref-night ul li ol{<br /> <br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=868 2025-03-28T06:24:26Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> <br /> <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> <br /> <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-toc-background) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-client-night ol li,<br /> .skin-theme-client-night ol li, ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=867 2025-03-28T06:22:44Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> <br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-background-color) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-client-night ol li,<br /> .skin-theme-client-night ol li, ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=866 2025-03-28T06:22:15Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color) !important;;<br /> background-color: var(--var-background-color) !important;<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-client-night ol li,<br /> .skin-theme-client-night ol li, ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=865 2025-03-28T06:21:22Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> background-color: var(--var-background-color)<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-client-night ol li,<br /> .skin-theme-client-night ol li, ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=864 2025-03-28T06:20:38Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> background: var(--var-background-color)<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-client-night ol li,<br /> .skin-theme-client-night ol li, ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=863 2025-03-28T06:19:07Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night figcaption,<br /> .skin-theme-clientpref-night p,<br /> .skin-theme-client-night ol li,<br /> .skin-theme-client-night ol li, ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=862 2025-03-28T06:18:07Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-client-night ol li,<br /> .skin-theme-client-night ol li, ol,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=861 2025-03-28T06:16:18Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> <br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=860 2025-03-28T06:13:11Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=859 2025-03-28T06:12:20Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=858 2025-03-28T06:09:41Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul li{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=857 2025-03-28T06:09:26Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul li{<br /> <br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=856 2025-03-28T06:08:01Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night ul li,<br /> .skin-theme-clientpref-night ul li ul li{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=855 2025-03-28T06:05:28Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night li,<br /> .skin-theme-clientpref-night li ul &gt; li{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=854 2025-03-28T06:04:57Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night li,<br /> .skin-theme-clientpref-night li ul li{<br /> filter: invert( 0 ) !important; <br /> -webkit-filter: invert( 0 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=853 2025-03-28T06:04:21Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night li,<br /> .skin-theme-clientpref-night li ul li{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=852 2025-03-28T06:03:30Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night li,<br /> .skin-theme-clientpref-night li li{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=851 2025-03-28T06:02:51Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night li{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night li{<br /> filter: invert( 0 ) !important; <br /> -webkit-filter: invert( 0 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=850 2025-03-28T06:02:14Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #ebf6f6;; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #140909;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night li{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night li{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=818 2025-03-19T22:52:13Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #e7d7c1; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #18283e;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night li{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=817 2025-03-19T22:52:00Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #e7d7c1; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #18283e;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night li{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> color: blue;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=816 2025-03-19T22:51:34Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #e7d7c1; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #18283e;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night li{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: blue;<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=815 2025-03-19T22:51:22Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #e7d7c1; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #18283e;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night li{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul,<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .toclevel-2 &gt; a &gt; .tocnumber{<br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night #toc .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=814 2025-03-19T22:49:05Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #e7d7c1; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #18283e;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night li{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night .tocnumber{<br /> color: var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=813 2025-03-19T22:48:50Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #e7d7c1; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #18283e;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> transition: all 0.15s ease-out;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night li{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night .tocnumber{<br /> color: var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=812 2025-03-19T22:48:15Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #e7d7c1; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #18283e;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> transition: all 0.5s ease-out;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night li{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night .tocnumber{<br /> color: var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> .skin-theme-clientpref-night #toc &gt; .toctitle{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=811 2025-03-19T22:47:35Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #e7d7c1; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #18283e;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> transition: all 0.5s ease-out;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night li{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night .tocnumber{<br /> color: var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=810 2025-03-19T22:47:06Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #e7d7c1; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: #e7d7c1;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> transition: all 0.5s ease-out;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night li{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night .tocnumber{<br /> color: var(--var-text-color);<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night #toc {<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-toc-background);<br /> }<br /> .skin-theme-clientpref-night #toc &gt; ul{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=809 2025-03-19T22:43:18Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> --light-toc-background: red;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #e7d7c1; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> --dark-toc-background: blue;<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> --var-toc-background : var(--light-toc-background);<br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-toc-background : var(--dark-toc-background);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> transition: all 0.5s ease-out;<br /> background-color: var(--var-toc-background);<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night li{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> .skin-theme-clientpref-night .tocnumber{<br /> color: var(--var-text-color);<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=808 2025-03-19T22:40:33Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #e7d7c1; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> transition: all 0.5s ease-out;<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night li{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> .skin-theme-clientpref-night .tocnumber{<br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night toclevel-2 a .tocnumber{<br /> color: white;<br /> }</div>

CalebAdmin https://wargamechess.com/index.php?title=MediaWiki:Common.css&diff=807 2025-03-19T22:39:59Z

<p>CalebAdmin: </p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Edit These Variables! */<br /> :root{<br /> --light-content-bg: #e7d7c1;<br /> <br /> --light-text: #735751;<br /> --light-headings: #735751;<br /> <br /> --light-link: #A11B1B ;<br /> --light-link-visited: #A11B1B ;<br /> --light-link-hover: #06e;<br /> <br /> <br /> <br /> --dark-content-bg: #e7d7c1; /* THIS COLOR NEEDS TO BE INVERTED FROM WHAT YOU WANT. (eg. yellow for blue) (https://www.invertcolors.net/) */<br /> <br /> --dark-text: #E7D7C1;<br /> --dark-headings: #e7d7c1;<br /> <br /> --dark-link: #A78A7F;<br /> --dark-link-visited: #A78A7F ;<br /> --dark-link-hover: #BF4342;<br /> }<br /> <br /> /*Careful Below*/<br /> <br /> /*LightMode*/<br /> :root{<br /> --var-background-color: var(--light-content-bg);<br /> <br /> <br /> --var-text-color: var(--light-text);<br /> --var-headings : var(--light-headings);<br /> --var-headings-invert: var(--dark-headings);<br /> <br /> <br /> --var-link: var(--light-link);<br /> --var-link-visited: var(--light-link-visited);<br /> --var-link-hover: var(--light-link-hover);<br /> --var-link-active: #000;<br /> }<br /> :root.skin-theme-clientpref-night{<br /> --var-background-color: var(--dark-content-bg);<br /> <br /> --var-text-color: var(--dark-text);<br /> --var-headings : var(--dark-headings);<br /> --var-headings-invert: var(--light-headings);<br /> <br /> --var-link: var(--dark-link);<br /> --var-link-visited: var(--dark-link-visited);<br /> --var-link-hover: var(--dark-link-hover);<br /> --var-link-active: #000;<br /> }<br /> <br /> .skin-theme-clientpref-night:not(.mw-invert), <br /> .client-darkmode:not(.mw-invert), <br /> .skin-theme-clientpref-night img:not(.mw-invert), <br /> .client-darkmode img:not(.mw-invert), <br /> .skin-theme-clientpref-night video:not(.mw-invert), <br /> .client-darkmode video:not(.mw-invert), <br /> .skin-theme-clientpref-night svg:not(.mw-invert), <br /> .client-darkmode svg:not(.mw-invert), <br /> .skin-theme-clientpref-night iframe:not(.mw-invert), <br /> .client-darkmode iframe:not(.mw-invert), <br /> .skin-theme-clientpref-night .mw-no-invert:not(.mw-invert), <br /> .client-darkmode .mw-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night .cdx-no-invert:not(.mw-invert), <br /> .client-darkmode .cdx-no-invert:not(.mw-invert), <br /> .skin-theme-clientpref-night td .diffchange:not(.mw-invert), <br /> .client-darkmode td .diffchange:not(.mw-invert), <br /> .skin-theme-clientpref-night .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert), <br /> .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert){<br /> filter: invert(1);<br /> -webkit-filter: invert(1);<br /> }<br /> <br /> <br /> <br /> #footer #footer-icons{<br /> float: left;<br /> }<br /> <br /> /* Table of Contents */<br /> <br /> #toc {<br /> max-height: calc(60vh - 20px);<br /> float: right; <br /> margin:0 0 1em 1em; <br /> position:fixed !important; <br /> bottom:10px !important; <br /> right:10px !important;<br /> z-index: 10000000;<br /> padding: 20px;<br /> transition: all 0.5s ease-out;<br /> };<br /> <br /> #toc h2{<br /> color: var(--var-text-color) !important;<br /> }<br /> <br /> .skin-theme-clientpref-night #toc label{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night #toc h2{<br /> position: relative;<br /> color:var(--var-headings-invert);<br /> }<br /> <br /> <br /> <br /> <br /> <br /> #content-container {<br /> transform: none !important;<br /> }<br /> <br /> /* unvisited links */<br /> .skin-theme-clientpref-night a,<br /> .client-darkmode a,<br /> a{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> .client-darkmode a:link,<br /> .skin-theme-clientpref-night a:link,<br /> a:link{ <br /> color: var(--var-link) !important;<br /> } <br /> <br /> /* visited links */<br /> .skin-theme-clientpref-night a:visited,<br /> a:visited{ <br /> color: var(--var-link-visited);<br /> } <br /> /* user hovers, or focus */<br /> .skin-theme-clientpref-night a:hover,<br /> .skin-theme-clientpref-night a:focus,<br /> a:hover, <br /> a:focus{ <br /> color: var(--var-link-hover); <br /> } <br /> /* active links */<br /> .skin-theme-clientpref-night a:active,<br /> a:active{ <br /> color: var(--var-link-active);<br /> } <br /> <br /> /* Hides links in Sidebar - Tools */<br /> #t-whatlinkshere{<br /> display: none;<br /> }<br /> #t-recentchangeslinked{<br /> display: none;<br /> }<br /> #t-upload{<br /> display: none;<br /> }<br /> #t-specialpages{<br /> display: none;<br /> }<br /> #t-permalink{<br /> display: none;<br /> }<br /> #t-info{<br /> display: none;<br /> }<br /> #t-cite{<br /> display: none;<br /> }<br /> <br /> /* Hides links for Page and Discussion */<br /> div#p-namespaces{<br /> display: none;<br /> }<br /> <br /> <br /> #content { <br /> background-color: var(--var-background-color);<br /> }<br /> <br /> .mw-body h1,<br /> .mw-body h2,<br /> .mw-body h3,<br /> .mw-body h4,<br /> .mw-body h6,<br /> .mw-body h5{<br /> color: var(--var-headings);<br /> }<br /> <br /> body { <br /> color: var(--var-text-color); <br /> }<br /> <br /> #footer{<br /> z-index: 2;<br /> }<br /> <br /> table{<br /> display: block;<br /> <br /> max-width: 100%;<br /> overflow-x: auto;<br /> white-space:no-wrap;<br /> }<br /> <br /> @media screen and (max-width: 640px) {<br /> #header #p-banner{<br /> padding: 0 0 0em 0.5em;<br /> margin: 0.75em 0 1.5em 0.5em;<br /> }<br /> <br /> #header #p-search{<br /> top: auto;<br /> bottom:0.5em;<br /> padding:0 1.5em 0.5em 0.5em;<br /> <br /> }<br /> }<br /> @media screen and (max-width: 420px) {<br /> #page-tools #p-actions{<br /> display:none;<br /> }<br /> }<br /> <br /> <br /> <br /> .skin-theme-clientpref-night p,<br /> .skin-theme-clientpref-night li{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night h1 span,<br /> .skin-theme-clientpref-night h2 span,<br /> .skin-theme-clientpref-night h3 span,<br /> .skin-theme-clientpref-night h4 span,<br /> .skin-theme-clientpref-night h5 span,<br /> .skin-theme-clientpref-night h6 span{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> .skin-theme-clientpref-night .mw-wiki-title{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> color:var(--var-headings);<br /> }<br /> <br /> <br /> .skin-theme-clientpref-night .mw-echo-notifications-badge{<br /> filter: invert( 1 ) !important; <br /> -webkit-filter: invert( 1 ) !important;<br /> }<br /> .skin-theme-clientpref-night .tocnumber{<br /> color: var(--var-text-color);<br /> }<br /> <br /> .skin-theme-clientpref-night toclevel-2 &gt; a &gt; .tocnumber{<br /> color: white;<br /> }</div>

CalebAdmin