Template:Tree list/styles.css: Difference between revisions
Jump to navigation
Jump to search
Ozycaevias (talk | contribs) No edit summary |
(no reason to be protocol relative these days, some ws) |
||
Line 1: | Line 1: | ||
/* {{pp-template}} */ | |||
.treeview ul { | .treeview ul { | ||
padding: 0; | padding: 0; | ||
margin: 0; | margin: 0; | ||
} | } | ||
.treeview li { | .treeview li { | ||
padding: 0; | padding: 0; | ||
Line 9: | Line 11: | ||
list-style-image: none; | list-style-image: none; | ||
} | } | ||
.treeview li li { | .treeview li li { | ||
background: url("https://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; | ||
Line 15: | Line 18: | ||
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 |
Revision as of 20:54, 16 October 2022
/* {{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
}