MediaWiki:Vector.css: Difference between revisions

MediaWiki interface page
(highlight class CSS)
 
m (move character tabs CSS to Vector.css)
Line 44: Line 44:
.mw-body-content .highlight a.extiw:visited {
.mw-body-content .highlight a.extiw:visited {
text-shadow: 0px 0px 2px #347cd0; /* var(--NOL-blue) */
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;
}
}

Revision as of 01:21, 18 February 2018

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