MediaWiki:Gadget-CollapsibleTemplates.css

From Wikimedia Commons, the free media repository
Jump to navigation Jump to search
Note: After saving, you have to bypass your browser's cache to see the changes. Internet Explorer: press Ctrl-F5, Mozilla: hold down Shift while clicking Reload (or press Ctrl-Shift-R), Opera/Konqueror: press F5, Safari: hold down Shift + Alt while clicking Reload, Chrome: hold down Shift while clicking Reload.
/* Styles for collapsible divs to be used in templates.
   Background stolen from Vector menus.
*/
div.collapsibletemplate .headertext {
	padding-left: 18px;
	background-image: url(//upload.wikimedia.org/wikipedia/commons/1/10/MediaWiki_Vector_skin_action_arrow.png);
	background-position: left 50%;
	background-repeat: no-repeat;
}
div.collapsibletemplate.collapsed .headertext {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/4/41/MediaWiki_Vector_skin_right_arrow.png);
}
div.collapsibletemplate.collapsed[dir="rtl"] .headertext {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/1/1e/MediaWiki_Vector_skin_left_arrow.png);
}
div.collapsibletemplate .header {
	padding: 3px;
	cursor: pointer;
}

/* :first-child is not supported in old browser but collapsibleTH and collapsibleCollapsedTH
   solely is here to find and assign these rules with MediaWiki:CollapsibleTemplates.js */
table.collapsible > tbody > tr:first-child th, .collapsibleTH {
	padding-right: 18px;
	background-image: url(//upload.wikimedia.org/wikipedia/commons/1/10/MediaWiki_Vector_skin_action_arrow.png);
	background-position: 99% 50%;
	background-repeat: no-repeat;
}
table.collapsible.collapsed > tbody > tr:first-child th, .collapsibleCollapsedTH {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/4/41/MediaWiki_Vector_skin_right_arrow.png);
	cursor: pointer;
}
table.collapsible.collapsed[dir="rtl"] > tbody > tr:first-child th {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/1/1e/MediaWiki_Vector_skin_left_arrow.png);
}

.hidden {
	display: none;
}