User:PanchamBro/monobook.css

From Zelda Wiki, the Zelda encyclopedia
Revision as of 13:31, 4 November 2022 by PhantomCaleb (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
body.skin-monobook {
	--mw-bg-surface: #1f4973; /* Things on the page automatically added by MediaWiki - category list, captioned thumbnails, galleries, table of contents, etc. */

	--zw-bg-body: #0a2038;
	--zw-bg-header: #336089;
	--zw-bg-highlight: #245681;
	--zw-bg-infobox: #214d74;
	--zw-bg-interactive: #17568c;
	--zw-bg-interactive-hover: #24527c;
	--zw-bg-interactive-pressed: #153e63;
	--zw-bg-page: #1c3855;
	--zw-bg-surface: #17568c;
	
	--zw-border: #6f7b87;
	
	--zw-bg-toggle-gradient: linear-gradient(#1d679b, #1a4e7d); /* For [[Template:Tabs]] and [[Template:Hide]] */
	--zw-bg-toggle-hover-gradient: linear-gradient(#305f89, #17456e);
	--zw-bg-toggle-active-gradient: linear-gradient(#1d578b, #153e63);
	
	--zw-link: #f4f26b;
	--zw-link-filter: invert(84%) sepia(33%) saturate(594%) hue-rotate(12deg) brightness(101%) contrast(108%); /* Changes SVGs to --zw-link color */
	--zw-link-hover: #fbfac9;
	--zw-link-visited: #e7ea12;
	--zw-text: #e6e6e6;
	--zw-redlink: #fe5368;
	--zw-redlink-hover: #feb8c1;
	--zw-text-filter: invert(100%) sepia(1%) saturate(503%) hue-rotate(196deg) brightness(111%) contrast(80%); /* Changes SVGs to --zw-text color */
	--zw-text-success: #11a643;
	--zw-text-subdued: #bbbbbb;
	--zw-text-warning: #fe5368;
}

body {
	background: var(--zw-bg-body);
}

body.skin--responsive .pBody {
  background-color: #1d3855;
  border: 1px solid #59697a;
  color: #d2d2d2;
}

body.skin--responsive #p-cactions li.selected a {
  background-color: #1d3855;
}

body.skin--responsive #p-cactions li.selected {
  border-color: #eaeda6;
}

body.skin--responsive #p-cactions li a:hover {
  background-color: #254b73;
}

body.skin--responsive #p-cactions li a {
  background-color: #1d3855;
  color: #eaeda6;
}

.mw-footer {
  background-color: #1c3855;
  border-top: 1px solid #e1eda6;
  border-bottom: 1px solid #e1eda6;
}

body.skin--responsive #p-personal li a {
  color: #e9eda6;
}

body.skin--responsive #p-personal li a:hover {
  background-color: #1f4973;
}