-\r
-/******** Tree widget **********/\r
-\r
-/** basic tree ****************************************************\r
- * basic tree widget for use in main windows where no decoration\r
- * is required.\r
- **/\r
-tree {\r
- background-color: white;\r
- border: none;\r
- border-spacing: 0px;\r
-}\r
-\r
-/** class="inset" *************************************************\r
- * this is the tree class used by dialogs to create treeviews with \r
- * inset borders, and default dialog spacing.\r
- **/\r
-tree.inset {\r
- border-top: 1px solid #666699;\r
- border-bottom: 1px solid white;\r
- border-left: 1px solid #666699;\r
- border-right: 1px solid white;\r
- margin: 1px 5px 2px 5px;\r
-}\r
-\r
-treeitem[selected="true"] > treerow { \r
- color: white;\r
- background-color: #336699;\r
-}\r
-\r
-treecell { \r
- white-space: nowrap;\r
- vertical-align: middle;\r
- padding: 1px 0px 1px 2px;\r
-} \r
-\r
-.treecell-header { \r
- background-color: #CCD0DD; \r
- color: black;\r
- border-right: 1px solid white;\r
- vertical-align: middle;\r
- padding: 0px 0px 0px 5px;\r
-} \r
-\r
-.treecell-inset-header {\r
- background-color: #CCD0DD; \r
- border-top: 1px solid white;\r
- border-bottom: 1px solid #666699;\r
- border-left: 1px solid white;\r
- border-right: 1px solid #666699;\r
-}\r
-\r
-tree.inset > treehead > treerow > treecell.sortable:active {\r
- border-top: 1px solid #666699;\r
- border-bottom: 1px solid white;\r
- border-left: 1px solid #666699;\r
- border-right: 1px solid white;\r
-}\r
-\r
-/** class="propertylist" ******************************************\r
- * class for cells in grid-formatted property lists.\r
- **/\r
-treecell.propertylist {\r
- padding-left: 5px;\r
- border-right: 1px solid #CCD0DD;\r
- border-bottom: 1px solid #CCD0DD;\r
-}\r
-\r
-.tree-cell-primary-icon {\r
- list-style-image: inherit;\r
- padding-right: 2px;\r
-}\r
-\r
-.tree-cell-icon {\r
- list-style-image: inherit;\r
- padding-right: 2px;\r
-}\r
-\r
-.treecell-indent > .tree-cell-primary-icon {\r
- padding-left: 14px;\r
- }\r
-\r
-treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon {\r
- padding-left: 0px;\r
-}\r
-\r
-.tree-cell-twisty {\r
- list-style-image: url("chrome://global/skin/closedtwisty.gif");\r
- user-focus:ignore;\r
- padding-right: 2px;\r
-}\r
-\r
-treeitem[selected="true"] > treerow > treecell > .tree-cell-twisty {\r
- list-style-image: url("chrome://global/skin/closedtwisty-selected.gif");\r
-}\r
-\r
-.tree-cell-twisty:hover {\r
- text-decoration: none;\r
-}\r
-\r
-.tree-cell-twisty:active {\r
- text-decoration: none;\r
-}\r
-\r
-.tree-cell-twisty[disabled="true"] {\r
- list-style-image: none;\r
-}\r
-\r
-treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {\r
- list-style-image: url("chrome://global/skin/opentwisty.gif");\r
-}\r
-\r
-treeitem[selected="true"][container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {\r
- list-style-image: url("chrome://global/skin/opentwisty-selected.gif");\r
-}\r
-\r
-\r
-/* tree header with sort direction indicators */\r
-.sortDirectionIndicator[sortDirection="ascending"] > .tree-header-sortdirection {\r
- list-style-image: url("chrome://global/skin/sortAscending.gif");\r
- margin-right: 3px;\r
-}\r
-\r
-.sortDirectionIndicator[sortDirection="descending"] > .tree-header-sortdirection {\r
- list-style-image: url("chrome://global/skin/sortDescending.gif");\r
- margin-right: 3px;\r
-}\r
-\r
-treecol[sortDirection="true"],\r
-treecol[sortActive="true"]\r
- {\r
- background-color : #DFDFDF;\r
- }\r
-\r
-.treecell-popup-icon\r
- {\r
- list-style-image : url("chrome://global/skin/columnselect.gif");\r
- }\r
+
+/******** Tree widget **********/
+
+/** basic tree ****************************************************
+ * basic tree widget for use in main windows where no decoration
+ * is required.
+ **/
+tree {
+ background-color: white;
+ border: none;
+ border-spacing: 0px;
+}
+
+/** class="inset" *************************************************
+ * this is the tree class used by dialogs to create treeviews with
+ * inset borders, and default dialog spacing.
+ **/
+tree.inset {
+ border: 1px inset #CCCCDD;
+ margin: 1px 3px 2px 3px;
+}
+
+treeitem[selected="true"] > treerow,
+treeitem[dd-dropon="true"] > treerow
+ {
+ color: white;
+ background-color: #336699;
+ }
+
+treecell {
+ white-space: nowrap;
+ vertical-align: middle;
+ padding: 1px 0px 1px 2px;
+}
+
+.treecell-header-image
+ {
+ list-style-image : inherit;
+ }
+
+.treecell-header,
+.treecell-header-image,
+.treecell-inset-header {
+ background-color: #CCCCDD;
+ color: black;
+ border: 1px outset #CCCCDD;
+ vertical-align: middle;
+ padding: 0px;
+}
+
+.treecell-header-box,
+.treecell-header-image-box {
+ padding: 1px;
+}
+
+.treecell-header:hover:active > .treecell-header-box,
+.treecell-inset-header:hover:active > .treecell-header-box,
+.treecell-header-image:hover:active > .treecell-header-image-box {
+ padding: 2px 0px 0px 2px;
+}
+
+.treecell-header:hover:active,
+.treecell-inset-header:hover:active,
+.treecell-header-image:hover:active {
+ border: 1px inset #CCCCDD;
+}
+
+.treecell-image
+ {
+ padding : 0px;
+ }
+
+/** class="propertylist" ******************************************
+ * class for cells in grid-formatted property lists.
+ **/
+treecell.propertylist {
+ padding-left: 5px;
+ border-right: 1px solid #CCD0DD;
+ border-bottom: 1px solid #CCD0DD;
+}
+
+.tree-cell-primary-icon {
+ list-style-image: inherit;
+ padding-right: 2px;
+}
+
+.tree-cell-icon {
+ list-style-image: inherit;
+ padding-right: 2px;
+}
+
+.treecell-indent > .tree-cell-primary-icon {
+ padding-left: 14px;
+ }
+
+treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon {
+ padding-left: 0px;
+}
+
+.tree-cell-twisty {
+ list-style-image: url("chrome://global/skin/closedtwisty.gif");
+ user-focus:ignore;
+ padding-right: 2px;
+}
+
+treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon {
+ padding-left: 0px;
+}
+
+treeitem[selected="true"] > treerow > treecell > .tree-cell-twisty {
+ list-style-image: url("chrome://global/skin/closedtwisty-selected.gif");
+}
+
+.tree-cell-twisty:hover {
+ text-decoration: none;
+}
+
+.tree-cell-twisty:active {
+ text-decoration: none;
+}
+
+.tree-cell-twisty[disabled="true"] {
+ list-style-image: none;
+}
+
+treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {
+ list-style-image: url("chrome://global/skin/opentwisty.gif");
+}
+
+treeitem[selected="true"][container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {
+ list-style-image: url("chrome://global/skin/opentwisty-selected.gif");
+}
+
+
+/* tree header with sort direction indicators */
+.tree-header-sortdirection {
+ list-style-image : none;
+}
+
+.sortDirectionIndicator[sortDirection="ascending"] > .treecell-header-box > .tree-header-sortdirection {
+ list-style-image: url("chrome://global/skin/sortAscending.gif");
+}
+
+.sortDirectionIndicator[sortDirection="descending"] > .treecell-header-box > .tree-header-sortdirection {
+ list-style-image: url("chrome://global/skin/sortDescending.gif");
+}
+
+treecol[sortDirection="true"],
+treecol[sortActive="true"]
+ {
+ background-color : #DFDFDF;
+ }
+
+.treecell-popup-icon
+ {
+ list-style-image : url("chrome://global/skin/columnselect.gif");
+ }
+
+.inline-edit-cell-box
+ {
+ margin-left : 2px;
+ }
+
+/* Inline Editable Treecells */
+.textfield-inline-edit
+ {
+ border : 1px solid #666699 !important;
+ margin : 0px !important;
+ }
+
+.textfield-inline-edit > .textfield-internal-box > .textfield-input
+ {
+ border : 0px !important;
+ padding : 1px !important;
+ margin : 0px !important;
+ }
+
+.textfield-inline-edit > .textfield-internal-box
+ {
+ border : 0px !important;
+ padding : 0px !important;
+ margin : 0px !important;
+ }
+
+treerow[mode="inline-edit"]
+ {
+ background : transparent;
+ }
+
+
+
+