Template:Tree list/styles.css - Revision history

Osarius: 1 revision imported

2026-07-10T08:07:10Z

1 revision imported

← Older revision	Revision as of 08:07, 10 July 2026
(No difference)

wikipedia>Ahecht: spelling

2026-05-26T20:20:13Z

spelling

← Older revision		Revision as of 20:20, 26 May 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;
	}		}

>QuebbingtonBear: 6 revisions imported from :wikipedia:Template:Tree_list/styles.css

2022-11-02T08:12:22Z

6 revisions imported from wikipedia:Template:Tree_list/styles.css

← Older revision	Revision as of 08:12, 2 November 2022
(No difference)

wikipedia>Izno: no reason to be protocol relative these days, some ws

2022-10-16T20:54:08Z

no reason to be protocol relative these days, some ws

← Older revision		Revision as of 20:54, 16 October 2022
Line 4:		Line 4:
	margin: 0;		margin: 0;
	}		}

	.treeview li {		.treeview li {
	padding: 0;		padding: 0;
Line 10:		Line 11:
	list-style-image: none;		list-style-image: none;
	}		}

	.treeview li li {		.treeview li li {
	background: url("//upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;		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;
	text-indent: 0.3em;		text-indent: 0.3em;
	}		}

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

	/* first line here deals with new situation after RemexHTML switch,		/* first line here deals with new situation after RemexHTML switch,
	* where emptyline cause the first child to become the 2nd child. Such a mess		* where emptyline cause the first child to become the 2nd child. Such a mess

>Pppery: Adding protection template

2019-03-04T00:05:42Z

Adding protection template

← Older revision		Revision as of 00:05, 4 March 2019
Line 1:		Line 1:
			/* {{pp-template}} */
	.treeview ul {		.treeview ul {
	padding: 0;		padding: 0;

wikipedia>Ymblanter: Protected "Template:Tree list/styles.css": Highly visible template: RFPP request ([Edit=Require template editor access] (indefinite) [Move=Require template editor access] (indefinite))

2018-07-26T11:24:48Z

Protected "Template:Tree list/styles.css": Highly visible template: RFPP request ([Edit=Require template editor access] (indefinite) [Move=Require template editor access] (indefinite))

← Older revision	Revision as of 11:24, 26 July 2018
(No difference)

wikipedia>TheDJ: 20px should be 21px and then you don't need that margin

2018-07-20T17:42:41Z

20px should be 21px and then you don't need that margin

← Older revision		Revision as of 17:42, 20 July 2018
Line 12:		Line 12:
	background: url("//upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;		background: url("//upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;
	/* @noflip */		/* @noflip */
	padding-left: ~~20px~~;		padding-left: 21px;
	text-indent: 0.3em;		text-indent: 0.3em;
	}		}
	.treeview li li:last-child,		.treeview li li:last-child {
	~~.treeview li li.lastline~~ {
	background-position: 0 -5971px		background-position: 0 -5971px
	}
	~~.treeview li.emptyline > ul {~~
	~~/* @noflip */~~
	~~margin-left: -1px;~~
	}		}
	/* first line here deals with new situation after RemexHTML switch,		/* first line here deals with new situation after RemexHTML switch,

wikipedia>TheDJ: replace last-line with last-child

2018-07-20T16:42:46Z

replace last-line with last-child

← Older revision		Revision as of 16:42, 20 July 2018
Line 15:		Line 15:
	text-indent: 0.3em;		text-indent: 0.3em;
	}		}
			.treeview li li:last-child,
	.treeview li li.lastline {		.treeview li li.lastline {
	background-position: 0 -5971px		background-position: 0 -5971px

wikipedia>TheDJ: move styling from https://en.wikipedia.org/w/index.php?title=MediaWiki:Common.css&oldid=850756588

2018-07-20T16:16:58Z

move styling from https://en.wikipedia.org/w/index.php?title=MediaWiki:Common.css&oldid=850756588

New page

.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("//upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;
/* @noflip */
padding-left: 20px;
text-indent: 0.3em;
}
.treeview li li.lastline {
background-position: 0 -5971px
}
.treeview li.emptyline > ul {
/* @noflip */
margin-left: -1px;
}
/* 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
}