making tooltips smaller
[themes.git] / EarlyBlue / global / skin / tree.css
... / ...
CommitLineData
1
2/******** Tree widget **********/
3
4/** basic tree ****************************************************
5 * basic tree widget for use in main windows where no decoration
6 * is required.
7 **/
8tree {
9 background-color: white;
10 border: none;
11 border-spacing: 0px;
12}
13
14/** class="inset" *************************************************
15 * this is the tree class used by dialogs to create treeviews with
16 * inset borders, and default dialog spacing.
17 **/
18tree.inset {
19 border: 1px inset #CCD0DD;
20 margin: 1px 3px 2px 3px;
21}
22
23treeitem[selected="true"] > treerow,
24treeitem[dd-dropon="true"] > treerow
25 {
26 color: white;
27 background-color: #336699;
28 }
29
30treecell {
31 white-space: nowrap;
32 vertical-align: middle;
33 padding: 1px 0px 1px 2px;
34}
35
36.treecell-header-image
37 {
38 list-style-image : inherit;
39 }
40
41.treecell-header,
42.treecell-header-image,
43.treecell-inset-header {
44 background-color: #CCD0DD;
45 color: black;
46 border: 1px outset #CCD0DD;
47 vertical-align: middle;
48 padding: 0px;
49}
50
51.treecell-header-box,
52.treecell-header-image-box {
53 padding: 1px;
54}
55
56.treecell-header:hover:active > .treecell-header-box,
57.treecell-inset-header:hover:active > .treecell-header-box,
58.treecell-header-image:hover:active > .treecell-header-image-box {
59 padding: 2px 0px 0px 2px;
60}
61
62.treecell-header:hover:active,
63.treecell-inset-header:hover:active,
64.treecell-header-image:hover:active {
65 border: 1px inset #CCD0DD;
66}
67
68.treecell-image
69 {
70 padding : 0px;
71 }
72
73/** class="propertylist" ******************************************
74 * class for cells in grid-formatted property lists.
75 **/
76treecell.propertylist {
77 padding-left: 5px;
78 border-right: 1px solid #CCD0DD;
79 border-bottom: 1px solid #CCD0DD;
80}
81
82.tree-cell-primary-icon {
83 list-style-image: inherit;
84 padding-right: 2px;
85}
86
87.tree-cell-icon {
88 list-style-image: inherit;
89 padding-right: 2px;
90}
91
92.treecell-indent > .tree-cell-primary-icon {
93 padding-left: 14px;
94 }
95
96treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon {
97 padding-left: 0px;
98}
99
100.tree-cell-twisty {
101 list-style-image: url("chrome://global/skin/closedtwisty.gif");
102 user-focus:ignore;
103 padding-right: 2px;
104}
105
106treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon {
107 padding-left: 0px;
108}
109
110treeitem[selected="true"] > treerow > treecell > .tree-cell-twisty {
111 list-style-image: url("chrome://global/skin/closedtwisty-selected.gif");
112}
113
114.tree-cell-twisty:hover {
115 text-decoration: none;
116}
117
118.tree-cell-twisty:active {
119 text-decoration: none;
120}
121
122.tree-cell-twisty[disabled="true"] {
123 list-style-image: none;
124}
125
126treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {
127 list-style-image: url("chrome://global/skin/opentwisty.gif");
128}
129
130treeitem[selected="true"][container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {
131 list-style-image: url("chrome://global/skin/opentwisty-selected.gif");
132}
133
134
135/* tree header with sort direction indicators */
136.tree-header-sortdirection {
137 list-style-image : none;
138}
139
140.sortDirectionIndicator[sortDirection="ascending"] > .treecell-header-box > .tree-header-sortdirection {
141 list-style-image: url("chrome://global/skin/sortAscending.gif");
142}
143
144.sortDirectionIndicator[sortDirection="descending"] > .treecell-header-box > .tree-header-sortdirection {
145 list-style-image: url("chrome://global/skin/sortDescending.gif");
146}
147
148treecol[sortDirection="true"],
149treecol[sortActive="true"]
150 {
151 background-color : #DFDFDF;
152 }
153
154.treecell-popup-icon
155 {
156 list-style-image : url("chrome://global/skin/columnselect.gif");
157 }
158
159.inline-edit-cell-box
160 {
161 margin-left : 2px;
162 }
163
164/* Inline Editable Treecells */
165.textfield-inline-edit
166 {
167 border : 1px solid #666699 !important;
168 margin : 0px !important;
169 }
170
171.textfield-inline-edit > .textfield-internal-box > .textfield-input
172 {
173 border : 0px !important;
174 padding : 1px !important;
175 margin : 0px !important;
176 }
177
178.textfield-inline-edit > .textfield-internal-box
179 {
180 border : 0px !important;
181 padding : 0px !important;
182 margin : 0px !important;
183 }
184
185treerow[mode="inline-edit"]
186 {
187 background : transparent;
188 }
189
190
191
192
193