How to install
- Install Stylish plus Kallout for Firefox (or from here for just Stylish or for other Mozilla apps). If you have Stylish already, make sure you have JavaScript enabled.
- You need Firefox with Stylish to use this style. Get Firefox, then install Stylish plus Kallout (or just Stylish), then come back here to install this style.
tested on ff2/3
Updates:
selected item bold (thanks Paulfox)
added a text colour for PROCESSING_INSTRUCTION_NODE (found just below html in domi here: http://userstyles.org/styles.atom;new_styles)
removed #trDOMTree treechildren:-moz-tree-cell-text(anonymous){color:#ed2727!important} (it makes everything red for xml docs)
added colours for (ACCESSIBLE_NODE)
re-added "anonymous" node colour (i dont use domi on xml files usually, but if you do then you may want to remove that line)
removed the tree id selector (doesnt really need it as theres the @moz-doc)
seems to be a need for the tree id (re-added it)
found a bunch of those selectors? but im not sure what these do (if anyone wants to find out)
CDATA_SECTION_NODE
ENTITY_REFERENCE_NODE
ENTITY_NODE
DOCUMENT_FRAGMENT_NODE
NOTATION_NODE
example selector: treechildren:-moz-tree-cell-text(CDATA_SECTION_NODE)
theres also
ELEMENT_NODE (leftside items)
ATTRIBUTE_NODE (rightside items)
if anyone wants the domi edit dialog wider
dialog#editInsertAttribute{width:60em!important}
Before
|
After
|
Feedback
Reviews
Wai Wai said on Jun 23 2009
Awesome! It's very useful. The enhanced interface is less cluttered and easier to work with.
jw25 said on Nov 06 2006
Real nice. The narrow tree and contrasting line make it a lot easier to follow. Thanks.
makondo said on Nov 05 2006
Thanks, ChoGGi! It is indeed much easier and less cluttered, great job!
Paulfox said on Nov 04 2006
Outstanding. The multiple colors are VERY useful - thanks ChoGGi. I used the "width 12px" from np's DOM indent fixer, added "font-weight:bold!important" to the selected row, and made the highlight "yellow." This is fantastic; much easier to read and navigate!