1d798428 |
1 | \r |
2 | /******** Tree widget **********/\r |
3 | \r |
4 | /** basic tree ****************************************************\r |
5 | * basic tree widget for use in main windows where no decoration\r |
6 | * is required.\r |
7 | **/\r |
8 | tree {\r |
9 | background-color: white;\r |
10 | border: none;\r |
11 | border-spacing: 0px;\r |
12 | }\r |
13 | \r |
14 | /** class="inset" *************************************************\r |
15 | * this is the tree class used by dialogs to create treeviews with \r |
16 | * inset borders, and default dialog spacing.\r |
17 | **/\r |
18 | tree.inset {\r |
19 | border-top: 1px solid #666699;\r |
20 | border-bottom: 1px solid white;\r |
21 | border-left: 1px solid #666699;\r |
22 | border-right: 1px solid white;\r |
23 | margin: 1px 5px 2px 5px;\r |
24 | }\r |
25 | \r |
26 | treeitem[selected="true"] > treerow { \r |
27 | color: white;\r |
28 | background-color: #336699;\r |
29 | }\r |
30 | \r |
31 | treecell { \r |
32 | white-space: nowrap;\r |
33 | vertical-align: middle;\r |
34 | padding: 1px 0px 1px 2px;\r |
35 | } \r |
36 | \r |
37 | .treecell-header { \r |
38 | background-color: #CCD0DD; \r |
39 | color: black;\r |
40 | border-right: 1px solid white;\r |
41 | vertical-align: middle;\r |
42 | padding: 0px 0px 0px 5px;\r |
43 | } \r |
44 | \r |
45 | .treecell-inset-header {\r |
46 | background-color: #CCD0DD; \r |
47 | border-top: 1px solid white;\r |
48 | border-bottom: 1px solid #666699;\r |
49 | border-left: 1px solid white;\r |
50 | border-right: 1px solid #666699;\r |
51 | }\r |
52 | \r |
53 | tree.inset > treehead > treerow > treecell.sortable:active {\r |
54 | border-top: 1px solid #666699;\r |
55 | border-bottom: 1px solid white;\r |
56 | border-left: 1px solid #666699;\r |
57 | border-right: 1px solid white;\r |
58 | }\r |
59 | \r |
60 | /** class="propertylist" ******************************************\r |
61 | * class for cells in grid-formatted property lists.\r |
62 | **/\r |
63 | treecell.propertylist {\r |
64 | padding-left: 5px;\r |
65 | border-right: 1px solid #CCD0DD;\r |
66 | border-bottom: 1px solid #CCD0DD;\r |
67 | }\r |
68 | \r |
69 | .tree-cell-primary-icon {\r |
70 | list-style-image: inherit;\r |
71 | padding-right: 2px;\r |
72 | }\r |
73 | \r |
74 | .tree-cell-icon {\r |
75 | list-style-image: inherit;\r |
76 | padding-right: 2px;\r |
77 | }\r |
78 | \r |
79 | .treecell-indent > .tree-cell-primary-icon {\r |
80 | padding-left: 14px;\r |
81 | }\r |
82 | \r |
83 | treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon {\r |
84 | padding-left: 0px;\r |
85 | }\r |
86 | \r |
87 | .tree-cell-twisty {\r |
88 | list-style-image: url("chrome://global/skin/closedtwisty.gif");\r |
89 | user-focus:ignore;\r |
90 | padding-right: 2px;\r |
91 | }\r |
92 | \r |
93 | treeitem[selected="true"] > treerow > treecell > .tree-cell-twisty {\r |
94 | list-style-image: url("chrome://global/skin/closedtwisty-selected.gif");\r |
95 | }\r |
96 | \r |
97 | .tree-cell-twisty:hover {\r |
98 | text-decoration: none;\r |
99 | }\r |
100 | \r |
101 | .tree-cell-twisty:active {\r |
102 | text-decoration: none;\r |
103 | }\r |
104 | \r |
105 | .tree-cell-twisty[disabled="true"] {\r |
106 | list-style-image: none;\r |
107 | }\r |
108 | \r |
109 | treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {\r |
110 | list-style-image: url("chrome://global/skin/opentwisty.gif");\r |
111 | }\r |
112 | \r |
113 | treeitem[selected="true"][container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {\r |
114 | list-style-image: url("chrome://global/skin/opentwisty-selected.gif");\r |
115 | }\r |
116 | \r |
117 | \r |
118 | /* tree header with sort direction indicators */\r |
119 | .sortDirectionIndicator[sortDirection="ascending"] > .tree-header-sortdirection {\r |
120 | list-style-image: url("chrome://global/skin/sortAscending.gif");\r |
121 | margin-right: 3px;\r |
122 | }\r |
123 | \r |
124 | .sortDirectionIndicator[sortDirection="descending"] > .tree-header-sortdirection {\r |
125 | list-style-image: url("chrome://global/skin/sortDescending.gif");\r |
126 | margin-right: 3px;\r |
127 | }\r |
128 | \r |
129 | treecol[sortDirection="true"],\r |
130 | treecol[sortActive="true"]\r |
131 | {\r |
132 | background-color : #DFDFDF;\r |
133 | }\r |
134 | \r |
135 | .treecell-popup-icon\r |
136 | {\r |
137 | list-style-image : url("chrome://global/skin/columnselect.gif");\r |
138 | }\r |