Template:Tree list/styles.css - Revision history

OIMGov at 14:24, 26 August 2026

2026-08-26T14:24:10Z

← Older revision		Revision as of 09:24, 26 August 2026
Line 1:		Line 1:
	/* {{pp-template}} */		/* {{pp-template}} */
	.~~treeview~~ ul {
			/*
			don't draw over infobox when list is on the left of an infobox, see:
			https://en.wikipedia.org/wiki/Template_talk:Tree_list#Tree_list_breaks_clicking_links_in_infoboxes
			but also don't break infobox width when the list is inside of an infobox, see:
			https://pl.wikipedia.org/wiki/Dyskusja_wikiprojektu:Infoboksy#c-Bastruk-20260525205400-Nux-20260525195700
			*/
			div.treelist {
			display: flow-root;
			}

			.treelist ul {
	padding: 0;		padding: 0;
	margin: 0;		margin: 0;
	}		}

	.~~treeview~~ li {		.treelist li {
	padding: 0;		padding: 0;
	margin: 0;		margin: 0;
	list-style~~-type~~: none;		list-style: none;
	~~list-style-image~~: ~~none~~;		position: relative;
	}		}

	.~~treeview~~ li li {		.treelist li li {
	~~background: url("https://upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;~~
	/* @noflip */		/* @noflip */
	padding-left: 21px;		padding-left: 21px;
Line 19:		Line 29:
	}		}

	.~~treeview~~ li li:~~last-child~~ {		/* vertical line */
	~~background-~~position: 0 -~~5971px~~		.treelist li li::before {
			content: "";
			position: absolute;
			left: 10px;
			top: 0;
			bottom: 0;
			width: 1px;
			border-left: 1px solid #808080;
	}		}

	/* ~~first~~ line ~~here deals~~ with new situation after RemexHTML switch,		.treelist li li:last-child::before {
	* ~~where emptyline cause~~ the ~~first~~ child to become the 2nd child~~. Such a mess~~		bottom: calc(100% - 0.7em);
			}

			/* horizontal line */
			.treelist li li::after {
			content: "";
			position: absolute;
			left: 10px;
			top: 0.7em;
			width: 11px;
			border-top: 1px solid #808080;
			}

			/* these lines deal with a new situation after the RemexHTML switch,
			* wherein li.treelist_emptyline inserts an additional .mw-empty-elt element before
			* the .treelist_emptyline element, causing the 1st child to become the 2nd child
	*/		*/
	.~~treeview~~ li.~~emptyline~~ > ul > .mw-empty-elt:first-child + .~~emptyline~~,		.treelist li.treelist_emptyline > ul > .mw-empty-elt:first-child + .treelist_emptyline::before,
	.~~treeview~~ li.~~emptyline~~ > ul > li:first-child {		.treelist li.treelist_emptyline > ul > :not(.mw-empty-elt):first-of-type::before {
	~~background-position~~: 0 ~~9px~~		top: 0.7em;
			}

			.treelist li.treelist_emptyline > ul > .mw-empty-elt:first-child + .treelist_emptyline::after,
			.treelist li.treelist_emptyline > ul > :not(.mw-empty-elt):first-of-type::after {
			left: 0;
			width: 21px;
	}		}

OIMGov: OIMGov changed the content model of the page Template:Tree list/styles.css from "wikitext" to "Sanitized CSS"

2024-01-08T20:59:31Z

OIMGov changed the content model of the page Template:Tree list/styles.css from "wikitext" to "Sanitized CSS"

← Older revision

Revision as of 15:59, 8 January 2024

OIMGov: Created page with "/* {{pp-template}} / .treeview ul { padding: 0; margin: 0; } .treeview li { padding: 0; margin: 0; list-style-type: none; list-style-image: none; } .treeview li li { background: url("https://upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px; / @noflip / padding-left: 21px; text-indent: 0.3em; } .treeview li li:last-child { background-position: 0 -5971px } / first line here deals with new situation after RemexHTML..."

2023-06-07T18:47:41Z

Created page with "{{pp-template}}: .treeview ul { padding: 0; margin: 0; } .treeview li { padding: 0; margin: 0; list-style-type: none; list-style-image: none; } .treeview li li { background: url("https://upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px; @noflip: padding-left: 21px; text-indent: 0.3em; } .treeview li li:last-child { background-position: 0 -5971px } /* first line here deals with new situation after RemexHTML..."

New page

/* {{pp-template}} */
.treeview ul {
padding: 0;
margin: 0;
}

.treeview li {
padding: 0;
margin: 0;
list-style-type: none;
list-style-image: none;
}

.treeview li li {
background: url("https://upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;
/* @noflip */
padding-left: 21px;
text-indent: 0.3em;
}

.treeview li li:last-child {
background-position: 0 -5971px
}

/* first line here deals with new situation after RemexHTML switch,
* where emptyline cause the first child to become the 2nd child. Such a mess
*/
.treeview li.emptyline > ul > .mw-empty-elt:first-child + .emptyline,
.treeview li.emptyline > ul > li:first-child {
background-position: 0 9px
}