I can get the tree rows to show a hover effect (in places.css):
Code: Select all
treechildren::-moz-tree-row(hover) {
background-color: #C3F4FD;
}
I can get tree rows to show background changes for select and focus (tree.css):
Code: Select all
treechildren::-moz-tree-row(selected) {
background-color: #C3F4FD;
}
treechildren::-moz-tree-row(selected, focus) {
background-color: #82E6F9;
}
I can get my folder icon to show changes for hover and open (places.css):
Code: Select all
treechildren::-moz-tree-image(title, container) {
list-style-image: url("chrome://global/skin/icons/folder-item.png");
-moz-image-region: rect(0px, 48px, 24px, 24px); /* not !important */
width: 24px;
height: 24px;
margin: 0px 2px;
}
treechildren::-moz-tree-image(title, open) {
-moz-image-region: rect(24px, 48px, 48px, 24px) !important;
}
treechildren::-moz-tree-image(title, selected),
treechildren::-moz-tree-image(title, hover) {
-moz-image-region: rect(48px, 48px, 72px, 24px); /* not !important */
}
and make livemarks and queries show hover and active (places.css):
Code: Select all
treechildren::-moz-tree-image(title, container, livemark) {
list-style-image: url("chrome://browser/skin/livemark-item-16.png");
-moz-image-region: rect(0px, 16px, 16px, 0px) !important;
width: 16px;
height: 16px;
margin: 4px 6px;
}
treechildren::-moz-tree-image(title, container, livemark, hover) {
-moz-image-region: rect(16px, 16px, 32px, 0px) !important;
}
treechildren::-moz-tree-image(title, container, livemark, selected) {
-moz-image-region: rect(32px, 16px, 48px, 0px) !important;
}
treechildren::-moz-tree-image(title, container, tagContainer) {
list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
-moz-image-region: auto;
}
/* query-nodes should be styled even if they're not expandable */
treechildren::-moz-tree-image(title, query) {
list-style-image: url("chrome://browser/skin/24x3.png");
-moz-image-region: rect(0px 72px 24px 48px) !important;
}
treechildren::-moz-tree-image(hover, title, query) {
-moz-image-region: rect(24px 72px 48px 48px) !important;
}
treechildren::-moz-tree-image(selected, title, query) {
-moz-image-region: rect(48px 72px 72px 48px) !important;
}
But I haven't been able to get anything like treechildren::-moz-tree-image(title) to show any image except one static, single-element graphic.
Does anyone have any thoughts?