MediaWiki:Vector.css

MediaWiki interface page
Revision as of 00:41, 18 February 2018 by Chao (talk | contribs) (highlight class CSS)
(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 */

/* ================================================== *
 * CUSTOM HIGHLIGHT CLASS (puts a glow around text)   *
 * ================================================== */

/*
html{
	--NOL-burntgold:     #c5a63b;
	--NOL-gold:          #ffdf8c;  //goldenrod
	--NOL-blue:          #347cd0;  //steelblue
	--NOL-lightblue:     #8dcaf7;  //lightsteelblue
}
*/

.mw-body-content .highlight {
	color: #c5a63b; /* var(--NOL-burntgold) */
    text-shadow: 0px 0px 2px #c5a63b; /* var(--NOL-burntgold) */

}

.mw-body-content a .highlight,
.mw-body-content .highlight a {
    text-shadow: 0px 0px 2px darkgoldenrod;
}

.mw-body-content a.new .highlight,
.mw-body-content .highlight a.new {
    text-shadow: 0px 0px 1px crimson;
}

.mw-body-content a.external .highlight,
.mw-body-content a.extiw .highlight, 
.mw-body-content a.extiw:active .highlight,
.mw-body-content .highlight a.external, 
.mw-body-content .highlight a.extiw, 
.mw-body-content .highlight a.extiw:active {
    text-shadow: 0px 0px 2px #8dcaf7; /* var(--NOL-lightblue) */
}

.mw-body-content a.external:visited .highlight,
.mw-body-content a.extiw:visited .highlight, 
.mw-body-content .highlight a.external:visited, 
.mw-body-content .highlight a.extiw:visited {
	text-shadow: 0px 0px 2px #347cd0; /* var(--NOL-blue) */
}