MediaWiki:Gadget-CollapsibleNav.css: Difference between revisions

From Seeds of the Word, the encyclopedia of the influence of the Gospel on culture
(rm png fallback as SVG is supported by all browsers in which MW enabled JS)
 
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 4: Line 4:


#mw-panel.collapsible-nav .portal h3 {
#mw-panel.collapsible-nav .portal h3 {
background-image: url(/w/skins/Vector/images/arrow-expanded.svg);
background-image: url(/w/skins/Vector/images/arrow-expanded.png);
background-position: left center;
background-position: left center;
background-repeat: no-repeat;
background-repeat: no-repeat;
Line 56: Line 56:
#mw-panel.collapsible-nav .portal.collapsed h3 {
#mw-panel.collapsible-nav .portal.collapsed h3 {
color: #0645ad;
color: #0645ad;
background-image: url(/w/skins/Vector/images/arrow-collapsed-ltr.svg);
background-image: url(/w/skins/Vector/images/arrow-collapsed-ltr.png);
background-position: left center;
background-position: left center;
background-repeat: no-repeat;
background-repeat: no-repeat;

Latest revision as of 21:58, August 30, 2020

/**
 * Stylesheet for collapsible nav
 */

#mw-panel.collapsible-nav .portal h3 {
	background-image: url(/w/skins/Vector/images/arrow-expanded.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 4px 0 3px 1.5em;
}

#mw-panel.collapsible-nav .portal h3:hover {
	cursor: pointer;
	text-decoration: none;
}

#mw-panel.collapsible-nav .portal h3 a {
	color: #4d4d4d;
	text-decoration: none;
}

#mw-panel.collapsible-nav .portal .body {
	margin: 0 0 0 1.25em;
	background-image: none !important;
	padding-top: 0;
	display: none;
}

#mw-panel.collapsible-nav .portal .body ul li {
	padding: 0.25em 0;
}

/* First */
#mw-panel.collapsible-nav .portal.first {
	background-image: none;
	margin-top: 0;
}

#mw-panel.collapsible-nav .portal.first h3 {
	display: none;
}

/* Persistent */
#mw-panel.collapsible-nav .portal.persistent .body {
	display: block;
	margin-left: 0.5em;
}

#mw-panel.collapsible-nav .portal.persistent h3 {
	background-image: none !important;
	padding-left: 0.7em;
	cursor: default;
}

/* Collapsed */
#mw-panel.collapsible-nav .portal.collapsed h3 {
	color: #0645ad;
	background-image: url(/w/skins/Vector/images/arrow-collapsed-ltr.png);
	background-position: left center;
	background-repeat: no-repeat;
}

#mw-panel.collapsible-nav .portal.collapsed h3:hover {
	text-decoration: underline;
}

#mw-panel.collapsible-nav .portal.collapsed h3 a {
	color: #0645ad;
}