MediaWiki:Gadget-CollapsibleTemplates.css

From wikishia

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