قالب:قائمة شجرية/styles.css

/*http://cssdeck.com/labs/pure-css-tree-menu-framework [[قالب:قائمة_شجرية]]*/
.treeview ul {
  padding: 0;
  margin: 0;
}

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

.treeview li li {
  background-image: url(//upload.wikimedia.org/wikipedia/commons/3/3d/Treeview-grey-line-flipped.png);
  background-repeat: no-repeat;
  background-position: right 0 top -2981px;
  /* @noflip */
  padding-right: 20px;
  text-indent: 0.3em;
}

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

.treeview li.emptyline > ul {
  /* @noflip */
  margin-right: -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: right 0 top 9px;
}