User:RJackson/vector.css

From Team Fortress Wiki
< User:RJackson
Revision as of 15:25, 3 October 2020 by RJackson (talk | contribs) (testing dark mode shite)
Jump to: navigation, search

Note: After saving, 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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
.mw-wiki-logo {
    transition: transform 300ms ease-out;
}

#pt-darkmode-link a:before {
	 content: '\263E';
	 display: inline-block;
}
 .client-dark-mode {
	 background-color: #000;
}
 .client-dark-mode #pt-darkmode-link a:before {
	 content: '\263C';
}
 .client-dark-mode, .client-dark-mode img, .client-dark-mode video, .client-dark-mode svg, .client-dark-mode iframe, .client-dark-mode .mw-no-invert, .client-dark-mode .mw-mmv-overlay, .client-dark-mode .mw-mmv-pre-image, .client-dark-mode .mw-kartographer-map, .client-dark-mode .mw-kartographer-mapDialog-map {
	 filter: invert(1) hue-rotate(180deg);
	 -webkit-filter: invert(1) hue-rotate(180deg);
}
 .client-dark-mode .toc, .client-dark-mode .thumbinner, .client-dark-mode #simpleSearch, .client-dark-mode #searchInput, .client-dark-mode #searchButton, .client-dark-mode #searchGoButton, .client-dark-mode table, .client-dark-mode table.toccolours, .client-dark-mode .wikitable, .client-dark-mode .mw-notification {
	 background-color: #ddd;
}
 .client-dark-mode body, .client-dark-mode #mw-head, .client-dark-mode #mw-panel, .client-dark-mode #content.mw-body, .client-dark-mode h1, .client-dark-mode h2, .client-dark-mode h3, .client-dark-mode h4, .client-dark-mode h5, .client-dark-mode h6, .client-dark-mode .toc, .client-dark-mode div.thumbinner, .client-dark-mode #simpleSearch, .client-dark-mode #searchInput, .client-dark-mode table.toccolours, .client-dark-mode .mw-notification {
	 border-color: #cdcbc8;
}
 .client-dark-mode .thumbimage {
	 border: 0;
}
 .client-dark-mode a, .client-dark-mode #mw-panel .portal .body li a, .client-dark-mode .toctogglelabel, .client-dark-mode .mw-parser-output a.external, .client-dark-mode .mw-parser-output a.extiw, .client-dark-mode .mw-parser-output a.extiw:active {
	 color: #69f;
}
 .client-dark-mode a:visited, .client-dark-mode #mw-panel .portal .body li a:visited {
	 color: #709bbd;
}
 .client-dark-mode a.new, .client-dark-mode .new a {
	 color: #ff6e6e;
}
 .client-dark-mode .vectorTabs li a {
	 color: #69f;
}
 .client-dark-mode .infobox, .client-dark-mode .infobox_v2 {
	 background-color: #ddd;
	 border-color: #cdcbc8;
}
 .client-dark-mode .ambox-content {
	 background-color: #ddd;
	 border-color: #cdcbc8;
}