Jump to content

MediaWiki:TemplatesDark.css

From Taerel Worldbuilding Wiki
Revision as of 09:30, 18 May 2026 by Stevie Lambert (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* All CSS here will be loaded for users of the MinervaNeue skin */

:root {
  --taerel-dark-mode-bg-primary: #08121c;
  --taerel-dark-mode-bg-primary-transparent: rgba(8, 18, 28, 0.8);
  --taerel-dark-mode-bg-secondary: #102438;
  --taerel-dark-mode-bg-tertiary: #0c2b4a;
  --taerel-dark-mode-bg-header-footer: #1e4c6b;
  --taerel-dark-mode-border-color: #9fd7fc;
  --taerel-dark-mode-text-primary: white;
  --taerel-dark-mode-text-secondary: #c0e2ff;
  --taerel-dark-mode-link-color: #c0e2ff;
  --taerel-dark-mode-visited-link-color: #eff7ff;
  --taerel-dark-mode-hover-color: #142e47;
}

html.skin-theme-clientpref-night .infobox {
  border: 1px solid #9fd7fc;
  background-color: #0c2b4a;
  color: white;
  padding: 5px;
  margin: 20px auto;
  max-width: 400px;
  font-family: Arial, sans-serif;
  max-width: 20em;
  float: right;
  clear: right;
  margin-left: 0.6em;
}

html.skin-theme-clientpref-night .infobox-header {
  background-color: #1e4c6b;
  border: 1px solid #9fd7fc;
  text-align: center;
  margin: 5px 0;
  padding: 5px;
  font-weight: bold;
}

html.skin-theme-clientpref-night .article-copyright {
  border: 1px solid #9fd7fc;
  background-color: #0c2b4a;
  color: white;
  margin-bottom: 0.5em;
  margin-top: 10px;
  padding: 0 5px;
}

html.skin-theme-clientpref-night .article-copyright img {
  width: 100px;
}

html.skin-theme-clientpref-night .NeartoDesktop .compass-container {
  margin-left: auto;
  margin-right: auto;
  display: block;
  border: 1px solid #9fd7fc;
  background-color: #0c2b4a;
  color: white;
  padding: 5px;
}

html.skin-theme-clientpref-night .NeartoDesktop .compass-header {
  background: #1e4c6b;
  border: 1px solid #9fd7fc;
  margin: 5px 0;
  padding: 0 5px;
  text-align: center;
}

html.skin-theme-clientpref-night .NeartoDesktop .compass-table {
  width: 100%;
  margin: 0;
  text-align: center;
}

html.skin-theme-clientpref-night .NeartoDesktop .west-cell,
html.skin-theme-clientpref-night .NeartoDesktop .east-cell,
html.skin-theme-clientpref-night .NeartoDesktop .center-cell {
  width: 33%;
}

html.skin-theme-clientpref-night .NeartoDesktop .center-text {
  white-space: nowrap;
}

html.skin-theme-clientpref-night .mobile-box {
  border: 1px solid #9fd7fc;
  padding: 5px;
  background-color: #0c2b4a;
  margin: 10px auto; /* center horizontally */
  color: white;
  text-align: center;
}

html.skin-theme-clientpref-night .mobile-header {
  background: #1e4c6b;
  border: 1px solid #9fd7fc;
  margin: 3px;
  text-align: center;
}

html.skin-theme-clientpref-night #mp-left {
  border: 1px solid #9fd7fc;
  background-color: #0c2b4a;
  color: white;
  width: 50%;
  vertical-align: top;
  padding: 8px;
}

html.skin-theme-clientpref-night #mp-right {
  border: 1px solid #9fd7fc;
  background-color: #0c2b4a;
  color: white;
  width: 49%;
  vertical-align: top;
  padding: 8px;
}

html.skin-theme-clientpref-night #mp-upper {
  color: white;
  width: 100%;
  padding: 8px;
}

html.skin-theme-clientpref-night #mp-left .mp-h2 {
  background: #1e4c6b;
  border: 1px solid #9fd7fc;
  margin: 5px 0;
  padding: 0 5px;
  text-align: center;
}

html.skin-theme-clientpref-night #mp-right .mp-h2 {
  background: #1e4c6b;
  border: 1px solid #9fd7fc;
  margin: 5px 0;
  padding: 0 5px;
  text-align: center;
}

@media only screen and (min-width: 1001px) {
  .mobile-box {
    display: none;
  }
}

html.skin-theme-clientpref-night .compass-table > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(2) > span:nth-child(1) > span:nth-child(1) > img:nth-child(1) {
  filter: invert(0);
}

html.skin-theme-clientpref-night span.mw-valign-middle:nth-child(3) > span:nth-child(1) > img:nth-child(1) {
  filter: invert(0);
}

html.skin-theme-clientpref-night .compass-table > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(2) > span:nth-child(1) > span:nth-child(1) > img:nth-child(1) {
  filter: invert(0);
}

html.skin-theme-clientpref-night span.mw-valign-middle:nth-child(1) > span:nth-child(1) > img:nth-child(1) {
  filter: invert(0);
}



/* ========================= DESKTOP TABLE ========================= */


html.skin-theme-clientpref-night #mw-content-text > div.mw-content-ltr.mw-parser-output > div.taerel-history-wrapper > div.taerel-history-title-container {
  border: 1px solid var(--taerel-dark-mode-border-color);
  background-color: var(--taerel-dark-mode-bg-tertiary);
}

html.skin-theme-clientpref-night #mw-content-text > div.mw-content-ltr.mw-parser-output > div.taerel-history-wrapper > div.taerel-history-title-container > div {
  border: 1px solid var(--taerel-dark-mode-border-color); 
  background-color: var(--taerel-dark-mode-bg-header-footer);
  color:white; 
} 

html.skin-theme-clientpref-night .taerel-history-table td:last-child {
border-bottom: 1px solid var(--taerel-dark-mode-border-color) !important;
}

html.skin-theme-clientpref-night .taerel-history-table th {
  border: 1px solid var(--taerel-dark-mode-border-color); 
  background-color: var(--taerel-dark-mode-bg-header-footer);
}
html.skin-theme-clientpref-night .taerel-history-table td {
  border: 1px solid var(--taerel-dark-mode-border-color);
  background-color: var(--taerel-dark-mode-bg-tertiary);
} 
html.skin-theme-clientpref-night .taerel-history-table th {
  border-bottom: none; 
}

html.skin-theme-clientpref-night .taerel-history-table td {
  border-bottom: none; 
}

html.skin-theme-clientpref-night .taerel-history-table td:last-child {
border-bottom: 1px solid var(--taerel-dark-mode-border-color) !important;
}

html.skin-theme-clientpref-night #mw-content-text > div.mw-content-ltr.mw-parser-output > div.taerel-history-wrapper > div.mw-collapsible.mw-made-collapsible > table > tbody > tr:nth-child(16) > td:nth-child(2) {
border-bottom: 1px solid var(--taerel-dark-mode-border-color);
}

html.skin-theme-clientpref-night #mw-content-text > div.mw-content-ltr.mw-parser-output > div.taerel-history-wrapper > div.mw-collapsible.mw-made-collapsible > table > tbody > tr:nth-child(16) > td:nth-child(1) {
border-bottom: 1px solid var(--taerel-dark-mode-border-color);
}


/* ========================= MOBILE ========================= */
@media screen and (max-width: 900px) {

html.skin-theme-clientpref-night .taerel-history-table td:first-child {
  background-color: var(--taerel-dark-mode-bg-header-footer);
 }

html.skin-theme-clientpref-night .taerel-history-table td:not(:first-child) {
  background-color: var(--taerel-dark-mode-bg-tertiary);
  }
Retrieved from "https://taerel.com/Wiki/index.php?title=MediaWiki:TemplatesDark.css&oldid=9786"