+ border-inline-start: none;
+}
+*/
+/* List boxes */
+/*
+xul|richlistbox,
+xul|listbox {
+ -moz-appearance: none;
+ margin-inline-start: 0;
+ background-color: var(--in-content-box-background);
+ border: 1px solid var(--in-content-box-border-color);
+ color: var(--in-content-text-color);
+}
+
+xul|treechildren::-moz-tree-row,
+xul|listbox xul|listitem {
+ padding: 0.3em;
+ margin: 0;
+ border: none;
+ border-radius: 0;
+ background-image: none;
+}
+
+xul|treechildren::-moz-tree-row(hover),
+xul|listbox xul|listitem:hover {
+ background-color: var(--in-content-item-hover);
+}
+
+xul|treechildren::-moz-tree-row(selected),
+xul|listbox xul|listitem[selected="true"] {
+ background-color: var(--in-content-item-selected);
+ color: var(--in-content-selected-text);
+}
+
+/ This is the only way to increase the height of a tree row unfortunately /
+xul|treechildren::-moz-tree-row {
+ min-height: 2em;
+}
+
+/ Color needs to be set on tree cell in order to be applied /
+xul|treechildren::-moz-tree-cell-text {
+ color: #333;
+}
+
+xul|treechildren::-moz-tree-cell-text(selected) {
+ color: #fff;
+}
+*/
+/* Trees */
+/*
+xul|tree {
+ -moz-appearance: none;
+ font-size: 1em;
+ border: 1px solid var(--in-content-box-border-color);
+ background-color: var(--in-content-box-background);
+ margin: 0;
+}
+
+xul|tree:-moz-focusring,
+xul|richlistbox:-moz-focusring {
+ border: 1px dotted var(--in-content-border-focus);
+}
+
+xul|listheader,
+xul|treecols {
+ -moz-appearance: none;
+ border: none;
+ border-bottom: 1px solid var(--in-content-border-color);
+ padding: 0;
+}
+
+.autocomplete-tree > xul|treecols {
+ border-bottom: none !important;
+}
+
+xul|treecol:not([hideheader="true"]),
+xul|treecolpicker {
+ -moz-appearance: none;
+ border: none;
+ background-color: var(--in-content-box-background-hover);
+ color: #808080;
+ padding: 5px 10px;
+}
+
+xul|treecol:not([hideheader="true"]):not([sortable="false"]):hover,
+xul|treecolpicker:hover {
+ background-color: var(--in-content-box-background-active);
+ color: var(--in-content-text-color);
+}
+
+xul|treecol:not([hideheader="true"]):not(:first-child),
+xul|treecolpicker {
+ border-inline-start-width: 1px;
+ border-inline-start-style: solid;
+ border-image: linear-gradient(transparent 0%, transparent 20%, #c1c1c1 20%, #c1c1c1 80%, transparent 80%, transparent 100%) 1 1;
+}
+
+xul|treecol:not([hideheader="true"]) > xul|*.treecol-sortdirection[sortDirection] {
+ list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown");
+ width: 18px;
+ height: 18px;
+}
+
+xul|treecol:not([hideheader="true"]) > xul|*.treecol-sortdirection[sortDirection="ascending"] {
+ transform: scaleY(-1);
+}
+
+/ This is the only way to increase the height of a tree row unfortunately /
+xul|treechildren::-moz-tree-row {
+ min-height: 2em;
+}
+
+/ Color needs to be set on tree cell in order to be applied /
+xul|treechildren::-moz-tree-cell-text {
+ color: var(--in-content-text-color);
+}
+
+xul|treechildren::-moz-tree-cell-text(selected) {
+ color: var(--in-content-selected-text);