MediaWiki:Vector.css

MediaWiki interface page
Revision as of 01:21, 18 February 2018 by Chao (talk | contribs) (move character tabs CSS to Vector.css)

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) */
}

/* =============================== *
 * CSS for Template:Character_Tabs *
 * =============================== */
 
/* CUSTOM TABS */

ul.NOL-tabs {
	margin:0px /*!important*/;
	border-bottom: 1px solid lightblue;
}
.NOL-tabs li {
	display: inline-block;
	margin-bottom:0px /*!important*/;
}
/* unselected tabs */
.NOL-tabs li a {
    background-color: #eee;
    padding: 2px 5px 3px 5px;
	border-radius: 0px /*!important*/;
	border: 1px solid lightblue;
	border-bottom:0px;
}
/* current tab */
.NOL-tabs li .mw-selflink {
	background-color: #ffffff;
	border-bottom: 1.6px solid white;
	color: black;
}
/* float the bullet points to the left of each item */
.NOL-tabs-divider {
    float: left;
    margin: 0px 5px;
    /* hide this since they're not needed any more */
    display:none /*!important*/;
}
/* hide new links */
.NOL-tabs li a.new {
    display: none /*!important*/;
}
/* hide bullet points for new links */
.NOL-tabs li a.new ~ span.NOL-tabs-divider {
    display: none;
}
/* hide bullet points for the first listed item */
.NOL-tabs li:first-child a ~ span.NOL-tabs-divider {
	display:none;
}