making tooltips smaller
[themes.git] / EarlyBlue / global / skin / tree.css
1
2 /******** Tree widget **********/
3
4 /** basic tree ****************************************************
5  *  basic tree widget for use in main windows where no decoration
6  *  is required.
7  **/
8 tree {
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  **/
18 tree.inset {
19   border: 1px inset #CCD0DD;
20   margin: 1px 3px 2px 3px;
21 }
22
23 treeitem[selected="true"] > treerow,
24 treeitem[dd-dropon="true"] > treerow
25   {
26         color: white;
27         background-color: #336699;
28   }
29
30 treecell { 
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  **/
76 treecell.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
96 treeitem[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
106 treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon {
107  padding-left: 0px;
108 }
109
110 treeitem[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
126 treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {
127  list-style-image: url("chrome://global/skin/opentwisty.gif");
128 }
129
130 treeitem[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
148 treecol[sortDirection="true"],
149 treecol[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
185 treerow[mode="inline-edit"] 
186   {
187     background            : transparent;
188   }
189
190
191
192
193