MediaWiki:Vector.css

From Ricochet Wiki
Revision as of 16:00, 13 April 2020 by Ngyikp (talk | contribs) (Created page with "→‎CSS placed here will affect users of the Vector skin: html:not(.darkmode) body { background: #000 url('https://static.miraheze.org/ricochetwiki/2/22/Stars_background.jpg...")
(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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will affect users of the Vector skin */
html:not(.darkmode) body {
	background: #000 url('https://static.miraheze.org/ricochetwiki/2/22/Stars_background.jpg');
	color: #fff;
}

html:not(.darkmode) #mw-page-base {
	background: none;
}

/*#p-personal {
	background: #fff;
	background: rgba(255, 255, 255, .9);
}*/

html:not(.darkmode) #pt-uls .uls-trigger:before,
html:not(.darkmode) .mw-echo-notifications-badge {
	filter: invert(1);
}

html:not(.darkmode) #p-cactions,
html:not(.darkmode) #simpleSearch input {
	background-color: #fff;
}

/* links */
html:not(.darkmode) #mw-panel .portal .body li a,
html:not(.darkmode) #mw-panel .portal .body li a:visited,
html:not(.darkmode) #p-personal a,
html:not(.darkmode) #footer a {
	color: #00fffe;
}

html:not(.darkmode) #mw-panel .portal .body li a:hover,
html:not(.darkmode) #p-personal a:hover,
html:not(.darkmode) #footer a:hover {
	color: #fff;
}